Clear and concise description of the problem

It would be awesome if you could add support for Angular (Ionic) so that I could use it for a company project that needs Tailwind.

Suggested solution

React and Vue for Ionic already exist, so it's probably possible to support Angular for Ionic (hopefully)?

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

Clear and concise description of the problem

I'm already using Tailwind Mobile in my project and would like to know if page transitions will be supported in the future. Thank you so much!

Suggested solution

Add page transition animations with native look and feel.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

Followed step by step the docs for the SvelteKit installation (with typescript), Tailwind and Konsta 0.8.0. While running the application or building it, I've got this error:

TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".svelte" for C:\Users\Me\Documents\Kit\node_modules\konsta\svelte\components\App.svelte
at new NodeError (node:internal/errors:371:5)
at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:87:11)
at defaultGetFormat (node:internal/modules/esm/get_format:102:38)
at defaultLoad (node:internal/modules/esm/load:21:14)
at ESMLoader.load (node:internal/modules/esm/loader:359:26)
at ESMLoader.moduleProvider (node:internal/modules/esm/loader:280:58)
at new ModuleJob (node:internal/modules/esm/module_job:66:26)
at ESMLoader.#createModuleJob (node:internal/modules/esm/loader:297:17)
at ESMLoader.getModuleJob (node:internal/modules/esm/loader:261:34)
at async ModuleWrap. (node:internal/modules/esm/module_job:81:21)

I was able to workaround the issue by applying the following parameter to konsta/package.json

"svelte": "./svelte/konsta-svelte.js"

Check that this is really a bug

• I confirm

Reproduction link

https://tailwind-mobile.com/

Bug description

При клике на TOAST ON CENTER, TOAST показывается снизу, а должен по центру.

Expected Behavior

TOAST должен показаться по центру.

Actual Behavior

TOAST показывается снизу.

Tailwind Mobile version

0.4.4

Platform/Target and Browser Versions

iOS theme

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Tailwind Mobile issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

Clear and concise description of the problem

We have prefix t- for tailwind utilities. but Konsta wouldnt pick tht automatically and adds so it uses tailwind without prefix
resulting in none of the components styles working

Suggested solution

None

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

Clear and concise description of the problem

Really love expandable cards of Framework7. But can not use framework7 because of the whole dependencies.
Konsta UI is designed to be used with other frameworks like ionic.

I plan to use it with Ionic, and would like to request the expandable cards feature - similar to the Framework7

Or if you can document, how can it be implemented using popups - but need the similar animation as framework 7

Suggested solution

A new expandable card component similar to Framework 7

Alternative

None

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

tailwind mobile + nuxt will be absolute bomb, combining ios theme with SSR is all we need :D

Check that this is really a bug

• I confirm

Reproduction link

App mypostnord

Bug description

When the html code for k-toggle is generated, it´s printed as a label, but without the label text and the relationship between the label and the input field that´s placed inside.

It may seem that this creates an error when you use voice over on the phone, nothing happens when you click on it.

Expected Behavior

It should be possible to toggle a checkbox in VoiceOver mode on iOS.

Actual Behavior

It is not possible to toggle a checkbox in VoiceOver mode on iOS.

Konsta UI version

v0.11.1

Platform/Target and Browser Versions

iOS

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Konsta UI issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

Check that this is really a bug

• I confirm

Reproduction link

https://github.com/pi0neerpat/redwood-capacitor-konsta-demo/tree/prerender-konsta-module-issue

Bug description

This is the beginning of hopefully a longer marriage of mobile support to the RedwoodJS framework (https://redwoodjs.com) via tools like Konsta, Capacitor, and Framework7. I created a demo which I have successfully running on Android https://github.com/pi0neerpat/redwood-capacitor-konsta-demo/tree/prerender-konsta-module-issue

Everything works smoothly until adding prerender (server side rendering https://redwoodjs.com/docs/prerender#prerendering-a-page)

Error [ERR_REQUIRE_ESM]: require() of ES Module /home/dev/repos/redwood-capacitor-konsta-demo/node_modules/konsta/react/cjs/konsta-react.js from /home/dev/repos/redwood-capacitor-konsta-demo/web/src/App.tsx not supported.
konsta-react.js is treated as an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which declares all .js files in that package scope as ES modules.
Instead rename konsta-react.js to end in .cjs, change the requiring code to use dynamic import() which is available in all CommonJS modules, or change "type": "module" to "type": "commonjs" in /home/dev/repos/redwood-capacitor-konsta-demo/node_modules/konsta/react/package.json to treat all .js files as CommonJS (using .mjs for all ES modules instead).

at Object.newLoader [as .js] (/home/dev/repos/redwood-capacitor-konsta-demo/node_modules/pirates/lib/index.js:141:7)
at Object.<anonymous> (/home/dev/repos/redwood-capacitor-konsta-demo/web/src/App.tsx:12:15)
at Module._compile (/home/dev/repos/redwood-capacitor-konsta-demo/node_modules/pirates/lib/index.js:136:24)
at Object.newLoader [as .tsx] (/home/dev/repos/redwood-capacitor-konsta-demo/node_modules/pirates/lib/index.js:141:7)
at /home/dev/repos/redwood-capacitor-konsta-demo/node_modules/@redwoodjs/prerender/dist/runPrerender.js:52:126

Neither option works

import { KonstaProvider } from 'konsta/react'
// const { KonstaProvider } = require('konsta/react')

The only fix I found was to manually remove "type": "module" from both konsta/shared/package.json and konsta/react/package.json

Konsta UI version

0.10.2

Platform/Target and Browser Versions

Ubuntu 20

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Konsta UI issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

`<Link slot="left" onClick={alert(2)} navbar>Back</Link>`

the alert will be called even on a page load (without click trigger)

Check that this is really a bug

• I confirm

Reproduction link

https://stackblitz.com/edit/react-ts-fnhcsl?file=Hello.tsx

Bug description

Input onChange event wrong typed.

Expected Behavior

e: React.ChangeEvent

Actual Behavior

e: React.FormEvent

Tailwind Mobile version

^0.5.0

Platform/Target and Browser Versions

Node v16

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Tailwind Mobile issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

Check that this is really a bug

• I confirm

Reproduction link

https://tailwind-mobile.com/kitchen-sink/react/dist/index.html#/form-inputs

Bug description

I point out that there is a problem with the Form inputs fields with floating labels.

When the field is empty and therefore the floating label is at its maximum size, an area of extra space is added to the view causing an overflow.

The problem does not occur when all fields are filled and therefore the floating label is at its minimum size.

Expected Behavior

(overflow hidden)

Actual Behavior

Tailwind Mobile version

0.4.5

Platform/Target and Browser Versions

macOS Safari 11.1.2, macOS Firefox 78.14.0esr, iOS Safari 13.4.1

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Tailwind Mobile issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

Clear and concise description of the problem

Panels currently are overlaid on other elements by default, and that is the only available mode

Suggested solution

It would be nice to have a slide-out panel that displaces the next div (usually the main component) and render it like a sidebar on larger displays , like that of framework7 reveal mode, with visible binding to keep open from a given breakpoint (this we can do with tailwind though).

Alternative

if there is a css only way to do this. Please suggest as that will be helpful

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

Check that this is really a bug

• I confirm

Reproduction link

https://github.com/Darkle/konstaui-types-issue

Bug description

The Link component doesnt seem to inherit native attributes.

After you have run npm i for the repo above and opened it in vscode, you will see a typescript error for the href attribute on the Link component saying: Type '{ href: string; }' is not assignable to type 'IntrinsicAttributes & LinkProps'. Property 'href' does not exist on type 'IntrinsicAttributes & LinkProps'

Checking the generated type for Link I found:

declare class Link extends SvelteComponentTyped<
  LinkProps,
  {  },
  {
    'default': {};
  }
> {}

If i change it to:

declare class Link extends SvelteComponentTyped<
  LinkProps & HTMLProps<HTMLAnchorElement>,
  {  },
  {
    'default': {};
  }
> {}

It then works ok.

I think the same issue occurs with other elements too. I guess this part of the script should be changed: https://github.com/konstaui/konsta/blob/master/scripts/build-svelte-types.js#L87

Expected Behavior

No response

Actual Behavior

No response

Konsta UI version

0.11.0

Platform/Target and Browser Versions

Debian Linux

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Konsta UI issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

Clear and concise description of the problem

Looks like Ionic is supported for React and Vue, could you please add Ionic support for Svelte?

Suggested solution

n/a

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

Check that this is really a bug

• I confirm

Reproduction link

https://tailwind-mobile.com/kitchen-sink/react/dist/index.html#/form-inputs

Bug description

The password type input field is not hiding the typed characters

Expected Behavior

The password type input field should hide the typed characters

Actual Behavior

No response

Tailwind Mobile version

0.4.4

Platform/Target and Browser Versions

Google chrome Version 93.0.4577.63 (Official Build) (64-bit)

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Tailwind Mobile issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

Check that this is really a bug

• I confirm

Reproduction link

GOOGLE.COM

Bug description

test

Expected Behavior

No response

Actual Behavior

No response

Tailwind Mobile version

test

Platform/Target and Browser Versions

test

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Tailwind Mobile issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

Clear and concise description of the problem

SolidJs https://www.solidjs.com/ is the fastest front end framework which is better than Reactjs and Sveltejs. There is no mobile UI component framework available for Solidjs.

Suggested solution

It would be great If KonstaUI can provide mobile UI components for Solidjs.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

Check that this is really a bug

• I confirm

Reproduction link

https://tailwind-mobile.com/kitchen-sink/react/dist/index.html#/form-inputs

Bug description

Edit the birthday form field, setting the year to 0001. The day and year will not set correctly. Using the date 01/01/0001 causes a blank field to be displayed.

Expected Behavior

The inputted date to be displayed

Actual Behavior

The wrong date or a blank field is being displayed

Tailwind Mobile version

latest? I didn't make the demo site

Platform/Target and Browser Versions

Android 11

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Tailwind Mobile issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

Aurora theme is needed for desktop & cross platform view, I would like to contribute a PR, izit i just need to replace the tailwind class as screenshot below in each of the components? Can we create the .scss file and apply the tailwind style and reuse the less variable just like how framework 7 https://framework7.io/docs/css-variables.html?

How do i or any interested community to be contributes in this ui library including documentations?

Check that this is really a bug

• I confirm

Reproduction link

https://stackblitz.com/edit/vite-fh6u6e

Bug description

I tried adding simple increment count click handler on one of the buttons in Buttons.svelte
` let count = 0;
function incrementCount() {
count += 1;
}
</script>

was created with unknown prop 'location' Buttons.svelte:3578:92
was created with unknown prop 'navigate' Buttons.svelte:3578:92

Expected Behavior

counter should increment and should show on top of button.

Actual Behavior

incremented counter not showing up on button.

Konsta UI version

0.11.1

Platform/Target and Browser Versions

chrome, firefox

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Konsta UI issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

Clear and concise description of the problem

When using Konsta UI with Svelte or Vue and setting default values for inputs in ListInput via defaultValue, the inputs remain empty. See the documentation example:

    <ListInput
      label="Birthday"
      type="date"
      defaultValue="2014-04-30"
      placeholder="Please choose..."
    >

Suggested solution

defaultValues should be set for inputs

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

@nolimits4web, any update on svelte ?
Svelte support will be added in January

Originally posted by @nolimits4web in #2 (comment)

npm run dev causing an error on a new version v0.10.3
if you switch to v0.10.0 - everything works fine

setup:

• vue3 via npx init vue@3
• tailwind v3.0.24
• vite v2.9.9

error message[screenshot lower]:

Cannot find module './config/config-extend.js'
Require stack:
- /Users/luvor/SmallProjects/figaro/figaro-konsta/node_modules/konsta/config.js
- /Users/luvor/SmallProjects/figaro/figaro-konsta/tailwind.config.js
- /Users/luvor/SmallProjects/figaro/figaro-konsta/node_modules/tailwindcss/lib/lib/setupTrackingContext.js
- /Users/luvor/SmallProjects/figaro/figaro-konsta/node_modules/tailwindcss/lib/index.js
- /Users/luvor/SmallProjects/figaro/figaro-konsta/postcss.config.js
10:41:32 PM [vite] Internal server error: Cannot find module './config/config-extend.js'
Require stack:
- /Users/luvor/SmallProjects/figaro/figaro-konsta/node_modules/konsta/config.js
- /Users/luvor/SmallProjects/figaro/figaro-konsta/tailwind.config.js
- /Users/luvor/SmallProjects/figaro/figaro-konsta/node_modules/tailwindcss/lib/lib/setupTrackingContext.js
- /Users/luvor/SmallProjects/figaro/figaro-konsta/node_modules/tailwindcss/lib/index.js
- /Users/luvor/SmallProjects/figaro/figaro-konsta/postcss.config.js
  Plugin: vite:css
  File: /Users/luvor/SmallProjects/figaro/figaro-konsta/src/App.vue?vue&type=style&index=0&lang.css
      at Module._resolveFilename (node:internal/modules/cjs/loader:939:15)
      at Module._load (node:internal/modules/cjs/loader:780:27)
      at Module.require (node:internal/modules/cjs/loader:1005:19)
      at require (node:internal/modules/cjs/helpers:102:18)
      at Object.<anonymous> (/Users/luvor/SmallProjects/figaro/figaro-konsta/node_modules/konsta/config.js:2:22)
      at Module._compile (node:internal/modules/cjs/loader:1105:14)
      at Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
      at Module.load (node:internal/modules/cjs/loader:981:32)
      at Module._load (node:internal/modules/cjs/loader:827:12)
      at Module.require (node:internal/modules/cjs/loader:1005:19)

Really impressed by Tailwind Mobile. I am just wondering if there's a way to use it without React, Svelte or Vue. Thanks!

Clear and concise description of the problem

If I install KONSTA under Vite+Vue and enable Tailwindcss JIT, the style does not seem to be applied well.

Suggested solution

Support JIT.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

When using v-for with Segmented Buttons the prop for active is showing up correctly, but the visuals do not show any button as active.

Example for Reproduction:

  <k-segmented strong>
    <k-segmented-button
      v-for="option of [1, 2, 3]"
      :key="option"
      small
      strong
      :active="option === 1"
    >{{ option }} </k-segmented-button>
  </k-segmented>

i was trying to use the component library and a i have the following issue

i try to downdrage the versions but i was not successful

Clear and concise description of the problem

Row separators are not pixel-perfect on Windows laptops with a scale of %125 (this is the default setup for 15" HD monitors)

Suggested solution

This is just a workaround:

.hairline-b:after {
    height: 0.5px;
}

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

warn - The `purge`/`content` options have changed in Tailwind CSS v3.0.
warn - Update your configuration file to eliminate this warning.

UI breaks when I change the purge option to content when Tailwind CSS v3.0 config is extended with Tailwind Mobile config.

Check that this is really a bug

• I confirm

Reproduction link

App mypostnord

Bug description

When the html code for k-navbar is generated, an extra div is added at the top of the code that is printed. This is marked below, and begins with the class absolute.

I think this line, and maybe more will need to be modified to look something like this:

React.FunctionComponent<PropsWithChildren<KonstaProviderProps>>

Have a look on this web components concept & functions, etc. https://developer.mozilla.org/en-US/docs/Web/Web_Components

I would suggest to use Vue js to develop web components. Hence you just write a single codebase, it can be used across any framework. https://v3.vuejs.org/guide/web-components.html#web-components-vs-vue-components

Based on my experience on React js, its hooks is very good to use, but its not friendly to write or use web component, we have to build a wrapper to use it with web component, but its still works well with web components, check this out https://reactjs.org/docs/web-components.html

Check that this is really a bug

• I confirm

Reproduction link

cant

Bug description

Cant bind a click event on svelte, just did a fresh install, cofigure tailwind like the page.
image
Just to be sure i try both methods on:click={() => console.log("HI")} and the image one

Expected Behavior

click event working

Actual Behavior

error declaring the click event

Konsta UI version

0.8.2

Platform/Target and Browser Versions

windows, Edge

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Konsta UI issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

Clear and concise description of the problem

Izit possible to add this notification component to tailwind mobile?

Because i am developing an existing project, i did tried framework 7 but its heavily depends on the f7-app, and unable to combined with the project, hence, I am not using framework 7.

However i saw tailwind-mobile is possible to combined with any existing project & frameworks & packages. Hence, im here to request notification components.

Suggested solution

Sorry, im not sure whats the solutions, need project author & collaborator to advice.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

Check that this is really a bug

• I confirm

Reproduction link

https://konstaui.com/vue/segmented

Bug description

Active segmented-button getting red.

Expected Behavior

Active segmented-button is supposed to be white.

Actual Behavior

No response

Konsta UI version

0.7.0

Platform/Target and Browser Versions

Windows 10 / Chrome 97.0.4692.71

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Konsta UI issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

Bug description

HMR update not working on released version.

Reproduction link

https://github.com/Edsuns/tailwind-mobile

Reproduction

1. Clone https://github.com/Edsuns/tailwind-mobile.git .
2. Run npm run vue .
3. Open the webpage in a browser.
4. Open kitchen-sink/vue/pages/Home.vue .
5. Modify the title attribute in twm-navbar tag.
6. Finally, you won't see any change on the webpage. It means that HMR is not working properly.

Note: My fork just modified the tailwind-mobile version from file:src to ^0.5.0 and disabled editor.formatOnSave .

Tailwind Mobile version

v0.5.0

Platform/Target and Browser Versions

• Windows 10
• Chrome 95.0.4638.54

Svelte support will be added in January

Originally posted by @nolimits4web in #2 (comment)

@nolimits4web Hi. Am just checking to see how far out this still is , and if there is anyway we can contribute. Thanks

Clear and concise description of the problem

I use windi as tailwind alternative https://windicss.org/
It use the same config system as Tailwind it can be interesting to make them compatible

Suggested solution

Test and document the usage of windy

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

As title says, when clicking DeleteIcon to clear up the input, the onClear handler is not triggered. The issue could be checked in the official docs in Svelte KitchenSink > ListInputs > Clear Button

Hello, I just found this project and it looks pretty good, but I don't see how to use it with svelte.

I see the svelte docs are not ready, but can you give some basic pointers?

Clear and concise description of the problem

I tried to extend the Roboto font but I couldn't.

Suggested solution

It'd be great if we can extend default fonts.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

Check that this is really a bug

• I confirm

Reproduction link

https://github.com/tranhoang1010vn/nextjs-konsta.git

Bug description

error - SyntaxError: Named export 'AppClasses' not found. The requested module '../../../shared/esm/classes/AppClasses.js'
is a CommonJS module, which may not support all module.exports as named exports.

file:///D:/Repo-Nextjs-QLGV/node_modules/konsta/react/esm/components/App.js:6
import { AppClasses } from '../../../shared/esm/classes/AppClasses.js';
^^^^^^^^^^
SyntaxError: Named export 'AppClasses' not found. The requested module '../../../shared/esm/classes/AppClasses.js' is a CommonJS module, which may not support all module.exports as named exports.

I use dependencies : {
"axios": "^0.26.1",
"konsta": "^0.8.1",
"next": "^12.1.5",
"next-auth": "^4.3.2",
"react": "^18.0.0",
"react-dom": "^18.0.0"
},

Expected Behavior

No response

Actual Behavior

No response

Konsta UI version

0.8.1

Platform/Target and Browser Versions

Windows 10

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Konsta UI issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

Clear and concise description of the problem

The basic sheet modal works great, but lacks basic functionality like swipe / pull back to close and swipe to expand.
Framework7 supports it, but i can not use framework7 just for this feature as it comes up with much more.

Suggested solution

Sheet modal what supports swipe to close and expand

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR

Hi @nolimits4web How can i help/ contribute to getting out a svelte version . I see there is currently only react version in the source. I thought i could mix tailwind styling with framework 7 component's given that each component exports a className property , but that didn't seem to take any effect. I happened upon this project while searching for a way to do that.

I can't get konsta to work with nuxt 3.0.0-rc3.

In dev-mode everything is fine, but when i build the app with "nuxt build" I get an Error:
TypeError: Cannot read properties of null (reading 'isCE')

Can someone please help me to fix this?