From bae366816836f465e203a4cf3fe8bbb62c8cd1e6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Thu, 25 Jun 2026 15:48:54 +0200 Subject: [PATCH 01/35] feat: remove TailwindCSS v3 references and update docs for v4-only configuration --- docs/.vitepress/config.ts | 4 - docs/docs/base/config.md | 214 +----------------------------- docs/docs/base/theme.md | 23 +--- docs/docs/base/transitions.md | 2 +- docs/docs/index.md | 98 ++++---------- docs/docs/layers.md | 37 ------ docs/docs/utilities/accent.md | 5 +- docs/docs/utilities/animation.md | 27 +--- docs/docs/utilities/divide-gap.md | 5 +- 9 files changed, 39 insertions(+), 376 deletions(-) delete mode 100644 docs/docs/layers.md diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts index a317796..1f9ae69 100644 --- a/docs/.vitepress/config.ts +++ b/docs/.vitepress/config.ts @@ -104,10 +104,6 @@ export default defineConfig({ text: 'Grid', link: '/docs/grid' }, - { - text: 'Layers', - link: '/docs/layers' - }, { text: 'Tokens', link: '/docs/tokens' diff --git a/docs/docs/base/config.md b/docs/docs/base/config.md index d5f0ee2..4a3be04 100644 --- a/docs/docs/base/config.md +++ b/docs/docs/base/config.md @@ -7,7 +7,7 @@ so you can use these properties in both current and future versions of TailwindC <<< @/../node_modules/winduum/src/theme/config/index.css -## Tailwind CSS v4 +## Tailwind CSS In the new version of TailwindCSS the configuration is done via CSS, so no plugin is necessary. Most of the config CSS properties are also part of the new version. @@ -15,214 +15,4 @@ Most of the config CSS properties are also part of the new version. @import "tailwindcss/theme.css" layer(theme); @import "winduum/tailwindcss/theme/config/index.css" layer(theme); @import "winduum/tailwindcss/theme/default.css" layer(theme); -``` - -## Tailwind CSS v3 - -To add `winduum` to TailwindCSS v3, add folowing plugin to `tailwind.config.js` configuration file. - -```js -import winduum from 'winduum' - -export default { - darkMode: 'class', - content: [ - './node_modules/winduum/src/**/*.js', - './src/**/*.{js,html}' - ], - plugins: [ - winduum({ - // config options - }) - ], -} -``` - -You can customize config with options listed bellow. - -This plugin disables by default following TailwindCSS corePlugins - -* **preflight** - custom modern css reset is used, see [Reset](/docs/base/reset) - -Winduum also exports useful helper functions you can use in your `tailwind.config.js`, see [`utils/tailwind.js`](https://github.com/winduum/winduum/blob/main/utils/tailwind.js) for more info. - -### settings.rgb -Include `-rgb` color variants. Learn more about this in [Compatibility](/docs/base/theme.html#compatibility) section. - -* **Type:** `boolean` -* **Default:** `false` - -### settings.colorMix -Use `color-mix` in color variants instead of rgb. Learn more about this in [Compatibility](/docs/base/theme.html#compatibility) section. - -* **Type:** `boolean` -* **Default:** `true` - -### colors -* **Type:** `string[] | string` -* **Default:** `undefined` - -These are additional color tokens that can be used with TailwindCSS as CSS custom properties, which can be then defined in `.css`. See [Colors](/docs/colors) for more info. -Or you can add a path to `.css` file containing the CSS custom properties, and it will be parsed automatically. - -Example `bg-primary`: -```css -.bg-primary { - background-color: color-mix(in sRGB, var(--color-primary) calc(var(--tw-bg-opacity, 1) * 100%), transparent); -} -``` - -### fontFamily -* **Type:** `string[] | string` -* **Default:** `undefined` - -These are additional font-family tokens that can be used with TailwindCSS as CSS properties, which can be then defined in `.css`. -Or you can add a path to `.css` file containing the CSS custom properties, and it will be parsed automatically. - -Example `font-primary`: -```css -.font-primary { - font-family: var(--font-primary); -} -``` - -### fontWeight -* **Type:** `string[] | string` -* **Default:** `undefined` - -These are additional font-weight tokens that can be used with TailwindCSS as CSS properties, which can be then defined in `.css`. -Or you can add a path to `.css` file containing the CSS custom properties, and it will be parsed automatically. - -Example `font-bold`: -```css -.font-bold { - font-weight: var(--font-bold); -} -``` - -### ease -* **Type:** `string[] | string` -* **Default:** `undefined` - -These are additional transition easing tokens that can be used with TailwindCSS as CSS properties, which can be then defined in `.css`. -Or you can add a path to `.css` file containing the CSS custom properties, and it will be parsed automatically. - -Example `ease-linear`: -```css -.ease-linear { - transition-timing-function: var(--ease-linear); -} -``` - -### zIndex -* **Type:** `string[] | string` -* **Default:** `undefined` - -These are additional z-index tokens that can be used with TailwindCSS as CSS properties, which can be then defined in `.css`. -Or you can add a path to `.css` file containing the CSS custom properties, and it will be parsed automatically. - -Example `z-10`: -```css -.z-10 { - z-index: var(--z-10); -} -``` - -### fontSize -* **Type:** `string[] | string` -* **Default:** `undefined` - -These are additional `font-size` tokens that can be used with TailwindCSS as CSS properties, which can be then defined in `.css`. -Or you can add a path to `.css` file containing the CSS custom properties, and it will be parsed automatically. - -Example `text-md`: -```css -.text-md { - font-size: var(--font-size-md); - line-height: calc(var(--font-size-md) + 0.5rem); -} -``` - -### spacing -* **Type:** `string[] | string` -* **Default:** `undefined` - -These are additional spacing tokens that can be used with TailwindCSS as CSS properties, which can be then defined in `.css`. -Or you can add a path to `.css` file containing the CSS custom properties, and it will be parsed automatically. - -Example `gap-4`: -```css -.gap-4 { - gap: var(--spacing-4); -} -``` - -Example `px-4`: -```css -.px-4 { - padding-left: var(--spacing-4); - padding-right: var(--spacing-4); -} -``` - -### borderRadius -* **Type:** `string[] | string` -* **Default:** `undefined` - -These are additional border-radius tokens that can be used with TailwindCSS as CSS properties, which can be then defined in `.css`. -Or you can add a path to `.css` file containing the CSS custom properties, and it will be parsed automatically. - -Example `rounded-md`: -```css -.rounded-md { - border-radius: var(--radius-md); -} -``` - -### animations -* **Type:** `string[]` -* **Default:** `['fade-in', 'fade-out', 'ripple', 'spin', 'move-indeterminate']` - -These are additional animation tokens that can be used with TailwindCSS as CSS properties, which can be then defined in `.css`. -Or you can add a path to `.css` file containing the CSS custom properties, and it will be parsed automatically. - -Example `animation-fade-in`: -```css -.animation-fade-in { - animation-name: fade-in; -} -``` - -### mask -* **Type:** `string[] | string` -* **Default:** `undefined` - -These are additional mask tokens that can be used with TailwindCSS as CSS properties, which can be then defined in `.css`. -Or you can add a path to `.css` file containing the CSS custom properties, and it will be parsed automatically. - -Example `animation-fade-in`: -```css -.mask-check { - mask: var(--mask-check) -} -``` - -### screens -* **Type:** `object` -* **Default:** -```js -{ - 'xs': '22.5em', - 'sm': '26em', - 'md': '48em', - 'lg': '60em', - 'xl': '76em', - '2xl': '82em', - '3xl': '88em', - '4xl': '100em', - 'xxl': '126em', - '2xxl': '158em' -} -``` - -These are new media queries tokens that can be used with TailwindCSS, see more in [Breakpoints](/docs/base/breakpoints) +``` \ No newline at end of file diff --git a/docs/docs/base/theme.md b/docs/docs/base/theme.md index bd17261..ff478d2 100644 --- a/docs/docs/base/theme.md +++ b/docs/docs/base/theme.md @@ -6,17 +6,18 @@ Theming in Winduum is really easy. All it takes is a few CSS properties. There a Each `color-mix` function also contains `--default-color-space` property, which you can change from `sRGB` to mix colors in different color spaces. You can use colors in any format you want. -### TailwindCSS v4 +### Without TailwindCSS + +[`src/theme/default.css`](https://github.com/winduum/winduum/blob/main/src/theme/default.css) + +### TailwindCSS Instead of `:root, :host` the `v4` `@theme` at-rule is used. [`tailwindcss/theme/default.css`](https://github.com/winduum/winduum/blob/main/tailwindcss/theme/default.css) -### TailwindCSS v3 - -[`src/theme/default.css`](https://github.com/winduum/winduum/blob/main/src/theme/default.css) +<<< @/../node_modules/winduum/tailwindcss/theme/default.css -<<< @/../node_modules/winduum/src/theme/default.css ## Default P3 @@ -31,15 +32,3 @@ Better high range colors for P3 capable displays. [`src/theme/dark.css`](https://github.com/winduum/winduum/blob/main/src/theme/dark.css) <<< @/../node_modules/winduum/src/theme/dark.css - - - -## Compatibility - -Support for `color-mix` is almost `90%` global usage. -But if you want better compatibility you can still use `rgb` -which can be enabled it in the [Config](/docs/base/config.html#settings-rgb) (only for TailwindCSS v3). -In that case, you have to use rgb variants for theming in your own components. - -* [`src/theme/default-rgb.css`](https://github.com/winduum/winduum/blob/main/src/theme/default-rgb.css) -* [`src/theme/dark-rgb.css`](https://github.com/winduum/winduum/blob/main/src/theme/dark-rgb.css) diff --git a/docs/docs/base/transitions.md b/docs/docs/base/transitions.md index f2b86b1..8941ece 100644 --- a/docs/docs/base/transitions.md +++ b/docs/docs/base/transitions.md @@ -1,7 +1,7 @@ # Transitions This activates the [View Transitions API](https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API) with cross-document animations.
-CSS properties can be changed via [Config](https://github.com/winduum/winduum/blob/main/src/theme/config.css). +CSS properties can be changed via [Config](/docs/base/config/). [`src/base/transitions.css`](https://github.com/winduum/winduum/blob/main/src/base/transitions.css) diff --git a/docs/docs/index.md b/docs/docs/index.md index a961488..fdd2408 100644 --- a/docs/docs/index.md +++ b/docs/docs/index.md @@ -3,9 +3,6 @@ You can use Winduum with or without [TailwindCSS](https://tailwindcss.com/). Check out the [About](/docs/about) page to learn more about Winduum and its philosophy. -Winduum `2.x` is using compatible naming for CSS custom properties that work with both current and old versions of TailwindCSS, -specifically `v4` and `v3`. - ## Get started You can install Winduum via **npm** and use it in your **Node.js** project.
@@ -21,45 +18,10 @@ See [Trying Winduum Online](#trying-winduum-online) section below to see all pos npm i winduum ``` -The components are written in plain CSS, so sources can be also loaded in browsers without a build step or used in any other build tool such as **PostCSS** or **LightningCSS**. - -```css -@import "winduum/src/theme/index.css" layer(theme); -@import "winduum/src/base/index.css" layer(base); -@import "winduum/src/components/index.css" layer(utilities); -@import "winduum/src/utilities/index.css" layer(utilities); -``` - -Or you can include components separately, follow usage steps with each component. - -```css -@import "winduum/src/theme/index.css" layer(theme); -@import "winduum/src/base/index.css" layer(base); -@import "winduum/src/components/button/index.css" layer(utilities); -@import "winduum/src/utilities/index.css" layer(utilities); -``` - -Or paste the source code to your project and make it your own! - -```css -@import "@/styles/theme/index.css" layer(theme); -@import "@/styles/base/index.css" layer(base); -@import "@/styles/components/button/index.css" layer(utilities); -@import "@/styles/utilities/index.css" layer(utilities); -``` - - - -With `layer(utilities)` you can use TailwindCSS variant classes, for example `class="x-button lg:square"` to make button square only from `lg` breakpoint. (Not wokring with TailwindCSS v4 currently) - ### TailwindCSS It's optional but recommended to leverage the full functionality of the library! -#### v4 - -To use TailwindCSS `v4`, you will have to import TailwindCSS and Winduum imports individually. - ```css @import "tailwindcss/theme.css" layer(theme); @import "winduum/tailwindcss/theme/config/index.css" layer(theme); @@ -83,50 +45,40 @@ To use TailwindCSS `v4`, you will have to import TailwindCSS and Winduum imports @import "winduum/src/base/transitions.css"; ``` -TailwindCSS `v4` can be used in any project with Vite and works out of the box. -No `tailwind.config.js` needed! -All configuration is done in CSS! +Follow the installation steps in [TailwindCSS](https://tailwindcss.com/docs/installation/using-vite) docs. -```javascript -import tailwindcss from '@tailwindcss/vite' -import { defineConfig } from 'vite' +### Without TailwindCSS -export default defineConfig({ - plugins: [tailwindcss()], -}) -``` +The components are written in plain CSS, so sources can be also loaded in browsers without a build step or used in any other build tool such as **PostCSS** or **LightningCSS**. -#### v3 +```css +@import "winduum/src/theme/index.css" layer(theme); +@import "winduum/src/base/index.css" layer(base); + +/* all components in one import */ +@import "winduum/src/components/index.css" layer(utilities); +@import "winduum/src/utilities/index.css" layer(utilities); +``` -To use TailwindCSS `v3`, you will have to import TailwindCSS and Winduum imports individually. +Or you can include components separately, follow usage steps with each component. ```css -@import "winduum/src/theme/index.css"; -@import "winduum/src/base/index.css"; -@import "winduum/src/components/index.css" layer(utilities); +@import "winduum/src/theme/index.css" layer(theme); +@import "winduum/src/base/index.css" layer(base); + +/* one component at a time */ +@import "winduum/src/components/button/index.css" layer(utilities); @import "winduum/src/utilities/index.css" layer(utilities); -@import "winduum/tailwindcss/base/defaults.css"; -@import "tailwindcss/base.css"; -@import "tailwindcss/components.css"; -@import "tailwindcss/utilities.css"; -@import "tailwindcss/variants.css"; ``` -Follow the installation steps in [TailwindCSS](https://v3.tailwindcss.com/docs/installation) docs -and include Winduum as a plugin, -see [Config](/docs/base/config#tailwind-css-v3) for more info. - -## PostCSS or LightingCSS -For TailwindCSS `v3` following PostCSS plugins are required. -If you are using `v4` the [LightingCSS](https://lightningcss.dev/) is used out of the box. - -* [`autoprefixer`](https://www.npmjs.com/package/autoprefixer) -* [`tailwindcss`](https://www.npmjs.com/package/tailwindcss) -* [`postcss-nesting`](https://www.npmjs.com/package/postcss-nesting) -* [`postcss-import`](https://www.npmjs.com/package/postcss-import) -* [`postcss-custom-media`](https://www.npmjs.com/package/postcss-custom-media) - -If you are not using TailwindCSS, you can use whatever you want, even no build step! +Or paste the source code to your project and make it your own! + +```css +@import "@/styles/theme/index.css" layer(theme); +@import "@/styles/base/index.css" layer(base); +@import "@/styles/components/button/index.css" layer(utilities); +@import "@/styles/utilities/index.css" layer(utilities); +``` ## Stylelint diff --git a/docs/docs/layers.md b/docs/docs/layers.md deleted file mode 100644 index 47c9c8b..0000000 --- a/docs/docs/layers.md +++ /dev/null @@ -1,37 +0,0 @@ -# Layers - -All component styles are written with low specificity in mind. This ensures that any utility classes have higher specificity. - -You can also leverage [CSS Layers](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_layers) to have even better control of your specificity. This can be also combined with [TailwindCSS layers](https://tailwindcss.com/docs/adding-custom-styles#using-css-and-layer). - -## TailwindCSS v4 - -Future version of TailwindCSS uses layers by default, so no configration is needed. - -## TailwindCSS v3 -If you want to write CSS [per-component](https://tailwindcss.com/docs/adding-custom-styles#layers-and-per-component-css), be aware that here you cannot use TailwindCSS layers. Well you could, but it would have some unfortunate side effects of utility classes leaking into components. You can use layers globally like this. - -```css -@layer winduum-base, winduum-components, winduum-utilities, winduum-variants; - -@import "winduum/src/base/index.css" layer(base); -@import "winduum/src/components/index.css" layer(utilities); -@import "winduum/src/components/index.css" layer(utilities); -@import "winduum/src/utilities/index.css" layer(utilities); - -@layer winduum-base { - @tailwind base; -} - -@layer winduum-components { - @tailwind components; -} - -@layer winduum-utilities { - @tailwind utilities; -} - -@layer winduum-variants { - @tailwind variants; -} -``` diff --git a/docs/docs/utilities/accent.md b/docs/docs/utilities/accent.md index 3d42708..4e13b64 100644 --- a/docs/docs/utilities/accent.md +++ b/docs/docs/utilities/accent.md @@ -1,7 +1,7 @@ # Accent Provides a new TailwindCSS utility class `accent` which extends [Accent](https://tailwindcss.com/docs/accent) utility classe. -## TailwindCSS v4 +## TailwindCSS Include CSS file with the `@utility` at-rule. @@ -11,9 +11,6 @@ Include CSS file with the `@utility` at-rule. @import "winduum/tailwindcss/utilities/accent.css"; ``` -## TailwindCSS v3 -Add plugin via the `tailwind.config.js`, see [Config](/docs/base/config#tailwind-css-v3) for more info. - ## Example diff --git a/docs/docs/utilities/animation.md b/docs/docs/utilities/animation.md index e186e01..d2a0245 100644 --- a/docs/docs/utilities/animation.md +++ b/docs/docs/utilities/animation.md @@ -6,10 +6,9 @@ You should use this together with [Keyframes](/docs/base/keyframes) or use your ### Dependencies -* [tailwindcss](https://tailwindcss.com/) (TailwindCSS v4 @utility) -* [winduum](/docs/base/config.html#tailwind-css-v3) (TailwindCSS v3 plugin) +* [tailwindcss](https://tailwindcss.com/) (TailwindCSS @utility) -## TailwindCSS v4 +## TailwindCSS You can add more via the `@theme` at-rule, see [Config](/docs/base/config#tailwind-css-v4) for more info.
Include CSS file with the `@utility` at-rule. @@ -58,24 +57,4 @@ or use arbitrary value .animation-fade-in { animation-name: fade-in; } -``` - -## TailwindCSS v3 -You can add more via the `tailwind.config.js`, see [Config](/docs/base/config#tailwind-css-v3) for more info. - -### Example -```html -
- Content -
-``` -```css -.animation { - animation-duration: var(--default-animation-duration, var(--default-transition-duration)); - animation-fill-mode: both; -} - -.animation-fade-in { - animation-name: fade-in; -} -``` +``` \ No newline at end of file diff --git a/docs/docs/utilities/divide-gap.md b/docs/docs/utilities/divide-gap.md index fbbc48e..ca2377f 100644 --- a/docs/docs/utilities/divide-gap.md +++ b/docs/docs/utilities/divide-gap.md @@ -1,7 +1,7 @@ # Divide Gap Provides a new TailwindCSS utility classes `divide-gap-x` and `divide-gap-y` for easier way to do gap between [Divide](https://tailwindcss.com/docs/divide-width) utility classes. You can use all values from [Spacing scale](https://tailwindcss.com/docs/customizing-spacing#default-spacing-scale). -## TailwindCSS v4 +## TailwindCSS Include CSS file with the `@utility` at-rule. @@ -11,9 +11,6 @@ Include CSS file with the `@utility` at-rule. @import "winduum/tailwindcss/utilities/divide-gap.css"; ``` -## TailwindCSS v3 -Add plugin via the `tailwind.config.js`, see [Config](/docs/base/config#tailwind-css-v3) for more info. - ## Example From 0322664fb5cd902ce7d78a5d24fd12880cd3161d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Thu, 25 Jun 2026 15:58:39 +0200 Subject: [PATCH 02/35] feat: update navigation config with new links, sections, and adjustments --- docs/.vitepress/config.ts | 68 ++++++++++++++++++++++++++++++++------- 1 file changed, 56 insertions(+), 12 deletions(-) diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts index 1f9ae69..8c79eb6 100644 --- a/docs/.vitepress/config.ts +++ b/docs/.vitepress/config.ts @@ -107,6 +107,10 @@ export default defineConfig({ { text: 'Tokens', link: '/docs/tokens' + }, + { + text: 'Polyfills', + link: '/docs/polyfills' } ] }, @@ -140,7 +144,7 @@ export default defineConfig({ { text: 'Transitions', link: '/docs/base/transitions' - } + }, ] }, { @@ -222,9 +226,13 @@ export default defineConfig({ text: 'Label', link: '/docs/components/label' }, + // { + // text: 'Link', + // link: '/docs/components/link' + // }, { - text: 'Link', - link: '/docs/components/link' + text: 'Marquee', + link: '/docs/components/marquee' }, { text: 'Notice', @@ -284,7 +292,6 @@ export default defineConfig({ } ] }, - { text: 'Utilities', items: [ @@ -296,10 +303,10 @@ export default defineConfig({ text: 'Animation', link: '/docs/utilities/animation' }, - { - text: 'Container', - link: '/docs/utilities/container' - }, + // { + // text: 'Container', + // link: '/docs/utilities/container' + // }, { text: 'Divide Gap', link: '/docs/utilities/divide-gap' @@ -312,6 +319,22 @@ export default defineConfig({ text: 'Dot', link: '/docs/utilities/dot' }, + { + text: 'Grid', + link: '/docs/utilities/grid' + }, + { + text: 'Link', + link: '/docs/utilities/link' + }, + { + text: 'Position', + link: '/docs/utilities/position' + }, + { + text: 'Ripple', + link: '/docs/utilities/ripple' + }, { text: 'Skeleton', link: '/docs/utilities/skeleton' @@ -324,15 +347,36 @@ export default defineConfig({ text: 'Swap', link: '/docs/utilities/swap' }, - { - text: 'Ripple', - link: '/docs/utilities/ripple' - }, { text: 'Underline', link: '/docs/utilities/underline' + }, + { + text: 'View Transition', + link: '/docs/utilities/view-transition' } ] + }, + { + text: "Variants", + items: [ + { + text: 'Dark', + link: '/docs/variants/dark' + }, + { + text: 'Hocus', + link: '/docs/variants/hocus' + }, + { + text: 'Interest', + link: '/docs/variants/interest' + }, + { + text: 'Scroll State', + link: '/docs/variants/scrolll-state' + }, + ] } ] } From 8204e7bc1bf22dd1403598e440d3fec881edd1a4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Thu, 25 Jun 2026 16:01:05 +0200 Subject: [PATCH 03/35] docs: refine TailwindCSS details in feature description --- docs/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/index.md b/docs/index.md index 8c6c86e..80ae723 100644 --- a/docs/index.md +++ b/docs/index.md @@ -37,7 +37,7 @@ features: details: Everything is written in plain CSS and JS, so you can use it with any framework you want. You can also use pre-build components for Vue etc. TailwindCSS is optional, but it's recommended. - icon: 🎨 title: Extends TailwindCSS - details: Adds a plugin for TailwindCSS which adds new handy utilities and CSS properties. You don't even need to use TailwindCSS, but is recommend for full experience. + details: Adds new handy utilities, variants and CSS properties. You don't even need to use TailwindCSS, but is recommend for full experience. - icon: 🚀 title: Small and fast details: Doesn't reinvent the wheel, many components are using existing optimized standards. So the focus is that the final javascript code is minimal! From 4ae47d49d468c7e9bd104b26008fc117cc344bba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Thu, 25 Jun 2026 16:37:21 +0200 Subject: [PATCH 04/35] docs: add links for `winduum-elements` and `winduum-stimulus`, update component references and navigation --- docs/.vitepress/config.ts | 16 ++++++++++++++++ docs/docs/about.md | 2 +- docs/docs/components/button.md | 3 ++- docs/docs/components/carousel.md | 2 ++ docs/docs/components/check.md | 2 ++ docs/docs/components/compare.md | 3 ++- docs/docs/components/control.md | 3 ++- docs/docs/components/details.md | 1 - docs/docs/components/dialog.md | 1 - docs/docs/components/drawer.md | 3 ++- docs/docs/components/form.md | 3 ++- docs/docs/components/image.md | 2 ++ docs/docs/components/popover.md | 3 ++- docs/docs/components/range.md | 3 ++- docs/docs/components/tabs.md | 3 ++- docs/docs/components/toast.md | 3 ++- docs/docs/components/toaster.md | 3 ++- docs/docs/index.md | 2 ++ 18 files changed, 45 insertions(+), 13 deletions(-) diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts index 8c79eb6..6ca3a13 100644 --- a/docs/.vitepress/config.ts +++ b/docs/.vitepress/config.ts @@ -69,11 +69,27 @@ export default defineConfig({ text: 'Changelog', link: 'https://github.com/winduum/winduum/blob/main/CHANGELOG.md' }, + { + text: 'v2', + link: 'https://v2--winduum.netlify.app/' + }, { text: 'v1', link: 'https://v1--winduum.netlify.app/' } ] + }, + { + items: [ + { + text: 'Webuum', + link: 'https://webuum.dev' + }, + { + text: 'Vituum', + link: 'https://vituum.dev' + } + ] } ] } diff --git a/docs/docs/about.md b/docs/docs/about.md index 0539f0a..1112a36 100644 --- a/docs/docs/about.md +++ b/docs/docs/about.md @@ -26,7 +26,7 @@ Winduum is **framework-agnostic**, so you are able to create your own components If there is interest, pre-built components may be developed for popular frameworks. Currently, -only [`winduum-vue`](https://www.github.com/winduum/winduum-vue) and [`winduum-react`](https://www.github.com/winduum/winduum-react) are available +only [`winduum-elements`](https://www.github.com/winduum/winduum-elements), [`winduum-stimulus`](https://www.github.com/winduum/winduum-stimulus), [`winduum-vue`](https://www.github.com/winduum/winduum-vue) and [`winduum-react`](https://www.github.com/winduum/winduum-react) are available and most of the components have usage and installation examples in the docs. Want to help? We're open for pull requests! diff --git a/docs/docs/components/button.md b/docs/docs/components/button.md index 8ba321c..50b5345 100644 --- a/docs/docs/components/button.md +++ b/docs/docs/components/button.md @@ -33,9 +33,10 @@ Follow instructions for individual framework usage below * +* +* * * -* ## Examples diff --git a/docs/docs/components/carousel.md b/docs/docs/components/carousel.md index e1d5268..c5ac4d0 100644 --- a/docs/docs/components/carousel.md +++ b/docs/docs/components/carousel.md @@ -20,6 +20,8 @@ Provides a scroll carousel that uses native CSS `scroll-snap` property.
Follow instructions for individual framework usage below * +* +* ## Examples diff --git a/docs/docs/components/check.md b/docs/docs/components/check.md index 9107cbe..4144c3a 100644 --- a/docs/docs/components/check.md +++ b/docs/docs/components/check.md @@ -22,6 +22,8 @@ Check supports `checkbox` and `radio` **input** types Follow instructions for individual framework usage below * +* +* * * diff --git a/docs/docs/components/compare.md b/docs/docs/components/compare.md index e0f4d88..ad6cc53 100644 --- a/docs/docs/components/compare.md +++ b/docs/docs/components/compare.md @@ -15,7 +15,8 @@ Side-by-side comparison slider component. Follow instructions for individual framework usage below * -* +* +* ## Examples diff --git a/docs/docs/components/control.md b/docs/docs/components/control.md index f327c05..e6d10c2 100644 --- a/docs/docs/components/control.md +++ b/docs/docs/components/control.md @@ -15,9 +15,10 @@ Other input types are supported in other components Follow instructions for individual framework usage below * +* +* * * -* ### Usage diff --git a/docs/docs/components/details.md b/docs/docs/components/details.md index 768fe77..6858559 100644 --- a/docs/docs/components/details.md +++ b/docs/docs/components/details.md @@ -48,7 +48,6 @@ document.querySelectorAll('[data-action="toggleDetails"]').forEach(summary => { Follow instructions for individual framework usage below * -* ## Examples diff --git a/docs/docs/components/dialog.md b/docs/docs/components/dialog.md index 74930ba..662d6d0 100644 --- a/docs/docs/components/dialog.md +++ b/docs/docs/components/dialog.md @@ -55,7 +55,6 @@ Follow instructions for individual framework usage below * * * -* ## Example diff --git a/docs/docs/components/drawer.md b/docs/docs/components/drawer.md index cfc8c94..81d3c31 100644 --- a/docs/docs/components/drawer.md +++ b/docs/docs/components/drawer.md @@ -25,7 +25,8 @@ Can be dismissed with touch gestures on touch devices. Follow instructions for individual framework usage below * -* +* +* ## Examples diff --git a/docs/docs/components/form.md b/docs/docs/components/form.md index 524b63c..15de42e 100644 --- a/docs/docs/components/form.md +++ b/docs/docs/components/form.md @@ -14,7 +14,8 @@ For advance form of validation use [VeeValidate](https://vee-validate.logaretm.c Follow instructions for individual framework usage below * -* +* +* ### Usage ::: code-group diff --git a/docs/docs/components/image.md b/docs/docs/components/image.md index db72db2..226df21 100644 --- a/docs/docs/components/image.md +++ b/docs/docs/components/image.md @@ -19,6 +19,8 @@ Default constrains for media elements such as `img`, `video`, `iframe`, `object` Follow instructions for individual framework usage below * +* +* * * diff --git a/docs/docs/components/popover.md b/docs/docs/components/popover.md index 4456471..3c77bd4 100644 --- a/docs/docs/components/popover.md +++ b/docs/docs/components/popover.md @@ -59,9 +59,10 @@ Applicable to `x-popover-content` Follow instructions for individual framework usage below * +* +* * * -* ## Examples diff --git a/docs/docs/components/range.md b/docs/docs/components/range.md index 9ddbbdb..d607c89 100644 --- a/docs/docs/components/range.md +++ b/docs/docs/components/range.md @@ -33,9 +33,10 @@ rangeSlider.addEventListener('input', ({ currentTarget }) => setValue(currentTar Follow instructions for individual framework usage below * +* +* * * -* ## Examples diff --git a/docs/docs/components/tabs.md b/docs/docs/components/tabs.md index 21f79a4..a600bf8 100644 --- a/docs/docs/components/tabs.md +++ b/docs/docs/components/tabs.md @@ -15,7 +15,8 @@ Follow instructions for individual framework usage below * -* +* +* ## Examples diff --git a/docs/docs/components/toast.md b/docs/docs/components/toast.md index 7ead7ef..2d6cede 100644 --- a/docs/docs/components/toast.md +++ b/docs/docs/components/toast.md @@ -52,7 +52,8 @@ document.querySelector('#insertToast').addEventListener('click', async () => { Follow instructions for individual framework usage below * -* +* +* ## Example diff --git a/docs/docs/components/toaster.md b/docs/docs/components/toaster.md index 0a5e7bd..62e8088 100644 --- a/docs/docs/components/toaster.md +++ b/docs/docs/components/toaster.md @@ -16,7 +16,8 @@ Bake your [Toast](/docs/components/toast) and let it fly! You should insert in i Follow instructions for individual framework usage below * -* +* +* ## Example diff --git a/docs/docs/index.md b/docs/docs/index.md index fdd2408..eb6f72a 100644 --- a/docs/docs/index.md +++ b/docs/docs/index.md @@ -170,6 +170,8 @@ Winduum is **framework-agnostic**, learn more on the [About](/docs/about#framewo Do you need ready to use components? Here are components ready to copy & paste. For now there are only a few, more might come in the future! +* +* * * From 175487fb2c6da3f4fe69c36b083187fd453b8312 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Thu, 2 Jul 2026 13:50:30 +0200 Subject: [PATCH 05/35] docs: add "Marquee" and "Polyfills" component documentation and examples --- docs/docs/base/transitions.md | 2 +- docs/docs/components/marquee.md | 59 ++++++++++++ docs/docs/polyfills.md | 71 ++++++++++++++ .../pages/components/marquee/default.liquid | 89 ++++++++++++++++++ .../pages/components/marquee/reverse.liquid | 93 +++++++++++++++++++ 5 files changed, 313 insertions(+), 1 deletion(-) create mode 100644 docs/docs/components/marquee.md create mode 100644 docs/docs/polyfills.md create mode 100644 examples/src/pages/components/marquee/default.liquid create mode 100644 examples/src/pages/components/marquee/reverse.liquid diff --git a/docs/docs/base/transitions.md b/docs/docs/base/transitions.md index 8941ece..9713695 100644 --- a/docs/docs/base/transitions.md +++ b/docs/docs/base/transitions.md @@ -1,7 +1,7 @@ # Transitions This activates the [View Transitions API](https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API) with cross-document animations.
-CSS properties can be changed via [Config](/docs/base/config/). +CSS properties can be changed via [Config](/docs/base/config). [`src/base/transitions.css`](https://github.com/winduum/winduum/blob/main/src/base/transitions.css) diff --git a/docs/docs/components/marquee.md b/docs/docs/components/marquee.md new file mode 100644 index 0000000..1656b17 --- /dev/null +++ b/docs/docs/components/marquee.md @@ -0,0 +1,59 @@ +# Marquee + +Marquee creates an infinite horizontal loop for logos, partners or other repeated items. It is CSS-only and positions each child on the same motion path using sibling count and sibling index variables. + + + +### Usage + +```css +@import "winduum/src/components/marquee/index.css" layer(utilities); +``` + +Or import the pieces separately if you want to customize the props or keyframes. + +```css +@import "winduum/src/components/marquee/keyframes/default.css" layer(utilities); +@import "winduum/src/components/marquee/default.css" layer(utilities); +``` + +### Variants +* + +### Props +* `--x-marquee-sibling-count` - total number of marquee items +* `--x-marquee-visible-count` - number of visible items used for spacing along the path +* `--x-marquee-inline-size` - inline size of each marquee item +* `--x-marquee-gap` - gap between marquee items +* `--x-marquee-animation-duration` - animation duration, defaults to `30s` +* `--x-marquee-animation-timing-function` - animation timing function, defaults to `linear` +* `--x-marquee-sibling-index` - item index, required as a fallback for browsers without `sibling-index()` + +### Installation +Follow instructions for individual framework usage below. + +* + +## Examples + +### Default + + + +<<< @/public/examples/components/marquee/default.html#body{} + +### Reverse + +Use TailwindCSS arbitrary child variant `*:[animation-direction:reverse]` to move the loop in the opposite direction. + + + +::: code-group +<<< @/public/examples/components/marquee/reverse.html#body{} [html] +::: + +## Accessibility + +Keep only the real set of links focusable. If extra duplicated items are present only to make the loop feel continuous, add `aria-hidden="true"` and `tabindex="-1"` to those duplicates. + +Pause the animation when focus moves inside the marquee so keyboard users can interact with links without the focused item moving away. The examples use `*:group-has-focus-within:[animation-play-state:paused]` on the marquee wrapper. diff --git a/docs/docs/polyfills.md b/docs/docs/polyfills.md new file mode 100644 index 0000000..4271862 --- /dev/null +++ b/docs/docs/polyfills.md @@ -0,0 +1,71 @@ +# Polyfills + +Winduum builds on modern web platform features. Some of them are still experimental or not supported in every browser, so polyfills are opt-in and can be lazy-loaded only when feature detection says they are needed. + +## Install + +Install only the polyfills you actually need for your project. + +```shell +npm install interestfor +``` + +If you use `winduum-elements`, also add the Webuum polyfills used by those elements: + +```shell +npm install invokers-polyfill @webreflection/custom-elements-builtin +``` + +See the [Webuum polyfills docs](https://webuum.dev/docs/polyfills.html) for more details about these Webuum features. + +## Winduum + +Winduum exposes support checks from `winduum/supports`. Use them before loading a polyfill. + +```js +import { supportsInterestFor, supportsTimelineTrigger } from 'winduum/supports' + +if (!supportsInterestFor) { + await import('interestfor/src/interestfor.js') +} + +if (!supportsTimelineTrigger) { + await import('winduum/src/polyfills/timelineTrigger.js') +} +``` + +### Interest Invokers + +The `interestfor` API lets controls declaratively show interest in another element. Winduum uses `supportsInterestFor` to detect native support and can fall back to the [`interestfor`](https://www.npmjs.com/package/interestfor) polyfill. + +### Timeline Trigger + +The `timeline-trigger` feature is used by Winduum animation trigger utilities. Winduum includes an experimental `timelineTrigger` polyfill that observes elements with `timeline-trigger-*` classes and toggles `data-enter` based on the configured entry and exit thresholds. + +## Winduum Elements + +`winduum-elements` builds on top of Webuum, so projects using it need to include Webuum polyfills too when targeting browsers without support for those APIs. + +```js +import { supportsCommand, supportsIs } from 'webuum/supports' +import { supportsInterestFor, supportsTimelineTrigger } from 'winduum/supports' + +if (!supportsCommand) { + const { apply } = await import('invokers-polyfill/fn') + apply() +} + +if (!supportsIs()) { + await import('@webreflection/custom-elements-builtin') +} + +if (!supportsInterestFor) { + await import('interestfor/src/interestfor.js') +} + +if (!supportsTimelineTrigger) { + await import('winduum/src/polyfills/timelineTrigger.js') +} +``` + +The Webuum checks cover the Command API and customized built-in elements. The Winduum checks cover Interest Invokers and the timeline trigger polyfill. diff --git a/examples/src/pages/components/marquee/default.liquid b/examples/src/pages/components/marquee/default.liquid new file mode 100644 index 0000000..7a6e000 --- /dev/null +++ b/examples/src/pages/components/marquee/default.liquid @@ -0,0 +1,89 @@ +{% layout "templates/layout.liquid" %} +{% block %} +
+ + Partner 1 + + + Partner 2 + + + Partner 3 + + + Partner 4 + + + + + + + +
+{% endblock %} + +{% block head %} + +{% endblock %} diff --git a/examples/src/pages/components/marquee/reverse.liquid b/examples/src/pages/components/marquee/reverse.liquid new file mode 100644 index 0000000..3af7566 --- /dev/null +++ b/examples/src/pages/components/marquee/reverse.liquid @@ -0,0 +1,93 @@ +{% layout "templates/layout.liquid" %} +{% block %} +
+ + Partner 1 + + + Partner 2 + + + Partner 3 + + + Partner 4 + + + + + + + +
+{% endblock %} + +{% block head %} + +{% endblock %} From 5417010bf9102848a84ffcbecca4923081b72687 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Thu, 2 Jul 2026 16:11:31 +0200 Subject: [PATCH 06/35] docs: fix typos in navigation links and update documentation for Tooltip and animation utilities --- docs/.vitepress/config.ts | 2 +- docs/docs/components/tooltip.md | 13 +- docs/docs/utilities/animation.md | 176 +++++++++++++++++- docs/docs/utilities/grid.md | 82 ++++++++ docs/docs/utilities/link.md | 41 ++++ docs/docs/utilities/position.md | 44 +++++ docs/docs/utilities/view-transition.md | 51 +++++ docs/docs/variants/dark.md | 38 ++++ docs/docs/variants/hocus.md | 51 +++++ docs/docs/variants/interest.md | 55 ++++++ docs/docs/variants/scroll-state.md | 58 ++++++ .../src/pages/components/tooltip/basic.liquid | 2 +- 12 files changed, 602 insertions(+), 11 deletions(-) create mode 100644 docs/docs/utilities/grid.md create mode 100644 docs/docs/utilities/link.md create mode 100644 docs/docs/utilities/position.md create mode 100644 docs/docs/utilities/view-transition.md create mode 100644 docs/docs/variants/dark.md create mode 100644 docs/docs/variants/hocus.md create mode 100644 docs/docs/variants/interest.md create mode 100644 docs/docs/variants/scroll-state.md diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts index 6ca3a13..22046c2 100644 --- a/docs/.vitepress/config.ts +++ b/docs/.vitepress/config.ts @@ -390,7 +390,7 @@ export default defineConfig({ }, { text: 'Scroll State', - link: '/docs/variants/scrolll-state' + link: '/docs/variants/scroll-state' }, ] } diff --git a/docs/docs/components/tooltip.md b/docs/docs/components/tooltip.md index 1e8b64f..d3c37be 100644 --- a/docs/docs/components/tooltip.md +++ b/docs/docs/components/tooltip.md @@ -1,6 +1,8 @@ # Tooltip Tooltip can be used for a little info hint on hover or focus. +It's a pure CSS solution — the tooltip text comes from the `aria-label` attribute and is rendered via the `::before` pseudo-element, so it stays accessible and needs no JavaScript. Placement is controlled with the `tooltip-*` tokens and appearance can be customized via the `--x-tooltip-*` props. + ## Usage @@ -27,11 +29,14 @@ Tooltip can be used for a little info hint on hover or focus. ### Variants * +### Props +* + ### Tokens -* `top` -* `bottom` -* `left` -* `right` +* `tooltip-top` +* `tooltip-bottom` +* `tooltip-left` +* `tooltip-right` ### Installation Follow instructions for individual framework usage below diff --git a/docs/docs/utilities/animation.md b/docs/docs/utilities/animation.md index d2a0245..8c0904b 100644 --- a/docs/docs/utilities/animation.md +++ b/docs/docs/utilities/animation.md @@ -1,15 +1,31 @@ # Animation -Provides a new utility class `animation` and TailwindCSS utility class `animation-*` for `animation-name` property. +A set of utilities for working with CSS animations. Instead of predefined animation classes, Winduum lets you compose animations from small building blocks: -You should use this together with [Keyframes](/docs/base/keyframes) or use your own animation keyframes. +* [`animation`](#base-class) — base class that sets a default `animation-duration` and `animation-fill-mode` +* [`animation-*`](#tailwindcss) — sets `animation-name` from your theme or an arbitrary value +* [`from-*` / `to-*`](#from-to-utilities) — customize the start and end state of the `enter` and `exit` keyframes +* [Animation Timeline](#animation-timeline) — scroll-driven animations with `animation-timeline` +* [Animation Trigger](#animation-trigger) — play animations when an element enters the viewport - +Animations themselves are defined as keyframes — use the ones provided in [Keyframes](/docs/base/keyframes) or define your own. ### Dependencies * [tailwindcss](https://tailwindcss.com/) (TailwindCSS @utility) +## Base class +The `animation` utility class only sets sensible defaults — a default duration and `animation-fill-mode: both` — so the element stays in the final state of its keyframes. It doesn't animate anything on its own, you combine it with an `animation-name` set by the `animation-*` utility below. + + + +```css +.animation { + animation-duration: var(--default-animation-duration, var(--default-transition-duration, 150ms)); + animation-fill-mode: both; +} +``` + ## TailwindCSS -You can add more via the `@theme` at-rule, see [Config](/docs/base/config#tailwind-css-v4) for more info.
+The `animation-*` utility sets the `animation-name` property. It accepts animation names defined in your theme via the `@theme` at-rule (see [Config](/docs/base/config#tailwind-css-v4)) or any arbitrary keyframes name.
Include CSS file with the `@utility` at-rule. @@ -57,4 +73,154 @@ or use arbitrary value .animation-fade-in { animation-name: fade-in; } -``` \ No newline at end of file +``` + +### From / To utilities +Utilities `from-*` and `to-*` set CSS variables that are consumed by the `enter` and `exit` [Keyframes](/docs/base/keyframes). This allows you to customize the starting and ending state of an animation directly in HTML. + +Available utilities: + +* `from-translate-y-*` / `to-translate-y-*` (also negative `-from-translate-y-*` / `-to-translate-y-*`) +* `from-translate-x-*` / `to-translate-x-*` (also negative `-from-translate-x-*` / `-to-translate-x-*`) +* `from-opacity-*` / `to-opacity-*` +* `from-scale-*` / `to-scale-*` +* `from-rotate-*` / `to-rotate-*` + +```html +
+ Content +
+``` +```css +.from-translate-y-4 { + --tw-animation-from-translate-y: calc(var(--spacing) * 4); +} + +.from-opacity-0 { + --tw-animation-from-opacity: 0%; +} +``` + +## Animation Timeline +Utilities for [scroll-driven animations](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll-driven_animations) — `animation-timeline`, `animation-range`, `scroll-timeline`, `view-timeline` and `timeline-scope` properties. + + + +```css +@import "winduum/tailwindcss/utilities/animation-timeline.css"; +``` + +Available utilities: + +* `animation-timeline-scroll` / `animation-timeline-scroll-y` / `animation-timeline-scroll-x` — `animation-timeline: scroll()` +* `animation-timeline-view` — `animation-timeline: view()` +* `animation-timeline-*` — arbitrary `animation-timeline` value (`auto`, `none` or custom timeline name) +* `animation-range-*` — arbitrary `animation-range` value +* `scroll-timeline-y-*` / `scroll-timeline-x-*` / `scroll-timeline-block` — named `scroll-timeline` +* `view-timeline-y-*` / `view-timeline-x-*` / `view-timeline-block` — named `view-timeline` +* `timeline-scope-*` — `timeline-scope` + +### Example +```html +
+ Content +
+``` +```css +.animation-timeline-view { + animation-timeline: view(); +} + +.animation-range-\[entry_0\%_cover_40\%\] { + animation-range: entry 0% cover 40%; +} +``` + +or with a named timeline + +```html +
+
+ Content +
+
+``` + +## Animation Trigger +Utilities for [`animation-trigger`](https://developer.chrome.com/blog/animation-trigger) and `timeline-trigger` properties, allowing you to play animations when an element enters the viewport. + + + +```css +@import "winduum/tailwindcss/utilities/animation-trigger.css"; +``` + +Available utilities: + +* `animation-trigger-enter` — plays the `enter` keyframes once via the `--enter` trigger +* `animation-trigger-*` — arbitrary `animation-name` triggered via a named trigger passed as a modifier, e.g. `animation-trigger-[fade-in]/[--reveal]` +* `timeline-trigger-enter` — defines the `--enter` view timeline trigger on the element +* `timeline-trigger-*` — defines an arbitrary named `timeline-trigger` + +Behavior can be customized via CSS variables: + +* `--tw-animation-duration` — animation duration (default `1.75s`) +* `--tw-animation-timing-function` — easing (default `var(--ease-emphasized)`) +* `--tw-animation-fill-mode` — fill mode (default `both`) +* `--tw-animation-trigger-action` — trigger action (default `play-once`) +* `--tw-timeline-trigger-entry` / `--tw-timeline-trigger-exit` — entry/exit range of the view timeline (default `20%` / `0%`) + +Animations are automatically disabled with `prefers-reduced-motion`. + +### Example +Combine with `from-*` utilities to define the starting state of the `enter` animation: + +```html +

Our key partners

+``` +```css +.animation-trigger-enter { + animation-duration: var(--tw-animation-duration, 1.75s); + animation-timing-function: var(--tw-animation-timing-function, var(--ease-emphasized)); + animation-fill-mode: var(--tw-animation-fill-mode, both); + animation-trigger: --enter var(--tw-animation-trigger-action, play-once); + animation-name: enter; + + @media (prefers-reduced-motion) { + animation: none; + } +} + +.from-translate-y-4 { + --tw-animation-from-translate-y: calc(var(--spacing) * 4); +} + +.timeline-trigger-enter { + timeline-trigger: --enter view() entry var(--tw-timeline-trigger-entry, 20%) exit var(--tw-timeline-trigger-exit, 0%); + trigger-scope: --enter; +} +``` + +or with a custom named trigger and animation + +```html +

Our key partners

+``` +```css +.animation-trigger-\[fade-in\]\/\[--reveal\] { + animation-duration: var(--tw-animation-duration, 1.75s); + animation-timing-function: var(--tw-animation-timing-function, var(--ease-emphasized)); + animation-fill-mode: var(--tw-animation-fill-mode, both); + animation-trigger: --reveal var(--tw-animation-trigger-action, play-once); + animation-name: fade-in; + + @media (prefers-reduced-motion) { + animation: none; + } +} + +.timeline-trigger-\[--reveal\] { + timeline-trigger: --reveal view() entry var(--tw-timeline-trigger-entry, 20%) exit var(--tw-timeline-trigger-exit, 0%); + trigger-scope: --reveal; +} +``` diff --git a/docs/docs/utilities/grid.md b/docs/docs/utilities/grid.md new file mode 100644 index 0000000..da84c22 --- /dev/null +++ b/docs/docs/utilities/grid.md @@ -0,0 +1,82 @@ +# Grid +Utilities that extend TailwindCSS [grid](https://tailwindcss.com/docs/grid-template-columns) with two additions: + +* [`grid-cols-container`](#grid-cols-container) — a container layout built with grid, replacing the classic container class +* [`grid-area-*`](#grid-area) — utilities for the `grid-area` property + +### Dependencies +* [tailwindcss](https://tailwindcss.com/) (TailwindCSS @utility) + +## Grid Cols Container +A modern approach to the classic [Container](https://tailwindcss.com/docs/max-width#container-scale) — instead of wrapping content in a fixed-width element, the parent becomes a grid with named column lines and children are placed into the center column automatically. Inspired by [Kevin Powell](https://youtu.be/c13gpBrnGEw?si=FGoMS9FnWEOYohPi). + +Available column lines: + +* `container` — content width, children are placed here by default +* `container-breakout` — slightly wider than the content width, for elements that should stand out +* `container-full` — full viewport width + +The container is configured via CSS variables — `--container-width` (default `80rem`), `--container-breakout-width` (default `--container-width + 10rem`) and `--container-padding` (default `5vw`). + + + +```css +@import "winduum/tailwindcss/utilities/grid-cols-container.css"; +``` + +### Example +```html + +
Header Full Width
+
Content in container
+
Footer Breakout
+ +``` + +In some cases the classic approach is still handy, you can achieve that easily with `w-[--container]` + +```html +
+ Content +
+``` + +## Grid Area +Utilities for the `grid-area` property — place elements into named or numbered grid areas. + +* `grid-area-full` — `grid-area: 1/-1`, useful for stacking elements on top of each other +* `grid-area-*` — a row number or an arbitrary value, e.g. `grid-area-[banner]` + + + +```css +@import "winduum/tailwindcss/utilities/grid-area.css"; +``` + +### Example +Stack elements on top of each other without absolute positioning: + +```html +
+ +
Caption
+
+``` +```css +.grid-area-full { + grid-area: 1/-1; +} +``` + +or place elements into a named area + +```html +
+
Banner
+
+``` +```css +.grid-area-\[banner\] { + grid-area: banner; +} +``` diff --git a/docs/docs/utilities/link.md b/docs/docs/utilities/link.md new file mode 100644 index 0000000..011236f --- /dev/null +++ b/docs/docs/utilities/link.md @@ -0,0 +1,41 @@ +# Link +Provides a `link` utility class that adds a smooth color transition on hover and focus to interactive elements. It only applies to elements that are actually interactive — links, enabled buttons and elements with `role="button"` — so it's safe to use on a wrapper class. + +The hover color can be customized via the `--link-hover-color` variable and defaults to the current [accent](/docs/utilities/accent) color. + +You can combine it with the [Underline](/docs/utilities/underline) utility for underline animations. + +### Dependencies +* [tailwindcss](https://tailwindcss.com/) (TailwindCSS @utility) + +## TailwindCSS +Include CSS file with the `@utility` at-rule. + + + +```css +@import "winduum/tailwindcss/utilities/link.css"; +``` + +```css +.link { + &:where(:any-link, button:enabled, [role="button"]) { + transition: all var(--default-transition-duration) var(--ease-in-out); + + &:is(:hover, :focus-visible) { + color: var(--link-hover-color, var(--color-accent)); + } + } +} +``` + +### Example +```html +Link +``` + +or with a custom hover color + +```html +Link +``` diff --git a/docs/docs/utilities/position.md b/docs/docs/utilities/position.md new file mode 100644 index 0000000..d5b86dc --- /dev/null +++ b/docs/docs/utilities/position.md @@ -0,0 +1,44 @@ +# Position +Utilities for positioning elements with [CSS Anchor Positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning) — each utility sets the `position-area` property together with `position-try-fallbacks`, so the element automatically flips to the other side when there is not enough space in the viewport. + +These utilities are used for anchored elements such as [Popover](/docs/components/popover). Each utility also sets a matching `transform-origin` on direct children, so scale/enter animations grow from the anchor side. + +### Dependencies +* [tailwindcss](https://tailwindcss.com/) (TailwindCSS @utility) + +## TailwindCSS +Include CSS file with the `@utility` at-rule. + + + +```css +@import "winduum/tailwindcss/utilities/position.css"; +``` + +Available utilities: + +* `top` / `top-start` / `top-end` — above the anchor, flips to bottom when there is no space +* `bottom` / `bottom-start` / `bottom-end` — below the anchor, flips to top when there is no space +* `left` / `left-start` / `left-end` — before the anchor, flips to right when there is no space +* `right` / `right-start` / `right-end` — after the anchor, flips to left when there is no space + +The base name sets the side, the `-start` / `-end` suffix aligns the element along that side. + +### Example +```html + + +
+ Content +
+``` +```css +.bottom-start { + position-area: block-end span-inline-end; + position-try-fallbacks: flip-block; + + > * { + transform-origin: top left; + } +} +``` diff --git a/docs/docs/utilities/view-transition.md b/docs/docs/utilities/view-transition.md new file mode 100644 index 0000000..c9a33a6 --- /dev/null +++ b/docs/docs/utilities/view-transition.md @@ -0,0 +1,51 @@ +# View Transition +Provides a utility class for the [View Transition API](https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API) — `view-transition-main` sets `view-transition-name: main`, so the element transitions independently from the rest of the page. + +### Dependencies +* [tailwindcss](https://tailwindcss.com/) (TailwindCSS @utility) + +## TailwindCSS +Include CSS file with the `@utility` at-rule. + + + +```css +@import "winduum/tailwindcss/utilities/view-transition.css"; +``` + +```css +.view-transition-main { + view-transition-name: main; +} +``` + +### Example +Enable cross-document view transitions and mark the main content, so only the content transitions between pages while the rest of the layout (header, footer) stays static: + +```css +@view-transition { + navigation: auto; +} +``` + +```html + +
Header
+
+ Content +
+
Footer
+ +``` + +The transition animation can be customized via the `::view-transition-group(main)`, `::view-transition-old(main)` and `::view-transition-new(main)` pseudo-elements together with [Keyframes](/docs/base/keyframes): + +```css +::view-transition-old(main) { + animation-name: fade-out; +} + +::view-transition-new(main) { + animation-name: fade-in; +} +``` diff --git a/docs/docs/variants/dark.md b/docs/docs/variants/dark.md new file mode 100644 index 0000000..cf10476 --- /dev/null +++ b/docs/docs/variants/dark.md @@ -0,0 +1,38 @@ +# Dark +Overrides the default TailwindCSS [dark mode](https://tailwindcss.com/docs/dark-mode) variant to be class-based instead of media query based. The `dark:` variant applies to elements with the `.dark` class and all their descendants, so dark mode can be toggled manually — typically by adding the class to the `` element. + +See [Theme](/docs/base/theme) for the dark color theme itself. + +### Dependencies +* [tailwindcss](https://tailwindcss.com/) (TailwindCSS @variant) + +## TailwindCSS +Include CSS file with the `@variant` at-rule. + + + +```css +@import "winduum/tailwindcss/variants/dark.css"; +``` + +```css +@variant dark (&:where(.dark, .dark *)); +``` + +### Example +```html + + +
+ Content +
+ + +``` +```css +.dark\:bg-black { + &:where(.dark, .dark *) { + background-color: var(--color-black); + } +} +``` diff --git a/docs/docs/variants/hocus.md b/docs/docs/variants/hocus.md new file mode 100644 index 0000000..637c8ce --- /dev/null +++ b/docs/docs/variants/hocus.md @@ -0,0 +1,51 @@ +# Hocus +Provides a `hocus:` variant — a shortcut that applies styles on both `hover` and `focus-visible`, so you don't have to repeat every interactive style twice. + +Unlike a plain `hover:` + `focus:` combination it's also smarter: + +* hover styles only apply on devices that actually support hover (`@media (hover: hover)`), so they don't get stuck on touch screens +* focus styles use `:focus-visible` instead of `:focus`, so they only show for keyboard navigation + +### Dependencies +* [tailwindcss](https://tailwindcss.com/) (TailwindCSS @variant) + +## TailwindCSS +Include CSS file with the `@variant` at-rule. + + + +```css +@import "winduum/tailwindcss/variants/hocus.css"; +``` + +```css +@variant hocus { + @media (hover: hover) { + &:hover { + @slot; + } + } + + &:focus-visible { + @slot; + } +} +``` + +### Example +```html +Link +``` +```css +.hocus\:text-accent { + @media (hover: hover) { + &:hover { + color: var(--color-accent); + } + } + + &:focus-visible { + color: var(--color-accent); + } +} +``` diff --git a/docs/docs/variants/interest.md b/docs/docs/variants/interest.md new file mode 100644 index 0000000..af1d9d1 --- /dev/null +++ b/docs/docs/variants/interest.md @@ -0,0 +1,55 @@ +# Interest +Provides `interest-target:` and `interest-source:` variants for [Interest Invokers](https://open-ui.org/components/interest-invokers.explainer/) — the `interestfor` attribute that lets controls declaratively show interest in another element (hover, focus or long-press), typically used for tooltips and hover cards. + +* `interest-target:` — applies when the element is the target of interest (`:interest-target`) +* `interest-source:` — applies when the element is the source showing interest (`:interest-source`) + +Both variants also match the `.interest-target` / `.interest-source` classes, so they work with the [`interestfor` polyfill](/docs/polyfills#interest-invokers) in browsers without native support. + +### Dependencies +* [tailwindcss](https://tailwindcss.com/) (TailwindCSS @custom-variant) + +## TailwindCSS +Include CSS file with the `@custom-variant` at-rule. + + + +```css +@import "winduum/tailwindcss/variants/interest.css"; +``` + +```css +@custom-variant interest-target { + &:is(:interest-target, .interest-target) { + @slot; + } +} + +@custom-variant interest-source { + &:is(:interest-source, .interest-source) { + @slot; + } +} +``` + +### Example +```html + + +
+ Tooltip content +
+``` +```css +.interest-source\:text-accent { + &:is(:interest-source, .interest-source) { + color: var(--color-accent); + } +} + +.interest-target\:opacity-100 { + &:is(:interest-target, .interest-target) { + opacity: 100%; + } +} +``` diff --git a/docs/docs/variants/scroll-state.md b/docs/docs/variants/scroll-state.md new file mode 100644 index 0000000..03c3e4e --- /dev/null +++ b/docs/docs/variants/scroll-state.md @@ -0,0 +1,58 @@ +# Scroll State +Provides variants for [scroll-state container queries](https://developer.chrome.com/blog/css-scroll-state-queries) — style elements based on the scroll state of their container: whether it can be scrolled, has been scrolled, an item is snapped, or a sticky element is stuck. + +To use these variants, the queried element must be inside a container with `container-type: scroll-state`. The variants then apply to its descendants. + +Available variant groups: + +* `scrollable-*` — whether the container can be scrolled in the given direction: `none`, `top`, `right`, `bottom`, `left`, `x`, `y`, `block`, `inline`, `block-start`, `block-end`, `inline-start`, `inline-end` +* `scrolled-*` — whether the container has been scrolled in the given direction (same values as `scrollable-*`) +* `snapped-*` — whether the element is a scroll-snap target: `none`, `x`, `y`, `block`, `inline`, `both` +* `stuck-*` — whether a `position: sticky` container is currently stuck to the given edge: `none`, `top`, `right`, `bottom`, `left`, `block-start`, `block-end`, `inline-start`, `inline-end` + +### Dependencies +* [tailwindcss](https://tailwindcss.com/) (TailwindCSS @variant) + +## TailwindCSS +Include CSS file with the `@variant` at-rule. + + + +```css +@import "winduum/tailwindcss/variants/scroll-state.css"; +``` + +### Example +Add a shadow to a sticky header once it sticks to the top of the viewport: + +```html +
+ +
+``` +```css +.stuck-top\:shadow-md { + @container scroll-state(stuck: top) { + box-shadow: var(--shadow-md); + } +} +``` + +or highlight the currently snapped item in a carousel + +```html +
    +
  • + +
    • +
+``` +```css +.snapped-x\:scale-100 { + @container scroll-state(snapped: x) { + scale: 100%; + } +} +``` diff --git a/examples/src/pages/components/tooltip/basic.liquid b/examples/src/pages/components/tooltip/basic.liquid index d6b707d..2667112 100644 --- a/examples/src/pages/components/tooltip/basic.liquid +++ b/examples/src/pages/components/tooltip/basic.liquid @@ -1,6 +1,6 @@ {% layout "templates/layout.liquid" %} {% block %} -
+
{% endblock %} From eb88bcb668272af871789e14fc0ee89c2984245f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Fri, 3 Jul 2026 12:39:09 +0200 Subject: [PATCH 07/35] docs: expand component documentation, fix links, and update usage examples --- docs/.vitepress/theme/index.ts | 180 ++++--------- docs/docs/base/defaults.md | 11 +- docs/docs/components/button.md | 9 +- docs/docs/components/carousel.md | 204 ++++----------- docs/docs/components/compare.md | 6 +- docs/docs/components/control.md | 2 + docs/docs/components/details.md | 82 ++---- docs/docs/components/dialog.md | 140 ++-------- docs/docs/components/drawer.md | 114 ++++---- docs/docs/components/form.md | 97 +++---- docs/docs/components/heading.md | 3 + docs/docs/components/popover.md | 244 +++++------------- docs/docs/components/tabs.md | 2 +- docs/docs/components/toast.md | 53 ++-- docs/docs/components/toaster.md | 57 +++- docs/docs/grid.md | 2 +- docs/docs/index.md | 2 +- docs/docs/polyfills.md | 7 + docs/docs/utilities/dot.md | 2 +- docs/docs/utilities/ripple.md | 20 +- docs/docs/utilities/spinner.md | 2 +- docs/docs/utilities/swap.md | 19 ++ examples/package-lock.json | 96 ++++++- examples/package.json | 7 +- .../pages/components/carousel/basic.liquid | 24 +- .../src/pages/components/carousel/full.liquid | 84 +++--- .../pages/components/details/accordion.liquid | 36 +-- .../pages/components/details/checkbox.liquid | 14 +- .../pages/components/details/default.liquid | 20 +- .../src/pages/components/drawer/bottom.liquid | 41 ++- .../src/pages/components/drawer/left.liquid | 37 +-- .../src/pages/components/drawer/right.liquid | 37 +-- .../src/pages/components/drawer/top.liquid | 39 ++- .../src/pages/components/popover/api.liquid | 44 +--- .../src/pages/components/popover/basic.liquid | 15 +- .../src/pages/components/popover/hover.liquid | 16 +- examples/src/pages/form-field.liquid | 4 +- examples/src/pages/form.liquid | 2 +- examples/vite.config.js | 1 + package-lock.json | 82 +++++- package.json | 5 +- 41 files changed, 791 insertions(+), 1071 deletions(-) diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts index 74ebe16..ee2f909 100644 --- a/docs/.vitepress/theme/index.ts +++ b/docs/.vitepress/theme/index.ts @@ -1,8 +1,4 @@ import Theme from 'vitepress/theme' -import { showRipple } from 'winduum/src/utilities/ripple' -import { showToast, closeToast } from 'winduum/src/components/toast' -import { closeToaster } from 'winduum/src/components/toaster' -import { showDrawer, closeDrawer, scrollDrawer, scrollInitDrawer } from "winduum/src/components/drawer" import './styles/vars.css' import 'winduum/dist/main.css' import 'winduum/dist/tailwind.css' @@ -11,7 +7,6 @@ import LinkGh from './components/LinkGh.vue' import ViewSourceGh from './components/ViewSourceGh.vue' import HomeSponsors from './components/HomeSponsors.vue' import UsageInfo from './components/UsageInfo.vue' -import { showDialog, closeDialog } from "winduum/src/components/dialog"; function updateDarkIframes() { if (typeof document !== 'undefined') { @@ -23,135 +18,68 @@ function updateDarkIframes() { } } -function dialogEvent() { - if (typeof document !== 'undefined') { - // @ts-ignore - document.querySelector('#showDialog')?.addEventListener('click', async () => { - showDialog(window.dialogExample) - }) - - window.dialogExample?.querySelector('form')?.addEventListener('submit', (e) => { - e.preventDefault() - closeDialog(window.dialogExample) - }) - - document.querySelector('#showRipple')?.addEventListener('click', (event) => { - showRipple(event) - }) - - document.querySelector('#closeToaster')?.addEventListener(`click`, async () => { - await closeToaster(document.querySelector('.c-toaster')) - }) - - document.querySelector('#showToast:not(.has-events)')?.addEventListener('click', () => { - - if (!document.querySelector('.x-toaster')) { - document.body.insertAdjacentHTML('beforeend', `
    `) - } - - document.querySelector('.x-toaster')?.insertAdjacentHTML('beforeend', ` -
  1. -
    -
    -
    Hello toast
    -
    Amazing toast
    -
    - -
    -
    2. - `) - - showToast(document.querySelector('.x-toaster').children[document.querySelector('.x-toaster').children.length - 1]) - - const closeToastButton = document.querySelectorAll('[data-action="closeToast"]')[document.querySelectorAll('[data-action="closeToast"]').length - 1] - - closeToastButton.addEventListener('click', ({ currentTarget }) => { - closeToast(currentTarget.closest('.x-toast')) - }) - }) - - document.querySelector('#showToast')?.classList.add('has-events') - - if (!document.querySelector('.vp-doc').classList.contains('has-events')) { - document.querySelector('.vp-doc').classList.add('has-events') - - - window.drawerLeftElement?.addEventListener('scroll', ({ target }) => scrollDrawer(target)) - - window.showDrawerLeftElement?.addEventListener('click', async () => { - window.drawerLeftElement.showModal() - - await scrollInitDrawer(window.drawerLeftElement) - - showDrawer(window.drawerLeftElement) - }) - - window.closeDrawerLeftElement?.addEventListener('click', () => closeDrawer(window.drawerLeftElement, window.drawerLeftElement.scrollWidth)) - - - - - window.drawerRightElement?.addEventListener('scroll', ({ target }) => scrollDrawer(target, { - opacityRatio: 0, - scrollOpen: target.scrollWidth - target.clientWidth, - scrollClose: 0 - })) - - window.showDrawerRightElement?.addEventListener('click', async () => { - window.drawerRightElement.showModal() - - await scrollInitDrawer(window.drawerRightElement, 0) +async function initPolyfills() { + // @ts-ignore + if (!('command' in HTMLButtonElement.prototype)) { + const { apply } = await import('invokers-polyfill/fn') + apply() + } +} - showDrawer(window.drawerRightElement, drawerRightElement.scrollWidth) - }) +async function exampleEvents() { + if (typeof document === 'undefined') return - window.closeDrawerRightElement?.addEventListener('click', () => closeDrawer(window.drawerRightElement, 0)) + // dialog side-effect script — closedby fallback + --default-scrollbar-width + await import('winduum/src/components/dialog') + const { showRipple } = await import('winduum/src/utilities/ripple') + const { showToast, closeToast } = await import('winduum/src/components/toast') + const { closeToaster, toasterObserver } = await import('winduum/src/components/toaster') + // @ts-ignore + document.querySelector('#showRipple')?.addEventListener('click', (event) => { + showRipple(event) + }) + document.querySelector('#closeToaster')?.addEventListener(`click`, () => { + closeToaster(document.querySelector('.x-toaster')) + }) - window.drawerBottomElement?.addEventListener('scroll', ({ target }) => scrollDrawer(target, { - opacityRatio: 0, - scrollOpen: target.scrollHeight - target.clientHeight, - scrollClose: 0, - scrollDirection: target.scrollTop, - snapClass: 'snap-y snap-mandatory', - scrollSize: target.scrollHeight - target.clientHeight - })) + document.querySelector('#showToast:not(.has-events)')?.addEventListener('click', () => { - window.showDrawerBottomElement?.addEventListener('click', async () => { - window.drawerBottomElement.showModal() + if (!document.querySelector('.x-toaster')) { + document.body.insertAdjacentHTML('beforeend', `
      `) - await scrollInitDrawer(window.drawerBottomElement, 0, 'top') + const observer = toasterObserver() - showDrawer(window.drawerBottomElement, drawerBottomElement.scrollHeight, 'top') + observer.observe(document.querySelector('.x-toaster'), { + childList: true, }) + } - window.closeDrawerBottomElement?.addEventListener('click', () => closeDrawer(window.drawerBottomElement, 0, 'top')) - - - - window.drawerTopElement?.scroll({ top: drawerTopElement.scrollHeight, behavior: 'instant' }); - window.drawerTopElement?.classList.remove('invisible') - - window.drawerTopElement?.addEventListener('scroll', ({ target }) => scrollDrawer(target, { - snapClass: 'snap-y snap-mandatory', - scrollSize: target.scrollHeight - target.clientHeight, - scrollDirection: target.scrollTop, - scrollOpen: 0, - scrollClose: target.scrollHeight - target.clientHeight - })) - window.showDrawerTopElement?.addEventListener('click', async () => { - window.drawerTopElement.showModal() - - await scrollInitDrawer(window.drawerTopElement, window.drawerTopElement?.scrollHeight, 'top') - - showDrawer(window.drawerTopElement, 0, 'top') - }) + document.querySelector('.x-toaster')?.insertAdjacentHTML('beforeend', ` +
    1. +
      +
      +
      Hello toast
      +
      Amazing toast
      +
      + +
      +
      2. + `) + + showToast(document.querySelector('.x-toaster').children[document.querySelector('.x-toaster').children.length - 1]) + + const closeToastButton = document.querySelectorAll('[data-action="closeToast"]')[document.querySelectorAll('[data-action="closeToast"]').length - 1] + + closeToastButton.addEventListener('click', ({ currentTarget }) => { + // @ts-ignore + closeToast(currentTarget.closest('.x-toast')) + }) + }) - window.closeDrawerTopElement?.addEventListener('click', () => closeDrawer(window.drawerTopElement, drawerTopElement.scrollHeight, 'top')) - } - } + document.querySelector('#showToast')?.classList.add('has-events') } export default { @@ -169,14 +97,15 @@ export default { watch(router.route, () => { setTimeout(() => { updateDarkIframes() - dialogEvent() + exampleEvents() }, 10) }) }, setup() { onMounted(() => { updateDarkIframes() - dialogEvent() + initPolyfills() + exampleEvents() !document.getElementById('icons') && document.body.insertAdjacentHTML('beforeend', ` `) diff --git a/docs/docs/base/defaults.md b/docs/docs/base/defaults.md index 7dd3db1..ba0a810 100644 --- a/docs/docs/base/defaults.md +++ b/docs/docs/base/defaults.md @@ -5,8 +5,15 @@ Default styles or rules applied to certain HTML elements or pseudo-elements. The <<< @/../node_modules/winduum/src/base/defaults.css -For TailwindCSS `v3` there are few rules such as resetting borders -and applying `--tw-content` to all pseudo-elements and zero border to all elements or pseudo-elements. +There is also an extended set of opinionated defaults — block `svg`/`img`, icon styling based on `href` suffixes (`-outline`, `-solid`, ...), unstyled lists and native appearance resets for `number` and `search` inputs. + +[`src/base/defaults-extended.css`](https://github.com/winduum/winduum/blob/main/src/base/defaults-extended.css) + +```css +@import "winduum/src/base/defaults-extended.css" layer(base); +``` + +For TailwindCSS there are few rules such as applying `--tw-content` to all pseudo-elements and zero border to all elements or pseudo-elements. [`tailwindcss/base/defaults.css`](https://github.com/winduum/winduum/blob/main/tailwindcss/base/defaults.css) diff --git a/docs/docs/components/button.md b/docs/docs/components/button.md index 50b5345..6ab4385 100644 --- a/docs/docs/components/button.md +++ b/docs/docs/components/button.md @@ -10,8 +10,8 @@ ``` ### Variants -* -* +* +* ### Props * @@ -21,12 +21,13 @@ * `bordered` * `muted` * `raised` -* `ghosted` +* `ghosted` * `sm` * `lg` * `square` * `circle` -* `fill` +* `fill` +* `spinner` ### Installation diff --git a/docs/docs/components/carousel.md b/docs/docs/components/carousel.md index c5ac4d0..a1e2b4e 100644 --- a/docs/docs/components/carousel.md +++ b/docs/docs/components/carousel.md @@ -1,5 +1,11 @@ # Carousel -Provides a scroll carousel that uses native CSS `scroll-snap` property.
      +Provides a scroll carousel that uses native CSS `scroll-snap` property. + +Since v3, the carousel is CSS-first — scrolling, snapping and even scroll markers can be handled by CSS alone +(see [CSS scroll markers](https://developer.mozilla.org/en-US/docs/Web/CSS/::scroll-marker)). +A small JavaScript layer adds prev/next buttons, marker state and scroll state — ready to use via +[winduum-elements](https://github.com/winduum/winduum-elements/tree/main/components/carousel) or +[winduum-stimulus](https://github.com/winduum/winduum-stimulus/tree/main/components/carousel). @@ -46,183 +52,71 @@ Follow instructions for individual framework usage below ## Javascript API -### `scrollTo` - -* **Type:** `(element: HTMLElement | Element, index: number) => void` -* **Kind:** `sync` +Low-level helpers used by `winduum-elements` and `winduum-stimulus` — you can use them to build your own integration. -Scroll to a snap item by its index. +### `scrollBy` -### `scrollNext` - -* **Type:** `(element: HTMLElement | Element) => void` +* **Type:** `(element: HTMLElement, options: { direction?: number, vertical?: boolean, ratio?: number }) => void` * **Kind:** `sync` -Scroll to the next snap item. +Scrolls the carousel content by a portion of its visible size. +`direction` is `1` (next) or `-1` (prev), `ratio` determines how much of the visible size is scrolled (default `0.85`). -### `scrollPrev` - -* **Type:** `(element: HTMLElement | Element) => void` -* **Kind:** `sync` - -Scroll to a previous snap item. - -### `getItemCount` - -* **Type:** `(element: HTMLElement | Element, scrollWidth: number, mathFloor: boolean) => number` -* **Kind:** `sync` - -Get the number of possible scrolls inside the carousel. +```js +import { scrollBy } from 'winduum/src/components/carousel' +nextElement.addEventListener('click', () => scrollBy(contentElement, { direction: 1 })) +prevElement.addEventListener('click', () => scrollBy(contentElement, { direction: -1 })) +``` -### `observeCarousel` +### `toggleScrollState` -* **Type:** `(element: HTMLElement | Element, options?: ObserveCarouselOptions) => void` +* **Type:** `(element: HTMLElement, options: { prevElement?: HTMLButtonElement, nextElement?: HTMLButtonElement, vertical?: boolean }) => void` * **Kind:** `sync` -Adds an observer for the carousel. Adds properties `_observer` and `_activeIndex` to the DOM of the carousel `element`. - -#### ObserveCarouselOptions - ---- - -##### visibleAttribute - -* **Type:** `string` -* **Default:** `data-visible` - -A class that is added to the carousel items once they are visible. +Updates the carousel scroll state — toggles `data-scroll-start`, `data-scroll-end` and `data-scroll-none` +attributes on the content element and disables the prev/next buttons at the edges. Call it on `scroll`. ---- - -##### observerOptions - -* **Type:** `IntersectionObserverInit` -* **Default:** `{ threshold: 0.5 }` - -Additional [options](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver#options) confugration for the observer. - ---- +```js +contentElement.addEventListener('scroll', () => { + toggleScrollState(contentElement, { prevElement, nextElement }) +}) +``` -### `dragCarousel` +### `setCurrentAttribute` -* **Type:** `(element: HTMLElement | Element, options?: DragCarouselOptions) => void` +* **Type:** `(element: HTMLElement, index: number, attributeName?: string) => void` * **Kind:** `sync` -Adds a mouse dragging capability to the carousel. - -#### DragCarouselOptions - ---- - -##### activeAttribute - -* **Type:** `string` -* **Default:** `data-grabbing` +Marks the child at `index` with the given attribute (default `aria-current`) and removes it from the previous one. ---- +### `setSnappedAttribute` -### `paginationCarousel` - -* **Type:** `(element: HTMLElement | Element, options?: PaginationCarouselOptions) => void` +* **Type:** `(element: HTMLElement, target: HTMLElement, markerGroupElement?: HTMLElement) => void` * **Kind:** `sync` -Inserts pagination indicators for the carousel to the desired element. - -#### PaginationCarouselOptions - ---- - -##### element - -* **Type:** `HTMLElement | Element` -* **Default:** `undefined` - ---- - -##### itemContent - -* **Type:** `string` -* **Default:** `` +Sets `data-snapped` on the currently snapped item and syncs `aria-current` in the marker group. +Designed for the [`scrollsnapchanging`](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollsnapchanging_event) event. ---- - -##### activeAttribute - -* **Type:** `string` -* **Default:** `data-active` - ---- - -### `autoplayCarousel` - -* **Type:** `(element: HTMLElement | Element, options?: AutoplayCarouselOptions) => void` -* **Kind:** `sync` - -Adds an autoplay for the carousel. - -#### AutoplayCarouselOptions - ---- - -##### delay - -* **Type:** `number` -* **Default:** `4000` - -Delay in ms. - ---- - -##### pauseElements - -* **Type:** `HTMLElement[] | Element[]` -* **Default:** `[]` - -Which elements should pause the autoplay upon hover. - ---- +```js +contentElement.addEventListener('scrollsnapchanging', (event) => { + setSnappedAttribute(contentElement, event.snapTargetInline ?? event.snapTargetBlock, markerGroupElement) +}) +``` -### `scrollCarousel` +### `scrollToMarker` -* **Type:** `(element: HTMLElement | Element, options?: ScrollCarouselOptions) => void` +* **Type:** `(element: HTMLElement, target: HTMLElement, markerGroupElement: HTMLElement, scrollIntoViewOptions?: ScrollIntoViewOptions) => void` * **Kind:** `sync` -A helper function that updates various carousel states upon scroll. - -#### ScrollCarouselOptions - ---- - -##### observe - -* **Type:** `ObserveCarouselOptions` -* **Default:** `undefined` - ---- - -##### pagination - -* **Type:** `PaginationCarouselOptions` -* **Default:** `{ activeClass: 'active' }` +Scrolls the carousel to the item referenced by a marker (an anchor with `href="#slide-id"`) and updates the marker state. ---- +```js +markerElements.forEach((marker) => { + marker.addEventListener('click', (event) => { + event.preventDefault() -##### progressElement - -* **Type:** `HTMLProgressElement | Element` -* **Default:** `undefined` - ---- - -##### counterMinElement - -* **Type:** `HTMLElement | Element` -* **Default:** `undefined` - ---- - -##### counterMaxElement - -* **Type:** `HTMLElement | Element` -* **Default:** `undefined` + scrollToMarker(contentElement, event.target, markerGroupElement) + }) +}) +``` diff --git a/docs/docs/components/compare.md b/docs/docs/components/compare.md index ad6cc53..9ee5c63 100644 --- a/docs/docs/components/compare.md +++ b/docs/docs/components/compare.md @@ -65,12 +65,14 @@ Follow instructions for individual framework usage below ### setKeyboardStep -* **Type:** `(element: HTMLInputElement, key: string, step?: number) => void` +* **Type:** `(element: HTMLInputElement, key: string, step?: string) => void` * **Kind:** `sync` +* **Default step:** `'10'` ### setMouseStep -* **Type:** `(element: HTMLInputElement, step?: number) => void` +* **Type:** `(element: HTMLInputElement, step?: string) => void` * **Kind:** `sync` +* **Default step:** `'0.1'` diff --git a/docs/docs/components/control.md b/docs/docs/components/control.md index e6d10c2..ac2d1c6 100644 --- a/docs/docs/components/control.md +++ b/docs/docs/components/control.md @@ -36,6 +36,7 @@ Follow instructions for individual framework usage below * * * +* * ### Props @@ -43,6 +44,7 @@ Follow instructions for individual framework usage below * * * +* * ## Examples diff --git a/docs/docs/components/details.md b/docs/docs/components/details.md index 6858559..a9b37f8 100644 --- a/docs/docs/components/details.md +++ b/docs/docs/components/details.md @@ -1,49 +1,32 @@ # Details -An accessible accordion or toggle component for `details` and `summary` elements.
      -Uses small external library `slide-element` for smooth toggle animations. - -It is unstyled by default, so you can apply your own styles. +An accessible accordion or toggle component for `details` and `summary` elements. -### Dependencies - -* [slide-element](https://www.npmjs.com/package/slide-element) - ### Usage ::: code-group -```shell -npm i slide-element +```css +@import "winduum/src/components/details/index.css" layer(utilities); ``` ```html
      - + Show more -
      -
      - Details content -
      +
      + Details content
      ``` -```js -import { toggleDetails } from 'winduum/src/components/details' - -document.querySelectorAll('[data-action="toggleDetails"]').forEach(summary => { - summary.addEventListener('click', event => { - if (event.currentTarget.tagName !== 'INPUT') event.preventDefault() - - toggleDetails(summary) - }) -}) -``` ::: +### Variants +* + ### Installation Follow instructions for individual framework usage below @@ -55,13 +38,12 @@ Follow instructions for individual framework usage below -::: code-group -<<< @/public/examples/components/details/default.html#body{} [html] -<<< @/../examples/src/pages/components/details/default.liquid#js{} [js] -::: +<<< @/public/examples/components/details/default.html#body{} ### Checkbox +You can also control details with a checkbox inside `summary` — only a tiny inline script is needed to sync the checkbox state. + ::: code-group @@ -71,42 +53,8 @@ Follow instructions for individual framework usage below ### Accordion - - -::: code-group -<<< @/public/examples/components/details/accordion.html#body{} [html] -<<< @/../examples/src/pages/components/details/accordion.liquid#js{} [js] -::: - - -## Javascript API - -```typescript -interface DefaultOptions { - selector?: string - summarySelector?: string -} -``` - -### toggleDetails - -* **Type:** `(selector: HTMLInputElement | HTMLElement, options?: DefaultOptions) => Promise` -* **Kind:** `async` - -Toggles a details element, should be added on summary or anywhere inside the details element. - -### showDetails - -* **Type:** `(selector: HTMLInputElement | HTMLElement, options?: DefaultOptions) => Promise` -* **Kind:** `async` - -Shows a details element, should be added on `summary` or anywhere inside the `details` element. - -### closeDetails - -* **Type:** `(selector: HTMLInputElement | HTMLElement, options?: DefaultOptions) => Promise` -* **Kind:** `async` - -Closes a details element, should be added on `summary` or anywhere inside the `details` element. +Exclusive accordions use the native `name` attribute — details elements sharing the same `name` close each other automatically. + +<<< @/public/examples/components/details/accordion.html#body{} diff --git a/docs/docs/components/dialog.md b/docs/docs/components/dialog.md index 662d6d0..f7cee47 100644 --- a/docs/docs/components/dialog.md +++ b/docs/docs/components/dialog.md @@ -1,6 +1,11 @@ # Dialog Modal component that uses native HTML5 `dialog` functionality. +Since v3, dialogs are fully controlled by the web platform — opening and closing is handled with +native [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) +(`command` / `commandfor`) and the [`closedby`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closedby) +attribute, so no JavaScript API is needed. + ## Usage @@ -43,6 +48,7 @@ document.querySelector('#showDialog').addEventListener('click', () => { ### Variants * * +* ### Props * @@ -59,10 +65,10 @@ Follow instructions for individual framework usage below ## Example
      - +
      - +
      Example dialog

      @@ -108,131 +114,21 @@ Follow instructions for individual framework usage below const dialogMain = ref() - - +```html + ``` -::: - -## JavaScript API -### `showDialog` +## JavaScript -* **Type:** `(selector: HTMLDialogElement, options?: DefaultOptions) => Promise` -* **Kind:** `async` - -Shows an existing ``. It takes a `selector` argument, which is a CSS selector that identifies the dialog DOM element to be displayed. It also takes an options argument, which is an object that specifies how the dialog should be displayed. - -The `closeDialog` event is sent upon closing with the `esc` key or clicking outside the dialog content window. - -#### Example +There is no JavaScript API — dialogs use the native [`HTMLDialogElement`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement) +interface. If you need to control a dialog programmatically, use the native methods directly ```js -import { showDialog } from 'winduum/src/libraries/dialog' - -document.querySelector('#showDialog').addEventListener('click', async () => { - await showDialog(document.querySelector('#dialogElement')) -}) +document.querySelector('#dialogExample').showModal() +document.querySelector('#dialogExample').close() ``` -
      - -#### `DefaultOptions` - ---- - -##### remove - -* **Type:** `boolean` -* **Default:** `true` - -A boolean that indicates whether the dialog should be removed from the DOM when it is closed. - ---- - -##### closable - -* **Type:** `boolean` -* **Default:** `true` - -A boolean that indicates whenever is dialog closable by clicking outside or with `esc` key. - ---- -##### modal - -* **Type:** `boolean` -* **Default:** `true` - -Determines if the dialog is shown as modal on top-layer. - ---- - -##### openAttribute - -* **Type:** `string` -* **Default:** `data-open` - -A string representing a data attribute that will be added when the dialog is fully visible. - ---- - -##### closedAttribute - -* **Type:** `string` -* **Default:** `data-closed` - -A string representing a data attribute that will be added once the dialog starts closing. - ---- - -##### contentSelector - -* **Type:** `string` -* **Default:** `.x-dialog-content` - -A string representing a CSS selector representing the dialog content - ---- - -##### scrollbarWidthProperty - -* **Type:** `string` -* **Default:** `--default-scrollbar-width` - -A CSS property representing a scrollbar width, when dialog is shown the document scrollbar is hidden, this adds necessary padding. - ---- - -
      - -### `closeDialog` - -* **Type:** `(selector: HTMLDialogElement, options?: DefaultOptions) => Promise` -* **Kind:** `async` - -Closes an existing ``. -It takes a `selector` argument, which is a CSS selector that identifies the dialog DOM element. -It also takes an `options` argument, which is an object that specifies how the dialog should be closed. - -When dialog closes it sends native `close` event you can listen to, -additionally `x-dialog:close` event is sent when dialog animation starts. - -#### Example - -```js -import { closeDialog } from 'winduum/src/components/dialog' - -document.querySelector('#closeDialog').addEventListener('click', async () => { - await closeDialog(document.querySelector('#dialogElement')) -}) -``` +The `winduum/src/components/dialog` side-effect script additionally +* closes an open dialog when clicking its backdrop, based on the `closedby` attribute (fallback for browsers without native `closedby` support) +* keeps `--default-scrollbar-width` on `` updated via a `ResizeObserver`, which the dialog CSS uses to compensate for the hidden page scrollbar diff --git a/docs/docs/components/drawer.md b/docs/docs/components/drawer.md index 81d3c31..33503bd 100644 --- a/docs/docs/components/drawer.md +++ b/docs/docs/components/drawer.md @@ -2,6 +2,12 @@ Provides a scroll drawer that uses native HTML5 `dialog` and CSS `scroll-snap` property.
      Can be dismissed with touch gestures on touch devices. +Since v3 the drawer is opened with native [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) +(`command="show-modal"` / `command="request-close"`) and the scroll behavior is driven by the `Drawer` custom element from +[winduum-elements](https://github.com/winduum/winduum-elements/tree/main/components/drawer) +(or the [winduum-stimulus](https://github.com/winduum/winduum-stimulus/tree/main/components/drawer) controller). +Thanks to the `noscript` variant, the drawer degrades gracefully even without JavaScript. + ### Usage @@ -16,6 +22,9 @@ Can be dismissed with touch gestures on touch devices. ### Variants * * +* +* +* ### Props * @@ -105,95 +114,72 @@ Follow instructions for individual framework usage below ## Javascript API +Low-level helpers used by `winduum-elements` and `winduum-stimulus` — you can use them to build your own integration. +All functions take a `placement` of `'left' | 'right' | 'top' | 'bottom'` and operate on the **scroller** element (`.x-drawer-scroller`). + ### `showDrawer` -* **Type:** `(element: HTMLElement | Element, distance: number, direction: 'left' | 'top') => void` -* **Kind:** `sync` +* **Type:** `(element: HTMLElement, placement: 'left' | 'right' | 'top' | 'bottom') => Promise` +* **Kind:** `async` -Scroll the drawer to open state. +Scrolls the drawer scroller to its open state. Resets the scroll position first in browsers without +[`scroll-initial-target`](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-initial-target) support. +Call it after `dialog.showModal()`. -### `closeDrawer` +```js +import { showDrawer } from 'winduum/src/components/drawer' -* **Type:** `(element: HTMLElement | Element, distance: number, direction: 'left' | 'top') => void` -* **Kind:** `sync` - -Scroll the drawer to closed state. +dialogElement.showModal() +await showDrawer(dialogElement.firstElementChild, 'left') +``` -### `scrollInitDrawer` +### `closeDrawer` -* **Type:** `(element: HTMLElement | Element, distance?: number, direction?: 'left' | 'top') => void` +* **Type:** `(element: HTMLElement, placement: 'left' | 'right' | 'top' | 'bottom') => void` * **Kind:** `sync` -Initializes the scroll position. Call this before `showDrawer` method. +Scrolls the drawer scroller to its closed state — the dismiss animation is handled by scroll snapping, +and the dialog is closed by `drawerObserver` once the content leaves the viewport. ### `scrollDrawer` -* **Type:** `(element: HTMLElement | Element, options: ScrollDrawerOptions) => void` +* **Type:** `(element: HTMLElement, placement: 'left' | 'right' | 'top' | 'bottom', reverse?: boolean, behavior?: 'auto' | 'instant') => void` * **Kind:** `sync` -Sets correct classes and attributes upon scroll. Events `c-drawer:open` and `c-drawer:close` are dispatched upon opening or closing the drawer. - -#### ScrollDrawerOptions - ---- - -##### snapClass - -* **Type:** `string` -* **Default:** `snap-x snap-mandatory` - -A classes that are added for snapping purposes once the drawer is open. - ---- +Scrolls the drawer scroller to the open (or closed, with `reverse: true`) position. -##### opacityProperty +### `drawerEvents` -* **Type:** `string` -* **Default:** `--tw-bg-opacity` - -A CSS property for animating the background opacity upon scroll. - ---- - -##### opacityRatio - -* **Type:** `number` -* **Default:** `1` - -You can either set `1` or `0` depending on the direction the drawer is opened. Right and bottom drawer should be set to `0`. - ---- - -##### scrollOpen - -* **Type:** `number` -* **Default:** `0` - -Scroll position indicating that the drawer is opened. +* **Type:** `(element: HTMLDialogElement, contentElement: HTMLElement, placement: 'left' | 'right' | 'top' | 'bottom', signal?: AbortSignal) => void` +* **Kind:** `sync` ---- +Wires up dialog events — closes the drawer with the scroll animation on `cancel` (Esc) and on click outside the content. -##### scrollClose +### `drawerObserver` -* **Type:** `number` -* **Default:** `element.scrollWidth - element.clientWidth` +* **Type:** `(element: HTMLDialogElement, placement: 'left' | 'right' | 'top' | 'bottom') => IntersectionObserver` +* **Kind:** `sync` -Scroll position indicating that the drawer is closed. +Returns an `IntersectionObserver` that closes the dialog once the drawer content is scrolled/swiped out of view. +Observe the content element with it. ---- +```js +import { drawerObserver } from 'winduum/src/components/drawer' -##### scrollSize +const observer = drawerObserver(dialogElement, 'left') +observer.observe(contentElement) +``` -* **Type:** `number` -* **Default:** `element.scrollWidth - element.clientWidth` +### `drawerProperties` -Maximum scroll size of the drawer. +* **Type:** `(element: HTMLElement, placement: 'left' | 'right' | 'top' | 'bottom') => ['top' | 'left', number, number]` +* **Kind:** `sync` ---- +Returns the scroll axis and the open/closed scroll distances for the given placement. -##### scrollDirection +### `isVerticalDrawer` -* **Type:** `number` -* **Default:** `element.scrollLeft` +* **Type:** `(placement: 'left' | 'right' | 'top' | 'bottom') => boolean` +* **Kind:** `sync` -Current scroll position of the drawer. +Returns `true` for `top` and `bottom` placements. diff --git a/docs/docs/components/form.md b/docs/docs/components/form.md index 15de42e..b63cdcb 100644 --- a/docs/docs/components/form.md +++ b/docs/docs/components/form.md @@ -52,18 +52,21 @@ Follow instructions for individual framework usage below * **Type:** `(event: Event | SubmitEvent, options?: ValidateFormOptions) => void` * **Kind:** `sync` -Validates a form with [checkValidity](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity) and [validateField](/docs/components/form#validatefield) events. +Validates a form with [checkValidity](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/checkValidity) +and runs [validateField](/docs/components/form#validatefield) on every field. +On invalid submit it scrolls to and focuses the first invalid element, on valid submit it marks the submitter +with a loading attribute. #### ValidateFormOptions --- -##### validateSelectors +##### validateSelector * **Type:** `string` -* **Default:** `.x-control, .x-check, .x-switch, .x-rating, .x-color` +* **Default:** `.x-field` -Selectors which will be validated. +Selector of field wrappers which will be validated. --- @@ -76,12 +79,21 @@ Additional options for `validateField` --- +##### validateField + +* **Type:** `typeof validateField` +* **Default:** `validateField` + +Override the field validation function. + +--- + ##### submitterLoadingAttribute * **Type:** `string` * **Default:** `data-loading` -Loading class that will be added to a submitter element, e.g., A button. +Loading attribute that will be added to the submitter element (e.g. a button) on valid submit. --- @@ -96,86 +108,71 @@ Scroll options when scrolling to an invalid element. ### `validateField` -* **Type:** `(selector: HTMLElement, options?: ValidateFieldOptions) => void` +* **Type:** `(element: HTMLElement, options?: ValidateFieldOptions) => void` * **Kind:** `sync` -Validates a field. This can be element such as `.x-control`, `x-check` and others that can be validated. It adds validation info message inside `c-field` and validation icon inside `x-control`. -It also adds a `valid`, `invalid` or `active` class to the element. +Validates a single field wrapper (typically `.x-field`). It appends a validation info message +(with `data-validity`) to the field and a validation icon inside `.x-control`. +The message text is resolved from `options.validationMessage`, the `data-validation-message` attribute +on the invalid element, or the native +[`validationMessage`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validationMessage). #### ValidateFieldOptions --- -##### validate -* **Type:** `boolean` -* **Default:** `true` +##### validationMessage +* **Type:** `string` +* **Default:** `undefined` -Only `active` class is added if the element value is not empty. No other validation is done. +Overrides the displayed validation message. --- ##### selector * **Type:** `string` -* **Default:** `input:not([type="hidden"]), textarea, select` - ---- - -##### ignoreMatch -* **Type:** `RegExp` -* **Default:** `/(data-novalidate|readonly)/` +* **Default:** `:is(input:not([type="hidden"]), textarea, select):not([readonly], [data-novalidate])` -Ignores a validation if any of these strings are present in the HTML. +Selector of elements inside the field that are validated. Add `data-novalidate` or `readonly` to skip validation. --- ##### validitySelector * **Type:** `string` -* **Default:** `.validity` - -Selector for dynamically added content in the DOM such us info message or icon. - ---- - -##### infoParentSelector -* **Type:** `string` -* **Default:** `.x-field` +* **Default:** `[data-validity]` ---- - -##### infoSelector -* **Type:** `string` -* **Default:** `.x-info` +Selector for dynamically added content in the DOM, such as the info message or icon — it is removed on re-validation. --- ##### infoContent * **Type:** `string` -* **Default:** `
      ` +* **Default:** `
      ` + +Element appended to the field with the validation message. --- -##### endParentSelector +##### iconParentSelector * **Type:** `string` * **Default:** `.x-control` +Element the validation icon is appended into. + --- -##### endSelector +##### iconSelector * **Type:** `string` * **Default:** `.ms-auto` --- -##### endContent +##### iconContent * **Type:** `string` * **Default:** `
      ` ---- - -##### validAttribute -* **Type:** `string` -* **Default:** `data-valid` +Wrapper element for the validation icon, created inside `iconParentSelector` when missing. --- @@ -185,19 +182,7 @@ Selector for dynamically added content in the DOM such us info message or icon. --- -##### invalidAttribute -* **Type:** `string` -* **Default:** `data-invalid` - ---- - ##### invalidIcon * **Type:** `string` -* **Default:** `` - ---- - -##### activeAttribute -* **Type:** `string` -* **Default:** `data-active` +* **Default:** `` diff --git a/docs/docs/components/heading.md b/docs/docs/components/heading.md index a9799ae..a1541f6 100644 --- a/docs/docs/components/heading.md +++ b/docs/docs/components/heading.md @@ -9,6 +9,9 @@ For common heading styles that you can manage from one component across project. @import "winduum/src/components/heading/index.css" layer(utilities); ``` +### Props +* + ### Tokens * `sm` diff --git a/docs/docs/components/popover.md b/docs/docs/components/popover.md index 3c77bd4..f1eaa75 100644 --- a/docs/docs/components/popover.md +++ b/docs/docs/components/popover.md @@ -1,15 +1,16 @@ # Popover -Popover can be used for dropdowns and other popovers when an element is clicked and focused. +Popover can be used for dropdowns and other popovers when an element is clicked, focused or hovered. You have following types of trigger as an option: -* trigger on focus with CSS `trigger-focus` class -* trigger on hover with CSS `trigger-hover` class -* trigger on click with JS and the `[popover]` attribute +* trigger on click with `command="toggle-popover"` and `commandfor` +* trigger on hover/focus with the [`interestfor`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/interestfor) attribute (see the [Interest](/docs/variants/interest) variant) - - -### Dependencies +Since v3, popovers build entirely on the web platform — the `[popover]` attribute, +[Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) +(`command="toggle-popover"` / `show-popover` / `hide-popover`) and +[CSS Anchor Positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning). +No JavaScript is required in browsers with anchor positioning support. -* [floating-ui](https://floating-ui.com/) - for `[popover]` trigger + ## Usage @@ -39,21 +40,17 @@ You have following types of trigger as an option: ### Variants * * - + +### Props +* +* + ### Tokens -Applicable to `x-popover-content` -* `bottom bottom-start` -* `bottom bottom-end` -* `top top-start` -* `top top-end` -* `right right-start` -* `right right-end` -* `left left-start` -* `left left-end` -* `bottom inline-center` -* `top inline-center` -* `right block-center` -* `left block-center` +Positioning of `x-popover` is provided by the [Position](/docs/utilities/position) utilities +* `top` `top-start` `top-end` +* `bottom` `bottom-start` `bottom-end` +* `left` `left-start` `left-end` +* `right` `right-start` `right-end` ### Installation Follow instructions for individual framework usage below @@ -67,199 +64,94 @@ Follow instructions for individual framework usage below ## Examples -### focus-trigger +### Command + +Native [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) with +[Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) — +the popover lives in the [top-layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer), gets light-dismiss +(Esc, clicking outside) and keyboard handling for free, without a single line of JavaScript. <<< @/public/examples/components/popover/basic.html#body{} -### hover-trigger +### Interest (hover) + +Shows the popover when the user *shows interest* in the trigger — hover or keyboard focus — via the `interestfor` attribute. +Use the [interestfor](https://www.npmjs.com/package/interestfor) polyfill for browsers without native support. <<< @/public/examples/components/popover/hover.html#body{} -### [popover] +### Positioning fallback -This is using advantages of [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) with [floating-ui](https://floating-ui.com/). -It's also backwards compatible as it's leveraging only the `showPopover` and `hidePopover` for the [top-layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer) support. - -Popover is placed dynamically upon available space, and auto updates itself when needed. +Same as the command example, but wrapped in the `x-popover` custom element from +[winduum-elements](https://github.com/winduum/winduum-elements/tree/main/components/popover), which applies +the floating-ui positioning fallback in browsers without CSS Anchor Positioning. -<<< @/public/examples/components/popover/api.html#body{} +::: code-group +<<< @/public/examples/components/popover/api.html#body{} [html] +<<< @/../examples/src/pages/components/popover/api.liquid#js{} [js] +::: ## JavaScript API -### `showPopover` - -* **Type:** `(element: HTMLElement | Element, options?: ShowPopoverOptions) => Promise` -* **Kind:** `async` - -#### Example - -```js -import { showPopover, hidePopover } from '/src/components/popover' - -const popoverActionElement = document?.querySelector('[popovertargetaction="show"]') - -popoverActionElement?.addEventListener('click', async (e) => { - e.preventDefault() - - const currentTarget = e.currentTarget - await showPopover(currentTarget, { - placement: 'right-end', - }) -}) - -// close on esc -window.addEventListener('keydown', ({ key }) => { - if (key === 'Escape') { - hidePopover(popoverActionElement) - } -}) - -// outside dismiss -window.addEventListener('click', ({ target }) => { - if (!window.popover?.contains(target) && !popoverActionElement?.isEqualNode(target) && popoverActionElement?.ariaExpanded === 'true') { - hidePopover(popoverActionElement) - } -}) -``` -
      - -#### `ShowPopoverOptions` - ---- - -##### anchorSelector - -* **Type:** `string` -* **Default:** `undefined` - -By default, the anchor selector is the trigger button, you can change this to other selector. - ---- - -##### openAttribute - -* **Type:** `string` -* **Default:** `data-open` +The core popover component needs no JavaScript — use the native +[`showPopover`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/showPopover) / +[`hidePopover`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/hidePopover) / +[`togglePopover`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/togglePopover) methods for programmatic control. -A string representing an attribute that will be added when popover is visible. +Two helpers are exported for the floating-ui positioning fallback (they require [`@floating-ui/dom`](https://floating-ui.com/) as a dependency). +They are used internally by `winduum-elements` and `winduum-stimulus`, but you can use them to build your own integration. ---- +### `computePositionPopover` -##### compute - -* **Type:** `boolean` -* **Default:** `true` - -Determines if the popover should be anchored and computed with `@floating-ui/dom` - ---- - -##### placement - -* **Type:** `Placement` -* **Default:** `undefined` - -Determines [placement](https://floating-ui.com/docs/computePosition#placement) of the popover with `@floating-ui/dom`, also adds a corresponding class to the popover target. - ---- - -##### middleware - -* **Type:** `Array` -* **Default:** `[offset(12 ?? options?.offset), flip(options?.flip), shift({ padding: 8, ...options?.shift })]` - -Customize [middleware](https://floating-ui.com/docs/computePosition#middleware) for `@floating-ui/dom` - ---- - -##### offset - -* **Type:** `OffsetOptions` -* **Default:** `12` - -Customize [offset](https://floating-ui.com/docs/offset#options) options for `@floating-ui/dom` - ---- - -##### flip - -* **Type:** `FlipOptions` -* **Default:** `undefined` - -Customize [flip](https://floating-ui.com/docs/flip#options) options for `@floating-ui/dom` - ---- - -##### shift - -* **Type:** `ShiftOptions` -* **Default:** `undefined` - -Customize [shift](https://floating-ui.com/docs/shift#options) options for `@floating-ui/dom` - ---- - -
      - -### `hidePopover` - -* **Type:** `(element: HTMLElement | Element) => Promise` +* **Type:** `(referenceElement: HTMLElement, floatingElement: HTMLElement, placement: Placement, options?: ComputePositionConfig | boolean) => Promise` * **Kind:** `async` +Computes the popover position with `@floating-ui/dom` and applies it to the floating element. +When native CSS anchor positioning is supported, only the placement class is applied and positioning is left to CSS. +Passing `options: true` enables the built-in `flip()` middleware. + #### Example ```js -import { hidePopover } from '/src/components/popover' +import { computePositionPopover } from 'winduum/src/components/popover' -const popoverActionElement = document?.querySelector('[popovertargetaction="hide"]') +const trigger = document.querySelector('#popoverTrigger') +const popover = document.querySelector('#popoverElement') -popoverActionElement?.addEventListener('click', async (e) => { - e.preventDefault() - - const currentTarget = e.currentTarget - await hidePopover(currentTarget) +popover.addEventListener('toggle', async ({ newState }) => { + if (newState === 'open') { + await computePositionPopover(trigger, popover, 'bottom-start') + } }) ``` -
      -### `togglePopover` +### `autoUpdatePopover` -* **Type:** `(element: HTMLElement | Element, options?: ShowPopoverOptions) => Promise` +* **Type:** `(referenceElement: HTMLElement, floatingElement: HTMLElement, placement: Placement, options?: ComputePositionConfig | boolean) => Promise<() => void>` * **Kind:** `async` +Same as `computePositionPopover`, but keeps the position updated on scroll and resize via floating-ui +[`autoUpdate`](https://floating-ui.com/docs/autoUpdate). Returns a cleanup function — call it when the popover closes. + #### Example ```js -import { togglePopover, hidePopover } from '/src/components/popover' - -const popoverActionElement = document?.querySelector('[popovertargetaction="toggle"]') +import { autoUpdatePopover } from 'winduum/src/components/popover' -popoverActionElement?.addEventListener('click', async (e) => { - e.preventDefault() - - const currentTarget = e.currentTarget - await togglePopover(currentTarget) -}) - -// close on esc -window.addEventListener('keydown', ({ key }) => { - if (key === 'Escape') { - hidePopover(popoverActionElement) - } -}) +let cleanup -// outside dismiss -window.addEventListener('click', ({ target }) => { - if (!window.popover?.contains(target) && !popoverActionElement?.isEqualNode(target) && popoverActionElement?.ariaExpanded === 'true') { - hidePopover(popoverActionElement) +popover.addEventListener('toggle', async ({ newState }) => { + if (newState === 'open') { + cleanup = await autoUpdatePopover(trigger, popover, 'bottom-start') + } else { + cleanup?.() } }) ``` -
      diff --git a/docs/docs/components/tabs.md b/docs/docs/components/tabs.md index a600bf8..8ff03c9 100644 --- a/docs/docs/components/tabs.md +++ b/docs/docs/components/tabs.md @@ -9,7 +9,7 @@ ``` ### Variants -* +* ### Installation Follow instructions for individual framework usage below diff --git a/docs/docs/components/toast.md b/docs/docs/components/toast.md index 2d6cede..d8c4ebb 100644 --- a/docs/docs/components/toast.md +++ b/docs/docs/components/toast.md @@ -10,13 +10,13 @@ Let it bake and fly from your [Toaster](/docs/components/toaster)! @import "winduum/src/components/toast/index.css" layer(utilities); ``` ```js -import { showToast, closeToast } from 'winduum/src/components/toaster' +import { showToast, closeToast } from 'winduum/src/components/toast' document.querySelector('#insertToast').addEventListener('click', async () => { const toaster = document.querySelector('.x-toaster') toaster.insertAdjacentHTML('beforeend', ` -
    2. +
    3. Hello toast
      @@ -32,14 +32,14 @@ document.querySelector('#insertToast').addEventListener('click', async () => { const closeToastButton = document.querySelectorAll('[data-action="closeToast"]')[document.querySelectorAll('[data-action="closeToast"]').length - 1] closeToastButton.addEventListener('click', ({ currentTarget }) => { - closeToast(currentTarget.closest('.c-toast')) + closeToast(currentTarget.closest('.x-toast')) }) }) ``` ```html -
        +
          ``` ::: @@ -48,6 +48,10 @@ document.querySelector('#insertToast').addEventListener('click', async () => { * * +### Props +* +* + ### Installation Follow instructions for individual framework usage below @@ -65,16 +69,16 @@ Follow instructions for individual framework usage below ```html -
            +
              @@ -101,15 +105,15 @@ Follow instructions for individual framework usage below ### `showToast` -* **Type:** `(selector: HTMLElement, options?: ShowToastOptions) => Promise` +* **Type:** `(element: HTMLElement, options?: ShowToastOptions) => Promise` * **Kind:** `async` -Applies an enter animation to existing toast. +Applies an enter animation to existing toast and schedules its auto-hide. #### Example ```js -import { showToast } from 'winduum/src/components/toaster' +import { showToast } from 'winduum/src/components/toast' document.querySelector('#showToast').addEventListener('click', async () => { await showToast(document.querySelector('#toastElement')) @@ -130,15 +134,17 @@ document.querySelector('#showToast').addEventListener('click', async () => { ##### autoHide -* **Type:** `number` -* **Default:** `null` +* **Type:** `number | null` +* **Default:** `7500` + +Time in ms after which the toast closes automatically — the delay scales with the number of toasts in the toaster. Set to `null` to disable. --- ##### heightProperty * **Type:** `string` -* **Default:** `--x-toast-height` +* **Default:** `--x-toast-block-size` --- @@ -147,13 +153,15 @@ document.querySelector('#showToast').addEventListener('click', async () => { * **Type:** `CloseToastOptions` * **Default:** `{}` +Options passed to `closeToast` when the toast auto-hides. + ---
              ### `closeToast` -* **Type:** `(selector: HTMLElement, options?: CloseToastOptions) => Promise` +* **Type:** `(element: HTMLElement, options?: CloseToastOptions) => Promise` * **Kind:** `async` Applies an exit animation to existing toast and removes it from DOM. @@ -161,7 +169,7 @@ Applies an exit animation to existing toast and removes it from DOM. #### Example ```js -import { showToast } from 'winduum/src/components/toaster' +import { closeToast } from 'winduum/src/components/toast' document.querySelector('#closeToast').addEventListener('click', async () => { await closeToast(document.querySelector('#toastElement')) @@ -176,14 +184,21 @@ document.querySelector('#closeToast').addEventListener('click', async () => { ##### closedAttribute -* **Type:** `data-closed` -* **Default:** `out` +* **Type:** `string` +* **Default:** `data-closed` --- ##### heightProperty * **Type:** `string` -* **Default:** `--x-toast-height` +* **Default:** `--x-toast-block-size` --- + +##### remove + +* **Type:** `boolean` +* **Default:** `true` + +Determines whether the toast is removed from the DOM after the exit animation. diff --git a/docs/docs/components/toaster.md b/docs/docs/components/toaster.md index 62e8088..53c4d35 100644 --- a/docs/docs/components/toaster.md +++ b/docs/docs/components/toaster.md @@ -1,17 +1,38 @@ # Toaster Bake your [Toast](/docs/components/toast) and let it fly! You should insert in into your `` +The toaster uses the [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) +(`popover="manual"`) so toasts always appear in the [top-layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer) — +even above open dialogs. Use `toasterObserver` to show/hide the toaster popover automatically as toasts are added and removed. + ## Usage +::: code-group ```css @import "winduum/src/components/toaster/index.css" layer(utilities); ``` +```html +
                +``` +```js +import { toasterObserver } from 'winduum/src/components/toaster' + +const observer = toasterObserver() + +observer.observe(document.querySelector('.x-toaster'), { + childList: true, +}) +``` +::: ### Variants * +### Props +* + ### Installation Follow instructions for individual framework usage below @@ -19,25 +40,41 @@ Follow instructions for individual framework usage below * * -## Example - -```html -
                  -``` +## JavaScript API ### `closeToaster` -* **Type:** `(selector: HTMLElement, options?: CloseToastOptions) => Promise` -* **Kind:** `async` +* **Type:** `(element: HTMLElement, options?: CloseToastOptions) => void` +* **Kind:** `sync` All toasts are closed at once. #### Example ```js -import { showToast } from 'winduum/src/components/toaster' +import { closeToaster } from 'winduum/src/components/toaster' + +document.querySelector('#closeToaster').addEventListener('click', () => { + closeToaster(document.querySelector('.x-toaster')) +}) +``` + +### `toasterObserver` + +* **Type:** `() => MutationObserver` +* **Kind:** `sync` + +Returns a `MutationObserver` that shows the toaster popover when the first toast is inserted +and hides it when the last toast is removed. Observe the toaster element with `{ childList: true }`. + +#### Example + +```js +import { toasterObserver } from 'winduum/src/components/toaster' + +const observer = toasterObserver() -document.querySelector('#closeToaster').addEventListener('click', async () => { - await closeToaster(document.querySelector('.c-toaster')) +observer.observe(document.querySelector('.x-toaster'), { + childList: true, }) ``` diff --git a/docs/docs/grid.md b/docs/docs/grid.md index 087f137..581d139 100644 --- a/docs/docs/grid.md +++ b/docs/docs/grid.md @@ -8,5 +8,5 @@ It's recommended to use the following TailwindCSS approaches to shape your layou Winduum also provides additional utilities to make things even easier. -* [Container](/docs/utilities/container) +* [Grid](/docs/utilities/grid) * [Divide Gap](/docs/utilities/divide-gap) diff --git a/docs/docs/index.md b/docs/docs/index.md index eb6f72a..e16d2c2 100644 --- a/docs/docs/index.md +++ b/docs/docs/index.md @@ -15,7 +15,7 @@ See [Trying Winduum Online](#trying-winduum-online) section below to see all pos ### npm ```shell -npm i winduum +npm i winduum@next ``` ### TailwindCSS diff --git a/docs/docs/polyfills.md b/docs/docs/polyfills.md index 4271862..e18b078 100644 --- a/docs/docs/polyfills.md +++ b/docs/docs/polyfills.md @@ -42,6 +42,13 @@ The `interestfor` API lets controls declaratively show interest in another eleme The `timeline-trigger` feature is used by Winduum animation trigger utilities. Winduum includes an experimental `timelineTrigger` polyfill that observes elements with `timeline-trigger-*` classes and toggles `data-enter` based on the configured entry and exit thresholds. +### Other support checks + +`winduum/supports` also exposes checks without a bundled polyfill — useful for your own fallbacks: + +* `supportsAnimationTimeline` — CSS [`animation-timeline`](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline) scroll-driven animations +* `supportsScrollInitialTarget` — CSS [`scroll-initial-target`](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-initial-target), used internally by the [Drawer](/docs/components/drawer) helpers + ## Winduum Elements `winduum-elements` builds on top of Webuum, so projects using it need to include Webuum polyfills too when targeting browsers without support for those APIs. diff --git a/docs/docs/utilities/dot.md b/docs/docs/utilities/dot.md index e4e360c..d186585 100644 --- a/docs/docs/utilities/dot.md +++ b/docs/docs/utilities/dot.md @@ -1,4 +1,4 @@ -# Divide Gap +# Dot Provides a new utility class `dot` for.. well dots! diff --git a/docs/docs/utilities/ripple.md b/docs/docs/utilities/ripple.md index 0fe50da..e6c7ab9 100644 --- a/docs/docs/utilities/ripple.md +++ b/docs/docs/utilities/ripple.md @@ -1,6 +1,6 @@ # Ripple -A material ripple effect that is visible on clicking, you can use it with or without JS by adding `animation-ripple` class. +A material ripple effect that is visible on clicking. Use with [Button](/docs/components/button) or any other component. @@ -9,17 +9,13 @@ Use with [Button](/docs/components/button) or any other component. ::: code-group ```css -@import "winduum/utilities/ripple.css" layer(utilities); +@import "winduum/src/utilities/ripple/index.css" layer(utilities); ``` ```js import { showRipple } from 'winduum/src/utilities/ripple' -document.querySelector('#showRipple').addEventListener('click', (e) => { - showRipple({ - element: e.currentTarget, - x: e.offsetX, - y: e.offsetY - }) +document.querySelector('#showRipple').addEventListener('click', (event) => { + showRipple(event) }) ``` ```vue @@ -48,12 +44,8 @@ document.querySelector('#showRipple').addEventListener('click', (e) => { ```js import { showRipple } from 'winduum/src/utilities/ripple' -document.querySelector('#showRipple').addEventListener('click', (e) => { - showRipple({ - element: e.currentTarget, - x: e.offsetX, - y: e.offsetY - }) +document.querySelector('#showRipple').addEventListener('click', (event) => { + showRipple(event) }) ``` ::: diff --git a/docs/docs/utilities/spinner.md b/docs/docs/utilities/spinner.md index 8c5b88d..d7576f5 100644 --- a/docs/docs/utilities/spinner.md +++ b/docs/docs/utilities/spinner.md @@ -1,4 +1,4 @@ -# Swap +# Spinner Provides a new utility class `spinner` for circular animated spinners. diff --git a/docs/docs/utilities/swap.md b/docs/docs/utilities/swap.md index 18aaa65..c04462d 100644 --- a/docs/docs/utilities/swap.md +++ b/docs/docs/utilities/swap.md @@ -19,3 +19,22 @@ Provides a new utility class `swap` to toggle between elements. <<< @/public/examples/swap-aria.html#body{} [html] <<< @/../examples/src/pages/swap-aria.liquid#js{} [js] ::: + +## Javascript API + +There is also a `Swap` controller available in [winduum-stimulus](https://github.com/winduum/winduum-stimulus/tree/main/utilities/swap). + +### toggleSwap + +* **Type:** `(element: HTMLElement) => void` +* **Kind:** `sync` + +Swaps the `aria-hidden` state between the two child elements of the swap. + +```js +import { toggleSwap } from 'winduum/src/utilities/swap' + +document.querySelector('#swapExample').addEventListener('click', ({ currentTarget }) => { + toggleSwap(currentTarget) +}) +``` diff --git a/examples/package-lock.json b/examples/package-lock.json index 4207c85..9729873 100644 --- a/examples/package-lock.json +++ b/examples/package-lock.json @@ -8,11 +8,14 @@ "@floating-ui/dom": "^1.6.13", "@tailwindcss/vite": "^4.0.0", "@vituum/vite-plugin-liquid": "^1.1.0", - "slide-element": "^2.3.1", + "@webreflection/custom-elements-builtin": "^0.4.1", + "interestfor": "^1.0.0", + "invokers-polyfill": "^1.0.3", "tailwindcss": "^4.0.0", "vite": "^6.0.11", "vituum": "^1.1.1", - "winduum": "^2.2.0-next.5" + "winduum": "^3.0.0-next.7", + "winduum-elements": "^0.0.11" } }, "node_modules/@esbuild/aix-ppc64": { @@ -440,6 +443,15 @@ "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==", "license": "MIT" }, + "node_modules/@newlogic-digital/utils-js": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@newlogic-digital/utils-js/-/utils-js-1.2.0.tgz", + "integrity": "sha512-tObXqpJKB8C9AvHACfCqJZkKHbDAIBTgO9RpMM01Ow/0pxX9G5vB8OSZ2W9eInMA9oB6BYGtPCzvO7MdZ2CWhw==", + "license": "MIT", + "engines": { + "node": ">=20.0.0" + } + }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -974,6 +986,29 @@ "node": "^18.0.0 || >=20.0.0" } }, + "node_modules/@webreflection/custom-elements-attributes": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/@webreflection/custom-elements-attributes/-/custom-elements-attributes-0.1.4.tgz", + "integrity": "sha512-uL8msxNYPabss14zx+pxMgr16x/RBKGeMzZQ95UZv5HRQPqs3hK1gNxMYwLvhuJ7aumvbqktfEf2g4waBl13iQ==", + "license": "ISC" + }, + "node_modules/@webreflection/custom-elements-builtin": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/@webreflection/custom-elements-builtin/-/custom-elements-builtin-0.4.1.tgz", + "integrity": "sha512-CueKyf4HVvVx/5C458ZvOuI32BbdloJs6iIinf9k/M4POCddL7pR5ciWxHYy7Jd+FVkoMbwoOr+104ATecV51w==", + "license": "ISC", + "dependencies": { + "@webreflection/custom-elements-attributes": "^0.1.4", + "@webreflection/custom-elements-upgrade": "^0.1.4", + "qsa-observer": "^3.0.2" + } + }, + "node_modules/@webreflection/custom-elements-upgrade": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/@webreflection/custom-elements-upgrade/-/custom-elements-upgrade-0.1.4.tgz", + "integrity": "sha512-gCRV9bImUc8oR+0N1YE+1etW5qaWpd4lUJeagBZfdZa6WIJ5fnihM1x6ngiKG/ND1kFNlqxE8fDkwJts7pwXBA==", + "license": "ISC" + }, "node_modules/anymatch": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", @@ -1083,6 +1118,12 @@ "node": ">=0.10" } }, + "node_modules/element-notifier": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/element-notifier/-/element-notifier-1.1.2.tgz", + "integrity": "sha512-GaXwkw/aZ4ZCsmzTDrlchtFmu3k3mruOUcC04Lk7YCQLMWsBPUONaIzczvW3QxxVkTpu8oq3r+muVuD+01b7fA==", + "license": "ISC" + }, "node_modules/enhanced-resolve": { "version": "5.18.0", "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.0.tgz", @@ -1205,6 +1246,18 @@ "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", "license": "ISC" }, + "node_modules/interestfor": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/interestfor/-/interestfor-1.0.8.tgz", + "integrity": "sha512-qYwTmxzDnrosGZX/1lDEOsAv73aYiFKLniN20SS78588WhRMHj8z7u2uFe9QZPIVmkCyIbJwiMQ/85Up7hrseQ==", + "license": "BSD-3-Clause" + }, + "node_modules/invokers-polyfill": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/invokers-polyfill/-/invokers-polyfill-1.0.3.tgz", + "integrity": "sha512-T8zVavFQu5GlWlpkjghmaCaTx6Wk+9tWwJ2BC4oNsNAnar6AIrvSJQFZUcYDfrxzK9thBIyZvAkeLfdN9hTzGA==", + "license": "MIT" + }, "node_modules/is-binary-path": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", @@ -1611,6 +1664,15 @@ "node": "^10 || ^12 || >=14" } }, + "node_modules/qsa-observer": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/qsa-observer/-/qsa-observer-3.0.2.tgz", + "integrity": "sha512-G1qqXYKG9RNpoFROJFGzYew1g76YDJsL5jyjePB8CdU6H9SFWO47WGLlqkuJKr5NKwVAzFl2fmTwqyK/EywxOw==", + "license": "ISC", + "dependencies": { + "element-notifier": "^1.1.2" + } + }, "node_modules/queue-microtask": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", @@ -1714,12 +1776,6 @@ "queue-microtask": "^1.2.2" } }, - "node_modules/slide-element": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/slide-element/-/slide-element-2.3.1.tgz", - "integrity": "sha512-DBDX3fGmrL4lED9PGHv1254sHiQp5KsdeOJ+ohAdU1qOaolAHxYT9Wa5TjW1cw4Oh05Rq2fYpeIp1tFdQBg2Ug==", - "license": "ISC" - }, "node_modules/source-map-js": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", @@ -2307,14 +2363,32 @@ } } }, + "node_modules/webuum": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/webuum/-/webuum-0.2.1.tgz", + "integrity": "sha512-3XfdLSo3IJ/Tz/igRdV5cGLoNZNGLiN9A745ESWuKFW5RUHDd4l4LG5WYgXKeza0Xp7Zdj2ITeKosQLnXIYNpQ==", + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, "node_modules/winduum": { - "version": "2.2.0-next.5", - "resolved": "https://registry.npmjs.org/winduum/-/winduum-2.2.0-next.5.tgz", - "integrity": "sha512-5/qyRhwa9KQbmvKa/9UaDIoLRr/UozXP41LdyJkRAbnc4AyUvRJkN3YuBxxWCHN8j+IPtVDk1MT1qiIRvPPuqQ==", + "version": "3.0.0-next.7", + "resolved": "https://registry.npmjs.org/winduum/-/winduum-3.0.0-next.7.tgz", + "integrity": "sha512-CNuA0yf2XhV9ndSNr8rnkzC0V/tMqmdqInPyMnfvq33jf+C/AUqVS6FaAfum/cvEgnJvV3pud941LG66POasPg==", "engines": { "node": ">=20.0.0", "npm": ">=9.0.0" } + }, + "node_modules/winduum-elements": { + "version": "0.0.11", + "resolved": "https://registry.npmjs.org/winduum-elements/-/winduum-elements-0.0.11.tgz", + "integrity": "sha512-dT2jt6ofwbbS6Hj6+2MhqPW/aS6Ioa4YwJvwvJkrxoWbbbUOLTcN5w8X+Xkv82qh/3jYbBzT8o8QURitjOUEHg==", + "dependencies": { + "@newlogic-digital/utils-js": "^1.2.0", + "webuum": "^0.2.1", + "winduum": "^3.0.0-next.7" + } } } } diff --git a/examples/package.json b/examples/package.json index 9012dd6..d23f9b4 100644 --- a/examples/package.json +++ b/examples/package.json @@ -3,11 +3,14 @@ "dependencies": { "@vituum/vite-plugin-liquid": "^1.1.0", "@tailwindcss/vite": "^4.0.0", + "@webreflection/custom-elements-builtin": "^0.4.1", + "interestfor": "^1.0.0", + "invokers-polyfill": "^1.0.3", "tailwindcss": "^4.0.0", - "winduum": "^2.2.0-next.5", + "winduum": "^3.0.0-next.7", + "winduum-elements": "^0.0.11", "vituum": "^1.1.1", "vite": "^6.0.11", - "slide-element": "^2.3.1", "@floating-ui/dom": "^1.6.13" } } diff --git a/examples/src/pages/components/carousel/basic.liquid b/examples/src/pages/components/carousel/basic.liquid index 509d2a7..27e8cae 100644 --- a/examples/src/pages/components/carousel/basic.liquid +++ b/examples/src/pages/components/carousel/basic.liquid @@ -1,12 +1,12 @@ {% layout "templates/layout.liquid" %} {% block %} -
                  - -
                  +
                  @@ -14,12 +14,12 @@
                  - -
                  + {% endblock %} {% block head %} @@ -38,16 +38,14 @@ {% block foot %} {% endblock %} diff --git a/examples/src/pages/components/carousel/full.liquid b/examples/src/pages/components/carousel/full.liquid index 74798c1..15d5de8 100644 --- a/examples/src/pages/components/carousel/full.liquid +++ b/examples/src/pages/components/carousel/full.liquid @@ -1,45 +1,47 @@ {% layout "templates/layout.liquid" %} {% block %} -
                  -
                  -
                  / -
                  -
                  +
                  - -
                  -
                  +
                  +
                  -
                  +
                  -
                  +
                  -
                  +
                  -
                  +
                  -
                  +
                  -
                  -
                  - -
                  + + {% endblock %} {% block head %} @@ -47,45 +49,33 @@ .x-carousel { max-width: 60rem } + + .x-carousel-marker { + width: 0.75rem; + height: 0.75rem; + border: 2px solid var(--color-primary); + border-radius: 50%; + display: block; + cursor: pointer; + + &:is([aria-current]) { + background-color: var(--color-primary); + } + } {% endblock %} {% block foot %} {% endblock %} diff --git a/examples/src/pages/components/details/accordion.liquid b/examples/src/pages/components/details/accordion.liquid index 894b277..fa56ae8 100644 --- a/examples/src/pages/components/details/accordion.liquid +++ b/examples/src/pages/components/details/accordion.liquid @@ -1,7 +1,7 @@ {% layout "templates/layout.liquid" %} {% block %} -
                  - +
                  + Accordion 1 @@ -13,27 +13,27 @@
                  -
                  - +
                  + Accordion 2 -
                  +
                  Details content
                  -
                  - +
                  + Accordion 3 -
                  +
                  Details content
                  @@ -53,23 +53,3 @@ } {% endblock %} - -{% block foot %} - - - -{% endblock %} diff --git a/examples/src/pages/components/details/checkbox.liquid b/examples/src/pages/components/details/checkbox.liquid index e240bdd..10b474b 100644 --- a/examples/src/pages/components/details/checkbox.liquid +++ b/examples/src/pages/components/details/checkbox.liquid @@ -3,11 +3,11 @@
                  -
                  +
                  @@ -31,13 +31,9 @@ {% block foot %} diff --git a/examples/src/pages/components/details/default.liquid b/examples/src/pages/components/details/default.liquid index 03c5899..429527b 100644 --- a/examples/src/pages/components/details/default.liquid +++ b/examples/src/pages/components/details/default.liquid @@ -1,13 +1,13 @@ {% layout "templates/layout.liquid" %} {% block %}
                  - + Show more -
                  +
                  Details content
                  @@ -27,19 +27,3 @@ } {% endblock %} - -{% block foot %} - - - -{% endblock %} diff --git a/examples/src/pages/components/drawer/bottom.liquid b/examples/src/pages/components/drawer/bottom.liquid index 57c4b37..c911210 100644 --- a/examples/src/pages/components/drawer/bottom.liquid +++ b/examples/src/pages/components/drawer/bottom.liquid @@ -1,36 +1,33 @@ {% layout "templates/layout.liquid" %} {% block %} - - - + + +
                  + +
                  {% endblock %} {% block foot %} {% endblock %} diff --git a/examples/src/pages/components/drawer/left.liquid b/examples/src/pages/components/drawer/left.liquid index f58e9ea..197adaf 100644 --- a/examples/src/pages/components/drawer/left.liquid +++ b/examples/src/pages/components/drawer/left.liquid @@ -1,32 +1,33 @@ {% layout "templates/layout.liquid" %} {% block %} - - - + + +
                  + +
                  {% endblock %} {% block foot %} {% endblock %} diff --git a/examples/src/pages/components/drawer/right.liquid b/examples/src/pages/components/drawer/right.liquid index d4163e1..35ca607 100644 --- a/examples/src/pages/components/drawer/right.liquid +++ b/examples/src/pages/components/drawer/right.liquid @@ -1,32 +1,33 @@ {% layout "templates/layout.liquid" %} {% block %} - - - + + +
                  + +
                  {% endblock %} {% block foot %} {% endblock %} diff --git a/examples/src/pages/components/drawer/top.liquid b/examples/src/pages/components/drawer/top.liquid index 20e15b8..daafe7c 100644 --- a/examples/src/pages/components/drawer/top.liquid +++ b/examples/src/pages/components/drawer/top.liquid @@ -1,34 +1,33 @@ {% layout "templates/layout.liquid" %} {% block %} - - - + + +
                  + +
                  {% endblock %} {% block foot %} {% endblock %} diff --git a/examples/src/pages/components/popover/api.liquid b/examples/src/pages/components/popover/api.liquid index 9e7f3cf..1b10d29 100644 --- a/examples/src/pages/components/popover/api.liquid +++ b/examples/src/pages/components/popover/api.liquid @@ -1,10 +1,12 @@ {% layout "templates/layout.liquid" %} {% block %} -
                  - -
                  - -
                  +
                  + + +
                  + +
                  +
                  {% endblock %} @@ -19,34 +21,14 @@ {% block foot %} {% endblock %} diff --git a/examples/src/pages/components/popover/basic.liquid b/examples/src/pages/components/popover/basic.liquid index 77537a7..ba2b0db 100644 --- a/examples/src/pages/components/popover/basic.liquid +++ b/examples/src/pages/components/popover/basic.liquid @@ -1,8 +1,8 @@ {% layout "templates/layout.liquid" %} {% block %} -
                  -
                  Popover
                  -
                  + +
                  +
                  @@ -16,3 +16,12 @@ } {% endblock %} + +{% block foot %} + +{% endblock %} diff --git a/examples/src/pages/components/popover/hover.liquid b/examples/src/pages/components/popover/hover.liquid index 1d71dc0..610d774 100644 --- a/examples/src/pages/components/popover/hover.liquid +++ b/examples/src/pages/components/popover/hover.liquid @@ -1,8 +1,8 @@ {% layout "templates/layout.liquid" %} {% block %} -
                  -
                  Popover
                  -
                  + +
                  +
                  @@ -16,3 +16,13 @@ } {% endblock %} + +{% block foot %} + +{% endblock %} diff --git a/examples/src/pages/form-field.liquid b/examples/src/pages/form-field.liquid index 737f146..3c79903 100644 --- a/examples/src/pages/form-field.liquid +++ b/examples/src/pages/form-field.liquid @@ -8,7 +8,7 @@
                  @@ -19,7 +19,7 @@ diff --git a/examples/src/pages/form.liquid b/examples/src/pages/form.liquid index 7a9d09c..2cabaf4 100644 --- a/examples/src/pages/form.liquid +++ b/examples/src/pages/form.liquid @@ -25,7 +25,7 @@ diff --git a/examples/vite.config.js b/examples/vite.config.js index 467b06e..375567d 100644 --- a/examples/vite.config.js +++ b/examples/vite.config.js @@ -24,6 +24,7 @@ export default defineConfig({ root: './src' }), htmlPlugin()], build: { + target: 'esnext', manifest: false, modulePreload: false, outDir: resolve(process.cwd(), '../docs/public/examples') diff --git a/package-lock.json b/package-lock.json index d992ef4..4e486ef 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6,10 +6,13 @@ "": { "hasInstallScript": true, "dependencies": { + "@webreflection/custom-elements-builtin": "^0.4.1", + "invokers-polyfill": "^1.0.3", "vitepress": "^2.0.0-alpha.16", "vitepress-plugin-llms": "^1.11.0", "vue": "^3.5.27", - "winduum": "^2.2.12" + "winduum": "^3.0.0-next.7", + "winduum-elements": "^0.0.11" } }, "node_modules/@babel/helper-string-parser": { @@ -534,6 +537,15 @@ "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", "license": "MIT" }, + "node_modules/@newlogic-digital/utils-js": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@newlogic-digital/utils-js/-/utils-js-1.2.0.tgz", + "integrity": "sha512-tObXqpJKB8C9AvHACfCqJZkKHbDAIBTgO9RpMM01Ow/0pxX9G5vB8OSZ2W9eInMA9oB6BYGtPCzvO7MdZ2CWhw==", + "license": "MIT", + "engines": { + "node": ">=20.0.0" + } + }, "node_modules/@rolldown/pluginutils": { "version": "1.0.0-rc.2", "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.2.tgz", @@ -1274,6 +1286,29 @@ "vue": "^3.5.0" } }, + "node_modules/@webreflection/custom-elements-attributes": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/@webreflection/custom-elements-attributes/-/custom-elements-attributes-0.1.4.tgz", + "integrity": "sha512-uL8msxNYPabss14zx+pxMgr16x/RBKGeMzZQ95UZv5HRQPqs3hK1gNxMYwLvhuJ7aumvbqktfEf2g4waBl13iQ==", + "license": "ISC" + }, + "node_modules/@webreflection/custom-elements-builtin": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/@webreflection/custom-elements-builtin/-/custom-elements-builtin-0.4.1.tgz", + "integrity": "sha512-CueKyf4HVvVx/5C458ZvOuI32BbdloJs6iIinf9k/M4POCddL7pR5ciWxHYy7Jd+FVkoMbwoOr+104ATecV51w==", + "license": "ISC", + "dependencies": { + "@webreflection/custom-elements-attributes": "^0.1.4", + "@webreflection/custom-elements-upgrade": "^0.1.4", + "qsa-observer": "^3.0.2" + } + }, + "node_modules/@webreflection/custom-elements-upgrade": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/@webreflection/custom-elements-upgrade/-/custom-elements-upgrade-0.1.4.tgz", + "integrity": "sha512-gCRV9bImUc8oR+0N1YE+1etW5qaWpd4lUJeagBZfdZa6WIJ5fnihM1x6ngiKG/ND1kFNlqxE8fDkwJts7pwXBA==", + "license": "ISC" + }, "node_modules/ansi-regex": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", @@ -1481,6 +1516,12 @@ "url": "https://github.com/sponsors/wooorm" } }, + "node_modules/element-notifier": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/element-notifier/-/element-notifier-1.1.2.tgz", + "integrity": "sha512-GaXwkw/aZ4ZCsmzTDrlchtFmu3k3mruOUcC04Lk7YCQLMWsBPUONaIzczvW3QxxVkTpu8oq3r+muVuD+01b7fA==", + "license": "ISC" + }, "node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", @@ -1735,6 +1776,12 @@ "url": "https://github.com/sponsors/wooorm" } }, + "node_modules/invokers-polyfill": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/invokers-polyfill/-/invokers-polyfill-1.0.3.tgz", + "integrity": "sha512-T8zVavFQu5GlWlpkjghmaCaTx6Wk+9tWwJ2BC4oNsNAnar6AIrvSJQFZUcYDfrxzK9thBIyZvAkeLfdN9hTzGA==", + "license": "MIT" + }, "node_modules/is-extendable": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", @@ -2621,6 +2668,15 @@ "node": ">=6" } }, + "node_modules/qsa-observer": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/qsa-observer/-/qsa-observer-3.0.2.tgz", + "integrity": "sha512-G1qqXYKG9RNpoFROJFGzYew1g76YDJsL5jyjePB8CdU6H9SFWO47WGLlqkuJKr5NKwVAzFl2fmTwqyK/EywxOw==", + "license": "ISC", + "dependencies": { + "element-notifier": "^1.1.2" + } + }, "node_modules/regex": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/regex/-/regex-6.1.0.tgz", @@ -3241,15 +3297,33 @@ } } }, + "node_modules/webuum": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/webuum/-/webuum-0.2.1.tgz", + "integrity": "sha512-3XfdLSo3IJ/Tz/igRdV5cGLoNZNGLiN9A745ESWuKFW5RUHDd4l4LG5WYgXKeza0Xp7Zdj2ITeKosQLnXIYNpQ==", + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, "node_modules/winduum": { - "version": "2.2.12", - "resolved": "https://registry.npmjs.org/winduum/-/winduum-2.2.12.tgz", - "integrity": "sha512-EIVEIt+X2wfRmHB5139GbgpkM/5QYoSZbBMMhCUWAnfEAjb56pDFkjPr5TAdvdKjcQtfcAP32cD0wXeHGaET+w==", + "version": "3.0.0-next.7", + "resolved": "https://registry.npmjs.org/winduum/-/winduum-3.0.0-next.7.tgz", + "integrity": "sha512-CNuA0yf2XhV9ndSNr8rnkzC0V/tMqmdqInPyMnfvq33jf+C/AUqVS6FaAfum/cvEgnJvV3pud941LG66POasPg==", "engines": { "node": ">=20.0.0", "npm": ">=9.0.0" } }, + "node_modules/winduum-elements": { + "version": "0.0.11", + "resolved": "https://registry.npmjs.org/winduum-elements/-/winduum-elements-0.0.11.tgz", + "integrity": "sha512-dT2jt6ofwbbS6Hj6+2MhqPW/aS6Ioa4YwJvwvJkrxoWbbbUOLTcN5w8X+Xkv82qh/3jYbBzT8o8QURitjOUEHg==", + "dependencies": { + "@newlogic-digital/utils-js": "^1.2.0", + "webuum": "^0.2.1", + "winduum": "^3.0.0-next.7" + } + }, "node_modules/wrap-ansi": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", diff --git a/package.json b/package.json index cc66717..07009df 100644 --- a/package.json +++ b/package.json @@ -10,9 +10,12 @@ "vituum:preview": "cd examples && npx vite preview" }, "dependencies": { + "@webreflection/custom-elements-builtin": "^0.4.1", + "invokers-polyfill": "^1.0.3", "vitepress": "^2.0.0-alpha.16", "vitepress-plugin-llms": "^1.11.0", "vue": "^3.5.27", - "winduum": "^2.2.12" + "winduum": "^3.0.0-next.7", + "winduum-elements": "^0.0.11" } } From 7b3f3312b2de18ea5add86ecca2506ef5e7fe51f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Fri, 3 Jul 2026 13:54:23 +0200 Subject: [PATCH 08/35] docs: unify "Usage" sections under "Styles" and update usage examples across components --- docs/docs/base/config.md | 19 +++--- docs/docs/components/badge.md | 14 ++-- docs/docs/components/breadcrumb.md | 8 +-- docs/docs/components/button.md | 103 +++++----------------------- docs/docs/components/card.md | 8 +-- docs/docs/components/carousel.md | 17 ++--- docs/docs/components/check.md | 20 +++--- docs/docs/components/color.md | 14 ++-- docs/docs/components/compare.md | 11 ++- docs/docs/components/control.md | 32 ++++----- docs/docs/components/details.md | 24 +------ docs/docs/components/dialog.md | 106 +++++++++++------------------ docs/docs/components/drawer.md | 21 ++---- docs/docs/components/field.md | 10 +-- docs/docs/components/form.md | 12 +--- docs/docs/components/group.md | 14 ++-- docs/docs/components/heading.md | 14 ++-- docs/docs/components/image.md | 14 ++-- docs/docs/components/info.md | 14 ++-- docs/docs/components/label.md | 14 ++-- docs/docs/components/link.md | 14 ++-- docs/docs/components/marquee.md | 12 ++-- docs/docs/components/notice.md | 14 ++-- docs/docs/components/pagination.md | 8 +-- docs/docs/components/popover.md | 86 +++++++++++------------ docs/docs/components/progress.md | 14 ++-- docs/docs/components/range.md | 28 ++------ docs/docs/components/rating.md | 14 ++-- docs/docs/components/switch.md | 14 ++-- docs/docs/components/table.md | 8 +-- docs/docs/components/tabs.md | 12 ++-- docs/docs/components/text.md | 14 ++-- docs/docs/components/title.md | 14 ++-- docs/docs/components/toast.md | 45 +----------- docs/docs/components/toaster.md | 33 ++++----- docs/docs/components/tooltip.md | 39 +++++------ 36 files changed, 280 insertions(+), 578 deletions(-) diff --git a/docs/docs/base/config.md b/docs/docs/base/config.md index 4a3be04..d22e771 100644 --- a/docs/docs/base/config.md +++ b/docs/docs/base/config.md @@ -1,18 +1,17 @@ # CSS config -Each CSS property is defined in CSS in following path - [`src/theme/config/index.css`](https://github.com/winduum/winduum/blob/main/src/theme/config/index.css). - -We are using naming conventions from TailwindCSS `v4`, -so you can use these properties in both current and future versions of TailwindCSS or without TailwindCSS. - -<<< @/../node_modules/winduum/src/theme/config/index.css - ## Tailwind CSS -In the new version of TailwindCSS the configuration is done via CSS, so no plugin is necessary. -Most of the config CSS properties are also part of the new version. +The configuration is done via [@theme](https://github.com/winduum/winduum/tree/main/tailwindcss/theme/config) config. ```css @import "tailwindcss/theme.css" layer(theme); @import "winduum/tailwindcss/theme/config/index.css" layer(theme); @import "winduum/tailwindcss/theme/default.css" layer(theme); -``` \ No newline at end of file +``` + +### Without Tailwind CSS +Each CSS property is defined in CSS in following path - [`src/theme/config/index.css`](https://github.com/winduum/winduum/blob/main/src/theme/config/index.css). + +We are using naming conventions as Tailwind CSS, so you can use these properties with or without TailwindCSS. + +<<< @/../node_modules/winduum/src/theme/config/index.css \ No newline at end of file diff --git a/docs/docs/components/badge.md b/docs/docs/components/badge.md index a535e83..038dc99 100644 --- a/docs/docs/components/badge.md +++ b/docs/docs/components/badge.md @@ -3,11 +3,7 @@ -### Usage - -```css -@import "winduum/src/components/badge/index.css" layer(utilities); -``` +## Styles ### Variants @@ -24,7 +20,7 @@ * `square` * `circle` -### Installation +## Installation Follow instructions for individual framework usage below * @@ -38,8 +34,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/badge/basic.html#body{} [html] -```vue +<<< @/public/examples/components/badge/basic.html#body{} [winduum] +```vue [winduum-vue] @@ -49,7 +45,7 @@ Follow instructions for individual framework usage below Badge ``` -```jsx +```jsx [winduum-react] import { Badge } from "@/components/badge" export function Example() { diff --git a/docs/docs/components/breadcrumb.md b/docs/docs/components/breadcrumb.md index d01e0ef..3de5fdc 100644 --- a/docs/docs/components/breadcrumb.md +++ b/docs/docs/components/breadcrumb.md @@ -2,11 +2,7 @@
                  -### Usage - -```css -@import "winduum/src/components/breadcrumb/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -14,7 +10,7 @@ ### Props * -### Installation +## Installation Follow instructions for individual framework usage below * diff --git a/docs/docs/components/button.md b/docs/docs/components/button.md index 6ab4385..1855b52 100644 --- a/docs/docs/components/button.md +++ b/docs/docs/components/button.md @@ -3,11 +3,7 @@ -### Usage - -```css -@import "winduum/src/components/button/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -29,8 +25,7 @@ * `fill` * `spinner` - -### Installation +## Installation Follow instructions for individual framework usage below * @@ -46,8 +41,19 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/btn/basic.html#body{} [html] -```vue +```html [winduum] + +Button +``` +```html [winduum-elements] + +Button +``` +```html [winduum-stimulus] + +Button +``` +```vue [winduum-vue] @@ -57,7 +63,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { Button } from "@/components/button" export function Example() { @@ -185,79 +191,4 @@ You can group buttons into groups via `x-group` component. -<<< @/public/examples/components/btn/group.html#body{} - - -## Custom Props - -### default - -| CSS property | Default value | -|---------------------------------------|----------------------------------| -| `--x-button-inline-size` | `initial` | -| `--x-button-block-size` | `2.25rem` | -| `--x-button-padding-block` | `0.375rem` | -| `--x-button-padding-inline` | `0.75rem` | -| `--x-button-border-radius` | `var(--radius, 0.75rem)` | -| `--x-button-font-family` | `initial` | -| `--x-button-font-size` | `var(--font-size-sm, 0.875rem)` | -| `--x-button-font-weight` | `var(--font-weight-medium, 500)` | -| `--x-button-letter-spacing` | `initial` | -| `--x-button-background-color-space` | `srgb` | -| `--x-button-background-color` | `var(--color-accent)` | -| `--x-button-background-color-opacity` | `100%` | -| `--x-button-background-color-mix` | `transparent` | -| `--x-button-color-space` | `srgb` | -| `--x-button-color` | `var(--color-accent-foreground)` | -| `--x-button-color-opacity` | `100%` | -| `--x-button-color-mix` | `transparent` | -| `--x-button-border-width` | `0px` | -| `--x-button-border-color-space` | `srgb` | -| `--x-button-border-color` | `var(--color-accent)` | -| `--x-button-border-color-opacity` | `100%` | -| `--x-button-border-color-mix` | `transparent` | -| `--x-button-outline-width` | `2px` | -| `--x-button-outline-color-space` | `srgb` | -| `--x-button-outline-color` | `transparent` | -| `--x-button-outline-color-opacity` | `100%` | -| `--x-button-outline-color-mix` | `transparent` | -| `--x-button-outline-offset` | `initial` | -| `--x-button-gap` | `var(--spacing-2, 0.5rem)` | - -### interactive - -| CSS property | Default value | -|------------------------------------------------|--------------------------------------------| -| `--x-button-transition-property` | `var(--default-transition-property)` | -| `--x-button-timing-function` | `var(--transition-timing-function-in-out)` | -| `--x-button-transition-duration` | `var(--default-transition-duration)` | -| `--x-button-hover-background-color` | `var(--color-accent)` | -| `--x-button-hover-background-color-mix` | `var(--color-dark)` | -| `--x-button-hover-background-color-opacity` | `80%` | -| `--x-button-hover-border-color` | `var(--color-accent)` | -| `--x-button-hover-border-color-mix` | `transparent` | -| `--x-button-hover-border-color-opacity` | `100%` | -| `--x-button-hover-color` | `var(--color-accent-foreground)` | -| `--x-button-hover-color-mix` | `transparent` | -| `--x-button-hover-color-opacity` | `100%` | -| `--x-button-focus-outline-offset` | `2px` | -| `--x-button-focus-outline-color` | `var(--color-accent)` | -| `--x-button-focus-outline-color-opacity` | `50%` | -| `--x-button-active-background-color` | `var(--color-accent)` | -| `--x-button-active-background-color-mix` | `var(--color-dark)` | -| `--x-button-active-background-color-opacity` | `90%` | -| `--x-button-active-border-color` | `var(--color-accent)` | -| `--x-button-active-border-color-mix` | `transparent` | -| `--x-button-active-border-color-opacity` | `100%` | -| `--x-button-active-color` | `var(--color-accent-foreground)` | -| `--x-button-active-color-mix` | `transparent` | -| `--x-button-active-color-opacity` | `100%` | -| `--x-button-disabled-background-color` | `var(--color-accent)` | -| `--x-button-disabled-background-color-mix` | `transparent` | -| `--x-button-disabled-background-color-opacity` | `50%` | -| `--x-button-disabled-border-color` | `var(--color-accent)` | -| `--x-button-disabled-border-color-mix` | `transparent` | -| `--x-button-disabled-border-color-opacity` | `50%` | -| `--x-button-disabled-color` | `var(--color-accent-foreground)` | -| `--x-button-disabled-color-mix` | `transparent` | -| `--x-button-disabled-color-opacity` | `50%` | +<<< @/public/examples/components/btn/group.html#body{} \ No newline at end of file diff --git a/docs/docs/components/card.md b/docs/docs/components/card.md index b139651..0333662 100644 --- a/docs/docs/components/card.md +++ b/docs/docs/components/card.md @@ -2,11 +2,7 @@
                  -### Usage - -```css -@import "winduum/src/components/card/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -14,7 +10,7 @@ ### Props * -### Installation +## Installation Follow instructions for individual framework usage below * diff --git a/docs/docs/components/carousel.md b/docs/docs/components/carousel.md index a1e2b4e..4a5dff7 100644 --- a/docs/docs/components/carousel.md +++ b/docs/docs/components/carousel.md @@ -1,7 +1,7 @@ # Carousel Provides a scroll carousel that uses native CSS `scroll-snap` property. -Since v3, the carousel is CSS-first — scrolling, snapping and even scroll markers can be handled by CSS alone +The carousel is CSS-first — scrolling, snapping and even scroll markers can be handled by CSS alone (see [CSS scroll markers](https://developer.mozilla.org/en-US/docs/Web/CSS/::scroll-marker)). A small JavaScript layer adds prev/next buttons, marker state and scroll state — ready to use via [winduum-elements](https://github.com/winduum/winduum-elements/tree/main/components/carousel) or @@ -9,20 +9,13 @@ A small JavaScript layer adds prev/next buttons, marker state and scroll state -### Usage -::: code-group -```css -@import "winduum/src/components/carousel/index.css" layer(utilities); -``` -<<< @/public/examples/components/carousel/basic.html#body{} [html] -<<< @/../examples/src/pages/components/carousel/basic.liquid#js{} [js] -::: +## Styles ### Variants * * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -36,7 +29,7 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/carousel/basic.html#body{} [html] +<<< @/public/examples/components/carousel/basic.html#body{} [winduum] <<< @/../examples/src/pages/components/carousel/basic.liquid#js{} [js] ::: @@ -45,7 +38,7 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/carousel/full.html#body{} [html] +<<< @/public/examples/components/carousel/full.html#body{} [winduum] <<< @/../examples/src/pages/components/carousel/full.liquid#js{} [js] ::: diff --git a/docs/docs/components/check.md b/docs/docs/components/check.md index 4144c3a..4edd790 100644 --- a/docs/docs/components/check.md +++ b/docs/docs/components/check.md @@ -3,11 +3,7 @@ Check supports `checkbox` and `radio` **input** types -### Usage - -```css -@import "winduum/src/components/check/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -18,7 +14,7 @@ Check supports `checkbox` and `radio` **input** types * * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -34,8 +30,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/checkbox/basic.html#body{} [html] -```vue +<<< @/public/examples/components/checkbox/basic.html#body{} [winduum] +```vue [winduum-vue] @@ -50,7 +46,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { Check } from "@/components/check" export function Example() { @@ -72,8 +68,8 @@ export function Example() { ::: code-group -<<< @/public/examples/components/radio/basic.html#body{} [html] -```vue +<<< @/public/examples/components/radio/basic.html#body{} [winduum] +```vue [winduum-vue] @@ -88,7 +84,7 @@ export function Example() { ``` -```jsx +```jsx [winduum-react] import { UiCheck } from "@/components/check" export function Example() { diff --git a/docs/docs/components/color.md b/docs/docs/components/color.md index 5694663..3e73b78 100644 --- a/docs/docs/components/color.md +++ b/docs/docs/components/color.md @@ -3,11 +3,7 @@ Color supports `checkbox` and `radio` **input** types for displaying selected co -### Usage - -```css -@import "winduum/src/components/color/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -17,7 +13,7 @@ Color supports `checkbox` and `radio` **input** types for displaying selected co * * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -31,8 +27,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/color/basic.html#body{} [html] -```vue +<<< @/public/examples/components/color/basic.html#body{} [winduum] +```vue [winduum-vue] @@ -49,7 +45,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { Color } from "@/components/color" export function Example() { diff --git a/docs/docs/components/compare.md b/docs/docs/components/compare.md index 9ee5c63..304f5a1 100644 --- a/docs/docs/components/compare.md +++ b/docs/docs/components/compare.md @@ -3,15 +3,12 @@ Side-by-side comparison slider component. -### Usage +## Styles -```css -@import "winduum/src/components/compare/index.css" layer(utilities); -``` ### Variants * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -25,7 +22,7 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/compare/default.html#body{} [html] +<<< @/public/examples/components/compare/default.html#body{} [winduum] <<< @/../examples/src/pages/components/compare/default.liquid#js{} [js] ::: @@ -34,7 +31,7 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/compare/text.html#body{} [html] +<<< @/public/examples/components/compare/text.html#body{} [winduum] <<< @/../examples/src/pages/components/compare/text.liquid#js{} [js] ::: diff --git a/docs/docs/components/control.md b/docs/docs/components/control.md index ac2d1c6..f86e369 100644 --- a/docs/docs/components/control.md +++ b/docs/docs/components/control.md @@ -11,20 +11,7 @@ Other input types are supported in other components -### Installation -Follow instructions for individual framework usage below - -* -* -* -* -* - -### Usage - -```css -@import "winduum/src/components/control/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -47,15 +34,24 @@ Follow instructions for individual framework usage below * * -## Examples +## Installation +Follow instructions for individual framework usage below + +* +* +* +* +* + +## Examples ### Basic ::: code-group -<<< @/public/examples/components/input/basic.html#body{} [html] -```vue +<<< @/public/examples/components/input/basic.html#body{} [winduum] +```vue [winduum-vue] @@ -66,7 +62,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { Control } from "@/components/control" export function Example() { diff --git a/docs/docs/components/details.md b/docs/docs/components/details.md index a9b37f8..ae0a6d4 100644 --- a/docs/docs/components/details.md +++ b/docs/docs/components/details.md @@ -4,30 +4,12 @@ An accessible accordion or toggle component for `details` and `summary` elements -### Usage -::: code-group -```css -@import "winduum/src/components/details/index.css" layer(utilities); -``` -```html -
                  - - Show more - - - - -
                  - Details content -
                  -
                  -``` -::: +## Styles ### Variants * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -47,7 +29,7 @@ You can also control details with a checkbox inside `summary` — only a tiny in ::: code-group -<<< @/public/examples/components/details/checkbox.html#body{} [html] +<<< @/public/examples/components/details/checkbox.html#body{} [winduum] <<< @/../examples/src/pages/components/details/checkbox.liquid#js{} [js] ::: diff --git a/docs/docs/components/dialog.md b/docs/docs/components/dialog.md index f7cee47..06f3ea0 100644 --- a/docs/docs/components/dialog.md +++ b/docs/docs/components/dialog.md @@ -1,49 +1,14 @@ # Dialog Modal component that uses native HTML5 `dialog` functionality. -Since v3, dialogs are fully controlled by the web platform — opening and closing is handled with +Dialogs are fully controlled by the web platform — opening and closing is handled with native [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) (`command` / `commandfor`) and the [`closedby`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closedby) attribute, so no JavaScript API is needed. -## Usage - -::: code-group -```css -@import "winduum/src/components/dialog/index.css" layer(utilities); -``` -```js -import { showDialog } from 'winduum/src/components/dialog' - -document.querySelector('#showDialog').addEventListener('click', () => { - showDialog(document.querySelector('dialog')) -}) -``` -```vue - - - -``` -::: +## Styles ### Variants * @@ -55,7 +20,7 @@ document.querySelector('#showDialog').addEventListener('click', () => { * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -81,42 +46,47 @@ Follow instructions for individual framework usage below
                  ::: code-group -```html - - - -
                  -
                  Example dialog
                  -
                  -
                  -

                  You can close this dialog with Esc, clicking outside, or by form submit

                  -
                  -
                  - -
                  +```html [winduum] + + +
                  +

                  Hello there!

                  + +
                  - - ``` -```vue - -```html - + +``` +```vue [winduum-react] ``` +::: ## JavaScript diff --git a/docs/docs/components/drawer.md b/docs/docs/components/drawer.md index 33503bd..2d4fb21 100644 --- a/docs/docs/components/drawer.md +++ b/docs/docs/components/drawer.md @@ -2,7 +2,7 @@ Provides a scroll drawer that uses native HTML5 `dialog` and CSS `scroll-snap` property.
                  Can be dismissed with touch gestures on touch devices. -Since v3 the drawer is opened with native [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) +The drawer is opened with native [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) (`command="show-modal"` / `command="request-close"`) and the scroll behavior is driven by the `Drawer` custom element from [winduum-elements](https://github.com/winduum/winduum-elements/tree/main/components/drawer) (or the [winduum-stimulus](https://github.com/winduum/winduum-stimulus/tree/main/components/drawer) controller). @@ -10,14 +10,7 @@ Thanks to the `noscript` variant, the drawer degrades gracefully even without Ja -### Usage -::: code-group -```css -@import "winduum/src/components/drawer/index.css" layer(utilities); -``` -<<< @/public/examples/components/drawer/left.html#body{} [html] -<<< @/../examples/src/pages/components/drawer/left.liquid#js{} [js] -::: +## Styles ### Variants * @@ -30,7 +23,7 @@ Thanks to the `noscript` variant, the drawer degrades gracefully even without Ja * * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -53,7 +46,7 @@ Follow instructions for individual framework usage below                   ::: code-group -<<< @/public/examples/components/drawer/left.html#body{} [html] +<<< @/public/examples/components/drawer/left.html#body{} [winduum] <<< @/../examples/src/pages/components/drawer/left.liquid#js{} [js] ::: @@ -71,7 +64,7 @@ Follow instructions for individual framework usage below                   ::: code-group -<<< @/public/examples/components/drawer/right.html#body{} [html] +<<< @/public/examples/components/drawer/right.html#body{} [winduum] <<< @/../examples/src/pages/components/drawer/right.liquid#js{} [js] ::: @@ -90,7 +83,7 @@ Follow instructions for individual framework usage below                   ::: code-group -<<< @/public/examples/components/drawer/bottom.html#body{} [html] +<<< @/public/examples/components/drawer/bottom.html#body{} [winduum] <<< @/../examples/src/pages/components/drawer/bottom.liquid#js{} [js] ::: @@ -108,7 +101,7 @@ Follow instructions for individual framework usage below                   ::: code-group -<<< @/public/examples/components/drawer/top.html#body{} [html] +<<< @/public/examples/components/drawer/top.html#body{} [winduum] <<< @/../examples/src/pages/components/drawer/top.liquid#js{} [js] ::: diff --git a/docs/docs/components/field.md b/docs/docs/components/field.md index db69d8b..2fd3c80 100644 --- a/docs/docs/components/field.md +++ b/docs/docs/components/field.md @@ -4,22 +4,18 @@ Component used to group a form components. +## Styles + ### Variants * -### Installation +## Installation Follow instructions for individual framework usage below * * * -### Usage - -```css -@import "winduum/src/components/field/index.css" layer(utilities); -``` - ## Examples ### Basic diff --git a/docs/docs/components/form.md b/docs/docs/components/form.md index b63cdcb..fe07728 100644 --- a/docs/docs/components/form.md +++ b/docs/docs/components/form.md @@ -10,19 +10,13 @@ For advance form of validation use [VeeValidate](https://vee-validate.logaretm.c -### Installation +## Installation Follow instructions for individual framework usage below * * * -### Usage -::: code-group -<<< @/public/examples/form.html#body{} [html] -<<< @/../examples/src/pages/form.liquid#js{} [js] -::: - ## Examples ### Form @@ -30,7 +24,7 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/form.html#body{} [html] +<<< @/public/examples/form.html#body{} [winduum] <<< @/../examples/src/pages/form.liquid#js{} [js] ::: @@ -40,7 +34,7 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/form-field.html#body{} [html] +<<< @/public/examples/form-field.html#body{} [winduum] <<< @/../examples/src/pages/form-field.liquid#js{} [js] ::: diff --git a/docs/docs/components/group.md b/docs/docs/components/group.md index 786ae26..ce95936 100644 --- a/docs/docs/components/group.md +++ b/docs/docs/components/group.md @@ -4,11 +4,7 @@ Group common ui components such as [Button](/docs/components/button), [Badge](/d -### Usage - -```css -@import "winduum/src/components/group/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -16,7 +12,7 @@ Group common ui components such as [Button](/docs/components/button), [Badge](/d ### Tokens * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -30,8 +26,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/btn/group.html#body{} [html] -```vue +<<< @/public/examples/components/btn/group.html#body{} [winduum] +```vue [winduum-vue] @@ -41,7 +37,7 @@ Follow instructions for individual framework usage below Heading ``` -```jsx +```jsx [winduum-react] import { Heading } from '@/components/heading' export function Example() { diff --git a/docs/docs/components/image.md b/docs/docs/components/image.md index 226df21..8d2e1c5 100644 --- a/docs/docs/components/image.md +++ b/docs/docs/components/image.md @@ -3,11 +3,7 @@ Default constrains for media elements such as `img`, `video`, `iframe`, `object` -### Usage - -```css -@import "winduum/src/components/image/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -15,7 +11,7 @@ Default constrains for media elements such as `img`, `video`, `iframe`, `object` ### Tokens * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -31,8 +27,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/image/ratio.html#body{} [html] -```vue +<<< @/public/examples/components/image/ratio.html#body{} [winduum] +```vue [winduum-vue] @@ -43,7 +39,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { UiImage } from '@/components/image' export function Example() { diff --git a/docs/docs/components/info.md b/docs/docs/components/info.md index 0046c74..13eb980 100644 --- a/docs/docs/components/info.md +++ b/docs/docs/components/info.md @@ -3,11 +3,7 @@ Small informative component. -### Usage - -```css -@import "winduum/src/components/info/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -15,7 +11,7 @@ Small informative component. ### Props * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -29,8 +25,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/info/basic.html#body{} [html] -```vue +<<< @/public/examples/components/info/basic.html#body{} [winduum] +```vue [winduum-vue] @@ -39,7 +35,7 @@ Follow instructions for individual framework usage below Info text ``` -```jsx +```jsx [winduum-react] import { Info } from '@/components/info' export function Example() { diff --git a/docs/docs/components/label.md b/docs/docs/components/label.md index c8fffa7..051c922 100644 --- a/docs/docs/components/label.md +++ b/docs/docs/components/label.md @@ -2,11 +2,7 @@
                  -### Usage - -```css -@import "winduum/src/components/label/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -14,7 +10,7 @@ ### Props * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -28,8 +24,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/input/label.html#body{} [html] -```vue +<<< @/public/examples/components/input/label.html#body{} [winduum] +```vue [winduum-vue] @@ -38,7 +34,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { Label } from '@/components/label' export function Example() { diff --git a/docs/docs/components/link.md b/docs/docs/components/link.md index d0f7ffc..7dd30b8 100644 --- a/docs/docs/components/link.md +++ b/docs/docs/components/link.md @@ -2,11 +2,7 @@
                  -### Usage - -```css -@import "winduum/src/components/link/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -15,7 +11,7 @@ ### Props * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -29,8 +25,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/link/basic.html#body{} [html] -```vue +<<< @/public/examples/components/link/basic.html#body{} [winduum] +```vue [winduum-vue] @@ -44,7 +40,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { Link } from '@/components/link' export function Example() { diff --git a/docs/docs/components/marquee.md b/docs/docs/components/marquee.md index 1656b17..92e9a40 100644 --- a/docs/docs/components/marquee.md +++ b/docs/docs/components/marquee.md @@ -4,13 +4,9 @@ Marquee creates an infinite horizontal loop for logos, partners or other repeate -### Usage +## Styles -```css -@import "winduum/src/components/marquee/index.css" layer(utilities); -``` - -Or import the pieces separately if you want to customize the props or keyframes. +You can import the pieces separately if you want to customize the props or keyframes. ```css @import "winduum/src/components/marquee/keyframes/default.css" layer(utilities); @@ -29,7 +25,7 @@ Or import the pieces separately if you want to customize the props or keyframes. * `--x-marquee-animation-timing-function` - animation timing function, defaults to `linear` * `--x-marquee-sibling-index` - item index, required as a fallback for browsers without `sibling-index()` -### Installation +## Installation Follow instructions for individual framework usage below. * @@ -49,7 +45,7 @@ Use TailwindCSS arbitrary child variant `*:[animation-direction:reverse]` to mov ::: code-group -<<< @/public/examples/components/marquee/reverse.html#body{} [html] +<<< @/public/examples/components/marquee/reverse.html#body{} [winduum] ::: ## Accessibility diff --git a/docs/docs/components/notice.md b/docs/docs/components/notice.md index 737d274..4b38b02 100644 --- a/docs/docs/components/notice.md +++ b/docs/docs/components/notice.md @@ -2,11 +2,7 @@
                  -### Usage - -```css -@import "winduum/src/components/notice/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -14,7 +10,7 @@ ### Props * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -28,8 +24,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/notice/success.html#body{} [html] -```vue +<<< @/public/examples/components/notice/success.html#body{} [winduum] +```vue [winduum-vue] @@ -40,7 +36,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { Notice } from '@/components/notice' export function Example() { diff --git a/docs/docs/components/pagination.md b/docs/docs/components/pagination.md index 55c9515..34f1900 100644 --- a/docs/docs/components/pagination.md +++ b/docs/docs/components/pagination.md @@ -2,16 +2,12 @@
                  -### Usage - -```css -@import "winduum/src/components/pagination/index.css" layer(utilities); -``` +## Styles ### Variants * -### Installation +## Installation Follow instructions for individual framework usage below * diff --git a/docs/docs/components/popover.md b/docs/docs/components/popover.md index f1eaa75..a4d7348 100644 --- a/docs/docs/components/popover.md +++ b/docs/docs/components/popover.md @@ -1,41 +1,28 @@ # Popover Popover can be used for dropdowns and other popovers when an element is clicked, focused or hovered. -You have following types of trigger as an option: +You have the following types of trigger as an option: * trigger on click with `command="toggle-popover"` and `commandfor` * trigger on hover/focus with the [`interestfor`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/interestfor) attribute (see the [Interest](/docs/variants/interest) variant) -Since v3, popovers build entirely on the web platform — the `[popover]` attribute, +Popovers are build entirely on the web platform — the `[popover]` attribute, [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) (`command="toggle-popover"` / `show-popover` / `hide-popover`) and [CSS Anchor Positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning). + No JavaScript is required in browsers with anchor positioning support. -## Usage +## Installation +Follow instructions for individual framework usage below -::: code-group -```css -@import "winduum/src/components/popover/index.css" layer(utilities); -``` -<<< @/public/examples/components/popover/basic.html#body{} [html] -```vue - - - -``` -::: +* +* +* +* +* + +## Styles ### Variants * @@ -52,19 +39,9 @@ Positioning of `x-popover` is provided by the [Position](/docs/utilities/positio * `left` `left-start` `left-end` * `right` `right-start` `right-end` -### Installation -Follow instructions for individual framework usage below - -* -* -* -* -* - ## Examples - -### Command +### Basic Popover Native [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) with [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) — @@ -73,28 +50,51 @@ the popover lives in the [top-layer](https://developer.mozilla.org/en-US/docs/Gl -<<< @/public/examples/components/popover/basic.html#body{} +::: code-group +<<< @/public/examples/components/popover/basic.html#body{} [winduum] +```vue [winduum-vue] + +``` +```vue [winduum-react] + +``` +::: -### Interest (hover) +### Interest Popover Shows the popover when the user *shows interest* in the trigger — hover or keyboard focus — via the `interestfor` attribute. Use the [interestfor](https://www.npmjs.com/package/interestfor) polyfill for browsers without native support. -<<< @/public/examples/components/popover/hover.html#body{} +::: code-group +<<< @/public/examples/components/popover/hover.html#body{} [winduum] +```vue [winduum-vue] + +``` +```vue [winduum-react] + +``` +::: ### Positioning fallback -Same as the command example, but wrapped in the `x-popover` custom element from -[winduum-elements](https://github.com/winduum/winduum-elements/tree/main/components/popover), which applies +Same as the above examples, but wrapped as component, which applies the floating-ui positioning fallback in browsers without CSS Anchor Positioning. ::: code-group -<<< @/public/examples/components/popover/api.html#body{} [html] -<<< @/../examples/src/pages/components/popover/api.liquid#js{} [js] +<<< @/public/examples/components/popover/api.html#body{} [winduum-elements] +```vue [winduum-stimulus] + +``` +```vue [winduum-vue] + +``` +```vue [winduum-react] + +``` ::: diff --git a/docs/docs/components/progress.md b/docs/docs/components/progress.md index 7aded79..96df809 100644 --- a/docs/docs/components/progress.md +++ b/docs/docs/components/progress.md @@ -3,11 +3,7 @@ Displays progress with native HTML5 tags `progress` or `meter` -### Usage - -```css -@import "winduum/src/components/progress/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -20,7 +16,7 @@ Displays progress with native HTML5 tags `progress` or `meter` * `sm` * `lg` -### Installation +## Installation Follow instructions for individual framework usage below * @@ -34,8 +30,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/progress/colors.html#body{} [html] -```vue +<<< @/public/examples/components/progress/colors.html#body{} [winduum] +```vue [winduum-vue] @@ -48,7 +44,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { UiProgress } from '@/components/progress' export function Example() { diff --git a/docs/docs/components/range.md b/docs/docs/components/range.md index d607c89..c9a5d59 100644 --- a/docs/docs/components/range.md +++ b/docs/docs/components/range.md @@ -3,21 +3,7 @@ Accessible range slider that allows easy selection of a value by sliding a handl -### Usage - -::: code-group -```css -@import "winduum/src/components/range/index.css" layer(utilities); -``` -```js -import { setValue } from 'winduum/src/components/range' - -const rangeSlider = document.querySelector('#rangeSlider') - -setValue(rangeSlider) -rangeSlider.addEventListener('input', ({ currentTarget }) => setValue(currentTarget)) -``` -::: +## Styles ### Variants * `default` @@ -29,7 +15,7 @@ rangeSlider.addEventListener('input', ({ currentTarget }) => setValue(currentTar ### Tokens * `vertical` -### Installation +## Installation Follow instructions for individual framework usage below * @@ -45,9 +31,9 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/range/default.html#body{} [html] +<<< @/public/examples/components/range/default.html#body{} [winduum] <<< @/../examples/src/pages/components/range/default.liquid#js{} [js] -```vue +```vue [winduum-vue] @@ -58,7 +44,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { Range } from '@/components/range' export function Example() { @@ -76,7 +62,7 @@ export function Example() { ::: code-group -<<< @/public/examples/components/range/multi.html#body{} [html] +<<< @/public/examples/components/range/multi.html#body{} [winduum] <<< @/../examples/src/pages/components/range/multi.liquid#js{} [js] ::: @@ -86,7 +72,7 @@ export function Example() { ::: code-group -<<< @/public/examples/components/range/vertical.html#body{} [html] +<<< @/public/examples/components/range/vertical.html#body{} [winduum] <<< @/../examples/src/pages/components/range/vertical.liquid#js{} [js] ::: diff --git a/docs/docs/components/rating.md b/docs/docs/components/rating.md index 8805d8c..a8e515f 100644 --- a/docs/docs/components/rating.md +++ b/docs/docs/components/rating.md @@ -2,11 +2,7 @@
                  -### Usage - -```css -@import "winduum/src/components/rating/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -15,7 +11,7 @@ ### Props * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -29,8 +25,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/rating.html#body{} [html] -```vue +<<< @/public/examples/components/rating.html#body{} [winduum] +```vue [winduum-vue] @@ -45,7 +41,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { Rating } from '@/components/rating' export function Example() { diff --git a/docs/docs/components/switch.md b/docs/docs/components/switch.md index 55c16ee..9ca56a3 100644 --- a/docs/docs/components/switch.md +++ b/docs/docs/components/switch.md @@ -2,11 +2,7 @@
                  -### Usage - -```css -@import "winduum/src/components/switch/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -17,7 +13,7 @@ * * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -31,8 +27,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/switch/basic.html#body{} [html] -```vue +<<< @/public/examples/components/switch/basic.html#body{} [winduum] +```vue [winduum-vue] @@ -44,7 +40,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { Switch } from '@/components/switch' export function Example() { diff --git a/docs/docs/components/table.md b/docs/docs/components/table.md index 53ecfcf..811162d 100644 --- a/docs/docs/components/table.md +++ b/docs/docs/components/table.md @@ -2,11 +2,7 @@ Display your data in non-interactive, interactive or responsive tables. -### Usage - -```css -@import "winduum/src/components/table/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -15,7 +11,7 @@ Display your data in non-interactive, interactive or responsive tables. ### Props * -### Installation +## Installation Follow instructions for individual framework usage below * diff --git a/docs/docs/components/tabs.md b/docs/docs/components/tabs.md index 8ff03c9..fdb1334 100644 --- a/docs/docs/components/tabs.md +++ b/docs/docs/components/tabs.md @@ -2,16 +2,12 @@
                  -### Usage - -```css -@import "winduum/src/components/tabs/index.css" layer(utilities); -``` +## Styles ### Variants * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -25,7 +21,7 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/tabs/default.html#body{} [html] +<<< @/public/examples/components/tabs/default.html#body{} [winduum] <<< @/../examples/src/pages/components/tabs/default.liquid#js{} [js] ::: @@ -34,7 +30,7 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/tabs/custom.html#body{} [html] +<<< @/public/examples/components/tabs/custom.html#body{} [winduum] <<< @/../examples/src/pages/components/tabs/custom.liquid#js{} [js] ::: diff --git a/docs/docs/components/text.md b/docs/docs/components/text.md index 9c408cc..5c0291b 100644 --- a/docs/docs/components/text.md +++ b/docs/docs/components/text.md @@ -3,11 +3,7 @@ Typographic defaults for common wysiwyg content. It's an alternative to [prose]( -### Usage - -```css -@import "winduum/src/components/text/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -15,7 +11,7 @@ Typographic defaults for common wysiwyg content. It's an alternative to [prose]( ### Props * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -29,8 +25,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/text/text.html#body{} [html] -```vue +<<< @/public/examples/components/text/text.html#body{} [winduum] +```vue [winduum-vue] @@ -50,7 +46,7 @@ Follow instructions for individual framework usage below ``` -```jsx +```jsx [winduum-react] import { UiText } from '@/components/text' export function Example() { diff --git a/docs/docs/components/title.md b/docs/docs/components/title.md index 9db1b39..07bc0f2 100644 --- a/docs/docs/components/title.md +++ b/docs/docs/components/title.md @@ -3,11 +3,7 @@ For common title styles that you can manage from one component across project. -### Usage - -```css -@import "winduum/src/components/title/index.css" layer(utilities); -``` +## Styles ### Variants * @@ -19,7 +15,7 @@ For common title styles that you can manage from one component across project. * `sm` * `lg` -### Installation +## Installation Follow instructions for individual framework usage below * @@ -33,8 +29,8 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/title/basic.html#body{} [html] -```vue +<<< @/public/examples/components/title/basic.html#body{} [winduum] +```vue [winduum-vue] @@ -43,7 +39,7 @@ Follow instructions for individual framework usage below Title ``` -```jsx +```jsx [winduum-react] import { Title } from '@/components/title' export function Example() { diff --git a/docs/docs/components/toast.md b/docs/docs/components/toast.md index d8c4ebb..0ae83ca 100644 --- a/docs/docs/components/toast.md +++ b/docs/docs/components/toast.md @@ -3,46 +3,7 @@ Let it bake and fly from your [Toaster](/docs/components/toaster)! -## Usage - -::: code-group -```css -@import "winduum/src/components/toast/index.css" layer(utilities); -``` -```js -import { showToast, closeToast } from 'winduum/src/components/toast' - -document.querySelector('#insertToast').addEventListener('click', async () => { - const toaster = document.querySelector('.x-toaster') - - toaster.insertAdjacentHTML('beforeend', ` -
                1. -
                  -
                  -
                  Hello toast
                  -
                  Amazing toast
                  -
                  - -
                  -
                  2. - `) - - await showToast(toaster.children[toaster.children.length - 1]) - - const closeToastButton = document.querySelectorAll('[data-action="closeToast"]')[document.querySelectorAll('[data-action="closeToast"]').length - 1] - - closeToastButton.addEventListener('click', ({ currentTarget }) => { - closeToast(currentTarget.closest('.x-toast')) - }) -}) -``` -```html - - -
                    - -``` -::: +## Styles ### Variants * @@ -52,7 +13,7 @@ document.querySelector('#insertToast').addEventListener('click', async () => { * * -### Installation +## Installation Follow instructions for individual framework usage below * @@ -66,7 +27,7 @@ Follow instructions for individual framework usage below
                    ::: code-group -```html +```html [winduum]
                      diff --git a/docs/docs/components/toaster.md b/docs/docs/components/toaster.md index 53c4d35..948f76f 100644 --- a/docs/docs/components/toaster.md +++ b/docs/docs/components/toaster.md @@ -7,25 +7,7 @@ even above open dialogs. Use `toasterObserver` to show/hide the toaster popover -## Usage - -::: code-group -```css -@import "winduum/src/components/toaster/index.css" layer(utilities); -``` -```html -
                        -``` -```js -import { toasterObserver } from 'winduum/src/components/toaster' - -const observer = toasterObserver() - -observer.observe(document.querySelector('.x-toaster'), { - childList: true, -}) -``` -::: +## Styles ### Variants * @@ -33,13 +15,24 @@ observer.observe(document.querySelector('.x-toaster'), { ### Props * -### Installation +## Installation Follow instructions for individual framework usage below * * * +## Example + +::: code-group +```html [winduum] + + +
                          + +``` +::: + ## JavaScript API ### `closeToaster` diff --git a/docs/docs/components/tooltip.md b/docs/docs/components/tooltip.md index d3c37be..590d7c6 100644 --- a/docs/docs/components/tooltip.md +++ b/docs/docs/components/tooltip.md @@ -5,26 +5,7 @@ It's a pure CSS solution — the tooltip text comes from the `aria-label` attrib -## Usage - -::: code-group -```css -@import "winduum/src/components/tooltip/index.css" layer(utilities); -``` -<<< @/public/examples/components/tooltip/basic.html#body{} [html] -```vue - - - -``` -::: +## Styles ### Variants * @@ -38,7 +19,7 @@ It's a pure CSS solution — the tooltip text comes from the `aria-label` attrib * `tooltip-left` * `tooltip-right` -### Installation +## Installation Follow instructions for individual framework usage below * @@ -51,5 +32,19 @@ Follow instructions for individual framework usage below -<<< @/public/examples/components/tooltip/basic.html#body{} +::: code-group +<<< @/public/examples/components/tooltip/basic.html#body{} [winduum] +```vue [winduum-vue] + + + +``` +::: From a6e731f544b937fb2574087928cf1d2432b1e19e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Fri, 3 Jul 2026 13:59:36 +0200 Subject: [PATCH 09/35] docs: clean up breakpoints, defaults, reset, and theme sections, remove redundant TailwindCSS v3 references --- docs/docs/base/breakpoints.md | 6 ++---- docs/docs/base/defaults.md | 7 +------ docs/docs/base/reset.md | 1 - docs/docs/base/theme.md | 10 +++++----- 4 files changed, 8 insertions(+), 16 deletions(-) diff --git a/docs/docs/base/breakpoints.md b/docs/docs/base/breakpoints.md index 12af6a9..b6d0118 100644 --- a/docs/docs/base/breakpoints.md +++ b/docs/docs/base/breakpoints.md @@ -15,10 +15,8 @@ You can use the same principles as defined in [Responsive design](https://tailwi * **xxl** - 2016px * **2xxl** - 2528px -Breakpoints are defined in [`src/base/breakpoints.css`](https://github.com/winduum/winduum/blob/main/src/base/breakpoints.css) and in [config#screens](/docs/base/config#screens) -(TailwindCSS `v3`) -or [`tailwindcss/theme/config/breakpoint.css`](https://github.com/winduum/winduum/blob/main/tailwindcss/theme/config/breakpoint.css) -(TailwindCSS `v4`) +Breakpoints are defined in [`src/base/breakpoints.css`](https://github.com/winduum/winduum/blob/main/src/base/breakpoints.css) and in [`tailwindcss/theme/config/breakpoint.css`](https://github.com/winduum/winduum/blob/main/tailwindcss/theme/config/breakpoint.css) +for TailwindCSS. You can also use the breakpoints inside CSS like this. diff --git a/docs/docs/base/defaults.md b/docs/docs/base/defaults.md index ba0a810..8df08e0 100644 --- a/docs/docs/base/defaults.md +++ b/docs/docs/base/defaults.md @@ -13,15 +13,10 @@ There is also an extended set of opinionated defaults — block `svg`/`img`, ico @import "winduum/src/base/defaults-extended.css" layer(base); ``` -For TailwindCSS there are few rules such as applying `--tw-content` to all pseudo-elements and zero border to all elements or pseudo-elements. - -[`tailwindcss/base/defaults.css`](https://github.com/winduum/winduum/blob/main/tailwindcss/base/defaults.css) - - ## Cursor -Default `cursor: pointer` for clickable elements, you can change this globally via CSS property `--default-cursor` if you prefer more application like behavior. +Default `cursor: pointer` for clickable elements, you can change this globally via CSS property `--cursor-pointer` if you prefer more application like behavior. ## Svg Set the default size of an SVG as a small square if neither width nor height is specified. diff --git a/docs/docs/base/reset.md b/docs/docs/base/reset.md index 749e39c..169a4f2 100644 --- a/docs/docs/base/reset.md +++ b/docs/docs/base/reset.md @@ -1,6 +1,5 @@ # Reset New modern CSS reset, that means [Preflight](https://tailwindcss.com/docs/preflight#border-styles-are-reset-globally) from **TailwindCSS** is disabled by default. -You can always enable it again via `tailwind.config.js` if you prefer it more. Everything except [Defaults](https://github.com/winduum/winduum/blob/main/src/base/defaults.css) is unstyled, so you are free to style your components or use pre-built components. diff --git a/docs/docs/base/theme.md b/docs/docs/base/theme.md index ff478d2..ebd35b5 100644 --- a/docs/docs/base/theme.md +++ b/docs/docs/base/theme.md @@ -6,19 +6,19 @@ Theming in Winduum is really easy. All it takes is a few CSS properties. There a Each `color-mix` function also contains `--default-color-space` property, which you can change from `sRGB` to mix colors in different color spaces. You can use colors in any format you want. -### Without TailwindCSS - -[`src/theme/default.css`](https://github.com/winduum/winduum/blob/main/src/theme/default.css) - ### TailwindCSS -Instead of `:root, :host` the `v4` `@theme` at-rule is used. +Instead of `:root, :host` the `@theme` at-rule is used. [`tailwindcss/theme/default.css`](https://github.com/winduum/winduum/blob/main/tailwindcss/theme/default.css) <<< @/../node_modules/winduum/tailwindcss/theme/default.css +### Without TailwindCSS + +[`src/theme/default.css`](https://github.com/winduum/winduum/blob/main/src/theme/default.css) + ## Default P3 [`src/theme/default-p3.css`](https://github.com/winduum/winduum/blob/main/src/theme/default-p3.css) From 6fa76eef754eefb30e0cf1dc55877e57892a1f4a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Fri, 3 Jul 2026 16:26:48 +0200 Subject: [PATCH 10/35] docs: update carousel documentation, add `winduum-vue` and `winduum-react` links, and enhance API description --- docs/docs/components/carousel.md | 29 ++++++++++++++++++++--------- docs/docs/components/compare.md | 9 ++++++++- docs/docs/components/control.md | 10 ++++++++++ examples/src/styles/style.css | 1 + 4 files changed, 39 insertions(+), 10 deletions(-) diff --git a/docs/docs/components/carousel.md b/docs/docs/components/carousel.md index 4a5dff7..c7ccdd5 100644 --- a/docs/docs/components/carousel.md +++ b/docs/docs/components/carousel.md @@ -1,11 +1,12 @@ # Carousel Provides a scroll carousel that uses native CSS `scroll-snap` property. -The carousel is CSS-first — scrolling, snapping and even scroll markers can be handled by CSS alone -(see [CSS scroll markers](https://developer.mozilla.org/en-US/docs/Web/CSS/::scroll-marker)). -A small JavaScript layer adds prev/next buttons, marker state and scroll state — ready to use via -[winduum-elements](https://github.com/winduum/winduum-elements/tree/main/components/carousel) or -[winduum-stimulus](https://github.com/winduum/winduum-stimulus/tree/main/components/carousel). +The carousel is CSS-first — scrolling, snapping and layout are handled by CSS alone. + +A small JavaScript layer adds a 1:1 compatible API to +[CSS Native Carousels](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Overflow/Carousels) — +with these APIs you can build a 1:1 implementation of carousels like [chrome.dev/carousel](https://chrome.dev/carousel/) +without using `::scroll-button()`, `::scroll-marker-group` and `::scroll-marker`, with support in all browsers. @@ -21,6 +22,8 @@ Follow instructions for individual framework usage below * * * +* +* ## Examples @@ -29,8 +32,12 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/carousel/basic.html#body{} [winduum] -<<< @/../examples/src/pages/components/carousel/basic.liquid#js{} [js] +<<< @/public/examples/components/carousel/basic.html#body{} [winduum-elements] +<<< @/public/examples/components/carousel/basic.html#body{} [winduum-stimulus] +```vue [winduum-vue] +``` +```vue [winduum-react] +``` ::: ### Full @@ -38,8 +45,12 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/carousel/full.html#body{} [winduum] -<<< @/../examples/src/pages/components/carousel/full.liquid#js{} [js] +<<< @/public/examples/components/carousel/full.html#body{} [winduum-elements] +<<< @/public/examples/components/carousel/full.html#body{} [winduum-stimulus] +```vue [winduum-vue] +``` +```jsx [winduum-react] +``` ::: diff --git a/docs/docs/components/compare.md b/docs/docs/components/compare.md index 304f5a1..80390ef 100644 --- a/docs/docs/components/compare.md +++ b/docs/docs/components/compare.md @@ -14,6 +14,8 @@ Follow instructions for individual framework usage below * * * +* +* ## Examples @@ -23,7 +25,12 @@ Follow instructions for individual framework usage below ::: code-group <<< @/public/examples/components/compare/default.html#body{} [winduum] -<<< @/../examples/src/pages/components/compare/default.liquid#js{} [js] +```vue [winduum-stimulus] +``` +```vue [winduum-vue] +``` +```jsx [winduum-react] +``` ::: ### Text diff --git a/docs/docs/components/control.md b/docs/docs/components/control.md index f86e369..061c6b9 100644 --- a/docs/docs/components/control.md +++ b/docs/docs/components/control.md @@ -51,6 +51,16 @@ Follow instructions for individual framework usage below ::: code-group <<< @/public/examples/components/input/basic.html#body{} [winduum] +```html [winduum-elements] + + + +``` +```html [winduum-stimulus] +
                          + +
                          +``` ```vue [winduum-vue] +<<< @/public/examples/components/toast/basic.html#body{} [winduum] +```html [winduum-elements] + +``` +```html [winduum-stimulus] + ``` ::: diff --git a/docs/docs/components/toaster.md b/docs/docs/components/toaster.md index 948f76f..2868759 100644 --- a/docs/docs/components/toaster.md +++ b/docs/docs/components/toaster.md @@ -5,8 +5,17 @@ The toaster uses the [Popover API](https://developer.mozilla.org/en-US/docs/Web/ (`popover="manual"`) so toasts always appear in the [top-layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer) — even above open dialogs. Use `toasterObserver` to show/hide the toaster popover automatically as toasts are added and removed. + + +## Installation +Follow instructions for individual framework usage below + +* +* +* + ## Styles ### Variants @@ -15,21 +24,21 @@ even above open dialogs. Use `toasterObserver` to show/hide the toaster popover ### Props * -## Installation -Follow instructions for individual framework usage below +## Examples -* -* -* +### Basic -## Example +The toaster lives at the end of your `` — toasts are inserted into it and the popover shows/hides automatically via `toasterObserver`. + + ::: code-group -```html [winduum] - - -
                            - +<<< @/public/examples/components/toaster/basic.html#body{} [winduum] +```html [winduum-elements] + +``` +```html [winduum-stimulus] + ``` ::: diff --git a/docs/docs/components/tooltip.md b/docs/docs/components/tooltip.md index 590d7c6..ab7555b 100644 --- a/docs/docs/components/tooltip.md +++ b/docs/docs/components/tooltip.md @@ -3,8 +3,17 @@ Tooltip can be used for a little info hint on hover or focus. It's a pure CSS solution — the tooltip text comes from the `aria-label` attribute and is rendered via the `::before` pseudo-element, so it stays accessible and needs no JavaScript. Placement is controlled with the `tooltip-*` tokens and appearance can be customized via the `--x-tooltip-*` props. + + +## Installation +Follow instructions for individual framework usage below + +* +* +* + ## Styles ### Variants @@ -19,13 +28,6 @@ It's a pure CSS solution — the tooltip text comes from the `aria-label` attrib * `tooltip-left` * `tooltip-right` -## Installation -Follow instructions for individual framework usage below - -* -* -* - ## Examples ### Basic @@ -46,5 +48,7 @@ Follow instructions for individual framework usage below ``` -::: +```jsx [winduum-react] +``` +::: diff --git a/examples/src/pages/components/dialog/basic.liquid b/examples/src/pages/components/dialog/basic.liquid new file mode 100644 index 0000000..3b16236 --- /dev/null +++ b/examples/src/pages/components/dialog/basic.liquid @@ -0,0 +1,28 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + +
                            +
                            Example dialog
                            +
                            +
                            +

                            You can close this dialog with Esc, clicking outside, or by form submit

                            +
                            +
                            + +
                            +                             +{% endblock %} + +{% block foot %} + + + +{% endblock %} diff --git a/examples/src/pages/components/toast/basic.liquid b/examples/src/pages/components/toast/basic.liquid new file mode 100644 index 0000000..d51f4bc --- /dev/null +++ b/examples/src/pages/components/toast/basic.liquid @@ -0,0 +1,41 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + +
                              +{% endblock %} + +{% block foot %} + + + +{% endblock %} diff --git a/examples/src/pages/components/toaster/basic.liquid b/examples/src/pages/components/toaster/basic.liquid new file mode 100644 index 0000000..79c195d --- /dev/null +++ b/examples/src/pages/components/toaster/basic.liquid @@ -0,0 +1,43 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + + +
                                +{% endblock %} + +{% block foot %} + + + +{% endblock %} From 73998e653fb9ec0b8d9cd3964422fce93f92f808 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Sat, 4 Jul 2026 18:58:38 +0200 Subject: [PATCH 13/35] docs: update GitHub links to "next" branch and improve meta descriptions across documentation --- docs/.vitepress/config.ts | 31 ++++----- docs/.vitepress/theme/components/LinkGh.vue | 2 +- .../theme/components/ViewSourceGh.vue | 2 +- docs/docs/about.md | 54 +++++++++------ docs/docs/base/breakpoints.md | 6 +- docs/docs/base/config.md | 9 ++- docs/docs/base/defaults.md | 8 ++- docs/docs/base/keyframes.md | 6 +- docs/docs/base/reset.md | 8 ++- docs/docs/base/theme.md | 12 ++-- docs/docs/base/transitions.md | 8 ++- docs/docs/colors.md | 4 ++ docs/docs/components/badge.md | 20 +++--- docs/docs/components/breadcrumb.md | 8 ++- docs/docs/components/button.md | 28 ++++---- docs/docs/components/card.md | 8 ++- docs/docs/components/carousel.md | 10 ++- docs/docs/components/check.md | 8 ++- docs/docs/components/color.md | 8 ++- docs/docs/components/compare.md | 10 ++- docs/docs/components/control.md | 8 ++- docs/docs/components/details.md | 8 ++- docs/docs/components/dialog.md | 19 +++++- docs/docs/components/drawer.md | 18 ++++- docs/docs/components/field.md | 8 ++- docs/docs/components/form.md | 10 ++- docs/docs/components/group.md | 8 ++- docs/docs/components/heading.md | 12 ++-- docs/docs/components/image.md | 8 ++- docs/docs/components/info.md | 8 ++- docs/docs/components/label.md | 8 ++- docs/docs/components/link.md | 68 ------------------- docs/docs/components/marquee.md | 13 +++- docs/docs/components/notice.md | 8 ++- docs/docs/components/pagination.md | 8 ++- docs/docs/components/popover.md | 15 +++- docs/docs/components/progress.md | 12 ++-- docs/docs/components/range.md | 16 +++-- docs/docs/components/rating.md | 12 +++- docs/docs/components/switch.md | 16 ++++- docs/docs/components/table.md | 8 ++- docs/docs/components/tabs.md | 14 +++- docs/docs/components/text.md | 8 ++- docs/docs/components/title.md | 12 ++-- docs/docs/components/toast.md | 12 ++-- docs/docs/components/toaster.md | 10 ++- docs/docs/components/tooltip.md | 8 ++- docs/docs/grid.md | 4 ++ docs/docs/icons.md | 4 ++ docs/docs/index.md | 34 ++++++---- docs/docs/polyfills.md | 4 ++ docs/docs/tokens.md | 4 ++ docs/docs/utilities/accent.md | 4 ++ docs/docs/utilities/animation.md | 12 ++++ docs/docs/utilities/container.md | 23 ------- docs/docs/utilities/divide-gap.md | 4 ++ docs/docs/utilities/divider.md | 6 +- docs/docs/utilities/dot.md | 6 +- docs/docs/utilities/grid.md | 4 ++ docs/docs/utilities/link.md | 4 ++ docs/docs/utilities/position.md | 4 ++ docs/docs/utilities/ripple.md | 8 ++- docs/docs/utilities/skeleton.md | 6 +- docs/docs/utilities/spinner.md | 6 +- docs/docs/utilities/swap.md | 8 ++- docs/docs/utilities/underline.md | 6 +- docs/docs/utilities/view-transition.md | 8 +++ docs/docs/variants/dark.md | 4 ++ docs/docs/variants/hocus.md | 4 ++ docs/docs/variants/interest.md | 4 ++ docs/docs/variants/scroll-state.md | 8 +++ docs/index.md | 22 +++--- .../src/pages/components/btn/gradient.liquid | 5 -- examples/src/pages/components/btn/wide.liquid | 5 -- examples/src/pages/mask.liquid | 17 ----- examples/src/pages/showcase.liquid | 28 ++++++++ 76 files changed, 553 insertions(+), 308 deletions(-) delete mode 100644 docs/docs/components/link.md delete mode 100644 docs/docs/utilities/container.md delete mode 100644 examples/src/pages/components/btn/gradient.liquid delete mode 100644 examples/src/pages/components/btn/wide.liquid delete mode 100644 examples/src/pages/mask.liquid create mode 100644 examples/src/pages/showcase.liquid diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts index 22046c2..7e4d05e 100644 --- a/docs/.vitepress/config.ts +++ b/docs/.vitepress/config.ts @@ -56,6 +56,19 @@ export default defineConfig({ nav: [ { text: 'Docs', link: '/docs/', activeMatch: '/docs/' }, + { + text: 'v3 (next)', + items: [ + { + text: 'v2', + link: 'https://v2--winduum.netlify.app/' + }, + { + text: 'v1', + link: 'https://v1--winduum.netlify.app/' + } + ] + }, { text: 'Resources', items: [ @@ -67,15 +80,7 @@ export default defineConfig({ }, { text: 'Changelog', - link: 'https://github.com/winduum/winduum/blob/main/CHANGELOG.md' - }, - { - text: 'v2', - link: 'https://v2--winduum.netlify.app/' - }, - { - text: 'v1', - link: 'https://v1--winduum.netlify.app/' + link: 'https://github.com/winduum/winduum/blob/next/CHANGELOG.md' } ] }, @@ -242,10 +247,6 @@ export default defineConfig({ text: 'Label', link: '/docs/components/label' }, - // { - // text: 'Link', - // link: '/docs/components/link' - // }, { text: 'Marquee', link: '/docs/components/marquee' @@ -319,10 +320,6 @@ export default defineConfig({ text: 'Animation', link: '/docs/utilities/animation' }, - // { - // text: 'Container', - // link: '/docs/utilities/container' - // }, { text: 'Divide Gap', link: '/docs/utilities/divide-gap' diff --git a/docs/.vitepress/theme/components/LinkGh.vue b/docs/.vitepress/theme/components/LinkGh.vue index d040a70..2479c77 100644 --- a/docs/.vitepress/theme/components/LinkGh.vue +++ b/docs/.vitepress/theme/components/LinkGh.vue @@ -4,5 +4,5 @@ diff --git a/docs/.vitepress/theme/components/ViewSourceGh.vue b/docs/.vitepress/theme/components/ViewSourceGh.vue index 0ecbadd..3c3ab74 100644 --- a/docs/.vitepress/theme/components/ViewSourceGh.vue +++ b/docs/.vitepress/theme/components/ViewSourceGh.vue @@ -3,5 +3,5 @@ diff --git a/docs/docs/about.md b/docs/docs/about.md index 1112a36..1e0f213 100644 --- a/docs/docs/about.md +++ b/docs/docs/about.md @@ -1,15 +1,19 @@ +--- +description: "Winduum is a small, modern CSS component framework built on the newest web standards, using as little JavaScript as possible." +--- + # About Winduum is a mix of words **Tailwind** _(Popular CSS utility framework)_ and **Tuum** _(Estonian word for "core")_. -It essentially provides ways to leverage use of **modern and accessible standards** as much possible. Because we ❤️ CSS and this is a small modest CSS component framework. +It's a small, modern CSS component framework that leans on the **newest web platform standards** and uses **as little JavaScript as possible**. Because we ❤️ CSS. Its approach to **TailwindCSS** is a little different. It encourages writing components in CSS or other (pre/post)-processors and to use utility classes to enhance the components. -As a CSS library, it provides beautifully styled accessible components. Which you can extend with your own components. +As a CSS library, it provides beautifully styled accessible components, which you can extend with your own. TailwindCSS is recommended for the full experience, but it's optional — everything works without it too. -It is very modular and split to `base`, `components` and `utilities` layers. +It is very modular and split into `base`, `components` and `utilities` layers. You can choose what you want to use and make your own complex UX/UI project written in whatever you want. @@ -17,31 +21,37 @@ You can choose what you want to use and make your own complex UX/UI project writ The question inevitably arises: Why introduce yet another UI component library into the mix? Simply because Winduum is different in a few areas than the others. 1. It focuses on web standards, accessibility and minimum simple code -2. It's progressive, uses modern features and standards -3. It's framework-agnostic, so it can be used in any scenario -4. Its source code is plain CSS and JS, so it can be also used without a build step +2. It's progressive — it embraces the latest CSS and HTML features instead of reimplementing them in JavaScript +3. It ships as little JavaScript as possible — many components need none at all +4. It's framework-agnostic, so it can be used in any scenario +5. Its source code is plain CSS and JS, so it can be also used without a build step ## Framework-agnostic -Winduum is **framework-agnostic**, so you are able to create your own components using your preferred framework. Javascript primitives can be also adapted in any framework. +Winduum is **framework-agnostic**, so you are able to create your own components using your preferred framework. The JavaScript primitives can be adapted in any framework too. -If there is interest, pre-built components may be developed for popular frameworks. -Currently, -only [`winduum-elements`](https://www.github.com/winduum/winduum-elements), [`winduum-stimulus`](https://www.github.com/winduum/winduum-stimulus), [`winduum-vue`](https://www.github.com/winduum/winduum-vue) and [`winduum-react`](https://www.github.com/winduum/winduum-react) are available -and most of the components have usage and installation examples in the docs. +Pre-built components are available for the most common setups — [`winduum-elements`](https://github.com/winduum/winduum-elements) (Web Components), [`winduum-stimulus`](https://github.com/winduum/winduum-stimulus), [`winduum-vue`](https://github.com/winduum/winduum-vue) and [`winduum-react`](https://github.com/winduum/winduum-react) — and most components include usage and installation examples for them in the docs. Want to help? We're open for pull requests! -## Modern CSS Features -Staying ahead of the curve, Winduum leverages modern CSS features, allowing you to harness the power of the latest specifications and improve overall styling capabilities. All of these are supported in current browsers. - -- **CSS Properties** -- **CSS Logical Properties** -- **CSS Nesting** -- **CSS color-mix** -- **Modern pseudo selectors** such as `:where`, `:is` and `:has` -- **Modern CSS reset** -- **View Transition API, Dialog API, Popover API** and more! -- **Low specifity or layers** +## Modern web standards +Staying ahead of the curve, Winduum leverages the latest web platform features so behavior that used to require JavaScript is handled natively by the browser. Where support is still rolling out, features degrade gracefully or can be covered with opt-in [polyfills](/docs/polyfills). + +Interaction and layout, largely without JavaScript: + +- **[Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)** and **[Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API)** — popovers, dialogs, drawers and toasts +- **[CSS Anchor Positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning)** — popover and tooltip placement +- **[Interest Invokers](/docs/variants/interest)** (`interestfor`) — hover/focus cards and tooltips +- **[Scroll Snap](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll_snap)** — carousel and drawer +- **[Scroll-driven animations](/docs/utilities/animation#animation-timeline)** and **[scroll-state queries](/docs/variants/scroll-state)** +- **`@starting-style`** and **`allow-discrete`** transitions — enter/exit animations +- Native **``**, **`
                                `** and form elements for built-in accessibility + +Modern styling foundations: + +- **CSS custom properties** and **logical properties** +- **CSS nesting** and **`color-mix()`** +- **Modern pseudo-selectors** such as `:where`, `:is` and `:has` +- **Modern CSS reset** with **low specificity** and **cascade layers** **Winduum** is all about accessibility and web standards that can be used in any framework. diff --git a/docs/docs/base/breakpoints.md b/docs/docs/base/breakpoints.md index b6d0118..0637991 100644 --- a/docs/docs/base/breakpoints.md +++ b/docs/docs/base/breakpoints.md @@ -1,3 +1,7 @@ +--- +description: "Breakpoints in Winduum are very close to TailwindCSS, yet they have slightly different values and extended to cover all possible resolutions." +--- + # Breakpoints Breakpoints in Winduum are very close to TailwindCSS, yet they have slightly different values and extended to cover all possible resolutions. @@ -15,7 +19,7 @@ You can use the same principles as defined in [Responsive design](https://tailwi * **xxl** - 2016px * **2xxl** - 2528px -Breakpoints are defined in [`src/base/breakpoints.css`](https://github.com/winduum/winduum/blob/main/src/base/breakpoints.css) and in [`tailwindcss/theme/config/breakpoint.css`](https://github.com/winduum/winduum/blob/main/tailwindcss/theme/config/breakpoint.css) +Breakpoints are defined in [`src/base/breakpoints.css`](https://github.com/winduum/winduum/blob/next/src/base/breakpoints.css) and in [`tailwindcss/theme/config/breakpoint.css`](https://github.com/winduum/winduum/blob/next/tailwindcss/theme/config/breakpoint.css) for TailwindCSS. You can also use the breakpoints inside CSS like this. diff --git a/docs/docs/base/config.md b/docs/docs/base/config.md index d22e771..ffa621b 100644 --- a/docs/docs/base/config.md +++ b/docs/docs/base/config.md @@ -1,7 +1,12 @@ +--- +description: "Theme configuration via CSS custom properties — works with the TailwindCSS @theme at-rule or as plain CSS properties without TailwindCSS." +--- + # CSS config +Theme configuration via CSS custom properties — works with the TailwindCSS `@theme` at-rule or as plain CSS properties without TailwindCSS. ## Tailwind CSS -The configuration is done via [@theme](https://github.com/winduum/winduum/tree/main/tailwindcss/theme/config) config. +The configuration is done via [@theme](https://github.com/winduum/winduum/tree/next/tailwindcss/theme/config) config. ```css @import "tailwindcss/theme.css" layer(theme); @@ -10,7 +15,7 @@ The configuration is done via [@theme](https://github.com/winduum/winduum/tree/m ``` ### Without Tailwind CSS -Each CSS property is defined in CSS in following path - [`src/theme/config/index.css`](https://github.com/winduum/winduum/blob/main/src/theme/config/index.css). +Each CSS property is defined in CSS in following path - [`src/theme/config/index.css`](https://github.com/winduum/winduum/blob/next/src/theme/config/index.css). We are using naming conventions as Tailwind CSS, so you can use these properties with or without TailwindCSS. diff --git a/docs/docs/base/defaults.md b/docs/docs/base/defaults.md index 8df08e0..aaf5d88 100644 --- a/docs/docs/base/defaults.md +++ b/docs/docs/base/defaults.md @@ -1,13 +1,17 @@ +--- +description: "Default styles or rules applied to certain HTML elements or pseudo-elements. These are very much optional." +--- + # Defaults Default styles or rules applied to certain HTML elements or pseudo-elements. These are very much optional. -[`src/base/defaults.css`](https://github.com/winduum/winduum/blob/main/src/base/defaults.css) +[`src/base/defaults.css`](https://github.com/winduum/winduum/blob/next/src/base/defaults.css) <<< @/../node_modules/winduum/src/base/defaults.css There is also an extended set of opinionated defaults — block `svg`/`img`, icon styling based on `href` suffixes (`-outline`, `-solid`, ...), unstyled lists and native appearance resets for `number` and `search` inputs. -[`src/base/defaults-extended.css`](https://github.com/winduum/winduum/blob/main/src/base/defaults-extended.css) +[`src/base/defaults-extended.css`](https://github.com/winduum/winduum/blob/next/src/base/defaults-extended.css) ```css @import "winduum/src/base/defaults-extended.css" layer(base); diff --git a/docs/docs/base/keyframes.md b/docs/docs/base/keyframes.md index a814be2..392c3fc 100644 --- a/docs/docs/base/keyframes.md +++ b/docs/docs/base/keyframes.md @@ -1,5 +1,9 @@ +--- +description: "Following keyframes are provided in src/base/keyframes.css." +--- + # Keyframes -Following keyframes are provided in [`src/base/keyframes.css`](https://github.com/winduum/winduum/blob/main/src/base/keyframes.css). +Following keyframes are provided in [`src/base/keyframes.css`](https://github.com/winduum/winduum/blob/next/src/base/keyframes.css). <<< @/../node_modules/winduum/src/base/keyframes.css diff --git a/docs/docs/base/reset.md b/docs/docs/base/reset.md index 169a4f2..82539ff 100644 --- a/docs/docs/base/reset.md +++ b/docs/docs/base/reset.md @@ -1,8 +1,12 @@ +--- +description: "New modern CSS reset, that means Preflight from TailwindCSS is disabled by default." +--- + # Reset New modern CSS reset, that means [Preflight](https://tailwindcss.com/docs/preflight#border-styles-are-reset-globally) from **TailwindCSS** is disabled by default. -Everything except [Defaults](https://github.com/winduum/winduum/blob/main/src/base/defaults.css) is unstyled, so you are free to style your components or use pre-built components. +Everything except [Defaults](https://github.com/winduum/winduum/blob/next/src/base/defaults.css) is unstyled, so you are free to style your components or use pre-built components. -[`src/base/reset.css`](https://github.com/winduum/winduum/blob/main/src/base/reset.css) +[`src/base/reset.css`](https://github.com/winduum/winduum/blob/next/src/base/reset.css) <<< @/../node_modules/winduum/src/base/reset.css diff --git a/docs/docs/base/theme.md b/docs/docs/base/theme.md index ebd35b5..191dc7c 100644 --- a/docs/docs/base/theme.md +++ b/docs/docs/base/theme.md @@ -1,3 +1,7 @@ +--- +description: "Theming in Winduum is really easy. All it takes is a few CSS properties. There are two themes by default (light and dark) and to create a new one, you can…" +--- + # Theme Theming in Winduum is really easy. All it takes is a few CSS properties. There are two themes by default (light and dark) and to create a new one, you can just extend the default theme. @@ -10,18 +14,18 @@ Each `color-mix` function also contains `--default-color-space` property, which Instead of `:root, :host` the `@theme` at-rule is used. -[`tailwindcss/theme/default.css`](https://github.com/winduum/winduum/blob/main/tailwindcss/theme/default.css) +[`tailwindcss/theme/default.css`](https://github.com/winduum/winduum/blob/next/tailwindcss/theme/default.css) <<< @/../node_modules/winduum/tailwindcss/theme/default.css ### Without TailwindCSS -[`src/theme/default.css`](https://github.com/winduum/winduum/blob/main/src/theme/default.css) +[`src/theme/default.css`](https://github.com/winduum/winduum/blob/next/src/theme/default.css) ## Default P3 -[`src/theme/default-p3.css`](https://github.com/winduum/winduum/blob/main/src/theme/default-p3.css) +[`src/theme/default-p3.css`](https://github.com/winduum/winduum/blob/next/src/theme/default-p3.css) Better high range colors for P3 capable displays. @@ -29,6 +33,6 @@ Better high range colors for P3 capable displays. ## Dark -[`src/theme/dark.css`](https://github.com/winduum/winduum/blob/main/src/theme/dark.css) +[`src/theme/dark.css`](https://github.com/winduum/winduum/blob/next/src/theme/dark.css) <<< @/../node_modules/winduum/src/theme/dark.css diff --git a/docs/docs/base/transitions.md b/docs/docs/base/transitions.md index 9713695..af696b4 100644 --- a/docs/docs/base/transitions.md +++ b/docs/docs/base/transitions.md @@ -1,9 +1,13 @@ +--- +description: "This activates the View Transitions API with cross-document animations." +--- + # Transitions This activates the [View Transitions API](https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API) with cross-document animations.
                                CSS properties can be changed via [Config](/docs/base/config). -[`src/base/transitions.css`](https://github.com/winduum/winduum/blob/main/src/base/transitions.css) +[`src/base/transitions.css`](https://github.com/winduum/winduum/blob/next/src/base/transitions.css) ```css @view-transition { @@ -22,7 +26,7 @@ CSS properties can be changed via [Config](/docs/base/config). Add `view-transition-main` class to any element you want to animate page navigation. -[`src/utilities/view-transition.css`](https://github.com/winduum/winduum/blob/main/src/utilities/view-transition.css) +[`src/utilities/view-transition.css`](https://github.com/winduum/winduum/blob/next/src/utilities/view-transition.css) ```css .view-transition-main { diff --git a/docs/docs/colors.md b/docs/docs/colors.md index 88a60ef..3e566ee 100644 --- a/docs/docs/colors.md +++ b/docs/docs/colors.md @@ -1,3 +1,7 @@ +--- +description: "There are few types of colors with various areas of use. Colors are defined in Theme." +--- + # Colors There are few types of colors with various areas of use. Colors are defined in [Theme](/docs/base/theme). diff --git a/docs/docs/components/badge.md b/docs/docs/components/badge.md index be2f457..05db902 100644 --- a/docs/docs/components/badge.md +++ b/docs/docs/components/badge.md @@ -1,14 +1,18 @@ +--- +description: "Small labelling component to highlight statuses, counts or categories." +--- + # Badge Small labelling component to highlight statuses, counts or categories. - + ## Installation Follow instructions for individual framework usage below -* +* * * @@ -22,12 +26,12 @@ Follow instructions for individual framework usage below * ### Tokens -* `bordered` -* `muted` -* `sm` -* `lg` -* `square` -* `circle` +* `bordered` +* `muted` +* `sm` +* `lg` +* `square` +* `circle` ## Examples diff --git a/docs/docs/components/breadcrumb.md b/docs/docs/components/breadcrumb.md index 5b7e8d7..487eed2 100644 --- a/docs/docs/components/breadcrumb.md +++ b/docs/docs/components/breadcrumb.md @@ -1,14 +1,18 @@ +--- +description: "Displays the current page location within a navigational hierarchy." +--- + # Breadcrumb Displays the current page location within a navigational hierarchy. - + ## Installation Follow instructions for individual framework usage below -* +* * * diff --git a/docs/docs/components/button.md b/docs/docs/components/button.md index aadfda0..92c6508 100644 --- a/docs/docs/components/button.md +++ b/docs/docs/components/button.md @@ -1,14 +1,18 @@ +--- +description: "Button component for triggering actions — works with button, a and input elements and comes in several variants and sizes." +--- + # Button Button component for triggering actions — works with `button`, `a` and `input` elements and comes in several variants and sizes. - + ## Installation Follow instructions for individual framework usage below -* +* * * * @@ -25,16 +29,16 @@ Follow instructions for individual framework usage below * ### Tokens -* `bordered` -* `muted` -* `raised` -* `ghosted` -* `sm` -* `lg` -* `square` -* `circle` -* `fill` -* `spinner` +* `bordered` +* `muted` +* `raised` +* `ghosted` +* `sm` +* `lg` +* `square` +* `circle` +* `fill` +* `spinner` ## Examples diff --git a/docs/docs/components/card.md b/docs/docs/components/card.md index 44cf743..8cacb7b 100644 --- a/docs/docs/components/card.md +++ b/docs/docs/components/card.md @@ -1,14 +1,18 @@ +--- +description: "Content container for grouping related information and actions." +--- + # Card Content container for grouping related information and actions. - + ## Installation Follow instructions for individual framework usage below -* +* * * diff --git a/docs/docs/components/carousel.md b/docs/docs/components/carousel.md index b602325..ee62955 100644 --- a/docs/docs/components/carousel.md +++ b/docs/docs/components/carousel.md @@ -1,3 +1,7 @@ +--- +description: "Provides a scroll carousel that uses native CSS scroll-snap property." +--- + # Carousel Provides a scroll carousel that uses native CSS `scroll-snap` property. @@ -10,12 +14,12 @@ without using `::scroll-button()`, `::scroll-marker-group` and `::scroll-marker` - + ## Installation Follow instructions for individual framework usage below -* +* * * * @@ -55,7 +59,7 @@ Follow instructions for individual framework usage below ``` ::: -## Javascript API +## JavaScript API Low-level helpers used by `winduum-elements` and `winduum-stimulus` — you can use them to build your own integration. diff --git a/docs/docs/components/check.md b/docs/docs/components/check.md index a94fe09..f61a733 100644 --- a/docs/docs/components/check.md +++ b/docs/docs/components/check.md @@ -1,14 +1,18 @@ +--- +description: "Check supports checkbox and radio input types" +--- + # Check Check supports `checkbox` and `radio` **input** types - + ## Installation Follow instructions for individual framework usage below -* +* * * * diff --git a/docs/docs/components/color.md b/docs/docs/components/color.md index eba5212..91ac4ba 100644 --- a/docs/docs/components/color.md +++ b/docs/docs/components/color.md @@ -1,14 +1,18 @@ +--- +description: "Color supports checkbox and radio input types for displaying selected color." +--- + # Color Color supports `checkbox` and `radio` **input** types for displaying selected color. - + ## Installation Follow instructions for individual framework usage below -* +* * * diff --git a/docs/docs/components/compare.md b/docs/docs/components/compare.md index d0224c0..7b0a2c9 100644 --- a/docs/docs/components/compare.md +++ b/docs/docs/components/compare.md @@ -1,14 +1,18 @@ +--- +description: "Side-by-side comparison slider component." +--- + # Compare Side-by-side comparison slider component. - + ## Installation Follow instructions for individual framework usage below -* +* * * * @@ -47,7 +51,7 @@ Follow instructions for individual framework usage below <<< @/public/examples/components/compare/text.html#body{} [winduum] ::: -## Javascript API +## JavaScript API ### setPosition diff --git a/docs/docs/components/control.md b/docs/docs/components/control.md index 596865f..8e11683 100644 --- a/docs/docs/components/control.md +++ b/docs/docs/components/control.md @@ -1,3 +1,7 @@ +--- +description: "Form control as it should be!" +--- + # Control Form control as it should be! @@ -11,12 +15,12 @@ Other input types are supported in other components - + ## Installation Follow instructions for individual framework usage below -* +* * * * diff --git a/docs/docs/components/details.md b/docs/docs/components/details.md index 81f6133..1d35289 100644 --- a/docs/docs/components/details.md +++ b/docs/docs/components/details.md @@ -1,15 +1,19 @@ +--- +description: "An accessible accordion or toggle component for details and summary elements." +--- + # Details An accessible accordion or toggle component for `details` and `summary` elements. - + ## Installation Follow instructions for individual framework usage below -* +* ## Styles diff --git a/docs/docs/components/dialog.md b/docs/docs/components/dialog.md index 59de632..bd89648 100644 --- a/docs/docs/components/dialog.md +++ b/docs/docs/components/dialog.md @@ -1,3 +1,7 @@ +--- +description: "Modal component that uses native HTML5 dialog functionality." +--- + # Dialog Modal component that uses native HTML5 `dialog` functionality. @@ -8,15 +12,22 @@ attribute, so no JavaScript API is needed. - + ## Installation Follow instructions for individual framework usage below -* +* * * +::: info Browser support +The `dialog` element is Baseline. For older browsers cover +[Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) with [invokers-polyfill](https://www.npmjs.com/package/invokers-polyfill) — +the [`closedby`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closedby) attribute is covered by the +[side-effect script](#javascript) below. See [Polyfills](/docs/polyfills). +::: + ## Styles ### Variants @@ -65,6 +76,10 @@ Follow instructions for individual framework usage below ``` ::: +## Accessibility + +The native `dialog` element provides accessibility out of the box — `showModal()` moves focus into the dialog, makes the rest of the page inert, closes on Esc and returns focus to the trigger on close. Light-dismiss behavior is controlled declaratively with the `closedby` attribute. + ## JavaScript There is no JavaScript API — dialogs use the native [`HTMLDialogElement`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement) diff --git a/docs/docs/components/drawer.md b/docs/docs/components/drawer.md index bcc0b6e..32d3fe2 100644 --- a/docs/docs/components/drawer.md +++ b/docs/docs/components/drawer.md @@ -1,3 +1,7 @@ +--- +description: "Provides a scroll drawer that uses native HTML5 dialog and CSS scroll-snap property." +--- + # Drawer Provides a scroll drawer that uses native HTML5 `dialog` and CSS `scroll-snap` property.
                                Can be dismissed with touch gestures on touch devices. @@ -10,15 +14,23 @@ Thanks to the `noscript` variant, the drawer degrades gracefully even without Ja - + ## Installation Follow instructions for individual framework usage below -* +* * * +::: info Browser support +For older browsers cover [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) with +[invokers-polyfill](https://www.npmjs.com/package/invokers-polyfill) and — when using `winduum-elements` — customized built-in elements with +[@webreflection/custom-elements-builtin](https://www.npmjs.com/package/@webreflection/custom-elements-builtin). +Missing [`scroll-initial-target`](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-initial-target) support is handled by the +[`showDrawer`](#showdrawer) helper itself. See [Polyfills](/docs/polyfills). +::: + ## Styles ### Variants @@ -72,7 +84,7 @@ Follow instructions for individual framework usage below <<< @/public/examples/components/drawer/top.html#body{} [winduum] ::: -## Javascript API +## JavaScript API Low-level helpers used by `winduum-elements` and `winduum-stimulus` — you can use them to build your own integration. All functions take a `placement` of `'left' | 'right' | 'top' | 'bottom'` and operate on the **scroller** element (`.x-drawer-scroller`). diff --git a/docs/docs/components/field.md b/docs/docs/components/field.md index 3e5ebcd..561e86f 100644 --- a/docs/docs/components/field.md +++ b/docs/docs/components/field.md @@ -1,15 +1,19 @@ +--- +description: "Component used to group a form components." +--- + # Field Component used to group a form components. - + ## Installation Follow instructions for individual framework usage below -* +* * * diff --git a/docs/docs/components/form.md b/docs/docs/components/form.md index 1fa0339..bfc4b01 100644 --- a/docs/docs/components/form.md +++ b/docs/docs/components/form.md @@ -1,3 +1,7 @@ +--- +description: "Provides a basic way to validate your form and show feedback to your users with native HTML5 form validation. Use attributes such as pattern to add other…" +--- + # Form Provides a basic way to validate your form and show feedback to your users with native HTML5 form validation. Use attributes such as [pattern](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern) to add other validation rules. @@ -10,12 +14,12 @@ For advance form of validation use [VeeValidate](https://vee-validate.logaretm.c - + ## Installation Follow instructions for individual framework usage below -* +* * * @@ -43,7 +47,7 @@ Follow instructions for individual framework usage below <<< @/public/examples/form-field.html#body{} [winduum] ::: -## Javascript API +## JavaScript API ### `validateForm` diff --git a/docs/docs/components/group.md b/docs/docs/components/group.md index 4e83e95..fbee6a3 100644 --- a/docs/docs/components/group.md +++ b/docs/docs/components/group.md @@ -1,15 +1,19 @@ +--- +description: "Group common ui components such as Button, Badge or Control together." +--- + # Group Group common ui components such as [Button](/docs/components/button), [Badge](/docs/components/badge) or [Control](/docs/components/control) together. - + ## Installation Follow instructions for individual framework usage below -* +* * * diff --git a/docs/docs/components/heading.md b/docs/docs/components/heading.md index 101ce84..0c44508 100644 --- a/docs/docs/components/heading.md +++ b/docs/docs/components/heading.md @@ -1,14 +1,18 @@ +--- +description: "For common heading styles that you can manage from one component across project." +--- + # Heading For common heading styles that you can manage from one component across project. - + ## Installation Follow instructions for individual framework usage below -* +* * * @@ -19,8 +23,8 @@ Follow instructions for individual framework usage below ### Tokens -* `sm` -* `lg` +* `sm` +* `lg` ## Examples diff --git a/docs/docs/components/image.md b/docs/docs/components/image.md index f4dfb27..d1c2b03 100644 --- a/docs/docs/components/image.md +++ b/docs/docs/components/image.md @@ -1,14 +1,18 @@ +--- +description: "Default constrains for media elements such as img, video, iframe, object or svg" +--- + # Image Default constrains for media elements such as `img`, `video`, `iframe`, `object` or `svg` - + ## Installation Follow instructions for individual framework usage below -* +* * * * diff --git a/docs/docs/components/info.md b/docs/docs/components/info.md index 05cece3..938d2ea 100644 --- a/docs/docs/components/info.md +++ b/docs/docs/components/info.md @@ -1,14 +1,18 @@ +--- +description: "Small informative component." +--- + # Info Small informative component. - + ## Installation Follow instructions for individual framework usage below -* +* * * diff --git a/docs/docs/components/label.md b/docs/docs/components/label.md index 4b322db..ad3b601 100644 --- a/docs/docs/components/label.md +++ b/docs/docs/components/label.md @@ -1,14 +1,18 @@ +--- +description: "Accessible label for form controls such as inputs, selects or textareas." +--- + # Label Accessible label for form controls such as inputs, selects or textareas. - + ## Installation Follow instructions for individual framework usage below -* +* * * diff --git a/docs/docs/components/link.md b/docs/docs/components/link.md deleted file mode 100644 index 6b8bfc2..0000000 --- a/docs/docs/components/link.md +++ /dev/null @@ -1,68 +0,0 @@ -# Link -Common link styles for anchor elements with accent color and underline support. - - - - - -## Installation -Follow instructions for individual framework usage below - -* -* -* - -## Styles - -### Variants -* -* - -### Props -* - -## Examples - -### Basic - - - -::: code-group -<<< @/public/examples/components/link/basic.html#body{} [winduum] -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { Link } from '@/components/link' - -export function Example() { - return ( - <> - - Link Default - - - Link Primary - - - ) -} -``` -::: - -### Underline - - - -<<< @/public/examples/components/link/underline.html#body{} diff --git a/docs/docs/components/marquee.md b/docs/docs/components/marquee.md index 34425d0..70836b3 100644 --- a/docs/docs/components/marquee.md +++ b/docs/docs/components/marquee.md @@ -1,15 +1,24 @@ +--- +description: "Marquee creates an infinite horizontal loop for logos, partners or other repeated items. It is CSS-only and positions each child on the same motion path…" +--- + # Marquee Marquee creates an infinite horizontal loop for logos, partners or other repeated items. It is CSS-only and positions each child on the same motion path using sibling count and sibling index variables. - + ## Installation Follow instructions for individual framework usage below. -* +* + +::: info Browser support +Item positioning uses [`sibling-index()`](https://developer.mozilla.org/en-US/docs/Web/CSS/sibling-index) — in browsers without support, +set the `--x-marquee-sibling-index` prop on each item as a fallback (see [Props](#props)). +::: ## Styles diff --git a/docs/docs/components/notice.md b/docs/docs/components/notice.md index 74cc769..d28a63f 100644 --- a/docs/docs/components/notice.md +++ b/docs/docs/components/notice.md @@ -1,14 +1,18 @@ +--- +description: "Informative message component — use accent colors for success, error, warning or info states." +--- + # Notice Informative message component — use accent colors for success, error, warning or info states. - + ## Installation Follow instructions for individual framework usage below -* +* * * diff --git a/docs/docs/components/pagination.md b/docs/docs/components/pagination.md index ab01126..e417f95 100644 --- a/docs/docs/components/pagination.md +++ b/docs/docs/components/pagination.md @@ -1,14 +1,18 @@ +--- +description: "Navigation between multiple pages of content." +--- + # Pagination Navigation between multiple pages of content. - + ## Installation Follow instructions for individual framework usage below -* +* * * diff --git a/docs/docs/components/popover.md b/docs/docs/components/popover.md index 809f1fc..05865f1 100644 --- a/docs/docs/components/popover.md +++ b/docs/docs/components/popover.md @@ -1,3 +1,7 @@ +--- +description: "Popover can be used for dropdowns and other popovers when an element is clicked, focused or hovered." +--- + # Popover Popover can be used for dropdowns and other popovers when an element is clicked, focused or hovered. You have the following types of trigger as an option: @@ -13,17 +17,24 @@ No JavaScript is required in browsers with anchor positioning support. - + ## Installation Follow instructions for individual framework usage below -* +* * * * * +::: info Browser support +The [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) is Baseline. For older browsers cover +[Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) with [invokers-polyfill](https://www.npmjs.com/package/invokers-polyfill) +and `interestfor` with the [interestfor polyfill](/docs/polyfills#interest-invokers). +Where CSS Anchor Positioning isn't supported, use the [floating-ui fallback helpers](#javascript-api). See [Polyfills](/docs/polyfills). +::: + ## Styles ### Variants diff --git a/docs/docs/components/progress.md b/docs/docs/components/progress.md index 8b0c321..441ade1 100644 --- a/docs/docs/components/progress.md +++ b/docs/docs/components/progress.md @@ -1,14 +1,18 @@ +--- +description: "Displays progress with native HTML5 tags progress or meter" +--- + # Progress Displays progress with native HTML5 tags `progress` or `meter` - + ## Installation Follow instructions for individual framework usage below -* +* * * @@ -22,8 +26,8 @@ Follow instructions for individual framework usage below * ### Tokens -* `sm` -* `lg` +* `sm` +* `lg` ## Examples diff --git a/docs/docs/components/range.md b/docs/docs/components/range.md index 22acd22..d9805ea 100644 --- a/docs/docs/components/range.md +++ b/docs/docs/components/range.md @@ -1,14 +1,18 @@ +--- +description: "Accessible range slider that allows easy selection of a value by sliding a handle." +--- + # Range Accessible range slider that allows easy selection of a value by sliding a handle. - + ## Installation Follow instructions for individual framework usage below -* +* * * * @@ -17,14 +21,14 @@ Follow instructions for individual framework usage below ## Styles ### Variants -* `default` -* `multi` +* `default` +* `multi` ### Props * ### Tokens -* `vertical` +* `vertical` ## Examples @@ -74,7 +78,7 @@ export function Example() { <<< @/public/examples/components/range/vertical.html#body{} [winduum] ::: -## Javascript API +## JavaScript API ### setTrackProperty diff --git a/docs/docs/components/rating.md b/docs/docs/components/rating.md index 26c61d5..0a4dbc1 100644 --- a/docs/docs/components/rating.md +++ b/docs/docs/components/rating.md @@ -1,14 +1,18 @@ +--- +description: "Accessible star rating built with radio input types." +--- + # Rating Accessible star rating built with `radio` **input** types. - + ## Installation Follow instructions for individual framework usage below -* +* * * @@ -60,3 +64,7 @@ export function Example() { } ``` ::: + +## Accessibility + +Rating is a native radio group — each star is an `input type="radio"` sharing the same `name`, so keyboard users can move between values with arrow keys and the selection is announced by screen readers. Give every input a descriptive `aria-label` (e.g. `Rate 3/5`) as shown in the example. diff --git a/docs/docs/components/switch.md b/docs/docs/components/switch.md index ddb103e..3de59ce 100644 --- a/docs/docs/components/switch.md +++ b/docs/docs/components/switch.md @@ -1,14 +1,18 @@ +--- +description: "Toggle switch built with a checkbox input type." +--- + # Switch Toggle switch built with a `checkbox` **input** type. - + ## Installation Follow instructions for individual framework usage below -* +* * * @@ -74,3 +78,11 @@ export function Example() { <<< @/public/examples/components/switch/disabled.html#body{} + +### Validation + +Invalid state styling via the `invalid` variant — works with native HTML5 form validation, see [Form](/docs/components/form). + + + +<<< @/public/examples/components/switch/validation.html#body{} diff --git a/docs/docs/components/table.md b/docs/docs/components/table.md index 647b6e1..730b563 100644 --- a/docs/docs/components/table.md +++ b/docs/docs/components/table.md @@ -1,14 +1,18 @@ +--- +description: "Display your data in non-interactive, interactive or responsive tables." +--- + # Table Display your data in non-interactive, interactive or responsive tables. - + ## Installation Follow instructions for individual framework usage below -* +* * * diff --git a/docs/docs/components/tabs.md b/docs/docs/components/tabs.md index 4b5423b..6ca6607 100644 --- a/docs/docs/components/tabs.md +++ b/docs/docs/components/tabs.md @@ -1,14 +1,18 @@ +--- +description: "Accessible tabs to switch between panels of content." +--- + # Tabs Accessible tabs to switch between panels of content. - + ## Installation Follow instructions for individual framework usage below -* +* * * @@ -41,7 +45,11 @@ Follow instructions for individual framework usage below <<< @/public/examples/components/tabs/custom.html#body{} [winduum] ::: -## Javascript API +## Accessibility + +Tabs follow the [ARIA tabs pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/) — triggers use `role="tab"` with `aria-controls` and `aria-selected` inside a `role="tablist"` wrapper, panels use `role="tabpanel"` with `aria-labelledby`. The [`toggleTab`](#toggletab) helper keeps `aria-selected` and `aria-hidden` in sync when switching tabs. + +## JavaScript API ### `toggleTab` diff --git a/docs/docs/components/text.md b/docs/docs/components/text.md index 46f374c..25ad711 100644 --- a/docs/docs/components/text.md +++ b/docs/docs/components/text.md @@ -1,14 +1,18 @@ +--- +description: "Typographic defaults for common wysiwyg content. It's an alternative to prose." +--- + # Text Typographic defaults for common wysiwyg content. It's an alternative to [prose](https://tailwindcss.com/docs/typography-plugin). - + ## Installation Follow instructions for individual framework usage below -* +* * * diff --git a/docs/docs/components/title.md b/docs/docs/components/title.md index aba78ac..5086201 100644 --- a/docs/docs/components/title.md +++ b/docs/docs/components/title.md @@ -1,14 +1,18 @@ +--- +description: "For common title styles that you can manage from one component across project." +--- + # Title For common title styles that you can manage from one component across project. - + ## Installation Follow instructions for individual framework usage below -* +* * * @@ -21,8 +25,8 @@ Follow instructions for individual framework usage below * ### Tokens -* `sm` -* `lg` +* `sm` +* `lg` ## Examples diff --git a/docs/docs/components/toast.md b/docs/docs/components/toast.md index dbda249..2a56dac 100644 --- a/docs/docs/components/toast.md +++ b/docs/docs/components/toast.md @@ -1,22 +1,26 @@ +--- +description: "Let it bake and fly from your Toaster!" +--- + # Toast Let it bake and fly from your [Toaster](/docs/components/toaster)! - + ## Installation Follow instructions for individual framework usage below -* +* * * ## Styles ### Variants -* -* +* +* ### Props * diff --git a/docs/docs/components/toaster.md b/docs/docs/components/toaster.md index 2868759..2162e74 100644 --- a/docs/docs/components/toaster.md +++ b/docs/docs/components/toaster.md @@ -1,3 +1,7 @@ +--- +description: "Bake your Toast and let it fly! You should insert in into your " +--- + # Toaster Bake your [Toast](/docs/components/toast) and let it fly! You should insert in into your `` @@ -7,19 +11,19 @@ even above open dialogs. Use `toasterObserver` to show/hide the toaster popover - + ## Installation Follow instructions for individual framework usage below -* +* * * ## Styles ### Variants -* +* ### Props * diff --git a/docs/docs/components/tooltip.md b/docs/docs/components/tooltip.md index ab7555b..8986a1c 100644 --- a/docs/docs/components/tooltip.md +++ b/docs/docs/components/tooltip.md @@ -1,3 +1,7 @@ +--- +description: "Tooltip can be used for a little info hint on hover or focus." +--- + # Tooltip Tooltip can be used for a little info hint on hover or focus. @@ -5,12 +9,12 @@ It's a pure CSS solution — the tooltip text comes from the `aria-label` attrib - + ## Installation Follow instructions for individual framework usage below -* +* * * diff --git a/docs/docs/grid.md b/docs/docs/grid.md index 581d139..f5cbb2e 100644 --- a/docs/docs/grid.md +++ b/docs/docs/grid.md @@ -1,3 +1,7 @@ +--- +description: "It's recommended to use the following TailwindCSS approaches to shape your layout" +--- + # Grid It's recommended to use the following TailwindCSS approaches to shape your layout diff --git a/docs/docs/icons.md b/docs/docs/icons.md index 332b0f2..d3c7c9a 100644 --- a/docs/docs/icons.md +++ b/docs/docs/icons.md @@ -1,3 +1,7 @@ +--- +description: "It's recommended to use icons as svg, such as Heroicons" +--- + # Icons It's recommended to use icons as svg, such as [Heroicons](https://heroicons.com/) diff --git a/docs/docs/index.md b/docs/docs/index.md index e16d2c2..3fd0f3e 100644 --- a/docs/docs/index.md +++ b/docs/docs/index.md @@ -1,3 +1,7 @@ +--- +description: "You can use Winduum with or without TailwindCSS." +--- + # Install You can use Winduum with or without [TailwindCSS](https://tailwindcss.com/). @@ -86,7 +90,7 @@ It's also recommended to use [Stylelint](https://stylelint.io/) with [stylelint-stylistic](https://github.com/stylelint-stylistic/stylelint-stylistic) to help add conventions to your styles. You can check -and use basic `.stylelintrc` for Winduum [here](https://github.com/winduum/winduum/blob/main/.stylelintrc). +and use basic `.stylelintrc` for Winduum [here](https://github.com/winduum/winduum/blob/next/stylelint.config.js). ```shell npm i stylelint stylelint-config-standard @stylistic/stylelint-config --save-dev @@ -115,7 +119,7 @@ To leverage the full functionality of the framework, [TailwindCSS](#tailwindcss) ## Trying Winduum Online -On [StackBlitz](https://stackblitz.com/) or [GitHub](https://github.com/winduum/winduum/tree/main/examples) with basic examples how to use it in [Vite](https://vitejs.dev/) and other frameworks. +On [StackBlitz](https://stackblitz.com/) or [GitHub](https://github.com/winduum/winduum/tree/next/examples) with basic examples how to use it in [Vite](https://vitejs.dev/) and other frameworks. -{% endblock %} diff --git a/examples/src/pages/showcase.liquid b/examples/src/pages/showcase.liquid new file mode 100644 index 0000000..68a9956 --- /dev/null +++ b/examples/src/pages/showcase.liquid @@ -0,0 +1,28 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + +
                                Badge
                                +
                                + +
                                +
                                + + Switch +
                                +
                                + + Checkbox +
                                +
                                + + + + + +
                                +
                                + +
                                + +{% endblock %} From a27868a10e4b05686a1cf1af43c9bf41615a3b3b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Tue, 7 Jul 2026 08:22:25 +0200 Subject: [PATCH 14/35] chore: update package dependencies to latest versions in `package-lock.json` --- package-lock.json | 1937 ++++++++++++++++++++------------------------- package.json | 8 +- 2 files changed, 873 insertions(+), 1072 deletions(-) diff --git a/package-lock.json b/package-lock.json index 4e486ef..5a94ee0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,38 +8,38 @@ "dependencies": { "@webreflection/custom-elements-builtin": "^0.4.1", "invokers-polyfill": "^1.0.3", - "vitepress": "^2.0.0-alpha.16", - "vitepress-plugin-llms": "^1.11.0", - "vue": "^3.5.27", + "vitepress": "^2.0.0-alpha.18", + "vitepress-plugin-llms": "^1.13.2", + "vue": "^3.5.39", "winduum": "^3.0.0-next.7", - "winduum-elements": "^0.0.11" + "winduum-elements": "^0.0.12" } }, "node_modules/@babel/helper-string-parser": { - "version": "7.27.1", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz", - "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==", + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz", + "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==", "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-validator-identifier": { - "version": "7.28.5", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz", - "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==", + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz", + "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==", "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/parser": { - "version": "7.29.0", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz", - "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==", + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz", + "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==", "license": "MIT", "dependencies": { - "@babel/types": "^7.29.0" + "@babel/types": "^7.29.7" }, "bin": { "parser": "bin/babel-parser.js" @@ -49,456 +49,71 @@ } }, "node_modules/@babel/types": { - "version": "7.29.0", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz", - "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==", + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz", + "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==", "license": "MIT", "dependencies": { - "@babel/helper-string-parser": "^7.27.1", - "@babel/helper-validator-identifier": "^7.28.5" + "@babel/helper-string-parser": "^7.29.7", + "@babel/helper-validator-identifier": "^7.29.7" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@docsearch/css": { - "version": "4.5.3", - "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-4.5.3.tgz", - "integrity": "sha512-kUpHaxn0AgI3LQfyzTYkNUuaFY4uEz/Ym9/N/FvyDE+PzSgZsCyDH9jE49B6N6f1eLCm9Yp64J9wENd6vypdxA==", + "version": "4.6.3", + "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-4.6.3.tgz", + "integrity": "sha512-nlOwcXcsNAptQl4vlL4MA78qNJKO0Qlds5GuBjCoePgkebTXLSf8Qt1oyZ3YBshYupKXG9VRGEsk1zr23d+bzQ==", "license": "MIT" }, "node_modules/@docsearch/js": { - "version": "4.5.3", - "resolved": "https://registry.npmjs.org/@docsearch/js/-/js-4.5.3.tgz", - "integrity": "sha512-rcBiUMCXbZLqrLIT6F6FDcrG/tyvM2WM0zum6NPbIiQNDQxbSgmNc+/bToS0rxBsXaxiU64esiWoS02WqrWLsg==", + "version": "4.6.3", + "resolved": "https://registry.npmjs.org/@docsearch/js/-/js-4.6.3.tgz", + "integrity": "sha512-qUIX2b4Apew3tv4F0qhmgShsl/Lfw4m6mqv/5/5dWNxwTcDdLMp2s3YwZ+NMGh3IKCg0pBaXm7Q5VdyU5Rj+cQ==", "license": "MIT" }, "node_modules/@docsearch/sidepanel-js": { - "version": "4.5.3", - "resolved": "https://registry.npmjs.org/@docsearch/sidepanel-js/-/sidepanel-js-4.5.3.tgz", - "integrity": "sha512-DmcZYc1ZMMcabtKrCU2RIf1z09LwazKCyoPFU/ijJiBg2LdqMLmkyDKHGy1OIYEyUx4ok5RIbkVGaRfD55BqZQ==", + "version": "4.6.3", + "resolved": "https://registry.npmjs.org/@docsearch/sidepanel-js/-/sidepanel-js-4.6.3.tgz", + "integrity": "sha512-grGSmvXzG0if+mrzdIKykvpIAuEQ9u0sEJ2eLRRCaQfJvsWqh2C2/aY04bIzWvDh7myi5rvl8D+tUNsVrjYQ3A==", "license": "MIT" }, - "node_modules/@esbuild/aix-ppc64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz", - "integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==", - "cpu": [ - "ppc64" - ], - "license": "MIT", - "optional": true, - "os": [ - "aix" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/android-arm": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.2.tgz", - "integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==", - "cpu": [ - "arm" - ], - "license": "MIT", - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/android-arm64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz", - "integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==", - "cpu": [ - "arm64" - ], - "license": "MIT", - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/android-x64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.2.tgz", - "integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==", - "cpu": [ - "x64" - ], - "license": "MIT", - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/darwin-arm64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz", - "integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==", - "cpu": [ - "arm64" - ], - "license": "MIT", - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/darwin-x64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz", - "integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==", - "cpu": [ - "x64" - ], - "license": "MIT", - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/freebsd-arm64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz", - "integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==", - "cpu": [ - "arm64" - ], + "node_modules/@emnapi/core": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.1.tgz", + "integrity": "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==", "license": "MIT", "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/freebsd-x64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz", - "integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==", - "cpu": [ - "x64" - ], - "license": "MIT", - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-arm": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz", - "integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==", - "cpu": [ - "arm" - ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-arm64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz", - "integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==", - "cpu": [ - "arm64" - ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-ia32": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz", - "integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==", - "cpu": [ - "ia32" - ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-loong64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz", - "integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==", - "cpu": [ - "loong64" - ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-mips64el": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz", - "integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==", - "cpu": [ - "mips64el" - ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-ppc64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz", - "integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==", - "cpu": [ - "ppc64" - ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-riscv64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz", - "integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==", - "cpu": [ - "riscv64" - ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-s390x": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz", - "integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==", - "cpu": [ - "s390x" - ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-x64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz", - "integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==", - "cpu": [ - "x64" - ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/netbsd-arm64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz", - "integrity": "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==", - "cpu": [ - "arm64" - ], - "license": "MIT", - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/netbsd-x64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz", - "integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==", - "cpu": [ - "x64" - ], - "license": "MIT", - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/openbsd-arm64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz", - "integrity": "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==", - "cpu": [ - "arm64" - ], - "license": "MIT", - "optional": true, - "os": [ - "openbsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/openbsd-x64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz", - "integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==", - "cpu": [ - "x64" - ], - "license": "MIT", - "optional": true, - "os": [ - "openbsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/openharmony-arm64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz", - "integrity": "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==", - "cpu": [ - "arm64" - ], - "license": "MIT", - "optional": true, - "os": [ - "openharmony" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/sunos-x64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz", - "integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==", - "cpu": [ - "x64" - ], - "license": "MIT", - "optional": true, - "os": [ - "sunos" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/win32-arm64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz", - "integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==", - "cpu": [ - "arm64" - ], - "license": "MIT", - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/win32-ia32": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz", - "integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==", - "cpu": [ - "ia32" - ], - "license": "MIT", - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=18" + "dependencies": { + "@emnapi/wasi-threads": "1.2.2", + "tslib": "^2.4.0" } }, - "node_modules/@esbuild/win32-x64": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz", - "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==", - "cpu": [ - "x64" - ], + "node_modules/@emnapi/runtime": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz", + "integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==", "license": "MIT", "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=18" + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/wasi-threads": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz", + "integrity": "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==", + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" } }, "node_modules/@iconify-json/simple-icons": { - "version": "1.2.69", - "resolved": "https://registry.npmjs.org/@iconify-json/simple-icons/-/simple-icons-1.2.69.tgz", - "integrity": "sha512-T/rhy5n7pzE0ZOxQVlF68SNPCYYjRBpddjgjrJO5WWVRG8es5BQmvxIE9kKF+t2hhPGvuGQFpXmUyqbOtnxirQ==", + "version": "1.2.89", + "resolved": "https://registry.npmjs.org/@iconify-json/simple-icons/-/simple-icons-1.2.89.tgz", + "integrity": "sha512-hRaCY5s2G5oWAIhc4LCGYn6g6RrwLL4zhoLOT+KUO3joVCxVlZKA+839bv/47Nbe9/ZD4UA6dznZ4XPYcI53wA==", "license": "CC0-1.0", "dependencies": { "@iconify/types": "*" @@ -510,33 +125,30 @@ "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==", "license": "MIT" }, - "node_modules/@isaacs/balanced-match": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz", - "integrity": "sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==", - "license": "MIT", - "engines": { - "node": "20 || >=22" - } - }, - "node_modules/@isaacs/brace-expansion": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.1.tgz", - "integrity": "sha512-WMz71T1JS624nWj2n2fnYAuPovhv7EUhk69R6i9dsVyzxt5eM3bjwvgk9L+APE1TRscGysAVMANkB0jh0LQZrQ==", - "license": "MIT", - "dependencies": { - "@isaacs/balanced-match": "^4.0.1" - }, - "engines": { - "node": "20 || >=22" - } - }, "node_modules/@jridgewell/sourcemap-codec": { "version": "1.5.5", "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", "license": "MIT" }, + "node_modules/@napi-rs/wasm-runtime": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.6.tgz", + "integrity": "sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==", + "license": "MIT", + "optional": true, + "dependencies": { + "@tybys/wasm-util": "^0.10.3" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/Brooooooklyn" + }, + "peerDependencies": { + "@emnapi/core": "^1.7.1", + "@emnapi/runtime": "^1.7.1" + } + }, "node_modules/@newlogic-digital/utils-js": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@newlogic-digital/utils-js/-/utils-js-1.2.0.tgz", @@ -546,29 +158,19 @@ "node": ">=20.0.0" } }, - "node_modules/@rolldown/pluginutils": { - "version": "1.0.0-rc.2", - "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.2.tgz", - "integrity": "sha512-izyXV/v+cHiRfozX62W9htOAvwMo4/bXKDrQ+vom1L1qRuexPock/7VZDAhnpHCLNejd3NJ6hiab+tO0D44Rgw==", - "license": "MIT" - }, - "node_modules/@rollup/rollup-android-arm-eabi": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.57.1.tgz", - "integrity": "sha512-A6ehUVSiSaaliTxai040ZpZ2zTevHYbvu/lDoeAteHI8QnaosIzm4qwtezfRg1jOYaUmnzLX1AOD6Z+UJjtifg==", - "cpu": [ - "arm" - ], + "node_modules/@oxc-project/types": { + "version": "0.138.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.138.0.tgz", + "integrity": "sha512-1a7ZKmrRTCoN1XMZ4L0PyyqrMnrNlLyPuOkdSX2MZg7IiIGRUyurNhAm73ptDOraoBcIordsIGKNPKUzy3ZmfA==", "license": "MIT", - "optional": true, - "os": [ - "android" - ] + "funding": { + "url": "https://github.com/sponsors/Boshen" + } }, - "node_modules/@rollup/rollup-android-arm64": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.57.1.tgz", - "integrity": "sha512-dQaAddCY9YgkFHZcFNS/606Exo8vcLHwArFZ7vxXq4rigo2bb494/xKMMwRRQW6ug7Js6yXmBZhSBRuBvCCQ3w==", + "node_modules/@rolldown/binding-android-arm64": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.1.4.tgz", + "integrity": "sha512-EZLpf/8y7GXkkra90ML47kzik/GMP3EMcE9bPyHmRfxLC6z9+aW5A8poCsoxjrT5GfEcNAAvWwUHjvP1pUQkfw==", "cpu": [ "arm64" ], @@ -576,12 +178,15 @@ "optional": true, "os": [ "android" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.57.1.tgz", - "integrity": "sha512-crNPrwJOrRxagUYeMn/DZwqN88SDmwaJ8Cvi/TN1HnWBU7GwknckyosC2gd0IqYRsHDEnXf328o9/HC6OkPgOg==", + "node_modules/@rolldown/binding-darwin-arm64": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.1.4.tgz", + "integrity": "sha512-aUi+HBvmYb7j8krl1+qJgkG8C17fO79gk3c+jPw4S8glRFc1DTija9S3EyaTSQUm5GJXYKDAsugBEhFHH2vYiQ==", "cpu": [ "arm64" ], @@ -589,12 +194,15 @@ "optional": true, "os": [ "darwin" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-darwin-x64": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.57.1.tgz", - "integrity": "sha512-Ji8g8ChVbKrhFtig5QBV7iMaJrGtpHelkB3lsaKzadFBe58gmjfGXAOfI5FV0lYMH8wiqsxKQ1C9B0YTRXVy4w==", + "node_modules/@rolldown/binding-darwin-x64": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.1.4.tgz", + "integrity": "sha512-F7hHC3gwY11+vByKPRWqwGbeXWVgKmL+pTGCinaEhdihzBV2aQ0fvZOch9cXYUOKuKKq429HeYXOqQLc7wFCEg==", "cpu": [ "x64" ], @@ -602,25 +210,15 @@ "optional": true, "os": [ "darwin" - ] - }, - "node_modules/@rollup/rollup-freebsd-arm64": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.57.1.tgz", - "integrity": "sha512-R+/WwhsjmwodAcz65guCGFRkMb4gKWTcIeLy60JJQbXrJ97BOXHxnkPFrP+YwFlaS0m+uWJTstrUA9o+UchFug==", - "cpu": [ - "arm64" ], - "license": "MIT", - "optional": true, - "os": [ - "freebsd" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-freebsd-x64": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.57.1.tgz", - "integrity": "sha512-IEQTCHeiTOnAUC3IDQdzRAGj3jOAYNr9kBguI7MQAAZK3caezRrg0GxAb6Hchg4lxdZEI5Oq3iov/w/hnFWY9Q==", + "node_modules/@rolldown/binding-freebsd-x64": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.1.4.tgz", + "integrity": "sha512-sI5yw+7s92SK6odiEhD5lKCBlWcpjHS5qyqpVQbZAJ0fIzEUXrmbl3DH2ybR3PZogulNJF+COLtmA8hUfvkCCQ==", "cpu": [ "x64" ], @@ -628,25 +226,15 @@ "optional": true, "os": [ "freebsd" - ] - }, - "node_modules/@rollup/rollup-linux-arm-gnueabihf": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.57.1.tgz", - "integrity": "sha512-F8sWbhZ7tyuEfsmOxwc2giKDQzN3+kuBLPwwZGyVkLlKGdV1nvnNwYD0fKQ8+XS6hp9nY7B+ZeK01EBUE7aHaw==", - "cpu": [ - "arm" ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-arm-musleabihf": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.57.1.tgz", - "integrity": "sha512-rGfNUfn0GIeXtBP1wL5MnzSj98+PZe/AXaGBCRmT0ts80lU5CATYGxXukeTX39XBKsxzFpEeK+Mrp9faXOlmrw==", + "node_modules/@rolldown/binding-linux-arm-gnueabihf": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.1.4.tgz", + "integrity": "sha512-mCi0OKgEieFircrtVYmQAFGszRtMnZ6fpZAXrxanXAu7lqZcsK1E1RAaZNG0uKAnxox3B1f4EyQNnoyMfN1vAA==", "cpu": [ "arm" ], @@ -654,168 +242,129 @@ "optional": true, "os": [ "linux" - ] - }, - "node_modules/@rollup/rollup-linux-arm64-gnu": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.57.1.tgz", - "integrity": "sha512-MMtej3YHWeg/0klK2Qodf3yrNzz6CGjo2UntLvk2RSPlhzgLvYEB3frRvbEF2wRKh1Z2fDIg9KRPe1fawv7C+g==", - "cpu": [ - "arm64" ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-arm64-musl": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.57.1.tgz", - "integrity": "sha512-1a/qhaaOXhqXGpMFMET9VqwZakkljWHLmZOX48R0I/YLbhdxr1m4gtG1Hq7++VhVUmf+L3sTAf9op4JlhQ5u1Q==", + "node_modules/@rolldown/binding-linux-arm64-gnu": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.1.4.tgz", + "integrity": "sha512-B9Ial3Kv5sh0SHnB1g/QWcUQCEvCF6QKGAl4zXypYj65mVI+B4AhFBwPtSN7pDrJeIx8Z7zdy4ntx+wQABom7w==", "cpu": [ "arm64" ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-loong64-gnu": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.57.1.tgz", - "integrity": "sha512-QWO6RQTZ/cqYtJMtxhkRkidoNGXc7ERPbZN7dVW5SdURuLeVU7lwKMpo18XdcmpWYd0qsP1bwKPf7DNSUinhvA==", - "cpu": [ - "loong64" + "libc": [ + "glibc" ], "license": "MIT", "optional": true, "os": [ "linux" - ] - }, - "node_modules/@rollup/rollup-linux-loong64-musl": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.57.1.tgz", - "integrity": "sha512-xpObYIf+8gprgWaPP32xiN5RVTi/s5FCR+XMXSKmhfoJjrpRAjCuuqQXyxUa/eJTdAE6eJ+KDKaoEqjZQxh3Gw==", - "cpu": [ - "loong64" ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-ppc64-gnu": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.57.1.tgz", - "integrity": "sha512-4BrCgrpZo4hvzMDKRqEaW1zeecScDCR+2nZ86ATLhAoJ5FQ+lbHVD3ttKe74/c7tNT9c6F2viwB3ufwp01Oh2w==", + "node_modules/@rolldown/binding-linux-arm64-musl": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.1.4.tgz", + "integrity": "sha512-lZVym0PuHE1KZ22gmFTC15lAkrg9iTszR617oYRB/iPY1A56ywoJzVKOJBKaot5RiikCObmur6pogpse3gRcng==", "cpu": [ - "ppc64" + "arm64" + ], + "libc": [ + "musl" ], "license": "MIT", "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-ppc64-musl": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.57.1.tgz", - "integrity": "sha512-NOlUuzesGauESAyEYFSe3QTUguL+lvrN1HtwEEsU2rOwdUDeTMJdO5dUYl/2hKf9jWydJrO9OL/XSSf65R5+Xw==", + "node_modules/@rolldown/binding-linux-ppc64-gnu": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.1.4.tgz", + "integrity": "sha512-t2DNiLJWNTbnEHyUzTumldML6ET4/g16467LZoDDJ3tSxGvguL5/NyC2lCsNKuyRycg9XeDQF5SSv+TNOhQEXg==", "cpu": [ "ppc64" ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-riscv64-gnu": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.57.1.tgz", - "integrity": "sha512-ptA88htVp0AwUUqhVghwDIKlvJMD/fmL/wrQj99PRHFRAG6Z5nbWoWG4o81Nt9FT+IuqUQi+L31ZKAFeJ5Is+A==", - "cpu": [ - "riscv64" + "libc": [ + "glibc" ], "license": "MIT", "optional": true, "os": [ "linux" - ] - }, - "node_modules/@rollup/rollup-linux-riscv64-musl": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.57.1.tgz", - "integrity": "sha512-S51t7aMMTNdmAMPpBg7OOsTdn4tySRQvklmL3RpDRyknk87+Sp3xaumlatU+ppQ+5raY7sSTcC2beGgvhENfuw==", - "cpu": [ - "riscv64" ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-s390x-gnu": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.57.1.tgz", - "integrity": "sha512-Bl00OFnVFkL82FHbEqy3k5CUCKH6OEJL54KCyx2oqsmZnFTR8IoNqBF+mjQVcRCT5sB6yOvK8A37LNm/kPJiZg==", + "node_modules/@rolldown/binding-linux-s390x-gnu": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.1.4.tgz", + "integrity": "sha512-0WIRnL1Uw4BvTZRLQt+PVgo6ZKTJadlC2btP+/EOXv2f/DWbY0rEgl+y834mIVwP1FkTlWVTrGGJXf12lru7EQ==", "cpu": [ "s390x" ], + "libc": [ + "glibc" + ], "license": "MIT", "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-x64-gnu": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.57.1.tgz", - "integrity": "sha512-ABca4ceT4N+Tv/GtotnWAeXZUZuM/9AQyCyKYyKnpk4yoA7QIAuBt6Hkgpw8kActYlew2mvckXkvx0FfoInnLg==", + "node_modules/@rolldown/binding-linux-x64-gnu": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.1.4.tgz", + "integrity": "sha512-JWtGshGfX+oENAKonoNkqEJX+7hC8yfhi9GUyPX1VX4mdh1y5r+ZiJLR5XzAB0aoP6s/PcILsGjKq8O0mm24bw==", "cpu": [ "x64" ], + "libc": [ + "glibc" + ], "license": "MIT", "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-x64-musl": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.57.1.tgz", - "integrity": "sha512-HFps0JeGtuOR2convgRRkHCekD7j+gdAuXM+/i6kGzQtFhlCtQkpwtNzkNj6QhCDp7DRJ7+qC/1Vg2jt5iSOFw==", + "node_modules/@rolldown/binding-linux-x64-musl": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.1.4.tgz", + "integrity": "sha512-rT6yQcxUuXs4CnbofqwHRRV0iem349rLMYpTjkgQGLjrY4ado/eDzwPZPTCgTOlF6Nkp8NEv70yLMTn6qkWxsQ==", "cpu": [ "x64" ], + "libc": [ + "musl" + ], "license": "MIT", "optional": true, "os": [ "linux" - ] - }, - "node_modules/@rollup/rollup-openbsd-x64": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.57.1.tgz", - "integrity": "sha512-H+hXEv9gdVQuDTgnqD+SQffoWoc0Of59AStSzTEj/feWTBAnSfSD3+Dql1ZruJQxmykT/JVY0dE8Ka7z0DH1hw==", - "cpu": [ - "x64" ], - "license": "MIT", - "optional": true, - "os": [ - "openbsd" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-openharmony-arm64": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.57.1.tgz", - "integrity": "sha512-4wYoDpNg6o/oPximyc/NG+mYUejZrCU2q+2w6YZqrAs2UcNUChIZXjtafAiiZSUc7On8v5NyNj34Kzj/Ltk6dQ==", + "node_modules/@rolldown/binding-openharmony-arm64": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.1.4.tgz", + "integrity": "sha512-KXMGoboq5cyaCQjDA4GLuRiOwBQ0EyFnJoVViLeZ45/3rFItRODEr+NdsBcVpll40hhNArlm/speWGRvj08LzA==", "cpu": [ "arm64" ], @@ -823,51 +372,49 @@ "optional": true, "os": [ "openharmony" - ] - }, - "node_modules/@rollup/rollup-win32-arm64-msvc": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.57.1.tgz", - "integrity": "sha512-O54mtsV/6LW3P8qdTcamQmuC990HDfR71lo44oZMZlXU4tzLrbvTii87Ni9opq60ds0YzuAlEr/GNwuNluZyMQ==", - "cpu": [ - "arm64" ], - "license": "MIT", - "optional": true, - "os": [ - "win32" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-win32-ia32-msvc": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.57.1.tgz", - "integrity": "sha512-P3dLS+IerxCT/7D2q2FYcRdWRl22dNbrbBEtxdWhXrfIMPP9lQhb5h4Du04mdl5Woq05jVCDPCMF7Ub0NAjIew==", + "node_modules/@rolldown/binding-wasm32-wasi": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.1.4.tgz", + "integrity": "sha512-5K83rb36oJiY7BCyE9zLZtGcPV4g5wvq+xwdO0XPIwDVZI8cyB/AUjkNXGb92/rnmezEkjMOpgY61rtwjQtFwg==", "cpu": [ - "ia32" + "wasm32" ], "license": "MIT", "optional": true, - "os": [ - "win32" - ] + "dependencies": { + "@emnapi/core": "1.11.1", + "@emnapi/runtime": "1.11.1", + "@napi-rs/wasm-runtime": "^1.1.6" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-win32-x64-gnu": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.57.1.tgz", - "integrity": "sha512-VMBH2eOOaKGtIJYleXsi2B8CPVADrh+TyNxJ4mWPnKfLB/DBUmzW+5m1xUrcwWoMfSLagIRpjUFeW5CO5hyciQ==", + "node_modules/@rolldown/binding-win32-arm64-msvc": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.1.4.tgz", + "integrity": "sha512-PnWBtw3TV5KOg69HQQDR0mnQuyCmSGR2pAB4DC1rPF808fgKeTUMj2EOEyKATpgiuxuR5APQmiDO7PDgEjTFSA==", "cpu": [ - "x64" + "arm64" ], "license": "MIT", "optional": true, "os": [ "win32" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-win32-x64-msvc": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.57.1.tgz", - "integrity": "sha512-mxRFDdHIWRxg3UfIIAwCm6NzvxG0jDX/wBN6KsQFTvKFqqg9vTrWUE68qEjHt19A5wwx5X5aUi2zuZT7YR0jrA==", + "node_modules/@rolldown/binding-win32-x64-msvc": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.1.4.tgz", + "integrity": "sha512-M1lpniBePobTfsa7Ks9a199e1akxsXn+GYBUKsEzv3YFzOm1HJAMNwKI3qr0Zq+mxwx9gOZoTdP1yXRYsZUocQ==", "cpu": [ "x64" ], @@ -875,77 +422,122 @@ "optional": true, "os": [ "win32" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/pluginutils": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz", + "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==", + "license": "MIT" }, "node_modules/@shikijs/core": { - "version": "3.22.0", - "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.22.0.tgz", - "integrity": "sha512-iAlTtSDDbJiRpvgL5ugKEATDtHdUVkqgHDm/gbD2ZS9c88mx7G1zSYjjOxp5Qa0eaW0MAQosFRmJSk354PRoQA==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-4.3.1.tgz", + "integrity": "sha512-ANMDxuaPsNMdDC1m4vfvhlDmJweMwkE5XitTwrq2rWHx5jM+dlm4MmHt2PP6t0uejfR77SuhrhJ0zEijIF/uhA==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.22.0", + "@shikijs/primitive": "4.3.1", + "@shikijs/types": "4.3.1", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4", "hast-util-to-html": "^9.0.5" + }, + "engines": { + "node": ">=20" } }, "node_modules/@shikijs/engine-javascript": { - "version": "3.22.0", - "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.22.0.tgz", - "integrity": "sha512-jdKhfgW9CRtj3Tor0L7+yPwdG3CgP7W+ZEqSsojrMzCjD1e0IxIbwUMDDpYlVBlC08TACg4puwFGkZfLS+56Tw==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-4.3.1.tgz", + "integrity": "sha512-JBItcnPuYq7jVJdZo/vMj94r+szT7XEjHFX+mvFDGSEIbVAXAGyHAHzhbWzpGOwYidCZrErJLLgn2PVeiokHnQ==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.22.0", + "@shikijs/types": "4.3.1", "@shikijs/vscode-textmate": "^10.0.2", - "oniguruma-to-es": "^4.3.4" + "oniguruma-to-es": "^4.3.6" + }, + "engines": { + "node": ">=20" } }, "node_modules/@shikijs/engine-oniguruma": { - "version": "3.22.0", - "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.22.0.tgz", - "integrity": "sha512-DyXsOG0vGtNtl7ygvabHd7Mt5EY8gCNqR9Y7Lpbbd/PbJvgWrqaKzH1JW6H6qFkuUa8aCxoiYVv8/YfFljiQxA==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-4.3.1.tgz", + "integrity": "sha512-OXyNMzg0pews+msMj4cHeqT4xiYKKvbnn6VbdAXxfoFl3SSx4fJTc8FadECuc5/H9p3BzhNAoAUXKwAu9rWYhg==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.22.0", + "@shikijs/types": "4.3.1", "@shikijs/vscode-textmate": "^10.0.2" + }, + "engines": { + "node": ">=20" } }, "node_modules/@shikijs/langs": { - "version": "3.22.0", - "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.22.0.tgz", - "integrity": "sha512-x/42TfhWmp6H00T6uwVrdTJGKgNdFbrEdhaDwSR5fd5zhQ1Q46bHq9EO61SCEWJR0HY7z2HNDMaBZp8JRmKiIA==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-4.3.1.tgz", + "integrity": "sha512-m0l9nsDqgBHvbZbk7A0/kXz/impK3uB/c6rAn6Gpg/uPtdZRQ+alsN/17MU5thb68XTj/4DxkZAotrM0GGSpDQ==", + "license": "MIT", + "dependencies": { + "@shikijs/types": "4.3.1" + }, + "engines": { + "node": ">=20" + } + }, + "node_modules/@shikijs/primitive": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/@shikijs/primitive/-/primitive-4.3.1.tgz", + "integrity": "sha512-CXQRQOYy1leqQ8ceTeJdmXv/bsUY++6QyLpXJ94LZAAYj5X2SKRdc5ipguv4NPyGVKItB2PPwUpRNe0Sjh5S1A==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.22.0" + "@shikijs/types": "4.3.1", + "@shikijs/vscode-textmate": "^10.0.2", + "@types/hast": "^3.0.4" + }, + "engines": { + "node": ">=20" } }, "node_modules/@shikijs/themes": { - "version": "3.22.0", - "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.22.0.tgz", - "integrity": "sha512-o+tlOKqsr6FE4+mYJG08tfCFDS+3CG20HbldXeVoyP+cYSUxDhrFf3GPjE60U55iOkkjbpY2uC3It/eeja35/g==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-4.3.1.tgz", + "integrity": "sha512-dgpoJ4WqNi2yTmizQHBJ5zcX6j2lE6icN/0yt4l1kkf16jrY/pwPLoTb1ETsWMz0OBLf9ZNvwmxft+cH+N9qSA==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.22.0" + "@shikijs/types": "4.3.1" + }, + "engines": { + "node": ">=20" } }, "node_modules/@shikijs/transformers": { - "version": "3.22.0", - "resolved": "https://registry.npmjs.org/@shikijs/transformers/-/transformers-3.22.0.tgz", - "integrity": "sha512-E7eRV7mwDBjueLF6852n2oYeJYxBq3NSsDk+uyruYAXONv4U8holGmIrT+mPRJQ1J1SNOH6L8G19KRzmBawrFw==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/@shikijs/transformers/-/transformers-4.3.1.tgz", + "integrity": "sha512-z6ir0bGDgWcF2FduktEfPgIsdOtIlDiLAjFBgBzE42Q9xHbkkIXZtORHzlLVB71iZP9elEcqKg6keajvOUwE2A==", "license": "MIT", "dependencies": { - "@shikijs/core": "3.22.0", - "@shikijs/types": "3.22.0" + "@shikijs/core": "4.3.1", + "@shikijs/types": "4.3.1" + }, + "engines": { + "node": ">=20" } }, "node_modules/@shikijs/types": { - "version": "3.22.0", - "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.22.0.tgz", - "integrity": "sha512-491iAekgKDBFE67z70Ok5a8KBMsQ2IJwOWw3us/7ffQkIBCyOQfm/aNwVMBUriP02QshIfgHCBSIYAl3u2eWjg==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.3.1.tgz", + "integrity": "sha512-CHFxE0jztBIZRHH6gxXE7DXUCFXjReEGxZ/j0rfSLGKZuwp2xBYycEP14875DSa9KLL/6700oxIq6oO6ef9K2g==", "license": "MIT", "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" + }, + "engines": { + "node": ">=20" } }, "node_modules/@shikijs/vscode-textmate": { @@ -954,21 +546,25 @@ "integrity": "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==", "license": "MIT" }, + "node_modules/@tybys/wasm-util": { + "version": "0.10.3", + "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.3.tgz", + "integrity": "sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==", + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, "node_modules/@types/debug": { - "version": "4.1.12", - "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz", - "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==", + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.13.tgz", + "integrity": "sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==", "license": "MIT", "dependencies": { "@types/ms": "*" } }, - "node_modules/@types/estree": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", - "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==", - "license": "MIT" - }, "node_modules/@types/hast": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz", @@ -1028,169 +624,175 @@ "license": "MIT" }, "node_modules/@ungap/structured-clone": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz", - "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==", + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.2.tgz", + "integrity": "sha512-5jsZFwgR5rTdKwidH9Qmat75RKwqfpKlWWB1frDkljN127mwqBu8K0PYo7/hFpF03IEJpfVPpCQDY/eDx3iHvA==", "license": "ISC" }, "node_modules/@vitejs/plugin-vue": { - "version": "6.0.4", - "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.4.tgz", - "integrity": "sha512-uM5iXipgYIn13UUQCZNdWkYk+sysBeA97d5mHsAoAt1u/wpN3+zxOmsVJWosuzX+IMGRzeYUNytztrYznboIkQ==", + "version": "6.0.7", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.7.tgz", + "integrity": "sha512-km+p+XdSz9Sxm5rqUbqcSfZYaAniKxWBj1KURl+Jr7UaPvvX7BmaWMdP69I5rrFDeQGyxAG7NXdc57vz+snhWg==", "license": "MIT", "dependencies": { - "@rolldown/pluginutils": "1.0.0-rc.2" + "@rolldown/pluginutils": "^1.0.1" }, "engines": { "node": "^20.19.0 || >=22.12.0" }, "peerDependencies": { - "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", + "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0", "vue": "^3.2.25" } }, "node_modules/@vue/compiler-core": { - "version": "3.5.27", - "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.27.tgz", - "integrity": "sha512-gnSBQjZA+//qDZen+6a2EdHqJ68Z7uybrMf3SPjEGgG4dicklwDVmMC1AeIHxtLVPT7sn6sH1KOO+tS6gwOUeQ==", + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.39.tgz", + "integrity": "sha512-16KBTEXAJCpDr0mwlw+AZyhu8iyC7R3S2vBwsI7QnWJU6X3WKc9VKeNEZpiMdZ569qWhz9574L3vV55qRL0Vtw==", "license": "MIT", "dependencies": { - "@babel/parser": "^7.28.5", - "@vue/shared": "3.5.27", - "entities": "^7.0.0", + "@babel/parser": "^7.29.7", + "@vue/shared": "3.5.39", + "entities": "^7.0.1", "estree-walker": "^2.0.2", "source-map-js": "^1.2.1" } }, + "node_modules/@vue/compiler-core/node_modules/entities": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz", + "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==", + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, "node_modules/@vue/compiler-dom": { - "version": "3.5.27", - "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.27.tgz", - "integrity": "sha512-oAFea8dZgCtVVVTEC7fv3T5CbZW9BxpFzGGxC79xakTr6ooeEqmRuvQydIiDAkglZEAd09LgVf1RoDnL54fu5w==", + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.39.tgz", + "integrity": "sha512-oQPigALqYbNxTNPvNgSOe+czwVExfbVF02lz8jP0S3AXJiu3jxYDygNUiqSep4ezzW8XgnubqH63My2A7JR/vg==", "license": "MIT", "dependencies": { - "@vue/compiler-core": "3.5.27", - "@vue/shared": "3.5.27" + "@vue/compiler-core": "3.5.39", + "@vue/shared": "3.5.39" } }, "node_modules/@vue/compiler-sfc": { - "version": "3.5.27", - "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.27.tgz", - "integrity": "sha512-sHZu9QyDPeDmN/MRoshhggVOWE5WlGFStKFwu8G52swATgSny27hJRWteKDSUUzUH+wp+bmeNbhJnEAel/auUQ==", + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.39.tgz", + "integrity": "sha512-d0ki86iOyN8LoZPBmk5SJWNwHP19CnDDCfuo//+2WJa2g5Ke0Jay983PIBIcSSzldC68I8DrD5GrHV3OSDfodg==", "license": "MIT", "dependencies": { - "@babel/parser": "^7.28.5", - "@vue/compiler-core": "3.5.27", - "@vue/compiler-dom": "3.5.27", - "@vue/compiler-ssr": "3.5.27", - "@vue/shared": "3.5.27", + "@babel/parser": "^7.29.7", + "@vue/compiler-core": "3.5.39", + "@vue/compiler-dom": "3.5.39", + "@vue/compiler-ssr": "3.5.39", + "@vue/shared": "3.5.39", "estree-walker": "^2.0.2", "magic-string": "^0.30.21", - "postcss": "^8.5.6", + "postcss": "^8.5.15", "source-map-js": "^1.2.1" } }, "node_modules/@vue/compiler-ssr": { - "version": "3.5.27", - "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.27.tgz", - "integrity": "sha512-Sj7h+JHt512fV1cTxKlYhg7qxBvack+BGncSpH+8vnN+KN95iPIcqB5rsbblX40XorP+ilO7VIKlkuu3Xq2vjw==", + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.39.tgz", + "integrity": "sha512-Ce7/wvwMHai74bdszfXExdazFigYnlF9zgCmEQUcM1j0fOymlouZ7XilTYNo8oUjhlnjYOZbGrcYKuqjz89Ucw==", "license": "MIT", "dependencies": { - "@vue/compiler-dom": "3.5.27", - "@vue/shared": "3.5.27" + "@vue/compiler-dom": "3.5.39", + "@vue/shared": "3.5.39" } }, "node_modules/@vue/devtools-api": { - "version": "8.0.5", - "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-8.0.5.tgz", - "integrity": "sha512-DgVcW8H/Nral7LgZEecYFFYXnAvGuN9C3L3DtWekAncFBedBczpNW8iHKExfaM559Zm8wQWrwtYZ9lXthEHtDw==", + "version": "8.1.5", + "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-8.1.5.tgz", + "integrity": "sha512-YJipMVAKe5wT5CWf5kTYCaNV7NMNjFVxJkIkJaJ4W/nCxEBzlZzrOsYKeCymdCrFZmBS/+wTWFoUs3Jf/Q6XSQ==", "license": "MIT", "dependencies": { - "@vue/devtools-kit": "^8.0.5" + "@vue/devtools-kit": "^8.1.5" } }, "node_modules/@vue/devtools-kit": { - "version": "8.0.5", - "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-8.0.5.tgz", - "integrity": "sha512-q2VV6x1U3KJMTQPUlRMyWEKVbcHuxhqJdSr6Jtjz5uAThAIrfJ6WVZdGZm5cuO63ZnSUz0RCsVwiUUb0mDV0Yg==", + "version": "8.1.5", + "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-8.1.5.tgz", + "integrity": "sha512-FcSAxsi4eWuXLCB7Rv9lj0aIVHHPNVQ2BazGf4RJTc2JCqb4BQg0hk87ZFhminCfl+mD5OUI0rX2cgyu4kJOGA==", "license": "MIT", "dependencies": { - "@vue/devtools-shared": "^8.0.5", + "@vue/devtools-shared": "^8.1.5", "birpc": "^2.6.1", "hookable": "^5.5.3", - "mitt": "^3.0.1", - "perfect-debounce": "^2.0.0", - "speakingurl": "^14.0.1", - "superjson": "^2.2.2" + "perfect-debounce": "^2.0.0" } }, "node_modules/@vue/devtools-shared": { - "version": "8.0.5", - "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-8.0.5.tgz", - "integrity": "sha512-bRLn6/spxpmgLk+iwOrR29KrYnJjG9DGpHGkDFG82UM21ZpJ39ztUT9OXX3g+usW7/b2z+h46I9ZiYyB07XMXg==", - "license": "MIT", - "dependencies": { - "rfdc": "^1.4.1" - } + "version": "8.1.5", + "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-8.1.5.tgz", + "integrity": "sha512-mhT4zcPFhF+Xk1O4BfhhrbXzpmfqY03fS6xGpcllbQG7lDjhQf8pQHcTIhqQIYx1hfwtHmk/6jM96ele0UxPqQ==", + "license": "MIT" }, "node_modules/@vue/reactivity": { - "version": "3.5.27", - "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.27.tgz", - "integrity": "sha512-vvorxn2KXfJ0nBEnj4GYshSgsyMNFnIQah/wczXlsNXt+ijhugmW+PpJ2cNPe4V6jpnBcs0MhCODKllWG+nvoQ==", + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.39.tgz", + "integrity": "sha512-TpsuBJ9gGlZa5d23XcM2y8EXanz9dZeVDQBXRwzy46ItgvM+rWpzs+UVM0wcRLxGvcav0HE5jz2gNL53xlRAog==", "license": "MIT", "dependencies": { - "@vue/shared": "3.5.27" + "@vue/shared": "3.5.39" } }, "node_modules/@vue/runtime-core": { - "version": "3.5.27", - "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.27.tgz", - "integrity": "sha512-fxVuX/fzgzeMPn/CLQecWeDIFNt3gQVhxM0rW02Tvp/YmZfXQgcTXlakq7IMutuZ/+Ogbn+K0oct9J3JZfyk3A==", + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.39.tgz", + "integrity": "sha512-9GLtNyRvPAUMbX+7ono0RC2j0guo2LXVi8LvcmAooImACUKm0oFf0jjwbX8/H0AE/t1nxhAkn8RSl9PMCzzxZw==", "license": "MIT", "dependencies": { - "@vue/reactivity": "3.5.27", - "@vue/shared": "3.5.27" + "@vue/reactivity": "3.5.39", + "@vue/shared": "3.5.39" } }, "node_modules/@vue/runtime-dom": { - "version": "3.5.27", - "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.27.tgz", - "integrity": "sha512-/QnLslQgYqSJ5aUmb5F0z0caZPGHRB8LEAQ1s81vHFM5CBfnun63rxhvE/scVb/j3TbBuoZwkJyiLCkBluMpeg==", + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.39.tgz", + "integrity": "sha512-7Y6aAGboKcXAZ3ECuUy7RrS5yy2r47dhTp2SKaJmYxjopImaVFaNa5Ne66NwGovsrxVAl5S5rwc7m22UG7Lmww==", "license": "MIT", "dependencies": { - "@vue/reactivity": "3.5.27", - "@vue/runtime-core": "3.5.27", - "@vue/shared": "3.5.27", + "@vue/reactivity": "3.5.39", + "@vue/runtime-core": "3.5.39", + "@vue/shared": "3.5.39", "csstype": "^3.2.3" } }, "node_modules/@vue/server-renderer": { - "version": "3.5.27", - "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.27.tgz", - "integrity": "sha512-qOz/5thjeP1vAFc4+BY3Nr6wxyLhpeQgAE/8dDtKo6a6xdk+L4W46HDZgNmLOBUDEkFXV3G7pRiUqxjX0/2zWA==", + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.39.tgz", + "integrity": "sha512-yZSakiAGw85rZfG7UM8akMnIF+FmeiNk47uvHf2nVBBSe+dIKUhZuZq9+XgJhbV3nS5Z4ALH23/MpXofW+mbcw==", "license": "MIT", "dependencies": { - "@vue/compiler-ssr": "3.5.27", - "@vue/shared": "3.5.27" + "@vue/compiler-ssr": "3.5.39", + "@vue/shared": "3.5.39" }, "peerDependencies": { - "vue": "3.5.27" + "vue": "3.5.39" } }, "node_modules/@vue/shared": { - "version": "3.5.27", - "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.27.tgz", - "integrity": "sha512-dXr/3CgqXsJkZ0n9F3I4elY8wM9jMJpP3pvRG52r6m0tu/MsAFIe6JpXVGeNMd/D9F4hQynWT8Rfuj0bdm9kFQ==", + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.39.tgz", + "integrity": "sha512-l1rrBtBfTnmxvtsvdQDXltUUy8S1Y+ZaqdfUzmAnJkTd8Z8rv5v/ytW+TKiqEOWyHPoqtPlNFSs0lhRmYVSHVA==", "license": "MIT" }, "node_modules/@vueuse/core": { - "version": "14.2.0", - "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-14.2.0.tgz", - "integrity": "sha512-tpjzVl7KCQNVd/qcaCE9XbejL38V6KJAEq/tVXj7mDPtl6JtzmUdnXelSS+ULRkkrDgzYVK7EerQJvd2jR794Q==", + "version": "14.3.0", + "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-14.3.0.tgz", + "integrity": "sha512-aHfz47g0ZhMtTVHmIzMVpJy8ePhhOy68GY5bv110+5DVtZ+W7BsOx+m61UNQqfrWyPztIHIanWa3E2tib3NFIw==", "license": "MIT", "dependencies": { "@types/web-bluetooth": "^0.0.21", - "@vueuse/metadata": "14.2.0", - "@vueuse/shared": "14.2.0" + "@vueuse/metadata": "14.3.0", + "@vueuse/shared": "14.3.0" }, "funding": { "url": "https://github.com/sponsors/antfu" @@ -1200,13 +802,13 @@ } }, "node_modules/@vueuse/integrations": { - "version": "14.2.0", - "resolved": "https://registry.npmjs.org/@vueuse/integrations/-/integrations-14.2.0.tgz", - "integrity": "sha512-Yuo5XbIi6XkfSXOYKd5SBZwyBEyO3Hd41eeG2555hDbE0Maz/P0BfPJDYhgDXjS9xI0jkWUUp1Zh5lXHOgkwLw==", + "version": "14.3.0", + "resolved": "https://registry.npmjs.org/@vueuse/integrations/-/integrations-14.3.0.tgz", + "integrity": "sha512-76I5FT2ESvCmCaSwapI+a/u/CFtNXmzl9f9lNp1hRtx8vKB8hfiokJr8IvQqcQG5ckGXElyXK516b54ozV3MvA==", "license": "MIT", "dependencies": { - "@vueuse/core": "14.2.0", - "@vueuse/shared": "14.2.0" + "@vueuse/core": "14.3.0", + "@vueuse/shared": "14.3.0" }, "funding": { "url": "https://github.com/sponsors/antfu" @@ -1266,18 +868,18 @@ } }, "node_modules/@vueuse/metadata": { - "version": "14.2.0", - "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-14.2.0.tgz", - "integrity": "sha512-i3axTGjU8b13FtyR4Keeama+43iD+BwX9C2TmzBVKqjSHArF03hjkp2SBZ1m72Jk2UtrX0aYCugBq2R1fhkuAQ==", + "version": "14.3.0", + "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-14.3.0.tgz", + "integrity": "sha512-BwxmbAzwAVF50+MW57GXOUEV61nFBGnlBvrTqj49PqWJu3uw7hdu72ztXeZ33RdZtDY6kO+bfCAE1PCn88Tktw==", "license": "MIT", "funding": { "url": "https://github.com/sponsors/antfu" } }, "node_modules/@vueuse/shared": { - "version": "14.2.0", - "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-14.2.0.tgz", - "integrity": "sha512-Z0bmluZTlAXgUcJ4uAFaML16JcD8V0QG00Db3quR642I99JXIDRa2MI2LGxiLVhcBjVnL1jOzIvT5TT2lqJlkA==", + "version": "14.3.0", + "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-14.3.0.tgz", + "integrity": "sha512-bZpge9eSXwa4ToSiqJ7j6KRwhAsneMFoSz3LMWKQDkqimm3D/tbFlrklrs/IOqC8tEcYmXQZJ6N0UrjhBirVCg==", "license": "MIT", "funding": { "url": "https://github.com/sponsors/antfu" @@ -1352,6 +954,15 @@ "url": "https://github.com/sponsors/wooorm" } }, + "node_modules/balanced-match": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz", + "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==", + "license": "MIT", + "engines": { + "node": "18 || 20 || >=22" + } + }, "node_modules/birpc": { "version": "2.9.0", "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.9.0.tgz", @@ -1361,6 +972,18 @@ "url": "https://github.com/sponsors/antfu" } }, + "node_modules/brace-expansion": { + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.7.tgz", + "integrity": "sha512-7oFy703dxfY3/NLxC1fh2SUCQ0H9rmAY+5EpDVfXjUTTs+HEwR2nYaqLv+GWcTsumwxPfiz6CzCNkwXwBUwqCA==", + "license": "MIT", + "dependencies": { + "balanced-match": "^4.0.2" + }, + "engines": { + "node": "18 || 20 || >=22" + } + }, "node_modules/ccount": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz", @@ -1436,26 +1059,11 @@ "node_modules/comma-separated-tokens": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz", - "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==", - "license": "MIT", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, - "node_modules/copy-anything": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-4.0.5.tgz", - "integrity": "sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==", - "license": "MIT", - "dependencies": { - "is-what": "^5.2.0" - }, - "engines": { - "node": ">=18" - }, + "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==", + "license": "MIT", "funding": { - "url": "https://github.com/sponsors/mesqueeb" + "type": "github", + "url": "https://github.com/sponsors/wooorm" } }, "node_modules/csstype": { @@ -1503,6 +1111,15 @@ "node": ">=6" } }, + "node_modules/detect-libc": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz", + "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==", + "license": "Apache-2.0", + "engines": { + "node": ">=8" + } + }, "node_modules/devlop": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz", @@ -1529,9 +1146,9 @@ "license": "MIT" }, "node_modules/entities": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz", - "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==", + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", + "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", "license": "BSD-2-Clause", "engines": { "node": ">=0.12" @@ -1540,47 +1157,6 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, - "node_modules/esbuild": { - "version": "0.27.2", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.2.tgz", - "integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==", - "hasInstallScript": true, - "license": "MIT", - "bin": { - "esbuild": "bin/esbuild" - }, - "engines": { - "node": ">=18" - }, - "optionalDependencies": { - "@esbuild/aix-ppc64": "0.27.2", - "@esbuild/android-arm": "0.27.2", - "@esbuild/android-arm64": "0.27.2", - "@esbuild/android-x64": "0.27.2", - "@esbuild/darwin-arm64": "0.27.2", - "@esbuild/darwin-x64": "0.27.2", - "@esbuild/freebsd-arm64": "0.27.2", - "@esbuild/freebsd-x64": "0.27.2", - "@esbuild/linux-arm": "0.27.2", - "@esbuild/linux-arm64": "0.27.2", - "@esbuild/linux-ia32": "0.27.2", - "@esbuild/linux-loong64": "0.27.2", - "@esbuild/linux-mips64el": "0.27.2", - "@esbuild/linux-ppc64": "0.27.2", - "@esbuild/linux-riscv64": "0.27.2", - "@esbuild/linux-s390x": "0.27.2", - "@esbuild/linux-x64": "0.27.2", - "@esbuild/netbsd-arm64": "0.27.2", - "@esbuild/netbsd-x64": "0.27.2", - "@esbuild/openbsd-arm64": "0.27.2", - "@esbuild/openbsd-x64": "0.27.2", - "@esbuild/openharmony-arm64": "0.27.2", - "@esbuild/sunos-x64": "0.27.2", - "@esbuild/win32-arm64": "0.27.2", - "@esbuild/win32-ia32": "0.27.2", - "@esbuild/win32-x64": "0.27.2" - } - }, "node_modules/escalade": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", @@ -1670,12 +1246,12 @@ } }, "node_modules/focus-trap": { - "version": "7.8.0", - "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.8.0.tgz", - "integrity": "sha512-/yNdlIkpWbM0ptxno3ONTuf+2g318kh2ez3KSeZN5dZ8YC6AAmgeWz+GasYYiBJPFaYcSAPeu4GfhUaChzIJXA==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-8.2.2.tgz", + "integrity": "sha512-qV0g8hRYBqgACcFOH3f9wXc4zPKhr/0z9RI2a6ZijZ72EeBi4g8oBy8zAWuUR1TsMpOzwpUMFvjdasrC41Joug==", "license": "MIT", "dependencies": { - "tabbable": "^6.4.0" + "tabbable": "^6.5.0" } }, "node_modules/format": { @@ -1812,22 +1388,10 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/is-what": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/is-what/-/is-what-5.5.0.tgz", - "integrity": "sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==", - "license": "MIT", - "engines": { - "node": ">=18" - }, - "funding": { - "url": "https://github.com/sponsors/mesqueeb" - } - }, "node_modules/js-yaml": { - "version": "3.14.2", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.2.tgz", - "integrity": "sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==", + "version": "3.15.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.15.0.tgz", + "integrity": "sha512-ttBQIIQPDeLjpPOohtUdXuXUVoA2uIB6fEH9HyJ7234s5mBJ5wTx20njxplLZQgLaOfpmPQA7X2t5AX6tIPbog==", "license": "MIT", "dependencies": { "argparse": "^1.0.7", @@ -1846,10 +1410,281 @@ "node": ">=0.10.0" } }, + "node_modules/lightningcss": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz", + "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==", + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^2.0.3" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-android-arm64": "1.32.0", + "lightningcss-darwin-arm64": "1.32.0", + "lightningcss-darwin-x64": "1.32.0", + "lightningcss-freebsd-x64": "1.32.0", + "lightningcss-linux-arm-gnueabihf": "1.32.0", + "lightningcss-linux-arm64-gnu": "1.32.0", + "lightningcss-linux-arm64-musl": "1.32.0", + "lightningcss-linux-x64-gnu": "1.32.0", + "lightningcss-linux-x64-musl": "1.32.0", + "lightningcss-win32-arm64-msvc": "1.32.0", + "lightningcss-win32-x64-msvc": "1.32.0" + } + }, + "node_modules/lightningcss-android-arm64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz", + "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz", + "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-x64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz", + "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-freebsd-x64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz", + "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz", + "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==", + "cpu": [ + "arm" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz", + "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==", + "cpu": [ + "arm64" + ], + "libc": [ + "glibc" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-musl": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz", + "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==", + "cpu": [ + "arm64" + ], + "libc": [ + "musl" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-gnu": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz", + "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==", + "cpu": [ + "x64" + ], + "libc": [ + "glibc" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-musl": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz", + "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==", + "cpu": [ + "x64" + ], + "libc": [ + "musl" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz", + "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-x64-msvc": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz", + "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, "node_modules/linkify-it": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz", - "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==", + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.2.tgz", + "integrity": "sha512-ONTm2jCMAVZjgQa/Fy1kScXsuOoF5NPTsoFBdE1KVIZ2vAh/r9+Bqo+0jINCBYnavTPQZz38QzFTme79ENoN3Q==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/puzrin" + }, + { + "type": "github", + "url": "https://github.com/sponsors/markdown-it" + } + ], "license": "MIT", "dependencies": { "uc.micro": "^2.0.0" @@ -1881,14 +1716,24 @@ "license": "MIT" }, "node_modules/markdown-it": { - "version": "14.1.0", - "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz", - "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==", + "version": "14.3.0", + "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.3.0.tgz", + "integrity": "sha512-RCEsPjR+sr0x+AuYp601tKTkgFG4YEPLCzHST3cQ/fhlJkqAkz1L2/Qbp1j9qw5SBwQHFBoW8+hoN5xssOF0Tw==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/puzrin" + }, + { + "type": "github", + "url": "https://github.com/sponsors/markdown-it" + } + ], "license": "MIT", "dependencies": { "argparse": "^2.0.1", - "entities": "^4.4.0", - "linkify-it": "^5.0.0", + "entities": "^4.5.0", + "linkify-it": "^5.0.2", "mdurl": "^2.0.0", "punycode.js": "^2.3.1", "uc.micro": "^2.1.0" @@ -1903,18 +1748,6 @@ "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", "license": "Python-2.0" }, - "node_modules/markdown-it/node_modules/entities": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", - "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", - "license": "BSD-2-Clause", - "engines": { - "node": ">=0.12" - }, - "funding": { - "url": "https://github.com/fb55/entities?sponsor=1" - } - }, "node_modules/markdown-title": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/markdown-title/-/markdown-title-1.0.2.tgz", @@ -1925,9 +1758,9 @@ } }, "node_modules/mdast-util-from-markdown": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.2.tgz", - "integrity": "sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.3.tgz", + "integrity": "sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==", "license": "MIT", "dependencies": { "@types/mdast": "^4.0.0", @@ -2512,15 +2345,15 @@ } }, "node_modules/minimatch": { - "version": "10.1.2", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.2.tgz", - "integrity": "sha512-fu656aJ0n2kcXwsnwnv9g24tkU5uSmOlTjd6WyyaKm2Z+h1qmY6bAjrcaIxF/BslFqbZ8UBtbJi7KgQOZD2PTw==", + "version": "10.2.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz", + "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==", "license": "BlueOak-1.0.0", "dependencies": { - "@isaacs/brace-expansion": "^5.0.1" + "brace-expansion": "^5.0.5" }, "engines": { - "node": "20 || >=22" + "node": "18 || 20 || >=22" }, "funding": { "url": "https://github.com/sponsors/isaacs" @@ -2532,12 +2365,6 @@ "integrity": "sha512-dqT2XBYUOZOiC5t2HRnwADjhNS2cecp9u+TJRiJ1Qp/f5qjkeT5APcGPjHw+bz89Ms8Jp+cG4AlE+QZ/QnDglg==", "license": "MIT" }, - "node_modules/mitt": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz", - "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==", - "license": "MIT" - }, "node_modules/ms": { "version": "2.1.3", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", @@ -2545,9 +2372,9 @@ "license": "MIT" }, "node_modules/nanoid": { - "version": "3.3.11", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", - "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==", + "version": "3.3.15", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.15.tgz", + "integrity": "sha512-y7Wygv/7mEOvxTuEQDB8StXdMRBWf1kR/tlhAzBRUFkB2jfcLOAxO/SHmOO2zgz1pVgK29/kyupn059/bCHdjA==", "funding": [ { "type": "github", @@ -2563,19 +2390,19 @@ } }, "node_modules/oniguruma-parser": { - "version": "0.12.1", - "resolved": "https://registry.npmjs.org/oniguruma-parser/-/oniguruma-parser-0.12.1.tgz", - "integrity": "sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w==", + "version": "0.12.2", + "resolved": "https://registry.npmjs.org/oniguruma-parser/-/oniguruma-parser-0.12.2.tgz", + "integrity": "sha512-6HVa5oIrgMC6aA6WF6XyyqbhRPJrKR02L20+2+zpDtO5QAzGHAUGw5TKQvwi5vctNnRHkJYmjAhRVQF2EKdTQw==", "license": "MIT" }, "node_modules/oniguruma-to-es": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-4.3.4.tgz", - "integrity": "sha512-3VhUGN3w2eYxnTzHn+ikMI+fp/96KoRSVK9/kMTcFqj1NRDh2IhQCKvYxDnWePKRXY/AqH+Fuiyb7VHSzBjHfA==", + "version": "4.3.6", + "resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-4.3.6.tgz", + "integrity": "sha512-csuQ9x3Yr0cEIs/Zgx/OEt9iBw9vqIunAPQkx19R/fiMq2oGVTgcMqO/V3Ybqefr1TBvosI6jU539ksaBULJyA==", "license": "MIT", "dependencies": { - "oniguruma-parser": "^0.12.1", - "regex": "^6.0.1", + "oniguruma-parser": "^0.12.2", + "regex": "^6.1.0", "regex-recursion": "^6.0.2" } }, @@ -2598,9 +2425,9 @@ "license": "ISC" }, "node_modules/picomatch": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", - "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz", + "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==", "license": "MIT", "engines": { "node": ">=12" @@ -2610,9 +2437,9 @@ } }, "node_modules/postcss": { - "version": "8.5.6", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz", - "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==", + "version": "8.5.16", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.16.tgz", + "integrity": "sha512-vuwillviilfKZsg0VGj5R/YwwcHx4SLsIOI/7K6mQkWx+l5cUHTjj5g0AasTBcyXsbfTgrwsUNmVUb5xVwyPwg==", "funding": [ { "type": "opencollective", @@ -2629,7 +2456,7 @@ ], "license": "MIT", "dependencies": { - "nanoid": "^3.3.11", + "nanoid": "^3.3.12", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" }, @@ -2650,9 +2477,9 @@ } }, "node_modules/property-information": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz", - "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.2.0.tgz", + "integrity": "sha512-IAtzIB6sUiWaJYrX9smp3V46pBGbBeLFRGdh25kg1334VcBlD8HzhPeNIWQH9zhGmo2itIe25EHt9dQP7G5hmg==", "license": "MIT", "funding": { "type": "github", @@ -2773,54 +2600,37 @@ "node": ">=0.10.0" } }, - "node_modules/rfdc": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz", - "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==", - "license": "MIT" - }, - "node_modules/rollup": { - "version": "4.57.1", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.57.1.tgz", - "integrity": "sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==", + "node_modules/rolldown": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.1.4.tgz", + "integrity": "sha512-IjZYiLxZwpnhwhdBH2ugdTGVSdhCQUmLxLoqyjiL0JxYjyRst+5a0P3xfrTxJ5F638j4Mvvw5FAX5XE6eHpXbA==", "license": "MIT", "dependencies": { - "@types/estree": "1.0.8" + "@oxc-project/types": "=0.138.0", + "@rolldown/pluginutils": "^1.0.0" }, "bin": { - "rollup": "dist/bin/rollup" + "rolldown": "bin/cli.mjs" }, "engines": { - "node": ">=18.0.0", - "npm": ">=8.0.0" + "node": "^20.19.0 || >=22.12.0" }, "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.57.1", - "@rollup/rollup-android-arm64": "4.57.1", - "@rollup/rollup-darwin-arm64": "4.57.1", - "@rollup/rollup-darwin-x64": "4.57.1", - "@rollup/rollup-freebsd-arm64": "4.57.1", - "@rollup/rollup-freebsd-x64": "4.57.1", - "@rollup/rollup-linux-arm-gnueabihf": "4.57.1", - "@rollup/rollup-linux-arm-musleabihf": "4.57.1", - "@rollup/rollup-linux-arm64-gnu": "4.57.1", - "@rollup/rollup-linux-arm64-musl": "4.57.1", - "@rollup/rollup-linux-loong64-gnu": "4.57.1", - "@rollup/rollup-linux-loong64-musl": "4.57.1", - "@rollup/rollup-linux-ppc64-gnu": "4.57.1", - "@rollup/rollup-linux-ppc64-musl": "4.57.1", - "@rollup/rollup-linux-riscv64-gnu": "4.57.1", - "@rollup/rollup-linux-riscv64-musl": "4.57.1", - "@rollup/rollup-linux-s390x-gnu": "4.57.1", - "@rollup/rollup-linux-x64-gnu": "4.57.1", - "@rollup/rollup-linux-x64-musl": "4.57.1", - "@rollup/rollup-openbsd-x64": "4.57.1", - "@rollup/rollup-openharmony-arm64": "4.57.1", - "@rollup/rollup-win32-arm64-msvc": "4.57.1", - "@rollup/rollup-win32-ia32-msvc": "4.57.1", - "@rollup/rollup-win32-x64-gnu": "4.57.1", - "@rollup/rollup-win32-x64-msvc": "4.57.1", - "fsevents": "~2.3.2" + "@rolldown/binding-android-arm64": "1.1.4", + "@rolldown/binding-darwin-arm64": "1.1.4", + "@rolldown/binding-darwin-x64": "1.1.4", + "@rolldown/binding-freebsd-x64": "1.1.4", + "@rolldown/binding-linux-arm-gnueabihf": "1.1.4", + "@rolldown/binding-linux-arm64-gnu": "1.1.4", + "@rolldown/binding-linux-arm64-musl": "1.1.4", + "@rolldown/binding-linux-ppc64-gnu": "1.1.4", + "@rolldown/binding-linux-s390x-gnu": "1.1.4", + "@rolldown/binding-linux-x64-gnu": "1.1.4", + "@rolldown/binding-linux-x64-musl": "1.1.4", + "@rolldown/binding-openharmony-arm64": "1.1.4", + "@rolldown/binding-wasm32-wasi": "1.1.4", + "@rolldown/binding-win32-arm64-msvc": "1.1.4", + "@rolldown/binding-win32-x64-msvc": "1.1.4" } }, "node_modules/section-matter": { @@ -2837,19 +2647,22 @@ } }, "node_modules/shiki": { - "version": "3.22.0", - "resolved": "https://registry.npmjs.org/shiki/-/shiki-3.22.0.tgz", - "integrity": "sha512-LBnhsoYEe0Eou4e1VgJACes+O6S6QC0w71fCSp5Oya79inkwkm15gQ1UF6VtQ8j/taMDh79hAB49WUk8ALQW3g==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/shiki/-/shiki-4.3.1.tgz", + "integrity": "sha512-oR+qDVi2OjX1tmDpyv+3KviX01KzO6Af+0NNnKnsp9491UEGz2YpxTuJboS/6VhYpTdqzmuJBuiTlrAWWJAssw==", "license": "MIT", "dependencies": { - "@shikijs/core": "3.22.0", - "@shikijs/engine-javascript": "3.22.0", - "@shikijs/engine-oniguruma": "3.22.0", - "@shikijs/langs": "3.22.0", - "@shikijs/themes": "3.22.0", - "@shikijs/types": "3.22.0", + "@shikijs/core": "4.3.1", + "@shikijs/engine-javascript": "4.3.1", + "@shikijs/engine-oniguruma": "4.3.1", + "@shikijs/langs": "4.3.1", + "@shikijs/themes": "4.3.1", + "@shikijs/types": "4.3.1", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" + }, + "engines": { + "node": ">=20" } }, "node_modules/source-map-js": { @@ -2871,15 +2684,6 @@ "url": "https://github.com/sponsors/wooorm" } }, - "node_modules/speakingurl": { - "version": "14.0.1", - "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz", - "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==", - "license": "BSD-3-Clause", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/sprintf-js": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", @@ -2935,32 +2739,20 @@ "node": ">=0.10.0" } }, - "node_modules/superjson": { - "version": "2.2.6", - "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.6.tgz", - "integrity": "sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==", - "license": "MIT", - "dependencies": { - "copy-anything": "^4" - }, - "engines": { - "node": ">=16" - } - }, "node_modules/tabbable": { - "version": "6.4.0", - "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.4.0.tgz", - "integrity": "sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg==", + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.5.0.tgz", + "integrity": "sha512-wieBHXygIm7OyQOu5hQlkk62/WyCFYGlWg7L6/ZCUZwx0o398Zkn4pVmMyfYhfMG8kGrj/Krt8eIk6UKC6VzwA==", "license": "MIT" }, "node_modules/tinyglobby": { - "version": "0.2.15", - "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", - "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==", + "version": "0.2.17", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz", + "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==", "license": "MIT", "dependencies": { "fdir": "^6.5.0", - "picomatch": "^4.0.3" + "picomatch": "^4.0.4" }, "engines": { "node": ">=12.0.0" @@ -2995,6 +2787,13 @@ "url": "https://github.com/sponsors/wooorm" } }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "license": "0BSD", + "optional": true + }, "node_modules/uc.micro": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz", @@ -3132,17 +2931,16 @@ } }, "node_modules/vite": { - "version": "7.3.1", - "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz", - "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==", + "version": "8.1.3", + "resolved": "https://registry.npmjs.org/vite/-/vite-8.1.3.tgz", + "integrity": "sha512-Ds+gBRbj0lwRO2Y5hwnUBdxSwlAve9LeRyU4sNnAr0ewW0gWF0n5bgXgUzbgZ49MV9BVUAQUFYVcDUcilUExMA==", "license": "MIT", "dependencies": { - "esbuild": "^0.27.0", - "fdir": "^6.5.0", - "picomatch": "^4.0.3", - "postcss": "^8.5.6", - "rollup": "^4.43.0", - "tinyglobby": "^0.2.15" + "lightningcss": "^1.32.0", + "picomatch": "^4.0.4", + "postcss": "^8.5.16", + "rolldown": "~1.1.3", + "tinyglobby": "^0.2.17" }, "bin": { "vite": "bin/vite.js" @@ -3158,9 +2956,10 @@ }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", + "@vitejs/devtools": "^0.3.0", + "esbuild": "^0.27.0 || ^0.28.0", "jiti": ">=1.21.0", "less": "^4.0.0", - "lightningcss": "^1.21.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", @@ -3173,13 +2972,16 @@ "@types/node": { "optional": true }, - "jiti": { + "@vitejs/devtools": { "optional": true }, - "less": { + "esbuild": { + "optional": true + }, + "jiti": { "optional": true }, - "lightningcss": { + "less": { "optional": true }, "sass": { @@ -3206,87 +3008,86 @@ } }, "node_modules/vitepress": { - "version": "2.0.0-alpha.16", - "resolved": "https://registry.npmjs.org/vitepress/-/vitepress-2.0.0-alpha.16.tgz", - "integrity": "sha512-w1nwsefDVIsje7BZr2tsKxkZutDGjG0YoQ2yxO7+a9tvYVqfljYbwj5LMYkPy8Tb7YbPwa22HtIhk62jbrvuEQ==", - "license": "MIT", - "dependencies": { - "@docsearch/css": "^4.5.3", - "@docsearch/js": "^4.5.3", - "@docsearch/sidepanel-js": "^4.5.3", - "@iconify-json/simple-icons": "^1.2.68", - "@shikijs/core": "^3.21.0", - "@shikijs/transformers": "^3.21.0", - "@shikijs/types": "^3.21.0", + "version": "2.0.0-alpha.18", + "resolved": "https://registry.npmjs.org/vitepress/-/vitepress-2.0.0-alpha.18.tgz", + "integrity": "sha512-Lk1G2/QqSf+MwNLICl9fmzWOtoCEwjZoWgaQy41QvWTfcGpLE9XwJDbcCyES/9rj6R2g1zFqFvLVkYKLLDALFw==", + "license": "MIT", + "dependencies": { + "@docsearch/css": "^4.6.3", + "@docsearch/js": "^4.6.3", + "@docsearch/sidepanel-js": "^4.6.3", + "@iconify-json/simple-icons": "^1.2.87", + "@shikijs/core": "^4.3.0", + "@shikijs/transformers": "^4.3.0", + "@shikijs/types": "^4.3.0", "@types/markdown-it": "^14.1.2", - "@vitejs/plugin-vue": "^6.0.3", - "@vue/devtools-api": "^8.0.5", - "@vue/shared": "^3.5.27", - "@vueuse/core": "^14.1.0", - "@vueuse/integrations": "^14.1.0", - "focus-trap": "^7.8.0", + "@vitejs/plugin-vue": "^6.0.7", + "@vue/devtools-api": "^8.1.4", + "@vue/shared": "^3.5.39", + "@vueuse/core": "^14.3.0", + "@vueuse/integrations": "^14.3.0", + "focus-trap": "^8.2.2", "mark.js": "8.11.1", "minisearch": "^7.2.0", - "shiki": "^3.21.0", - "vite": "^7.3.1", - "vue": "^3.5.27" + "shiki": "^4.3.0", + "vite": "^8.1.3", + "vue": "^3.5.39" }, "bin": { "vitepress": "bin/vitepress.js" }, "peerDependencies": { "markdown-it-mathjax3": "^4", - "oxc-minify": "*", "postcss": "^8" }, "peerDependenciesMeta": { "markdown-it-mathjax3": { "optional": true }, - "oxc-minify": { - "optional": true - }, "postcss": { "optional": true } } }, "node_modules/vitepress-plugin-llms": { - "version": "1.11.0", - "resolved": "https://registry.npmjs.org/vitepress-plugin-llms/-/vitepress-plugin-llms-1.11.0.tgz", - "integrity": "sha512-n6fjWzBNKy40p8cij+d2cHiC2asNW1eQKdmc06gX9VAv7vWppIoVLH/f7Ht1bK0vSpGzzW2QimvNfbfv1oCdJw==", + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/vitepress-plugin-llms/-/vitepress-plugin-llms-1.13.2.tgz", + "integrity": "sha512-2O4s0I5pjEZzgnoWgBPCZCyhah9FH5uQB6lGADazMoyF1URJshtG04ZnmX+cbmQmniN3T5JzdJO9B4q8JHDKOQ==", "license": "MIT", "dependencies": { "gray-matter": "^4.0.3", "markdown-it": "^14.1.0", "markdown-title": "^1.0.2", - "mdast-util-from-markdown": "^2.0.2", + "mdast-util-from-markdown": "^2.0.3", "millify": "^6.1.0", - "minimatch": "^10.1.1", + "minimatch": "^10.2.5", "path-to-regexp": "^6.3.0", "picocolors": "^1.1.1", "pretty-bytes": "^7.1.0", "remark": "^15.0.1", "remark-frontmatter": "^5.0.0", - "tokenx": "^1.2.1", + "tokenx": "^1.3.0", "unist-util-remove": "^4.0.0", - "unist-util-visit": "^5.0.0" + "unist-util-visit": "^5.1.0" + }, + "engines": { + "node": ">=18" }, "funding": { "url": "https://github.com/sponsors/okineadev" } }, "node_modules/vue": { - "version": "3.5.27", - "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.27.tgz", - "integrity": "sha512-aJ/UtoEyFySPBGarREmN4z6qNKpbEguYHMmXSiOGk69czc+zhs0NF6tEFrY8TZKAl8N/LYAkd4JHVd5E/AsSmw==", + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.39.tgz", + "integrity": "sha512-xmZCYabFGcirU8r0fTuvl/LICc1OU620rnqepaJDL/a141ZigkG7AyaxQLdqJ02ZRYzWe6YPaDHeQx7MfknQfA==", "license": "MIT", "dependencies": { - "@vue/compiler-dom": "3.5.27", - "@vue/compiler-sfc": "3.5.27", - "@vue/runtime-dom": "3.5.27", - "@vue/server-renderer": "3.5.27", - "@vue/shared": "3.5.27" + "@vue/compiler-dom": "3.5.39", + "@vue/compiler-sfc": "3.5.39", + "@vue/runtime-dom": "3.5.39", + "@vue/server-renderer": "3.5.39", + "@vue/shared": "3.5.39" }, "peerDependencies": { "typescript": "*" @@ -3315,9 +3116,9 @@ } }, "node_modules/winduum-elements": { - "version": "0.0.11", - "resolved": "https://registry.npmjs.org/winduum-elements/-/winduum-elements-0.0.11.tgz", - "integrity": "sha512-dT2jt6ofwbbS6Hj6+2MhqPW/aS6Ioa4YwJvwvJkrxoWbbbUOLTcN5w8X+Xkv82qh/3jYbBzT8o8QURitjOUEHg==", + "version": "0.0.12", + "resolved": "https://registry.npmjs.org/winduum-elements/-/winduum-elements-0.0.12.tgz", + "integrity": "sha512-1K9ulXd95ZhHd0N6VLowNy3P3cE47+oDjTgb64fxQL/4DDJBE0PU1c9g0ZE4ZVSgplc9o85huChOscHsYMPvSg==", "dependencies": { "@newlogic-digital/utils-js": "^1.2.0", "webuum": "^0.2.1", @@ -3351,9 +3152,9 @@ } }, "node_modules/yargs": { - "version": "17.7.2", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", - "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", + "version": "17.7.3", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.3.tgz", + "integrity": "sha512-GZtjxm/J/4TSxuL3FNYjCmLktBTnIw/rVmKSIyKeYAZpmJB2ig9VauCC5xsa82GNKVKDAqpOn3KVzNt0zmrU0g==", "license": "MIT", "dependencies": { "cliui": "^8.0.1", diff --git a/package.json b/package.json index 07009df..6860e80 100644 --- a/package.json +++ b/package.json @@ -12,10 +12,10 @@ "dependencies": { "@webreflection/custom-elements-builtin": "^0.4.1", "invokers-polyfill": "^1.0.3", - "vitepress": "^2.0.0-alpha.16", - "vitepress-plugin-llms": "^1.11.0", - "vue": "^3.5.27", + "vitepress": "^2.0.0-alpha.18", + "vitepress-plugin-llms": "^1.13.2", + "vue": "^3.5.39", "winduum": "^3.0.0-next.7", - "winduum-elements": "^0.0.11" + "winduum-elements": "^0.0.12" } } From d96e9032fd19e69ae91685907ced5003e214bf01 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Tue, 7 Jul 2026 12:42:31 +0200 Subject: [PATCH 15/35] docs: update component examples and documentation, fix links, and improve labels, styles, and API integration --- docs/.vitepress/theme/styles/vars.css | 4 + docs/docs/base/config.md | 16 +- docs/docs/components/check.md | 20 +-- docs/docs/components/compare.md | 105 +++++++++++-- docs/docs/components/details.md | 141 +++++++++++++++++- docs/docs/components/image.md | 12 +- docs/docs/components/progress.md | 24 +-- docs/docs/components/text.md | 12 +- docs/index.md | 4 - .../src/pages/components/carousel/full.liquid | 12 +- .../pages/components/checkbox/basic.liquid | 4 +- .../pages/components/checkbox/disabled.liquid | 4 +- .../components/checkbox/validation.liquid | 10 +- .../pages/components/compare/default.liquid | 16 +- .../src/pages/components/compare/text.liquid | 16 +- .../pages/components/details/accordion.liquid | 8 +- .../pages/components/details/checkbox.liquid | 8 +- .../pages/components/details/default.liquid | 8 +- .../pages/components/input/validation.liquid | 10 +- .../src/pages/components/radio/basic.liquid | 4 +- .../pages/components/radio/disabled.liquid | 4 +- .../pages/components/radio/validation.liquid | 10 +- .../pages/components/select/validation.liquid | 20 ++- .../src/pages/components/switch/basic.liquid | 4 +- .../pages/components/switch/disabled.liquid | 4 +- .../src/pages/components/switch/large.liquid | 3 +- .../src/pages/components/switch/small.liquid | 3 +- .../pages/components/switch/validation.liquid | 10 +- 28 files changed, 349 insertions(+), 147 deletions(-) diff --git a/docs/.vitepress/theme/styles/vars.css b/docs/.vitepress/theme/styles/vars.css index 56306ac..d469567 100644 --- a/docs/.vitepress/theme/styles/vars.css +++ b/docs/.vitepress/theme/styles/vars.css @@ -297,6 +297,10 @@ html:has(dialog[open]) .VPSidebar { animation-name: ripple; } +html { + scrollbar-gutter: stable; +} + body { margin: 0; width: 100%; diff --git a/docs/docs/base/config.md b/docs/docs/base/config.md index ffa621b..5bf8242 100644 --- a/docs/docs/base/config.md +++ b/docs/docs/base/config.md @@ -9,11 +9,23 @@ Theme configuration via CSS custom properties — works with the TailwindCSS `@t The configuration is done via [@theme](https://github.com/winduum/winduum/tree/next/tailwindcss/theme/config) config. ```css -@import "tailwindcss/theme.css" layer(theme); @import "winduum/tailwindcss/theme/config/index.css" layer(theme); -@import "winduum/tailwindcss/theme/default.css" layer(theme); ``` +### Individual properties +#### breakpoint +<<< @/../node_modules/winduum/tailwindcss/theme/config/breakpoint.css +#### easing +<<< @/../node_modules/winduum/tailwindcss/theme/config/easing.css +#### font +<<< @/../node_modules/winduum/tailwindcss/theme/config/font.css +#### radius +<<< @/../node_modules/winduum/tailwindcss/theme/config/radius.css +#### transition +<<< @/../node_modules/winduum/tailwindcss/theme/config/transition.css +#### z-index +<<< @/../node_modules/winduum/tailwindcss/theme/config/z.css + ### Without Tailwind CSS Each CSS property is defined in CSS in following path - [`src/theme/config/index.css`](https://github.com/winduum/winduum/blob/next/src/theme/config/index.css). diff --git a/docs/docs/components/check.md b/docs/docs/components/check.md index f61a733..83e7a80 100644 --- a/docs/docs/components/check.md +++ b/docs/docs/components/check.md @@ -77,32 +77,32 @@ export function Example() { <<< @/public/examples/components/radio/basic.html#body{} [winduum] ```vue [winduum-vue] ``` ```jsx [winduum-react] -import { UiCheck } from "@/components/check" +import { Check } from "@/components/check" export function Example() { return ( <> - + Radio - - + + - + ) } diff --git a/docs/docs/components/compare.md b/docs/docs/components/compare.md index 7b0a2c9..db89431 100644 --- a/docs/docs/components/compare.md +++ b/docs/docs/components/compare.md @@ -15,8 +15,8 @@ Follow instructions for individual framework usage below * * * -* -* +* +* ## Styles @@ -30,16 +30,63 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/compare/default.html#body{} [winduum] -```html [winduum-elements] - -``` +<<< @/public/examples/components/compare/default.html#body{} [winduum-elements] ```html [winduum-stimulus] - +
                                + + +
                                + Image 1 + Image 2 +
                                +
                                ``` ```vue [winduum-vue] + + + ``` ```jsx [winduum-react] +import { Compare } from '@/components/compare' + +export function Example() { + return ( + + + +
                                + Image 1 + Image 2 +
                                +                                 + ) +} ``` ::: @@ -47,17 +94,37 @@ Follow instructions for individual framework usage below -::: code-group -<<< @/public/examples/components/compare/text.html#body{} [winduum] -::: +<<< @/public/examples/components/compare/text.html#body{} ## JavaScript API -### setPosition +Low-level helpers used by `winduum-elements` and `winduum-stimulus` — you can use them to wire the component manually or build your own integration. + +All three helpers work with the `` element inside `.x-compare` — attach them to its events: + +```js +import { setPosition, setKeyboardStep, setMouseStep } from 'winduum/src/components/compare' + +document.querySelectorAll('.x-compare input[type="range"]').forEach((inputElement) => { + inputElement.addEventListener('input', (event) => setPosition(event.target)) + + inputElement.addEventListener('keydown', (event) => setKeyboardStep(event.target, event.key)) + + inputElement.addEventListener('mousedown', (event) => setMouseStep(event.target)) +}) +``` + +### `setPosition` * **Type:** `(element: HTMLInputElement, options?: SetPositionOptions) => void` * **Kind:** `sync` +Sets the `--x-compare-position` CSS property on the closest `.x-compare` element to the current input value. Call it on the `input` event. + +```js +inputElement.addEventListener('input', (event) => setPosition(event.target)) +``` + #### SetPositionOptions --- @@ -76,14 +143,26 @@ Follow instructions for individual framework usage below --- -### setKeyboardStep +### `setKeyboardStep` * **Type:** `(element: HTMLInputElement, key: string, step?: string) => void` * **Kind:** `sync` * **Default step:** `'10'` -### setMouseStep +Sets a larger input `step` when `ArrowLeft` or `ArrowRight` is pressed, so keyboard users move the slider in bigger increments. Call it on the `keydown` event. + +```js +inputElement.addEventListener('keydown', (event) => setKeyboardStep(event.target, event.key)) +``` + +### `setMouseStep` * **Type:** `(element: HTMLInputElement, step?: string) => void` * **Kind:** `sync` * **Default step:** `'0.1'` + +Restores a fine input `step` for smooth mouse dragging. Call it on the `mousedown` event. + +```js +inputElement.addEventListener('mousedown', (event) => setMouseStep(event.target)) +``` diff --git a/docs/docs/components/details.md b/docs/docs/components/details.md index 1d35289..46aabdc 100644 --- a/docs/docs/components/details.md +++ b/docs/docs/components/details.md @@ -14,6 +14,10 @@ An accessible accordion or toggle component for `details` and `summary` elements Follow instructions for individual framework usage below * +* +* +* +* ## Styles @@ -28,16 +32,119 @@ Follow instructions for individual framework usage below ::: code-group <<< @/public/examples/components/details/default.html#body{} [winduum] +```vue [winduum-vue] + + + +``` +```jsx [winduum-react] +import { Details } from '@/components/details' + +export function Example() { + return ( +
                                + + Show more + + + + +
                                + Details content +
                                +
                                + ) +} +``` ::: ### Checkbox -You can also control details with a checkbox inside `summary` — only a tiny inline script is needed to sync the checkbox state. +You can also control details with a checkbox inside `summary` — only a tiny script is needed to sync the checkbox state. +It's provided by the [`toggleDetails`](#toggledetails) helper and wired up by the `winduum-elements`, `winduum-stimulus`, +`winduum-vue` and `winduum-react` integrations below. ::: code-group -<<< @/public/examples/components/details/checkbox.html#body{} [winduum] +```html [winduum-elements] +
                                + + + +
                                + +
                                +
                                +``` +```html [winduum-stimulus] +
                                + + + +
                                + +
                                +
                                +``` +```vue [winduum-vue] + + + +``` +```jsx [winduum-react] +import { Details } from '@/components/details' + +export function Example() { + return ( +
                                + + + +
                                + +
                                +
                                + ) +} +``` ::: ### Accordion @@ -47,3 +154,33 @@ Exclusive accordions use the native `name` attribute — details elements sharin <<< @/public/examples/components/details/accordion.html#body{} + +## JavaScript API + +Low-level helper used by `winduum-elements`, `winduum-stimulus`, `winduum-vue` and `winduum-react` — +you can use it to wire the checkbox sync manually or build your own integration. + +```js +import { toggleDetails } from 'winduum/src/components/details' + +document.querySelectorAll('.x-details summary input[type="checkbox"]').forEach((inputElement) => { + inputElement.addEventListener('change', (event) => toggleDetails(event.target)) +}) +``` + +### `toggleDetails` + +* **Type:** `(element: HTMLInputElement, options?: ToggleDetailsOptions) => void` +* **Kind:** `sync` + +Toggles the `open` attribute of the closest `details` element to match the checkbox `checked` state. +Call it on the `change` event of a checkbox inside `summary`. + +#### ToggleDetailsOptions + +--- + +##### selector + +* **Type:** `string` +* **Default:** `details` diff --git a/docs/docs/components/image.md b/docs/docs/components/image.md index d1c2b03..d9e5e3a 100644 --- a/docs/docs/components/image.md +++ b/docs/docs/components/image.md @@ -36,23 +36,23 @@ Follow instructions for individual framework usage below <<< @/public/examples/components/image/ratio.html#body{} [winduum] ```vue [winduum-vue] ``` ```jsx [winduum-react] -import { UiImage } from '@/components/image' +import { Image } from '@/components/image' export function Example() { return ( - + - + ) } ``` diff --git a/docs/docs/components/progress.md b/docs/docs/components/progress.md index 441ade1..4f53a69 100644 --- a/docs/docs/components/progress.md +++ b/docs/docs/components/progress.md @@ -39,28 +39,28 @@ Follow instructions for individual framework usage below <<< @/public/examples/components/progress/colors.html#body{} [winduum] ```vue [winduum-vue] ``` ```jsx [winduum-react] -import { UiProgress } from '@/components/progress' +import { Progress } from '@/components/progress' export function Example() { return ( <> - - - - - + + + + + ) } diff --git a/docs/docs/components/text.md b/docs/docs/components/text.md index 25ad711..e23eb24 100644 --- a/docs/docs/components/text.md +++ b/docs/docs/components/text.md @@ -34,11 +34,11 @@ Follow instructions for individual framework usage below <<< @/public/examples/components/text/text.html#body{} [winduum] ```vue [winduum-vue] ``` ```jsx [winduum-react] -import { UiText } from '@/components/text' +import { Text } from '@/components/text' export function Example() { return ( - +

                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget efficitur metus. In bibendum nisi et dui sagittis efficitur. Proin porttitor diam at quam finibus, quis porttitor turpis ullamcorper. Quisque iaculis imperdiet nunc in @@ -68,7 +68,7 @@ export function Example() { Phasellus non pretium libero.

                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.

                                -                                 + ) } ``` diff --git a/docs/index.md b/docs/index.md index 8aed4f4..ce5cd97 100644 --- a/docs/index.md +++ b/docs/index.md @@ -43,8 +43,4 @@ features: details: Adds new handy utilities, variants and CSS properties on top of TailwindCSS v4. You don't even need to use TailwindCSS, but it's recommended for the full experience. --- -
                                - -
                                -
                                Winduum ❤️ CSS
                                diff --git a/examples/src/pages/components/carousel/full.liquid b/examples/src/pages/components/carousel/full.liquid index 15d5de8..7e9ca2d 100644 --- a/examples/src/pages/components/carousel/full.liquid +++ b/examples/src/pages/components/carousel/full.liquid @@ -9,22 +9,22 @@
                                - +
                                - +
                                - +
                                - +
                                - +
                                - +
                                + + + Hello there! + + + + + ) +} ``` ::: @@ -82,6 +105,12 @@ The native `dialog` element provides accessibility out of the box — `showModal ## JavaScript +Always include the dialog side-effect script in every installation variant: + +```js +import '/src/components/dialog/index.js' +``` + There is no JavaScript API — dialogs use the native [`HTMLDialogElement`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement) interface. If you need to control a dialog programmatically, use the native methods directly diff --git a/docs/docs/components/drawer.md b/docs/docs/components/drawer.md index 32d3fe2..afa3c69 100644 --- a/docs/docs/components/drawer.md +++ b/docs/docs/components/drawer.md @@ -22,6 +22,8 @@ Follow instructions for individual framework usage below * * * +* +* ::: info Browser support For older browsers cover [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) with @@ -44,6 +46,10 @@ Missing [`scroll-initial-target`](https://developer.mozilla.org/en-US/docs/Web/C * * +## Scripts +The Drawer script connects the dialog open flow with drawer snapping, swipe dismissal +and trigger `aria-expanded` state. + ## Examples ### Left @@ -51,12 +57,76 @@ Missing [`scroll-initial-target`](https://developer.mozilla.org/en-US/docs/Web/C ::: code-group -<<< @/public/examples/components/drawer/left.html#body{} [winduum] -```html [winduum-elements] - -``` +<<< @/public/examples/components/drawer/left.html#body{} [winduum-elements] ```html [winduum-stimulus] - +
                                + + +
                                + +
                                +                                 +
                                +``` +```vue [winduum-vue] + + + +``` +```jsx [winduum-react] +import { useId } from "react" +import { Drawer, DrawerContent, DrawerScroller } from "@/components/drawer" +import { Button } from "@/components/button" + +export function Example() { + const drawerLeft = useId() + + return ( + <> + + + + + Drawer content + + + + + + ) +} ``` ::: @@ -64,25 +134,35 @@ Missing [`scroll-initial-target`](https://developer.mozilla.org/en-US/docs/Web/C -::: code-group <<< @/public/examples/components/drawer/right.html#body{} [winduum] -::: ### Bottom -::: code-group <<< @/public/examples/components/drawer/bottom.html#body{} [winduum] -::: ### Top -::: code-group <<< @/public/examples/components/drawer/top.html#body{} [winduum] -::: + +### No Script + +Fully animated drawer when JavaScript is disabled. + + + +<<< @/public/examples/components/drawer/noscript.html#body{} [winduum-elements] + +### No Snap + +CSS only drawer variant that does not need JavaScript and works the same way as No Script. + + + +<<< @/public/examples/components/drawer/nosnap.html#body{} [winduum-elements] ## JavaScript API diff --git a/docs/docs/components/field.md b/docs/docs/components/field.md index 561e86f..a1b8e91 100644 --- a/docs/docs/components/field.md +++ b/docs/docs/components/field.md @@ -14,6 +14,8 @@ Component used to group a form components. Follow instructions for individual framework usage below * +* +* * * @@ -22,6 +24,10 @@ Follow instructions for individual framework usage below ### Variants * +## Scripts +The Field script validates the field on change and renders the validation message and +icon when the control is invalid. + ## Examples ### Basic @@ -29,11 +35,50 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/components/field/basic.html#body{} [winduum] +<<< @/public/examples/components/field/basic.html#body{} [winduum-elements] +```html [winduum-stimulus] +
                                + +
                                + +
                                + Info message +
                                +``` ```vue [winduum-vue] + + ``` ```jsx [winduum-react] +import { Field } from "@/components/field" +import { Label } from "@/components/label" +import { Control } from "@/components/control" +import { Info } from "@/components/info" +export function Example() { + return ( + + + + + + Info message + + ) +} ``` ::: diff --git a/docs/docs/components/form.md b/docs/docs/components/form.md index bfc4b01..aacebd8 100644 --- a/docs/docs/components/form.md +++ b/docs/docs/components/form.md @@ -7,11 +7,6 @@ Provides a basic way to validate your form and show feedback to your users with `novalidate` must be present on `form` to handle validation with JavaScript. -::: info -Compatible with any reactive framework, but updates will not propagate to the virtual DOM.
                                -For advance form of validation use [VeeValidate](https://vee-validate.logaretm.com/v4/), [React Hook Form](https://react-hook-form.com/) or others. -::: - @@ -22,6 +17,18 @@ Follow instructions for individual framework usage below * * * +* +* + +## Scripts +The Form script handles custom validation on submit and can set `data-loading` on +the submitter after a valid submit. + +::: info +Native validation is enough for most forms. Validation libraries are often unnecessary +abstractions and are only needed for very complex forms. In those cases, we recommend +[VeeValidate](https://vee-validate.logaretm.com/v4/) or [TanStack Form](https://tanstack.com/form/latest). +::: ## Examples @@ -30,21 +37,102 @@ Follow instructions for individual framework usage below ::: code-group -<<< @/public/examples/form.html#body{} [winduum] -```html [winduum-elements] - -``` +<<< @/public/examples/form.html#body{} [winduum-elements] ```html [winduum-stimulus] - +
                                +
                                + +
                                + +
                                +
                                +
                                + +
                                + +
                                +
                                +
                                + +
                                + +
                                +
                                +
                                + +
                                +
                                +``` +```vue [winduum-vue] + + + +``` +```jsx [winduum-react] +import { Form } from '@/components/form' +import { Field } from '@/components/field' +import { Label } from '@/components/label' +import { Control } from '@/components/control' +import { Button } from '@/components/button' + +export function Example() { + return ( +
                                + + + + + + + + + + + + + + + + + + + + + +
                                + ) +} ``` -::: - -### Field - - - -::: code-group -<<< @/public/examples/form-field.html#body{} [winduum] ::: ## JavaScript API diff --git a/docs/docs/components/image.md b/docs/docs/components/image.md index d9e5e3a..f245b74 100644 --- a/docs/docs/components/image.md +++ b/docs/docs/components/image.md @@ -26,22 +26,67 @@ Follow instructions for individual framework usage below ### Tokens * +## Scripts +The Image script removes the skeleton placeholder once the wrapped media is ready. + ## Examples -### Ratio +### Default ::: code-group -<<< @/public/examples/components/image/ratio.html#body{} [winduum] +<<< @/public/examples/components/image/ratio.html#body{} [winduum-elements] +```html [winduum-stimulus] +
                                + +
                                +``` +```vue [winduum-vue] + + + +``` +```jsx [winduum-react] +import { Image } from '@/components/image' + +export function Example() { + return ( + + + + ) +} +``` +::: + +### Picture + + + +::: code-group +<<< @/public/examples/components/image/picture.html#body{} [winduum-elements] +```html [winduum-stimulus] + + + + +``` ```vue [winduum-vue] ``` @@ -50,8 +95,9 @@ import { Image } from '@/components/image' export function Example() { return ( - - + + + ) } @@ -62,25 +108,70 @@ export function Example() { -<<< @/public/examples/components/image/rounded.html#body{} +```html +
                                + +
                                +``` ### Avatar -<<< @/public/examples/components/image/avatar.html#body{} +```html +
                                + LB +
                                +``` ### Skeleton -<<< @/public/examples/components/image/transparent.html#body{} +::: code-group +```html [winduum-elements] + + + +``` +```html [winduum-stimulus] +
                                + +
                                +``` +```vue [winduum-vue] + + + +``` +```jsx [winduum-react] +import { Image } from '@/components/image' + +export function Example() { + return ( + + + + ) +} +``` +::: ### Iframe -<<< @/public/examples/components/image/iframe.html#body{} +```html + + + +``` +{% endblock %} + + +{% block foot %} + + + +{% endblock %} diff --git a/examples/src/pages/components/carousel-experimental/full.liquid b/examples/src/pages/components/carousel-experimental/full.liquid new file mode 100644 index 0000000..501dac5 --- /dev/null +++ b/examples/src/pages/components/carousel-experimental/full.liquid @@ -0,0 +1,83 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + +
                                +
                                + +
                                +
                                + +
                                +
                                + +
                                +
                                + +
                                +
                                + +
                                +
                                + +
                                +
                                + +
                                + +                                 +{% endblock %} + +{% block head %} + +{% endblock %} + +{% block foot %} + + + +{% endblock %} diff --git a/examples/src/pages/components/carousel/basic.liquid b/examples/src/pages/components/carousel/basic.liquid index 27e8cae..2d97edc 100644 --- a/examples/src/pages/components/carousel/basic.liquid +++ b/examples/src/pages/components/carousel/basic.liquid @@ -1,12 +1,12 @@ {% layout "templates/layout.liquid" %} {% block %} - -
                                +
                                @@ -14,7 +14,7 @@
                                - -
                                +
                                onScroll(event, { + pagination: { element: paginationElement.current ?? undefined } + })} + > {slides.map((slide) => ( -
                                +
                                ))} @@ -273,8 +275,15 @@ export function Example() { Next
                                - - + )} From 9ba468ff5b517605ca3417db1eea89b19d01faff Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Wed, 15 Jul 2026 11:55:12 +0200 Subject: [PATCH 22/35] docs: add emptyOutDir to Vite config for examples build, clean up obsolete cache files and dependencies --- .gitignore | 1 + .../cache/deps_temp_5bf39089/package.json | 3 - .../vitepress___@vue_devtools-api.js | 162 - .../vitepress___@vue_devtools-api.js.map | 7 - .../cache/deps_temp_5bf39089/vue.js | 10795 ---------------- .../cache/deps_temp_5bf39089/vue.js.map | 7 - .../src/pages/components/link/basic.liquid | 17 - .../pages/components/link/underline.liquid | 17 - examples/src/pages/form-field.liquid | 27 - examples/src/pages/showcase.liquid | 28 - examples/src/styles/tailwind.css | 1 - examples/tailwind.config.js | 18 - examples/vite.config.js | 1 + 13 files changed, 2 insertions(+), 11082 deletions(-) delete mode 100644 examples/docs/.vitepress/cache/deps_temp_5bf39089/package.json delete mode 100644 examples/docs/.vitepress/cache/deps_temp_5bf39089/vitepress___@vue_devtools-api.js delete mode 100644 examples/docs/.vitepress/cache/deps_temp_5bf39089/vitepress___@vue_devtools-api.js.map delete mode 100644 examples/docs/.vitepress/cache/deps_temp_5bf39089/vue.js delete mode 100644 examples/docs/.vitepress/cache/deps_temp_5bf39089/vue.js.map delete mode 100644 examples/src/pages/components/link/basic.liquid delete mode 100644 examples/src/pages/components/link/underline.liquid delete mode 100644 examples/src/pages/form-field.liquid delete mode 100644 examples/src/pages/showcase.liquid delete mode 100644 examples/src/styles/tailwind.css delete mode 100644 examples/tailwind.config.js diff --git a/.gitignore b/.gitignore index 0145db0..2ab821c 100644 --- a/.gitignore +++ b/.gitignore @@ -4,3 +4,4 @@ node_modules docs/.vitepress/dist docs/.vitepress/cache docs/public/examples/ +examples/docs/ diff --git a/examples/docs/.vitepress/cache/deps_temp_5bf39089/package.json b/examples/docs/.vitepress/cache/deps_temp_5bf39089/package.json deleted file mode 100644 index 3dbc1ca..0000000 --- a/examples/docs/.vitepress/cache/deps_temp_5bf39089/package.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "type": "module" -} diff --git a/examples/docs/.vitepress/cache/deps_temp_5bf39089/vitepress___@vue_devtools-api.js b/examples/docs/.vitepress/cache/deps_temp_5bf39089/vitepress___@vue_devtools-api.js deleted file mode 100644 index a698f3a..0000000 --- a/examples/docs/.vitepress/cache/deps_temp_5bf39089/vitepress___@vue_devtools-api.js +++ /dev/null @@ -1,162 +0,0 @@ -// ../node_modules/@vue/devtools-api/lib/esm/env.js -function getDevtoolsGlobalHook() { - return getTarget().__VUE_DEVTOOLS_GLOBAL_HOOK__; -} -function getTarget() { - return typeof navigator !== "undefined" && typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {}; -} -var isProxyAvailable = typeof Proxy === "function"; - -// ../node_modules/@vue/devtools-api/lib/esm/const.js -var HOOK_SETUP = "devtools-plugin:setup"; -var HOOK_PLUGIN_SETTINGS_SET = "plugin:settings:set"; - -// ../node_modules/@vue/devtools-api/lib/esm/time.js -var supported; -var perf; -function isPerformanceSupported() { - var _a; - if (supported !== void 0) { - return supported; - } - if (typeof window !== "undefined" && window.performance) { - supported = true; - perf = window.performance; - } else if (typeof global !== "undefined" && ((_a = global.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) { - supported = true; - perf = global.perf_hooks.performance; - } else { - supported = false; - } - return supported; -} -function now() { - return isPerformanceSupported() ? perf.now() : Date.now(); -} - -// ../node_modules/@vue/devtools-api/lib/esm/proxy.js -var ApiProxy = class { - constructor(plugin, hook) { - this.target = null; - this.targetQueue = []; - this.onQueue = []; - this.plugin = plugin; - this.hook = hook; - const defaultSettings = {}; - if (plugin.settings) { - for (const id in plugin.settings) { - const item = plugin.settings[id]; - defaultSettings[id] = item.defaultValue; - } - } - const localSettingsSaveId = `__vue-devtools-plugin-settings__${plugin.id}`; - let currentSettings = Object.assign({}, defaultSettings); - try { - const raw = localStorage.getItem(localSettingsSaveId); - const data = JSON.parse(raw); - Object.assign(currentSettings, data); - } catch (e) { - } - this.fallbacks = { - getSettings() { - return currentSettings; - }, - setSettings(value) { - try { - localStorage.setItem(localSettingsSaveId, JSON.stringify(value)); - } catch (e) { - } - currentSettings = value; - }, - now() { - return now(); - } - }; - if (hook) { - hook.on(HOOK_PLUGIN_SETTINGS_SET, (pluginId, value) => { - if (pluginId === this.plugin.id) { - this.fallbacks.setSettings(value); - } - }); - } - this.proxiedOn = new Proxy({}, { - get: (_target, prop) => { - if (this.target) { - return this.target.on[prop]; - } else { - return (...args) => { - this.onQueue.push({ - method: prop, - args - }); - }; - } - } - }); - this.proxiedTarget = new Proxy({}, { - get: (_target, prop) => { - if (this.target) { - return this.target[prop]; - } else if (prop === "on") { - return this.proxiedOn; - } else if (Object.keys(this.fallbacks).includes(prop)) { - return (...args) => { - this.targetQueue.push({ - method: prop, - args, - resolve: () => { - } - }); - return this.fallbacks[prop](...args); - }; - } else { - return (...args) => { - return new Promise((resolve) => { - this.targetQueue.push({ - method: prop, - args, - resolve - }); - }); - }; - } - } - }); - } - async setRealTarget(target) { - this.target = target; - for (const item of this.onQueue) { - this.target.on[item.method](...item.args); - } - for (const item of this.targetQueue) { - item.resolve(await this.target[item.method](...item.args)); - } - } -}; - -// ../node_modules/@vue/devtools-api/lib/esm/index.js -function setupDevtoolsPlugin(pluginDescriptor, setupFn) { - const descriptor = pluginDescriptor; - const target = getTarget(); - const hook = getDevtoolsGlobalHook(); - const enableProxy = isProxyAvailable && descriptor.enableEarlyProxy; - if (hook && (target.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !enableProxy)) { - hook.emit(HOOK_SETUP, pluginDescriptor, setupFn); - } else { - const proxy = enableProxy ? new ApiProxy(descriptor, hook) : null; - const list = target.__VUE_DEVTOOLS_PLUGINS__ = target.__VUE_DEVTOOLS_PLUGINS__ || []; - list.push({ - pluginDescriptor: descriptor, - setupFn, - proxy - }); - if (proxy) - setupFn(proxy.proxiedTarget); - } -} -export { - isPerformanceSupported, - now, - setupDevtoolsPlugin -}; -//# sourceMappingURL=vitepress___@vue_devtools-api.js.map diff --git a/examples/docs/.vitepress/cache/deps_temp_5bf39089/vitepress___@vue_devtools-api.js.map b/examples/docs/.vitepress/cache/deps_temp_5bf39089/vitepress___@vue_devtools-api.js.map deleted file mode 100644 index c4af0ef..0000000 --- a/examples/docs/.vitepress/cache/deps_temp_5bf39089/vitepress___@vue_devtools-api.js.map +++ /dev/null @@ -1,7 +0,0 @@ -{ - "version": 3, - "sources": ["../../../../../node_modules/@vue/devtools-api/lib/esm/env.js", "../../../../../node_modules/@vue/devtools-api/lib/esm/const.js", "../../../../../node_modules/@vue/devtools-api/lib/esm/time.js", "../../../../../node_modules/@vue/devtools-api/lib/esm/proxy.js", "../../../../../node_modules/@vue/devtools-api/lib/esm/index.js"], - "sourcesContent": ["export function getDevtoolsGlobalHook() {\n return getTarget().__VUE_DEVTOOLS_GLOBAL_HOOK__;\n}\nexport function getTarget() {\n // @ts-ignore\n return (typeof navigator !== 'undefined' && typeof window !== 'undefined')\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n}\nexport const isProxyAvailable = typeof Proxy === 'function';\n", "export const HOOK_SETUP = 'devtools-plugin:setup';\nexport const HOOK_PLUGIN_SETTINGS_SET = 'plugin:settings:set';\n", "let supported;\nlet perf;\nexport function isPerformanceSupported() {\n var _a;\n if (supported !== undefined) {\n return supported;\n }\n if (typeof window !== 'undefined' && window.performance) {\n supported = true;\n perf = window.performance;\n }\n else if (typeof global !== 'undefined' && ((_a = global.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {\n supported = true;\n perf = global.perf_hooks.performance;\n }\n else {\n supported = false;\n }\n return supported;\n}\nexport function now() {\n return isPerformanceSupported() ? perf.now() : Date.now();\n}\n", "import { HOOK_PLUGIN_SETTINGS_SET } from './const.js';\nimport { now } from './time.js';\nexport class ApiProxy {\n constructor(plugin, hook) {\n this.target = null;\n this.targetQueue = [];\n this.onQueue = [];\n this.plugin = plugin;\n this.hook = hook;\n const defaultSettings = {};\n if (plugin.settings) {\n for (const id in plugin.settings) {\n const item = plugin.settings[id];\n defaultSettings[id] = item.defaultValue;\n }\n }\n const localSettingsSaveId = `__vue-devtools-plugin-settings__${plugin.id}`;\n let currentSettings = Object.assign({}, defaultSettings);\n try {\n const raw = localStorage.getItem(localSettingsSaveId);\n const data = JSON.parse(raw);\n Object.assign(currentSettings, data);\n }\n catch (e) {\n // noop\n }\n this.fallbacks = {\n getSettings() {\n return currentSettings;\n },\n setSettings(value) {\n try {\n localStorage.setItem(localSettingsSaveId, JSON.stringify(value));\n }\n catch (e) {\n // noop\n }\n currentSettings = value;\n },\n now() {\n return now();\n },\n };\n if (hook) {\n hook.on(HOOK_PLUGIN_SETTINGS_SET, (pluginId, value) => {\n if (pluginId === this.plugin.id) {\n this.fallbacks.setSettings(value);\n }\n });\n }\n this.proxiedOn = new Proxy({}, {\n get: (_target, prop) => {\n if (this.target) {\n return this.target.on[prop];\n }\n else {\n return (...args) => {\n this.onQueue.push({\n method: prop,\n args,\n });\n };\n }\n },\n });\n this.proxiedTarget = new Proxy({}, {\n get: (_target, prop) => {\n if (this.target) {\n return this.target[prop];\n }\n else if (prop === 'on') {\n return this.proxiedOn;\n }\n else if (Object.keys(this.fallbacks).includes(prop)) {\n return (...args) => {\n this.targetQueue.push({\n method: prop,\n args,\n resolve: () => { },\n });\n return this.fallbacks[prop](...args);\n };\n }\n else {\n return (...args) => {\n return new Promise(resolve => {\n this.targetQueue.push({\n method: prop,\n args,\n resolve,\n });\n });\n };\n }\n },\n });\n }\n async setRealTarget(target) {\n this.target = target;\n for (const item of this.onQueue) {\n this.target.on[item.method](...item.args);\n }\n for (const item of this.targetQueue) {\n item.resolve(await this.target[item.method](...item.args));\n }\n }\n}\n", "import { getTarget, getDevtoolsGlobalHook, isProxyAvailable } from './env.js';\nimport { HOOK_SETUP } from './const.js';\nimport { ApiProxy } from './proxy.js';\nexport * from './api/index.js';\nexport * from './plugin.js';\nexport * from './time.js';\nexport function setupDevtoolsPlugin(pluginDescriptor, setupFn) {\n const descriptor = pluginDescriptor;\n const target = getTarget();\n const hook = getDevtoolsGlobalHook();\n const enableProxy = isProxyAvailable && descriptor.enableEarlyProxy;\n if (hook && (target.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !enableProxy)) {\n hook.emit(HOOK_SETUP, pluginDescriptor, setupFn);\n }\n else {\n const proxy = enableProxy ? new ApiProxy(descriptor, hook) : null;\n const list = target.__VUE_DEVTOOLS_PLUGINS__ = target.__VUE_DEVTOOLS_PLUGINS__ || [];\n list.push({\n pluginDescriptor: descriptor,\n setupFn,\n proxy,\n });\n if (proxy)\n setupFn(proxy.proxiedTarget);\n }\n}\n"], - "mappings": ";AAAO,SAAS,wBAAwB;AACpC,SAAO,UAAU,EAAE;AACvB;AACO,SAAS,YAAY;AAExB,SAAQ,OAAO,cAAc,eAAe,OAAO,WAAW,cACxD,SACA,OAAO,WAAW,cACd,SACA,CAAC;AACf;AACO,IAAM,mBAAmB,OAAO,UAAU;;;ACX1C,IAAM,aAAa;AACnB,IAAM,2BAA2B;;;ACDxC,IAAI;AACJ,IAAI;AACG,SAAS,yBAAyB;AACrC,MAAI;AACJ,MAAI,cAAc,QAAW;AACzB,WAAO;AAAA,EACX;AACA,MAAI,OAAO,WAAW,eAAe,OAAO,aAAa;AACrD,gBAAY;AACZ,WAAO,OAAO;AAAA,EAClB,WACS,OAAO,WAAW,iBAAiB,KAAK,OAAO,gBAAgB,QAAQ,OAAO,SAAS,SAAS,GAAG,cAAc;AACtH,gBAAY;AACZ,WAAO,OAAO,WAAW;AAAA,EAC7B,OACK;AACD,gBAAY;AAAA,EAChB;AACA,SAAO;AACX;AACO,SAAS,MAAM;AAClB,SAAO,uBAAuB,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI;AAC5D;;;ACpBO,IAAM,WAAN,MAAe;AAAA,EAClB,YAAY,QAAQ,MAAM;AACtB,SAAK,SAAS;AACd,SAAK,cAAc,CAAC;AACpB,SAAK,UAAU,CAAC;AAChB,SAAK,SAAS;AACd,SAAK,OAAO;AACZ,UAAM,kBAAkB,CAAC;AACzB,QAAI,OAAO,UAAU;AACjB,iBAAW,MAAM,OAAO,UAAU;AAC9B,cAAM,OAAO,OAAO,SAAS,EAAE;AAC/B,wBAAgB,EAAE,IAAI,KAAK;AAAA,MAC/B;AAAA,IACJ;AACA,UAAM,sBAAsB,mCAAmC,OAAO,EAAE;AACxE,QAAI,kBAAkB,OAAO,OAAO,CAAC,GAAG,eAAe;AACvD,QAAI;AACA,YAAM,MAAM,aAAa,QAAQ,mBAAmB;AACpD,YAAM,OAAO,KAAK,MAAM,GAAG;AAC3B,aAAO,OAAO,iBAAiB,IAAI;AAAA,IACvC,SACO,GAAG;AAAA,IAEV;AACA,SAAK,YAAY;AAAA,MACb,cAAc;AACV,eAAO;AAAA,MACX;AAAA,MACA,YAAY,OAAO;AACf,YAAI;AACA,uBAAa,QAAQ,qBAAqB,KAAK,UAAU,KAAK,CAAC;AAAA,QACnE,SACO,GAAG;AAAA,QAEV;AACA,0BAAkB;AAAA,MACtB;AAAA,MACA,MAAM;AACF,eAAO,IAAI;AAAA,MACf;AAAA,IACJ;AACA,QAAI,MAAM;AACN,WAAK,GAAG,0BAA0B,CAAC,UAAU,UAAU;AACnD,YAAI,aAAa,KAAK,OAAO,IAAI;AAC7B,eAAK,UAAU,YAAY,KAAK;AAAA,QACpC;AAAA,MACJ,CAAC;AAAA,IACL;AACA,SAAK,YAAY,IAAI,MAAM,CAAC,GAAG;AAAA,MAC3B,KAAK,CAAC,SAAS,SAAS;AACpB,YAAI,KAAK,QAAQ;AACb,iBAAO,KAAK,OAAO,GAAG,IAAI;AAAA,QAC9B,OACK;AACD,iBAAO,IAAI,SAAS;AAChB,iBAAK,QAAQ,KAAK;AAAA,cACd,QAAQ;AAAA,cACR;AAAA,YACJ,CAAC;AAAA,UACL;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ,CAAC;AACD,SAAK,gBAAgB,IAAI,MAAM,CAAC,GAAG;AAAA,MAC/B,KAAK,CAAC,SAAS,SAAS;AACpB,YAAI,KAAK,QAAQ;AACb,iBAAO,KAAK,OAAO,IAAI;AAAA,QAC3B,WACS,SAAS,MAAM;AACpB,iBAAO,KAAK;AAAA,QAChB,WACS,OAAO,KAAK,KAAK,SAAS,EAAE,SAAS,IAAI,GAAG;AACjD,iBAAO,IAAI,SAAS;AAChB,iBAAK,YAAY,KAAK;AAAA,cAClB,QAAQ;AAAA,cACR;AAAA,cACA,SAAS,MAAM;AAAA,cAAE;AAAA,YACrB,CAAC;AACD,mBAAO,KAAK,UAAU,IAAI,EAAE,GAAG,IAAI;AAAA,UACvC;AAAA,QACJ,OACK;AACD,iBAAO,IAAI,SAAS;AAChB,mBAAO,IAAI,QAAQ,aAAW;AAC1B,mBAAK,YAAY,KAAK;AAAA,gBAClB,QAAQ;AAAA,gBACR;AAAA,gBACA;AAAA,cACJ,CAAC;AAAA,YACL,CAAC;AAAA,UACL;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EACA,MAAM,cAAc,QAAQ;AACxB,SAAK,SAAS;AACd,eAAW,QAAQ,KAAK,SAAS;AAC7B,WAAK,OAAO,GAAG,KAAK,MAAM,EAAE,GAAG,KAAK,IAAI;AAAA,IAC5C;AACA,eAAW,QAAQ,KAAK,aAAa;AACjC,WAAK,QAAQ,MAAM,KAAK,OAAO,KAAK,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;AAAA,IAC7D;AAAA,EACJ;AACJ;;;ACpGO,SAAS,oBAAoB,kBAAkB,SAAS;AAC3D,QAAM,aAAa;AACnB,QAAM,SAAS,UAAU;AACzB,QAAM,OAAO,sBAAsB;AACnC,QAAM,cAAc,oBAAoB,WAAW;AACnD,MAAI,SAAS,OAAO,yCAAyC,CAAC,cAAc;AACxE,SAAK,KAAK,YAAY,kBAAkB,OAAO;AAAA,EACnD,OACK;AACD,UAAM,QAAQ,cAAc,IAAI,SAAS,YAAY,IAAI,IAAI;AAC7D,UAAM,OAAO,OAAO,2BAA2B,OAAO,4BAA4B,CAAC;AACnF,SAAK,KAAK;AAAA,MACN,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,IACJ,CAAC;AACD,QAAI;AACA,cAAQ,MAAM,aAAa;AAAA,EACnC;AACJ;", - "names": [] -} diff --git a/examples/docs/.vitepress/cache/deps_temp_5bf39089/vue.js b/examples/docs/.vitepress/cache/deps_temp_5bf39089/vue.js deleted file mode 100644 index 7d4305f..0000000 --- a/examples/docs/.vitepress/cache/deps_temp_5bf39089/vue.js +++ /dev/null @@ -1,10795 +0,0 @@ -// ../node_modules/@vue/shared/dist/shared.esm-bundler.js -function makeMap(str, expectsLowerCase) { - const map2 = /* @__PURE__ */ Object.create(null); - const list = str.split(","); - for (let i = 0; i < list.length; i++) { - map2[list[i]] = true; - } - return expectsLowerCase ? (val) => !!map2[val.toLowerCase()] : (val) => !!map2[val]; -} -var EMPTY_OBJ = true ? Object.freeze({}) : {}; -var EMPTY_ARR = true ? Object.freeze([]) : []; -var NOOP = () => { -}; -var NO = () => false; -var onRE = /^on[^a-z]/; -var isOn = (key) => onRE.test(key); -var isModelListener = (key) => key.startsWith("onUpdate:"); -var extend = Object.assign; -var remove = (arr, el) => { - const i = arr.indexOf(el); - if (i > -1) { - arr.splice(i, 1); - } -}; -var hasOwnProperty = Object.prototype.hasOwnProperty; -var hasOwn = (val, key) => hasOwnProperty.call(val, key); -var isArray = Array.isArray; -var isMap = (val) => toTypeString(val) === "[object Map]"; -var isSet = (val) => toTypeString(val) === "[object Set]"; -var isDate = (val) => toTypeString(val) === "[object Date]"; -var isRegExp = (val) => toTypeString(val) === "[object RegExp]"; -var isFunction = (val) => typeof val === "function"; -var isString = (val) => typeof val === "string"; -var isSymbol = (val) => typeof val === "symbol"; -var isObject = (val) => val !== null && typeof val === "object"; -var isPromise = (val) => { - return isObject(val) && isFunction(val.then) && isFunction(val.catch); -}; -var objectToString = Object.prototype.toString; -var toTypeString = (value) => objectToString.call(value); -var toRawType = (value) => { - return toTypeString(value).slice(8, -1); -}; -var isPlainObject = (val) => toTypeString(val) === "[object Object]"; -var isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key; -var isReservedProp = makeMap( - // the leading comma is intentional so empty string "" is also included - ",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted" -); -var isBuiltInDirective = makeMap( - "bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo" -); -var cacheStringFunction = (fn) => { - const cache = /* @__PURE__ */ Object.create(null); - return (str) => { - const hit = cache[str]; - return hit || (cache[str] = fn(str)); - }; -}; -var camelizeRE = /-(\w)/g; -var camelize = cacheStringFunction((str) => { - return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : ""); -}); -var hyphenateRE = /\B([A-Z])/g; -var hyphenate = cacheStringFunction( - (str) => str.replace(hyphenateRE, "-$1").toLowerCase() -); -var capitalize = cacheStringFunction( - (str) => str.charAt(0).toUpperCase() + str.slice(1) -); -var toHandlerKey = cacheStringFunction( - (str) => str ? `on${capitalize(str)}` : `` -); -var hasChanged = (value, oldValue) => !Object.is(value, oldValue); -var invokeArrayFns = (fns, arg) => { - for (let i = 0; i < fns.length; i++) { - fns[i](arg); - } -}; -var def = (obj, key, value) => { - Object.defineProperty(obj, key, { - configurable: true, - enumerable: false, - value - }); -}; -var looseToNumber = (val) => { - const n = parseFloat(val); - return isNaN(n) ? val : n; -}; -var toNumber = (val) => { - const n = isString(val) ? Number(val) : NaN; - return isNaN(n) ? val : n; -}; -var _globalThis; -var getGlobalThis = () => { - return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {}); -}; -var GLOBALS_WHITE_LISTED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console"; -var isGloballyWhitelisted = makeMap(GLOBALS_WHITE_LISTED); -function normalizeStyle(value) { - if (isArray(value)) { - const res = {}; - for (let i = 0; i < value.length; i++) { - const item = value[i]; - const normalized = isString(item) ? parseStringStyle(item) : normalizeStyle(item); - if (normalized) { - for (const key in normalized) { - res[key] = normalized[key]; - } - } - } - return res; - } else if (isString(value)) { - return value; - } else if (isObject(value)) { - return value; - } -} -var listDelimiterRE = /;(?![^(]*\))/g; -var propertyDelimiterRE = /:([^]+)/; -var styleCommentRE = /\/\*[^]*?\*\//g; -function parseStringStyle(cssText) { - const ret = {}; - cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => { - if (item) { - const tmp = item.split(propertyDelimiterRE); - tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim()); - } - }); - return ret; -} -function normalizeClass(value) { - let res = ""; - if (isString(value)) { - res = value; - } else if (isArray(value)) { - for (let i = 0; i < value.length; i++) { - const normalized = normalizeClass(value[i]); - if (normalized) { - res += normalized + " "; - } - } - } else if (isObject(value)) { - for (const name in value) { - if (value[name]) { - res += name + " "; - } - } - } - return res.trim(); -} -function normalizeProps(props) { - if (!props) - return null; - let { class: klass, style } = props; - if (klass && !isString(klass)) { - props.class = normalizeClass(klass); - } - if (style) { - props.style = normalizeStyle(style); - } - return props; -} -var HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot"; -var SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view"; -var VOID_TAGS = "area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr"; -var isHTMLTag = makeMap(HTML_TAGS); -var isSVGTag = makeMap(SVG_TAGS); -var isVoidTag = makeMap(VOID_TAGS); -var specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`; -var isSpecialBooleanAttr = makeMap(specialBooleanAttrs); -var isBooleanAttr = makeMap( - specialBooleanAttrs + `,async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected` -); -function includeBooleanAttr(value) { - return !!value || value === ""; -} -var isKnownHtmlAttr = makeMap( - `accept,accept-charset,accesskey,action,align,allow,alt,async,autocapitalize,autocomplete,autofocus,autoplay,background,bgcolor,border,buffered,capture,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,contenteditable,contextmenu,controls,coords,crossorigin,csp,data,datetime,decoding,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,enterkeyhint,for,form,formaction,formenctype,formmethod,formnovalidate,formtarget,headers,height,hidden,high,href,hreflang,http-equiv,icon,id,importance,inert,integrity,ismap,itemprop,keytype,kind,label,lang,language,loading,list,loop,low,manifest,max,maxlength,minlength,media,min,multiple,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,translate,type,usemap,value,width,wrap` -); -var isKnownSvgAttr = makeMap( - `xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan` -); -function looseCompareArrays(a, b) { - if (a.length !== b.length) - return false; - let equal = true; - for (let i = 0; equal && i < a.length; i++) { - equal = looseEqual(a[i], b[i]); - } - return equal; -} -function looseEqual(a, b) { - if (a === b) - return true; - let aValidType = isDate(a); - let bValidType = isDate(b); - if (aValidType || bValidType) { - return aValidType && bValidType ? a.getTime() === b.getTime() : false; - } - aValidType = isSymbol(a); - bValidType = isSymbol(b); - if (aValidType || bValidType) { - return a === b; - } - aValidType = isArray(a); - bValidType = isArray(b); - if (aValidType || bValidType) { - return aValidType && bValidType ? looseCompareArrays(a, b) : false; - } - aValidType = isObject(a); - bValidType = isObject(b); - if (aValidType || bValidType) { - if (!aValidType || !bValidType) { - return false; - } - const aKeysCount = Object.keys(a).length; - const bKeysCount = Object.keys(b).length; - if (aKeysCount !== bKeysCount) { - return false; - } - for (const key in a) { - const aHasKey = a.hasOwnProperty(key); - const bHasKey = b.hasOwnProperty(key); - if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) { - return false; - } - } - } - return String(a) === String(b); -} -function looseIndexOf(arr, val) { - return arr.findIndex((item) => looseEqual(item, val)); -} -var toDisplayString = (val) => { - return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val); -}; -var replacer = (_key, val) => { - if (val && val.__v_isRef) { - return replacer(_key, val.value); - } else if (isMap(val)) { - return { - [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val2]) => { - entries[`${key} =>`] = val2; - return entries; - }, {}) - }; - } else if (isSet(val)) { - return { - [`Set(${val.size})`]: [...val.values()] - }; - } else if (isObject(val) && !isArray(val) && !isPlainObject(val)) { - return String(val); - } - return val; -}; - -// ../node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js -function warn(msg, ...args) { - console.warn(`[Vue warn] ${msg}`, ...args); -} -var activeEffectScope; -var EffectScope = class { - constructor(detached = false) { - this.detached = detached; - this._active = true; - this.effects = []; - this.cleanups = []; - this.parent = activeEffectScope; - if (!detached && activeEffectScope) { - this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push( - this - ) - 1; - } - } - get active() { - return this._active; - } - run(fn) { - if (this._active) { - const currentEffectScope = activeEffectScope; - try { - activeEffectScope = this; - return fn(); - } finally { - activeEffectScope = currentEffectScope; - } - } else if (true) { - warn(`cannot run an inactive effect scope.`); - } - } - /** - * This should only be called on non-detached scopes - * @internal - */ - on() { - activeEffectScope = this; - } - /** - * This should only be called on non-detached scopes - * @internal - */ - off() { - activeEffectScope = this.parent; - } - stop(fromParent) { - if (this._active) { - let i, l; - for (i = 0, l = this.effects.length; i < l; i++) { - this.effects[i].stop(); - } - for (i = 0, l = this.cleanups.length; i < l; i++) { - this.cleanups[i](); - } - if (this.scopes) { - for (i = 0, l = this.scopes.length; i < l; i++) { - this.scopes[i].stop(true); - } - } - if (!this.detached && this.parent && !fromParent) { - const last = this.parent.scopes.pop(); - if (last && last !== this) { - this.parent.scopes[this.index] = last; - last.index = this.index; - } - } - this.parent = void 0; - this._active = false; - } - } -}; -function effectScope(detached) { - return new EffectScope(detached); -} -function recordEffectScope(effect2, scope = activeEffectScope) { - if (scope && scope.active) { - scope.effects.push(effect2); - } -} -function getCurrentScope() { - return activeEffectScope; -} -function onScopeDispose(fn) { - if (activeEffectScope) { - activeEffectScope.cleanups.push(fn); - } else if (true) { - warn( - `onScopeDispose() is called when there is no active effect scope to be associated with.` - ); - } -} -var createDep = (effects) => { - const dep = new Set(effects); - dep.w = 0; - dep.n = 0; - return dep; -}; -var wasTracked = (dep) => (dep.w & trackOpBit) > 0; -var newTracked = (dep) => (dep.n & trackOpBit) > 0; -var initDepMarkers = ({ deps }) => { - if (deps.length) { - for (let i = 0; i < deps.length; i++) { - deps[i].w |= trackOpBit; - } - } -}; -var finalizeDepMarkers = (effect2) => { - const { deps } = effect2; - if (deps.length) { - let ptr = 0; - for (let i = 0; i < deps.length; i++) { - const dep = deps[i]; - if (wasTracked(dep) && !newTracked(dep)) { - dep.delete(effect2); - } else { - deps[ptr++] = dep; - } - dep.w &= ~trackOpBit; - dep.n &= ~trackOpBit; - } - deps.length = ptr; - } -}; -var targetMap = /* @__PURE__ */ new WeakMap(); -var effectTrackDepth = 0; -var trackOpBit = 1; -var maxMarkerBits = 30; -var activeEffect; -var ITERATE_KEY = Symbol(true ? "iterate" : ""); -var MAP_KEY_ITERATE_KEY = Symbol(true ? "Map key iterate" : ""); -var ReactiveEffect = class { - constructor(fn, scheduler = null, scope) { - this.fn = fn; - this.scheduler = scheduler; - this.active = true; - this.deps = []; - this.parent = void 0; - recordEffectScope(this, scope); - } - run() { - if (!this.active) { - return this.fn(); - } - let parent = activeEffect; - let lastShouldTrack = shouldTrack; - while (parent) { - if (parent === this) { - return; - } - parent = parent.parent; - } - try { - this.parent = activeEffect; - activeEffect = this; - shouldTrack = true; - trackOpBit = 1 << ++effectTrackDepth; - if (effectTrackDepth <= maxMarkerBits) { - initDepMarkers(this); - } else { - cleanupEffect(this); - } - return this.fn(); - } finally { - if (effectTrackDepth <= maxMarkerBits) { - finalizeDepMarkers(this); - } - trackOpBit = 1 << --effectTrackDepth; - activeEffect = this.parent; - shouldTrack = lastShouldTrack; - this.parent = void 0; - if (this.deferStop) { - this.stop(); - } - } - } - stop() { - if (activeEffect === this) { - this.deferStop = true; - } else if (this.active) { - cleanupEffect(this); - if (this.onStop) { - this.onStop(); - } - this.active = false; - } - } -}; -function cleanupEffect(effect2) { - const { deps } = effect2; - if (deps.length) { - for (let i = 0; i < deps.length; i++) { - deps[i].delete(effect2); - } - deps.length = 0; - } -} -function effect(fn, options) { - if (fn.effect) { - fn = fn.effect.fn; - } - const _effect = new ReactiveEffect(fn); - if (options) { - extend(_effect, options); - if (options.scope) - recordEffectScope(_effect, options.scope); - } - if (!options || !options.lazy) { - _effect.run(); - } - const runner = _effect.run.bind(_effect); - runner.effect = _effect; - return runner; -} -function stop(runner) { - runner.effect.stop(); -} -var shouldTrack = true; -var trackStack = []; -function pauseTracking() { - trackStack.push(shouldTrack); - shouldTrack = false; -} -function resetTracking() { - const last = trackStack.pop(); - shouldTrack = last === void 0 ? true : last; -} -function track(target, type, key) { - if (shouldTrack && activeEffect) { - let depsMap = targetMap.get(target); - if (!depsMap) { - targetMap.set(target, depsMap = /* @__PURE__ */ new Map()); - } - let dep = depsMap.get(key); - if (!dep) { - depsMap.set(key, dep = createDep()); - } - const eventInfo = true ? { effect: activeEffect, target, type, key } : void 0; - trackEffects(dep, eventInfo); - } -} -function trackEffects(dep, debuggerEventExtraInfo) { - let shouldTrack2 = false; - if (effectTrackDepth <= maxMarkerBits) { - if (!newTracked(dep)) { - dep.n |= trackOpBit; - shouldTrack2 = !wasTracked(dep); - } - } else { - shouldTrack2 = !dep.has(activeEffect); - } - if (shouldTrack2) { - dep.add(activeEffect); - activeEffect.deps.push(dep); - if (activeEffect.onTrack) { - activeEffect.onTrack( - extend( - { - effect: activeEffect - }, - debuggerEventExtraInfo - ) - ); - } - } -} -function trigger(target, type, key, newValue, oldValue, oldTarget) { - const depsMap = targetMap.get(target); - if (!depsMap) { - return; - } - let deps = []; - if (type === "clear") { - deps = [...depsMap.values()]; - } else if (key === "length" && isArray(target)) { - const newLength = Number(newValue); - depsMap.forEach((dep, key2) => { - if (key2 === "length" || key2 >= newLength) { - deps.push(dep); - } - }); - } else { - if (key !== void 0) { - deps.push(depsMap.get(key)); - } - switch (type) { - case "add": - if (!isArray(target)) { - deps.push(depsMap.get(ITERATE_KEY)); - if (isMap(target)) { - deps.push(depsMap.get(MAP_KEY_ITERATE_KEY)); - } - } else if (isIntegerKey(key)) { - deps.push(depsMap.get("length")); - } - break; - case "delete": - if (!isArray(target)) { - deps.push(depsMap.get(ITERATE_KEY)); - if (isMap(target)) { - deps.push(depsMap.get(MAP_KEY_ITERATE_KEY)); - } - } - break; - case "set": - if (isMap(target)) { - deps.push(depsMap.get(ITERATE_KEY)); - } - break; - } - } - const eventInfo = true ? { target, type, key, newValue, oldValue, oldTarget } : void 0; - if (deps.length === 1) { - if (deps[0]) { - if (true) { - triggerEffects(deps[0], eventInfo); - } else { - triggerEffects(deps[0]); - } - } - } else { - const effects = []; - for (const dep of deps) { - if (dep) { - effects.push(...dep); - } - } - if (true) { - triggerEffects(createDep(effects), eventInfo); - } else { - triggerEffects(createDep(effects)); - } - } -} -function triggerEffects(dep, debuggerEventExtraInfo) { - const effects = isArray(dep) ? dep : [...dep]; - for (const effect2 of effects) { - if (effect2.computed) { - triggerEffect(effect2, debuggerEventExtraInfo); - } - } - for (const effect2 of effects) { - if (!effect2.computed) { - triggerEffect(effect2, debuggerEventExtraInfo); - } - } -} -function triggerEffect(effect2, debuggerEventExtraInfo) { - if (effect2 !== activeEffect || effect2.allowRecurse) { - if (effect2.onTrigger) { - effect2.onTrigger(extend({ effect: effect2 }, debuggerEventExtraInfo)); - } - if (effect2.scheduler) { - effect2.scheduler(); - } else { - effect2.run(); - } - } -} -function getDepFromReactive(object, key) { - var _a; - return (_a = targetMap.get(object)) == null ? void 0 : _a.get(key); -} -var isNonTrackableKeys = makeMap(`__proto__,__v_isRef,__isVue`); -var builtInSymbols = new Set( - Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol) -); -var get$1 = createGetter(); -var shallowGet = createGetter(false, true); -var readonlyGet = createGetter(true); -var shallowReadonlyGet = createGetter(true, true); -var arrayInstrumentations = createArrayInstrumentations(); -function createArrayInstrumentations() { - const instrumentations = {}; - ["includes", "indexOf", "lastIndexOf"].forEach((key) => { - instrumentations[key] = function(...args) { - const arr = toRaw(this); - for (let i = 0, l = this.length; i < l; i++) { - track(arr, "get", i + ""); - } - const res = arr[key](...args); - if (res === -1 || res === false) { - return arr[key](...args.map(toRaw)); - } else { - return res; - } - }; - }); - ["push", "pop", "shift", "unshift", "splice"].forEach((key) => { - instrumentations[key] = function(...args) { - pauseTracking(); - const res = toRaw(this)[key].apply(this, args); - resetTracking(); - return res; - }; - }); - return instrumentations; -} -function hasOwnProperty2(key) { - const obj = toRaw(this); - track(obj, "has", key); - return obj.hasOwnProperty(key); -} -function createGetter(isReadonly2 = false, shallow = false) { - return function get2(target, key, receiver) { - if (key === "__v_isReactive") { - return !isReadonly2; - } else if (key === "__v_isReadonly") { - return isReadonly2; - } else if (key === "__v_isShallow") { - return shallow; - } else if (key === "__v_raw" && receiver === (isReadonly2 ? shallow ? shallowReadonlyMap : readonlyMap : shallow ? shallowReactiveMap : reactiveMap).get(target)) { - return target; - } - const targetIsArray = isArray(target); - if (!isReadonly2) { - if (targetIsArray && hasOwn(arrayInstrumentations, key)) { - return Reflect.get(arrayInstrumentations, key, receiver); - } - if (key === "hasOwnProperty") { - return hasOwnProperty2; - } - } - const res = Reflect.get(target, key, receiver); - if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) { - return res; - } - if (!isReadonly2) { - track(target, "get", key); - } - if (shallow) { - return res; - } - if (isRef(res)) { - return targetIsArray && isIntegerKey(key) ? res : res.value; - } - if (isObject(res)) { - return isReadonly2 ? readonly(res) : reactive(res); - } - return res; - }; -} -var set$1 = createSetter(); -var shallowSet = createSetter(true); -function createSetter(shallow = false) { - return function set2(target, key, value, receiver) { - let oldValue = target[key]; - if (isReadonly(oldValue) && isRef(oldValue) && !isRef(value)) { - return false; - } - if (!shallow) { - if (!isShallow(value) && !isReadonly(value)) { - oldValue = toRaw(oldValue); - value = toRaw(value); - } - if (!isArray(target) && isRef(oldValue) && !isRef(value)) { - oldValue.value = value; - return true; - } - } - const hadKey = isArray(target) && isIntegerKey(key) ? Number(key) < target.length : hasOwn(target, key); - const result = Reflect.set(target, key, value, receiver); - if (target === toRaw(receiver)) { - if (!hadKey) { - trigger(target, "add", key, value); - } else if (hasChanged(value, oldValue)) { - trigger(target, "set", key, value, oldValue); - } - } - return result; - }; -} -function deleteProperty(target, key) { - const hadKey = hasOwn(target, key); - const oldValue = target[key]; - const result = Reflect.deleteProperty(target, key); - if (result && hadKey) { - trigger(target, "delete", key, void 0, oldValue); - } - return result; -} -function has$1(target, key) { - const result = Reflect.has(target, key); - if (!isSymbol(key) || !builtInSymbols.has(key)) { - track(target, "has", key); - } - return result; -} -function ownKeys(target) { - track(target, "iterate", isArray(target) ? "length" : ITERATE_KEY); - return Reflect.ownKeys(target); -} -var mutableHandlers = { - get: get$1, - set: set$1, - deleteProperty, - has: has$1, - ownKeys -}; -var readonlyHandlers = { - get: readonlyGet, - set(target, key) { - if (true) { - warn( - `Set operation on key "${String(key)}" failed: target is readonly.`, - target - ); - } - return true; - }, - deleteProperty(target, key) { - if (true) { - warn( - `Delete operation on key "${String(key)}" failed: target is readonly.`, - target - ); - } - return true; - } -}; -var shallowReactiveHandlers = extend( - {}, - mutableHandlers, - { - get: shallowGet, - set: shallowSet - } -); -var shallowReadonlyHandlers = extend( - {}, - readonlyHandlers, - { - get: shallowReadonlyGet - } -); -var toShallow = (value) => value; -var getProto = (v) => Reflect.getPrototypeOf(v); -function get(target, key, isReadonly2 = false, isShallow3 = false) { - target = target["__v_raw"]; - const rawTarget = toRaw(target); - const rawKey = toRaw(key); - if (!isReadonly2) { - if (key !== rawKey) { - track(rawTarget, "get", key); - } - track(rawTarget, "get", rawKey); - } - const { has: has2 } = getProto(rawTarget); - const wrap = isShallow3 ? toShallow : isReadonly2 ? toReadonly : toReactive; - if (has2.call(rawTarget, key)) { - return wrap(target.get(key)); - } else if (has2.call(rawTarget, rawKey)) { - return wrap(target.get(rawKey)); - } else if (target !== rawTarget) { - target.get(key); - } -} -function has(key, isReadonly2 = false) { - const target = this["__v_raw"]; - const rawTarget = toRaw(target); - const rawKey = toRaw(key); - if (!isReadonly2) { - if (key !== rawKey) { - track(rawTarget, "has", key); - } - track(rawTarget, "has", rawKey); - } - return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey); -} -function size(target, isReadonly2 = false) { - target = target["__v_raw"]; - !isReadonly2 && track(toRaw(target), "iterate", ITERATE_KEY); - return Reflect.get(target, "size", target); -} -function add(value) { - value = toRaw(value); - const target = toRaw(this); - const proto = getProto(target); - const hadKey = proto.has.call(target, value); - if (!hadKey) { - target.add(value); - trigger(target, "add", value, value); - } - return this; -} -function set(key, value) { - value = toRaw(value); - const target = toRaw(this); - const { has: has2, get: get2 } = getProto(target); - let hadKey = has2.call(target, key); - if (!hadKey) { - key = toRaw(key); - hadKey = has2.call(target, key); - } else if (true) { - checkIdentityKeys(target, has2, key); - } - const oldValue = get2.call(target, key); - target.set(key, value); - if (!hadKey) { - trigger(target, "add", key, value); - } else if (hasChanged(value, oldValue)) { - trigger(target, "set", key, value, oldValue); - } - return this; -} -function deleteEntry(key) { - const target = toRaw(this); - const { has: has2, get: get2 } = getProto(target); - let hadKey = has2.call(target, key); - if (!hadKey) { - key = toRaw(key); - hadKey = has2.call(target, key); - } else if (true) { - checkIdentityKeys(target, has2, key); - } - const oldValue = get2 ? get2.call(target, key) : void 0; - const result = target.delete(key); - if (hadKey) { - trigger(target, "delete", key, void 0, oldValue); - } - return result; -} -function clear() { - const target = toRaw(this); - const hadItems = target.size !== 0; - const oldTarget = true ? isMap(target) ? new Map(target) : new Set(target) : void 0; - const result = target.clear(); - if (hadItems) { - trigger(target, "clear", void 0, void 0, oldTarget); - } - return result; -} -function createForEach(isReadonly2, isShallow3) { - return function forEach(callback, thisArg) { - const observed = this; - const target = observed["__v_raw"]; - const rawTarget = toRaw(target); - const wrap = isShallow3 ? toShallow : isReadonly2 ? toReadonly : toReactive; - !isReadonly2 && track(rawTarget, "iterate", ITERATE_KEY); - return target.forEach((value, key) => { - return callback.call(thisArg, wrap(value), wrap(key), observed); - }); - }; -} -function createIterableMethod(method, isReadonly2, isShallow3) { - return function(...args) { - const target = this["__v_raw"]; - const rawTarget = toRaw(target); - const targetIsMap = isMap(rawTarget); - const isPair = method === "entries" || method === Symbol.iterator && targetIsMap; - const isKeyOnly = method === "keys" && targetIsMap; - const innerIterator = target[method](...args); - const wrap = isShallow3 ? toShallow : isReadonly2 ? toReadonly : toReactive; - !isReadonly2 && track( - rawTarget, - "iterate", - isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY - ); - return { - // iterator protocol - next() { - const { value, done } = innerIterator.next(); - return done ? { value, done } : { - value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value), - done - }; - }, - // iterable protocol - [Symbol.iterator]() { - return this; - } - }; - }; -} -function createReadonlyMethod(type) { - return function(...args) { - if (true) { - const key = args[0] ? `on key "${args[0]}" ` : ``; - console.warn( - `${capitalize(type)} operation ${key}failed: target is readonly.`, - toRaw(this) - ); - } - return type === "delete" ? false : this; - }; -} -function createInstrumentations() { - const mutableInstrumentations2 = { - get(key) { - return get(this, key); - }, - get size() { - return size(this); - }, - has, - add, - set, - delete: deleteEntry, - clear, - forEach: createForEach(false, false) - }; - const shallowInstrumentations2 = { - get(key) { - return get(this, key, false, true); - }, - get size() { - return size(this); - }, - has, - add, - set, - delete: deleteEntry, - clear, - forEach: createForEach(false, true) - }; - const readonlyInstrumentations2 = { - get(key) { - return get(this, key, true); - }, - get size() { - return size(this, true); - }, - has(key) { - return has.call(this, key, true); - }, - add: createReadonlyMethod("add"), - set: createReadonlyMethod("set"), - delete: createReadonlyMethod("delete"), - clear: createReadonlyMethod("clear"), - forEach: createForEach(true, false) - }; - const shallowReadonlyInstrumentations2 = { - get(key) { - return get(this, key, true, true); - }, - get size() { - return size(this, true); - }, - has(key) { - return has.call(this, key, true); - }, - add: createReadonlyMethod("add"), - set: createReadonlyMethod("set"), - delete: createReadonlyMethod("delete"), - clear: createReadonlyMethod("clear"), - forEach: createForEach(true, true) - }; - const iteratorMethods = ["keys", "values", "entries", Symbol.iterator]; - iteratorMethods.forEach((method) => { - mutableInstrumentations2[method] = createIterableMethod( - method, - false, - false - ); - readonlyInstrumentations2[method] = createIterableMethod( - method, - true, - false - ); - shallowInstrumentations2[method] = createIterableMethod( - method, - false, - true - ); - shallowReadonlyInstrumentations2[method] = createIterableMethod( - method, - true, - true - ); - }); - return [ - mutableInstrumentations2, - readonlyInstrumentations2, - shallowInstrumentations2, - shallowReadonlyInstrumentations2 - ]; -} -var [ - mutableInstrumentations, - readonlyInstrumentations, - shallowInstrumentations, - shallowReadonlyInstrumentations -] = createInstrumentations(); -function createInstrumentationGetter(isReadonly2, shallow) { - const instrumentations = shallow ? isReadonly2 ? shallowReadonlyInstrumentations : shallowInstrumentations : isReadonly2 ? readonlyInstrumentations : mutableInstrumentations; - return (target, key, receiver) => { - if (key === "__v_isReactive") { - return !isReadonly2; - } else if (key === "__v_isReadonly") { - return isReadonly2; - } else if (key === "__v_raw") { - return target; - } - return Reflect.get( - hasOwn(instrumentations, key) && key in target ? instrumentations : target, - key, - receiver - ); - }; -} -var mutableCollectionHandlers = { - get: createInstrumentationGetter(false, false) -}; -var shallowCollectionHandlers = { - get: createInstrumentationGetter(false, true) -}; -var readonlyCollectionHandlers = { - get: createInstrumentationGetter(true, false) -}; -var shallowReadonlyCollectionHandlers = { - get: createInstrumentationGetter(true, true) -}; -function checkIdentityKeys(target, has2, key) { - const rawKey = toRaw(key); - if (rawKey !== key && has2.call(target, rawKey)) { - const type = toRawType(target); - console.warn( - `Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.` - ); - } -} -var reactiveMap = /* @__PURE__ */ new WeakMap(); -var shallowReactiveMap = /* @__PURE__ */ new WeakMap(); -var readonlyMap = /* @__PURE__ */ new WeakMap(); -var shallowReadonlyMap = /* @__PURE__ */ new WeakMap(); -function targetTypeMap(rawType) { - switch (rawType) { - case "Object": - case "Array": - return 1; - case "Map": - case "Set": - case "WeakMap": - case "WeakSet": - return 2; - default: - return 0; - } -} -function getTargetType(value) { - return value["__v_skip"] || !Object.isExtensible(value) ? 0 : targetTypeMap(toRawType(value)); -} -function reactive(target) { - if (isReadonly(target)) { - return target; - } - return createReactiveObject( - target, - false, - mutableHandlers, - mutableCollectionHandlers, - reactiveMap - ); -} -function shallowReactive(target) { - return createReactiveObject( - target, - false, - shallowReactiveHandlers, - shallowCollectionHandlers, - shallowReactiveMap - ); -} -function readonly(target) { - return createReactiveObject( - target, - true, - readonlyHandlers, - readonlyCollectionHandlers, - readonlyMap - ); -} -function shallowReadonly(target) { - return createReactiveObject( - target, - true, - shallowReadonlyHandlers, - shallowReadonlyCollectionHandlers, - shallowReadonlyMap - ); -} -function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandlers, proxyMap) { - if (!isObject(target)) { - if (true) { - console.warn(`value cannot be made reactive: ${String(target)}`); - } - return target; - } - if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) { - return target; - } - const existingProxy = proxyMap.get(target); - if (existingProxy) { - return existingProxy; - } - const targetType = getTargetType(target); - if (targetType === 0) { - return target; - } - const proxy = new Proxy( - target, - targetType === 2 ? collectionHandlers : baseHandlers - ); - proxyMap.set(target, proxy); - return proxy; -} -function isReactive(value) { - if (isReadonly(value)) { - return isReactive(value["__v_raw"]); - } - return !!(value && value["__v_isReactive"]); -} -function isReadonly(value) { - return !!(value && value["__v_isReadonly"]); -} -function isShallow(value) { - return !!(value && value["__v_isShallow"]); -} -function isProxy(value) { - return isReactive(value) || isReadonly(value); -} -function toRaw(observed) { - const raw = observed && observed["__v_raw"]; - return raw ? toRaw(raw) : observed; -} -function markRaw(value) { - def(value, "__v_skip", true); - return value; -} -var toReactive = (value) => isObject(value) ? reactive(value) : value; -var toReadonly = (value) => isObject(value) ? readonly(value) : value; -function trackRefValue(ref2) { - if (shouldTrack && activeEffect) { - ref2 = toRaw(ref2); - if (true) { - trackEffects(ref2.dep || (ref2.dep = createDep()), { - target: ref2, - type: "get", - key: "value" - }); - } else { - trackEffects(ref2.dep || (ref2.dep = createDep())); - } - } -} -function triggerRefValue(ref2, newVal) { - ref2 = toRaw(ref2); - const dep = ref2.dep; - if (dep) { - if (true) { - triggerEffects(dep, { - target: ref2, - type: "set", - key: "value", - newValue: newVal - }); - } else { - triggerEffects(dep); - } - } -} -function isRef(r) { - return !!(r && r.__v_isRef === true); -} -function ref(value) { - return createRef(value, false); -} -function shallowRef(value) { - return createRef(value, true); -} -function createRef(rawValue, shallow) { - if (isRef(rawValue)) { - return rawValue; - } - return new RefImpl(rawValue, shallow); -} -var RefImpl = class { - constructor(value, __v_isShallow) { - this.__v_isShallow = __v_isShallow; - this.dep = void 0; - this.__v_isRef = true; - this._rawValue = __v_isShallow ? value : toRaw(value); - this._value = __v_isShallow ? value : toReactive(value); - } - get value() { - trackRefValue(this); - return this._value; - } - set value(newVal) { - const useDirectValue = this.__v_isShallow || isShallow(newVal) || isReadonly(newVal); - newVal = useDirectValue ? newVal : toRaw(newVal); - if (hasChanged(newVal, this._rawValue)) { - this._rawValue = newVal; - this._value = useDirectValue ? newVal : toReactive(newVal); - triggerRefValue(this, newVal); - } - } -}; -function triggerRef(ref2) { - triggerRefValue(ref2, true ? ref2.value : void 0); -} -function unref(ref2) { - return isRef(ref2) ? ref2.value : ref2; -} -function toValue(source) { - return isFunction(source) ? source() : unref(source); -} -var shallowUnwrapHandlers = { - get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)), - set: (target, key, value, receiver) => { - const oldValue = target[key]; - if (isRef(oldValue) && !isRef(value)) { - oldValue.value = value; - return true; - } else { - return Reflect.set(target, key, value, receiver); - } - } -}; -function proxyRefs(objectWithRefs) { - return isReactive(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers); -} -var CustomRefImpl = class { - constructor(factory) { - this.dep = void 0; - this.__v_isRef = true; - const { get: get2, set: set2 } = factory( - () => trackRefValue(this), - () => triggerRefValue(this) - ); - this._get = get2; - this._set = set2; - } - get value() { - return this._get(); - } - set value(newVal) { - this._set(newVal); - } -}; -function customRef(factory) { - return new CustomRefImpl(factory); -} -function toRefs(object) { - if (!isProxy(object)) { - console.warn(`toRefs() expects a reactive object but received a plain one.`); - } - const ret = isArray(object) ? new Array(object.length) : {}; - for (const key in object) { - ret[key] = propertyToRef(object, key); - } - return ret; -} -var ObjectRefImpl = class { - constructor(_object, _key, _defaultValue) { - this._object = _object; - this._key = _key; - this._defaultValue = _defaultValue; - this.__v_isRef = true; - } - get value() { - const val = this._object[this._key]; - return val === void 0 ? this._defaultValue : val; - } - set value(newVal) { - this._object[this._key] = newVal; - } - get dep() { - return getDepFromReactive(toRaw(this._object), this._key); - } -}; -var GetterRefImpl = class { - constructor(_getter) { - this._getter = _getter; - this.__v_isRef = true; - this.__v_isReadonly = true; - } - get value() { - return this._getter(); - } -}; -function toRef(source, key, defaultValue) { - if (isRef(source)) { - return source; - } else if (isFunction(source)) { - return new GetterRefImpl(source); - } else if (isObject(source) && arguments.length > 1) { - return propertyToRef(source, key, defaultValue); - } else { - return ref(source); - } -} -function propertyToRef(source, key, defaultValue) { - const val = source[key]; - return isRef(val) ? val : new ObjectRefImpl( - source, - key, - defaultValue - ); -} -var ComputedRefImpl = class { - constructor(getter, _setter, isReadonly2, isSSR) { - this._setter = _setter; - this.dep = void 0; - this.__v_isRef = true; - this["__v_isReadonly"] = false; - this._dirty = true; - this.effect = new ReactiveEffect(getter, () => { - if (!this._dirty) { - this._dirty = true; - triggerRefValue(this); - } - }); - this.effect.computed = this; - this.effect.active = this._cacheable = !isSSR; - this["__v_isReadonly"] = isReadonly2; - } - get value() { - const self2 = toRaw(this); - trackRefValue(self2); - if (self2._dirty || !self2._cacheable) { - self2._dirty = false; - self2._value = self2.effect.run(); - } - return self2._value; - } - set value(newValue) { - this._setter(newValue); - } -}; -function computed(getterOrOptions, debugOptions, isSSR = false) { - let getter; - let setter; - const onlyGetter = isFunction(getterOrOptions); - if (onlyGetter) { - getter = getterOrOptions; - setter = true ? () => { - console.warn("Write operation failed: computed value is readonly"); - } : NOOP; - } else { - getter = getterOrOptions.get; - setter = getterOrOptions.set; - } - const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter, isSSR); - if (debugOptions && !isSSR) { - cRef.effect.onTrack = debugOptions.onTrack; - cRef.effect.onTrigger = debugOptions.onTrigger; - } - return cRef; -} -var tick = Promise.resolve(); - -// ../node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js -var stack = []; -function pushWarningContext(vnode) { - stack.push(vnode); -} -function popWarningContext() { - stack.pop(); -} -function warn2(msg, ...args) { - if (false) - return; - pauseTracking(); - const instance = stack.length ? stack[stack.length - 1].component : null; - const appWarnHandler = instance && instance.appContext.config.warnHandler; - const trace = getComponentTrace(); - if (appWarnHandler) { - callWithErrorHandling( - appWarnHandler, - instance, - 11, - [ - msg + args.join(""), - instance && instance.proxy, - trace.map( - ({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>` - ).join("\n"), - trace - ] - ); - } else { - const warnArgs = [`[Vue warn]: ${msg}`, ...args]; - if (trace.length && // avoid spamming console during tests - true) { - warnArgs.push(` -`, ...formatTrace(trace)); - } - console.warn(...warnArgs); - } - resetTracking(); -} -function getComponentTrace() { - let currentVNode = stack[stack.length - 1]; - if (!currentVNode) { - return []; - } - const normalizedStack = []; - while (currentVNode) { - const last = normalizedStack[0]; - if (last && last.vnode === currentVNode) { - last.recurseCount++; - } else { - normalizedStack.push({ - vnode: currentVNode, - recurseCount: 0 - }); - } - const parentInstance = currentVNode.component && currentVNode.component.parent; - currentVNode = parentInstance && parentInstance.vnode; - } - return normalizedStack; -} -function formatTrace(trace) { - const logs = []; - trace.forEach((entry, i) => { - logs.push(...i === 0 ? [] : [` -`], ...formatTraceEntry(entry)); - }); - return logs; -} -function formatTraceEntry({ vnode, recurseCount }) { - const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``; - const isRoot = vnode.component ? vnode.component.parent == null : false; - const open = ` at <${formatComponentName( - vnode.component, - vnode.type, - isRoot - )}`; - const close = `>` + postfix; - return vnode.props ? [open, ...formatProps(vnode.props), close] : [open + close]; -} -function formatProps(props) { - const res = []; - const keys = Object.keys(props); - keys.slice(0, 3).forEach((key) => { - res.push(...formatProp(key, props[key])); - }); - if (keys.length > 3) { - res.push(` ...`); - } - return res; -} -function formatProp(key, value, raw) { - if (isString(value)) { - value = JSON.stringify(value); - return raw ? value : [`${key}=${value}`]; - } else if (typeof value === "number" || typeof value === "boolean" || value == null) { - return raw ? value : [`${key}=${value}`]; - } else if (isRef(value)) { - value = formatProp(key, toRaw(value.value), true); - return raw ? value : [`${key}=Ref<`, value, `>`]; - } else if (isFunction(value)) { - return [`${key}=fn${value.name ? `<${value.name}>` : ``}`]; - } else { - value = toRaw(value); - return raw ? value : [`${key}=`, value]; - } -} -function assertNumber(val, type) { - if (false) - return; - if (val === void 0) { - return; - } else if (typeof val !== "number") { - warn2(`${type} is not a valid number - got ${JSON.stringify(val)}.`); - } else if (isNaN(val)) { - warn2(`${type} is NaN - the duration expression might be incorrect.`); - } -} -var ErrorTypeStrings = { - ["sp"]: "serverPrefetch hook", - ["bc"]: "beforeCreate hook", - ["c"]: "created hook", - ["bm"]: "beforeMount hook", - ["m"]: "mounted hook", - ["bu"]: "beforeUpdate hook", - ["u"]: "updated", - ["bum"]: "beforeUnmount hook", - ["um"]: "unmounted hook", - ["a"]: "activated hook", - ["da"]: "deactivated hook", - ["ec"]: "errorCaptured hook", - ["rtc"]: "renderTracked hook", - ["rtg"]: "renderTriggered hook", - [0]: "setup function", - [1]: "render function", - [2]: "watcher getter", - [3]: "watcher callback", - [4]: "watcher cleanup function", - [5]: "native event handler", - [6]: "component event handler", - [7]: "vnode hook", - [8]: "directive hook", - [9]: "transition hook", - [10]: "app errorHandler", - [11]: "app warnHandler", - [12]: "ref function", - [13]: "async component loader", - [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core" -}; -function callWithErrorHandling(fn, instance, type, args) { - let res; - try { - res = args ? fn(...args) : fn(); - } catch (err) { - handleError(err, instance, type); - } - return res; -} -function callWithAsyncErrorHandling(fn, instance, type, args) { - if (isFunction(fn)) { - const res = callWithErrorHandling(fn, instance, type, args); - if (res && isPromise(res)) { - res.catch((err) => { - handleError(err, instance, type); - }); - } - return res; - } - const values = []; - for (let i = 0; i < fn.length; i++) { - values.push(callWithAsyncErrorHandling(fn[i], instance, type, args)); - } - return values; -} -function handleError(err, instance, type, throwInDev = true) { - const contextVNode = instance ? instance.vnode : null; - if (instance) { - let cur = instance.parent; - const exposedInstance = instance.proxy; - const errorInfo = true ? ErrorTypeStrings[type] : type; - while (cur) { - const errorCapturedHooks = cur.ec; - if (errorCapturedHooks) { - for (let i = 0; i < errorCapturedHooks.length; i++) { - if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) { - return; - } - } - } - cur = cur.parent; - } - const appErrorHandler = instance.appContext.config.errorHandler; - if (appErrorHandler) { - callWithErrorHandling( - appErrorHandler, - null, - 10, - [err, exposedInstance, errorInfo] - ); - return; - } - } - logError(err, type, contextVNode, throwInDev); -} -function logError(err, type, contextVNode, throwInDev = true) { - if (true) { - const info = ErrorTypeStrings[type]; - if (contextVNode) { - pushWarningContext(contextVNode); - } - warn2(`Unhandled error${info ? ` during execution of ${info}` : ``}`); - if (contextVNode) { - popWarningContext(); - } - if (throwInDev) { - throw err; - } else { - console.error(err); - } - } else { - console.error(err); - } -} -var isFlushing = false; -var isFlushPending = false; -var queue = []; -var flushIndex = 0; -var pendingPostFlushCbs = []; -var activePostFlushCbs = null; -var postFlushIndex = 0; -var resolvedPromise = Promise.resolve(); -var currentFlushPromise = null; -var RECURSION_LIMIT = 100; -function nextTick(fn) { - const p2 = currentFlushPromise || resolvedPromise; - return fn ? p2.then(this ? fn.bind(this) : fn) : p2; -} -function findInsertionIndex(id) { - let start = flushIndex + 1; - let end = queue.length; - while (start < end) { - const middle = start + end >>> 1; - const middleJobId = getId(queue[middle]); - middleJobId < id ? start = middle + 1 : end = middle; - } - return start; -} -function queueJob(job) { - if (!queue.length || !queue.includes( - job, - isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex - )) { - if (job.id == null) { - queue.push(job); - } else { - queue.splice(findInsertionIndex(job.id), 0, job); - } - queueFlush(); - } -} -function queueFlush() { - if (!isFlushing && !isFlushPending) { - isFlushPending = true; - currentFlushPromise = resolvedPromise.then(flushJobs); - } -} -function invalidateJob(job) { - const i = queue.indexOf(job); - if (i > flushIndex) { - queue.splice(i, 1); - } -} -function queuePostFlushCb(cb) { - if (!isArray(cb)) { - if (!activePostFlushCbs || !activePostFlushCbs.includes( - cb, - cb.allowRecurse ? postFlushIndex + 1 : postFlushIndex - )) { - pendingPostFlushCbs.push(cb); - } - } else { - pendingPostFlushCbs.push(...cb); - } - queueFlush(); -} -function flushPreFlushCbs(seen, i = isFlushing ? flushIndex + 1 : 0) { - if (true) { - seen = seen || /* @__PURE__ */ new Map(); - } - for (; i < queue.length; i++) { - const cb = queue[i]; - if (cb && cb.pre) { - if (checkRecursiveUpdates(seen, cb)) { - continue; - } - queue.splice(i, 1); - i--; - cb(); - } - } -} -function flushPostFlushCbs(seen) { - if (pendingPostFlushCbs.length) { - const deduped = [...new Set(pendingPostFlushCbs)]; - pendingPostFlushCbs.length = 0; - if (activePostFlushCbs) { - activePostFlushCbs.push(...deduped); - return; - } - activePostFlushCbs = deduped; - if (true) { - seen = seen || /* @__PURE__ */ new Map(); - } - activePostFlushCbs.sort((a, b) => getId(a) - getId(b)); - for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) { - if (checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) { - continue; - } - activePostFlushCbs[postFlushIndex](); - } - activePostFlushCbs = null; - postFlushIndex = 0; - } -} -var getId = (job) => job.id == null ? Infinity : job.id; -var comparator = (a, b) => { - const diff = getId(a) - getId(b); - if (diff === 0) { - if (a.pre && !b.pre) - return -1; - if (b.pre && !a.pre) - return 1; - } - return diff; -}; -function flushJobs(seen) { - isFlushPending = false; - isFlushing = true; - if (true) { - seen = seen || /* @__PURE__ */ new Map(); - } - queue.sort(comparator); - const check = true ? (job) => checkRecursiveUpdates(seen, job) : NOOP; - try { - for (flushIndex = 0; flushIndex < queue.length; flushIndex++) { - const job = queue[flushIndex]; - if (job && job.active !== false) { - if (check(job)) { - continue; - } - callWithErrorHandling(job, null, 14); - } - } - } finally { - flushIndex = 0; - queue.length = 0; - flushPostFlushCbs(seen); - isFlushing = false; - currentFlushPromise = null; - if (queue.length || pendingPostFlushCbs.length) { - flushJobs(seen); - } - } -} -function checkRecursiveUpdates(seen, fn) { - if (!seen.has(fn)) { - seen.set(fn, 1); - } else { - const count = seen.get(fn); - if (count > RECURSION_LIMIT) { - const instance = fn.ownerInstance; - const componentName = instance && getComponentName(instance.type); - warn2( - `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.` - ); - return true; - } else { - seen.set(fn, count + 1); - } - } -} -var isHmrUpdating = false; -var hmrDirtyComponents = /* @__PURE__ */ new Set(); -if (true) { - getGlobalThis().__VUE_HMR_RUNTIME__ = { - createRecord: tryWrap(createRecord), - rerender: tryWrap(rerender), - reload: tryWrap(reload) - }; -} -var map = /* @__PURE__ */ new Map(); -function registerHMR(instance) { - const id = instance.type.__hmrId; - let record = map.get(id); - if (!record) { - createRecord(id, instance.type); - record = map.get(id); - } - record.instances.add(instance); -} -function unregisterHMR(instance) { - map.get(instance.type.__hmrId).instances.delete(instance); -} -function createRecord(id, initialDef) { - if (map.has(id)) { - return false; - } - map.set(id, { - initialDef: normalizeClassComponent(initialDef), - instances: /* @__PURE__ */ new Set() - }); - return true; -} -function normalizeClassComponent(component) { - return isClassComponent(component) ? component.__vccOpts : component; -} -function rerender(id, newRender) { - const record = map.get(id); - if (!record) { - return; - } - record.initialDef.render = newRender; - [...record.instances].forEach((instance) => { - if (newRender) { - instance.render = newRender; - normalizeClassComponent(instance.type).render = newRender; - } - instance.renderCache = []; - isHmrUpdating = true; - instance.update(); - isHmrUpdating = false; - }); -} -function reload(id, newComp) { - const record = map.get(id); - if (!record) - return; - newComp = normalizeClassComponent(newComp); - updateComponentDef(record.initialDef, newComp); - const instances = [...record.instances]; - for (const instance of instances) { - const oldComp = normalizeClassComponent(instance.type); - if (!hmrDirtyComponents.has(oldComp)) { - if (oldComp !== record.initialDef) { - updateComponentDef(oldComp, newComp); - } - hmrDirtyComponents.add(oldComp); - } - instance.appContext.propsCache.delete(instance.type); - instance.appContext.emitsCache.delete(instance.type); - instance.appContext.optionsCache.delete(instance.type); - if (instance.ceReload) { - hmrDirtyComponents.add(oldComp); - instance.ceReload(newComp.styles); - hmrDirtyComponents.delete(oldComp); - } else if (instance.parent) { - queueJob(instance.parent.update); - } else if (instance.appContext.reload) { - instance.appContext.reload(); - } else if (typeof window !== "undefined") { - window.location.reload(); - } else { - console.warn( - "[HMR] Root or manually mounted instance modified. Full reload required." - ); - } - } - queuePostFlushCb(() => { - for (const instance of instances) { - hmrDirtyComponents.delete( - normalizeClassComponent(instance.type) - ); - } - }); -} -function updateComponentDef(oldComp, newComp) { - extend(oldComp, newComp); - for (const key in oldComp) { - if (key !== "__file" && !(key in newComp)) { - delete oldComp[key]; - } - } -} -function tryWrap(fn) { - return (id, arg) => { - try { - return fn(id, arg); - } catch (e) { - console.error(e); - console.warn( - `[HMR] Something went wrong during Vue component hot-reload. Full reload required.` - ); - } - }; -} -var devtools; -var buffer = []; -var devtoolsNotInstalled = false; -function emit$1(event, ...args) { - if (devtools) { - devtools.emit(event, ...args); - } else if (!devtoolsNotInstalled) { - buffer.push({ event, args }); - } -} -function setDevtoolsHook(hook, target) { - var _a, _b; - devtools = hook; - if (devtools) { - devtools.enabled = true; - buffer.forEach(({ event, args }) => devtools.emit(event, ...args)); - buffer = []; - } else if ( - // handle late devtools injection - only do this if we are in an actual - // browser environment to avoid the timer handle stalling test runner exit - // (#4815) - typeof window !== "undefined" && // some envs mock window but not fully - window.HTMLElement && // also exclude jsdom - !((_b = (_a = window.navigator) == null ? void 0 : _a.userAgent) == null ? void 0 : _b.includes("jsdom")) - ) { - const replay = target.__VUE_DEVTOOLS_HOOK_REPLAY__ = target.__VUE_DEVTOOLS_HOOK_REPLAY__ || []; - replay.push((newHook) => { - setDevtoolsHook(newHook, target); - }); - setTimeout(() => { - if (!devtools) { - target.__VUE_DEVTOOLS_HOOK_REPLAY__ = null; - devtoolsNotInstalled = true; - buffer = []; - } - }, 3e3); - } else { - devtoolsNotInstalled = true; - buffer = []; - } -} -function devtoolsInitApp(app, version2) { - emit$1("app:init", app, version2, { - Fragment, - Text, - Comment, - Static - }); -} -function devtoolsUnmountApp(app) { - emit$1("app:unmount", app); -} -var devtoolsComponentAdded = createDevtoolsComponentHook( - "component:added" - /* COMPONENT_ADDED */ -); -var devtoolsComponentUpdated = createDevtoolsComponentHook( - "component:updated" - /* COMPONENT_UPDATED */ -); -var _devtoolsComponentRemoved = createDevtoolsComponentHook( - "component:removed" - /* COMPONENT_REMOVED */ -); -var devtoolsComponentRemoved = (component) => { - if (devtools && typeof devtools.cleanupBuffer === "function" && // remove the component if it wasn't buffered - !devtools.cleanupBuffer(component)) { - _devtoolsComponentRemoved(component); - } -}; -function createDevtoolsComponentHook(hook) { - return (component) => { - emit$1( - hook, - component.appContext.app, - component.uid, - component.parent ? component.parent.uid : void 0, - component - ); - }; -} -var devtoolsPerfStart = createDevtoolsPerformanceHook( - "perf:start" - /* PERFORMANCE_START */ -); -var devtoolsPerfEnd = createDevtoolsPerformanceHook( - "perf:end" - /* PERFORMANCE_END */ -); -function createDevtoolsPerformanceHook(hook) { - return (component, type, time) => { - emit$1(hook, component.appContext.app, component.uid, component, type, time); - }; -} -function devtoolsComponentEmit(component, event, params) { - emit$1( - "component:emit", - component.appContext.app, - component, - event, - params - ); -} -function emit(instance, event, ...rawArgs) { - if (instance.isUnmounted) - return; - const props = instance.vnode.props || EMPTY_OBJ; - if (true) { - const { - emitsOptions, - propsOptions: [propsOptions] - } = instance; - if (emitsOptions) { - if (!(event in emitsOptions) && true) { - if (!propsOptions || !(toHandlerKey(event) in propsOptions)) { - warn2( - `Component emitted event "${event}" but it is neither declared in the emits option nor as an "${toHandlerKey(event)}" prop.` - ); - } - } else { - const validator = emitsOptions[event]; - if (isFunction(validator)) { - const isValid = validator(...rawArgs); - if (!isValid) { - warn2( - `Invalid event arguments: event validation failed for event "${event}".` - ); - } - } - } - } - } - let args = rawArgs; - const isModelListener2 = event.startsWith("update:"); - const modelArg = isModelListener2 && event.slice(7); - if (modelArg && modelArg in props) { - const modifiersKey = `${modelArg === "modelValue" ? "model" : modelArg}Modifiers`; - const { number, trim } = props[modifiersKey] || EMPTY_OBJ; - if (trim) { - args = rawArgs.map((a) => isString(a) ? a.trim() : a); - } - if (number) { - args = rawArgs.map(looseToNumber); - } - } - if (true) { - devtoolsComponentEmit(instance, event, args); - } - if (true) { - const lowerCaseEvent = event.toLowerCase(); - if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) { - warn2( - `Event "${lowerCaseEvent}" is emitted in component ${formatComponentName( - instance, - instance.type - )} but the handler is registered for "${event}". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "${hyphenate(event)}" instead of "${event}".` - ); - } - } - let handlerName; - let handler = props[handlerName = toHandlerKey(event)] || // also try camelCase event handler (#2249) - props[handlerName = toHandlerKey(camelize(event))]; - if (!handler && isModelListener2) { - handler = props[handlerName = toHandlerKey(hyphenate(event))]; - } - if (handler) { - callWithAsyncErrorHandling( - handler, - instance, - 6, - args - ); - } - const onceHandler = props[handlerName + `Once`]; - if (onceHandler) { - if (!instance.emitted) { - instance.emitted = {}; - } else if (instance.emitted[handlerName]) { - return; - } - instance.emitted[handlerName] = true; - callWithAsyncErrorHandling( - onceHandler, - instance, - 6, - args - ); - } -} -function normalizeEmitsOptions(comp, appContext, asMixin = false) { - const cache = appContext.emitsCache; - const cached = cache.get(comp); - if (cached !== void 0) { - return cached; - } - const raw = comp.emits; - let normalized = {}; - let hasExtends = false; - if (__VUE_OPTIONS_API__ && !isFunction(comp)) { - const extendEmits = (raw2) => { - const normalizedFromExtend = normalizeEmitsOptions(raw2, appContext, true); - if (normalizedFromExtend) { - hasExtends = true; - extend(normalized, normalizedFromExtend); - } - }; - if (!asMixin && appContext.mixins.length) { - appContext.mixins.forEach(extendEmits); - } - if (comp.extends) { - extendEmits(comp.extends); - } - if (comp.mixins) { - comp.mixins.forEach(extendEmits); - } - } - if (!raw && !hasExtends) { - if (isObject(comp)) { - cache.set(comp, null); - } - return null; - } - if (isArray(raw)) { - raw.forEach((key) => normalized[key] = null); - } else { - extend(normalized, raw); - } - if (isObject(comp)) { - cache.set(comp, normalized); - } - return normalized; -} -function isEmitListener(options, key) { - if (!options || !isOn(key)) { - return false; - } - key = key.slice(2).replace(/Once$/, ""); - return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key); -} -var currentRenderingInstance = null; -var currentScopeId = null; -function setCurrentRenderingInstance(instance) { - const prev = currentRenderingInstance; - currentRenderingInstance = instance; - currentScopeId = instance && instance.type.__scopeId || null; - return prev; -} -function pushScopeId(id) { - currentScopeId = id; -} -function popScopeId() { - currentScopeId = null; -} -var withScopeId = (_id) => withCtx; -function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) { - if (!ctx) - return fn; - if (fn._n) { - return fn; - } - const renderFnWithContext = (...args) => { - if (renderFnWithContext._d) { - setBlockTracking(-1); - } - const prevInstance = setCurrentRenderingInstance(ctx); - let res; - try { - res = fn(...args); - } finally { - setCurrentRenderingInstance(prevInstance); - if (renderFnWithContext._d) { - setBlockTracking(1); - } - } - if (true) { - devtoolsComponentUpdated(ctx); - } - return res; - }; - renderFnWithContext._n = true; - renderFnWithContext._c = true; - renderFnWithContext._d = true; - return renderFnWithContext; -} -var accessedAttrs = false; -function markAttrsAccessed() { - accessedAttrs = true; -} -function renderComponentRoot(instance) { - const { - type: Component, - vnode, - proxy, - withProxy, - props, - propsOptions: [propsOptions], - slots, - attrs, - emit: emit2, - render: render2, - renderCache, - data, - setupState, - ctx, - inheritAttrs - } = instance; - let result; - let fallthroughAttrs; - const prev = setCurrentRenderingInstance(instance); - if (true) { - accessedAttrs = false; - } - try { - if (vnode.shapeFlag & 4) { - const proxyToUse = withProxy || proxy; - result = normalizeVNode( - render2.call( - proxyToUse, - proxyToUse, - renderCache, - props, - setupState, - data, - ctx - ) - ); - fallthroughAttrs = attrs; - } else { - const render22 = Component; - if (attrs === props) { - markAttrsAccessed(); - } - result = normalizeVNode( - render22.length > 1 ? render22( - props, - true ? { - get attrs() { - markAttrsAccessed(); - return attrs; - }, - slots, - emit: emit2 - } : { attrs, slots, emit: emit2 } - ) : render22( - props, - null - /* we know it doesn't need it */ - ) - ); - fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs); - } - } catch (err) { - blockStack.length = 0; - handleError(err, instance, 1); - result = createVNode(Comment); - } - let root = result; - let setRoot = void 0; - if (result.patchFlag > 0 && result.patchFlag & 2048) { - [root, setRoot] = getChildRoot(result); - } - if (fallthroughAttrs && inheritAttrs !== false) { - const keys = Object.keys(fallthroughAttrs); - const { shapeFlag } = root; - if (keys.length) { - if (shapeFlag & (1 | 6)) { - if (propsOptions && keys.some(isModelListener)) { - fallthroughAttrs = filterModelListeners( - fallthroughAttrs, - propsOptions - ); - } - root = cloneVNode(root, fallthroughAttrs); - } else if (!accessedAttrs && root.type !== Comment) { - const allAttrs = Object.keys(attrs); - const eventAttrs = []; - const extraAttrs = []; - for (let i = 0, l = allAttrs.length; i < l; i++) { - const key = allAttrs[i]; - if (isOn(key)) { - if (!isModelListener(key)) { - eventAttrs.push(key[2].toLowerCase() + key.slice(3)); - } - } else { - extraAttrs.push(key); - } - } - if (extraAttrs.length) { - warn2( - `Extraneous non-props attributes (${extraAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.` - ); - } - if (eventAttrs.length) { - warn2( - `Extraneous non-emits event listeners (${eventAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.` - ); - } - } - } - } - if (vnode.dirs) { - if (!isElementRoot(root)) { - warn2( - `Runtime directive used on component with non-element root node. The directives will not function as intended.` - ); - } - root = cloneVNode(root); - root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs; - } - if (vnode.transition) { - if (!isElementRoot(root)) { - warn2( - `Component inside renders non-element root node that cannot be animated.` - ); - } - root.transition = vnode.transition; - } - if (setRoot) { - setRoot(root); - } else { - result = root; - } - setCurrentRenderingInstance(prev); - return result; -} -var getChildRoot = (vnode) => { - const rawChildren = vnode.children; - const dynamicChildren = vnode.dynamicChildren; - const childRoot = filterSingleRoot(rawChildren); - if (!childRoot) { - return [vnode, void 0]; - } - const index = rawChildren.indexOf(childRoot); - const dynamicIndex = dynamicChildren ? dynamicChildren.indexOf(childRoot) : -1; - const setRoot = (updatedRoot) => { - rawChildren[index] = updatedRoot; - if (dynamicChildren) { - if (dynamicIndex > -1) { - dynamicChildren[dynamicIndex] = updatedRoot; - } else if (updatedRoot.patchFlag > 0) { - vnode.dynamicChildren = [...dynamicChildren, updatedRoot]; - } - } - }; - return [normalizeVNode(childRoot), setRoot]; -}; -function filterSingleRoot(children) { - let singleRoot; - for (let i = 0; i < children.length; i++) { - const child = children[i]; - if (isVNode(child)) { - if (child.type !== Comment || child.children === "v-if") { - if (singleRoot) { - return; - } else { - singleRoot = child; - } - } - } else { - return; - } - } - return singleRoot; -} -var getFunctionalFallthrough = (attrs) => { - let res; - for (const key in attrs) { - if (key === "class" || key === "style" || isOn(key)) { - (res || (res = {}))[key] = attrs[key]; - } - } - return res; -}; -var filterModelListeners = (attrs, props) => { - const res = {}; - for (const key in attrs) { - if (!isModelListener(key) || !(key.slice(9) in props)) { - res[key] = attrs[key]; - } - } - return res; -}; -var isElementRoot = (vnode) => { - return vnode.shapeFlag & (6 | 1) || vnode.type === Comment; -}; -function shouldUpdateComponent(prevVNode, nextVNode, optimized) { - const { props: prevProps, children: prevChildren, component } = prevVNode; - const { props: nextProps, children: nextChildren, patchFlag } = nextVNode; - const emits = component.emitsOptions; - if ((prevChildren || nextChildren) && isHmrUpdating) { - return true; - } - if (nextVNode.dirs || nextVNode.transition) { - return true; - } - if (optimized && patchFlag >= 0) { - if (patchFlag & 1024) { - return true; - } - if (patchFlag & 16) { - if (!prevProps) { - return !!nextProps; - } - return hasPropsChanged(prevProps, nextProps, emits); - } else if (patchFlag & 8) { - const dynamicProps = nextVNode.dynamicProps; - for (let i = 0; i < dynamicProps.length; i++) { - const key = dynamicProps[i]; - if (nextProps[key] !== prevProps[key] && !isEmitListener(emits, key)) { - return true; - } - } - } - } else { - if (prevChildren || nextChildren) { - if (!nextChildren || !nextChildren.$stable) { - return true; - } - } - if (prevProps === nextProps) { - return false; - } - if (!prevProps) { - return !!nextProps; - } - if (!nextProps) { - return true; - } - return hasPropsChanged(prevProps, nextProps, emits); - } - return false; -} -function hasPropsChanged(prevProps, nextProps, emitsOptions) { - const nextKeys = Object.keys(nextProps); - if (nextKeys.length !== Object.keys(prevProps).length) { - return true; - } - for (let i = 0; i < nextKeys.length; i++) { - const key = nextKeys[i]; - if (nextProps[key] !== prevProps[key] && !isEmitListener(emitsOptions, key)) { - return true; - } - } - return false; -} -function updateHOCHostEl({ vnode, parent }, el) { - while (parent && parent.subTree === vnode) { - (vnode = parent.vnode).el = el; - parent = parent.parent; - } -} -var isSuspense = (type) => type.__isSuspense; -var SuspenseImpl = { - name: "Suspense", - // In order to make Suspense tree-shakable, we need to avoid importing it - // directly in the renderer. The renderer checks for the __isSuspense flag - // on a vnode's type and calls the `process` method, passing in renderer - // internals. - __isSuspense: true, - process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) { - if (n1 == null) { - mountSuspense( - n2, - container, - anchor, - parentComponent, - parentSuspense, - isSVG, - slotScopeIds, - optimized, - rendererInternals - ); - } else { - patchSuspense( - n1, - n2, - container, - anchor, - parentComponent, - isSVG, - slotScopeIds, - optimized, - rendererInternals - ); - } - }, - hydrate: hydrateSuspense, - create: createSuspenseBoundary, - normalize: normalizeSuspenseChildren -}; -var Suspense = SuspenseImpl; -function triggerEvent(vnode, name) { - const eventListener = vnode.props && vnode.props[name]; - if (isFunction(eventListener)) { - eventListener(); - } -} -function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) { - const { - p: patch, - o: { createElement } - } = rendererInternals; - const hiddenContainer = createElement("div"); - const suspense = vnode.suspense = createSuspenseBoundary( - vnode, - parentSuspense, - parentComponent, - container, - hiddenContainer, - anchor, - isSVG, - slotScopeIds, - optimized, - rendererInternals - ); - patch( - null, - suspense.pendingBranch = vnode.ssContent, - hiddenContainer, - null, - parentComponent, - suspense, - isSVG, - slotScopeIds - ); - if (suspense.deps > 0) { - triggerEvent(vnode, "onPending"); - triggerEvent(vnode, "onFallback"); - patch( - null, - vnode.ssFallback, - container, - anchor, - parentComponent, - null, - // fallback tree will not have suspense context - isSVG, - slotScopeIds - ); - setActiveBranch(suspense, vnode.ssFallback); - } else { - suspense.resolve(false, true); - } -} -function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) { - const suspense = n2.suspense = n1.suspense; - suspense.vnode = n2; - n2.el = n1.el; - const newBranch = n2.ssContent; - const newFallback = n2.ssFallback; - const { activeBranch, pendingBranch, isInFallback, isHydrating } = suspense; - if (pendingBranch) { - suspense.pendingBranch = newBranch; - if (isSameVNodeType(newBranch, pendingBranch)) { - patch( - pendingBranch, - newBranch, - suspense.hiddenContainer, - null, - parentComponent, - suspense, - isSVG, - slotScopeIds, - optimized - ); - if (suspense.deps <= 0) { - suspense.resolve(); - } else if (isInFallback) { - patch( - activeBranch, - newFallback, - container, - anchor, - parentComponent, - null, - // fallback tree will not have suspense context - isSVG, - slotScopeIds, - optimized - ); - setActiveBranch(suspense, newFallback); - } - } else { - suspense.pendingId++; - if (isHydrating) { - suspense.isHydrating = false; - suspense.activeBranch = pendingBranch; - } else { - unmount(pendingBranch, parentComponent, suspense); - } - suspense.deps = 0; - suspense.effects.length = 0; - suspense.hiddenContainer = createElement("div"); - if (isInFallback) { - patch( - null, - newBranch, - suspense.hiddenContainer, - null, - parentComponent, - suspense, - isSVG, - slotScopeIds, - optimized - ); - if (suspense.deps <= 0) { - suspense.resolve(); - } else { - patch( - activeBranch, - newFallback, - container, - anchor, - parentComponent, - null, - // fallback tree will not have suspense context - isSVG, - slotScopeIds, - optimized - ); - setActiveBranch(suspense, newFallback); - } - } else if (activeBranch && isSameVNodeType(newBranch, activeBranch)) { - patch( - activeBranch, - newBranch, - container, - anchor, - parentComponent, - suspense, - isSVG, - slotScopeIds, - optimized - ); - suspense.resolve(true); - } else { - patch( - null, - newBranch, - suspense.hiddenContainer, - null, - parentComponent, - suspense, - isSVG, - slotScopeIds, - optimized - ); - if (suspense.deps <= 0) { - suspense.resolve(); - } - } - } - } else { - if (activeBranch && isSameVNodeType(newBranch, activeBranch)) { - patch( - activeBranch, - newBranch, - container, - anchor, - parentComponent, - suspense, - isSVG, - slotScopeIds, - optimized - ); - setActiveBranch(suspense, newBranch); - } else { - triggerEvent(n2, "onPending"); - suspense.pendingBranch = newBranch; - suspense.pendingId++; - patch( - null, - newBranch, - suspense.hiddenContainer, - null, - parentComponent, - suspense, - isSVG, - slotScopeIds, - optimized - ); - if (suspense.deps <= 0) { - suspense.resolve(); - } else { - const { timeout, pendingId } = suspense; - if (timeout > 0) { - setTimeout(() => { - if (suspense.pendingId === pendingId) { - suspense.fallback(newFallback); - } - }, timeout); - } else if (timeout === 0) { - suspense.fallback(newFallback); - } - } - } - } -} -var hasWarned = false; -function createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) { - if (!hasWarned) { - hasWarned = true; - console[console.info ? "info" : "log"]( - ` is an experimental feature and its API will likely change.` - ); - } - const { - p: patch, - m: move, - um: unmount, - n: next, - o: { parentNode, remove: remove2 } - } = rendererInternals; - let parentSuspenseId; - const isSuspensible = isVNodeSuspensible(vnode); - if (isSuspensible) { - if (parentSuspense == null ? void 0 : parentSuspense.pendingBranch) { - parentSuspenseId = parentSuspense.pendingId; - parentSuspense.deps++; - } - } - const timeout = vnode.props ? toNumber(vnode.props.timeout) : void 0; - if (true) { - assertNumber(timeout, `Suspense timeout`); - } - const suspense = { - vnode, - parent: parentSuspense, - parentComponent, - isSVG, - container, - hiddenContainer, - anchor, - deps: 0, - pendingId: 0, - timeout: typeof timeout === "number" ? timeout : -1, - activeBranch: null, - pendingBranch: null, - isInFallback: true, - isHydrating, - isUnmounted: false, - effects: [], - resolve(resume = false, sync = false) { - if (true) { - if (!resume && !suspense.pendingBranch) { - throw new Error( - `suspense.resolve() is called without a pending branch.` - ); - } - if (suspense.isUnmounted) { - throw new Error( - `suspense.resolve() is called on an already unmounted suspense boundary.` - ); - } - } - const { - vnode: vnode2, - activeBranch, - pendingBranch, - pendingId, - effects, - parentComponent: parentComponent2, - container: container2 - } = suspense; - if (suspense.isHydrating) { - suspense.isHydrating = false; - } else if (!resume) { - const delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === "out-in"; - if (delayEnter) { - activeBranch.transition.afterLeave = () => { - if (pendingId === suspense.pendingId) { - move(pendingBranch, container2, anchor2, 0); - } - }; - } - let { anchor: anchor2 } = suspense; - if (activeBranch) { - anchor2 = next(activeBranch); - unmount(activeBranch, parentComponent2, suspense, true); - } - if (!delayEnter) { - move(pendingBranch, container2, anchor2, 0); - } - } - setActiveBranch(suspense, pendingBranch); - suspense.pendingBranch = null; - suspense.isInFallback = false; - let parent = suspense.parent; - let hasUnresolvedAncestor = false; - while (parent) { - if (parent.pendingBranch) { - parent.effects.push(...effects); - hasUnresolvedAncestor = true; - break; - } - parent = parent.parent; - } - if (!hasUnresolvedAncestor) { - queuePostFlushCb(effects); - } - suspense.effects = []; - if (isSuspensible) { - if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) { - parentSuspense.deps--; - if (parentSuspense.deps === 0 && !sync) { - parentSuspense.resolve(); - } - } - } - triggerEvent(vnode2, "onResolve"); - }, - fallback(fallbackVNode) { - if (!suspense.pendingBranch) { - return; - } - const { vnode: vnode2, activeBranch, parentComponent: parentComponent2, container: container2, isSVG: isSVG2 } = suspense; - triggerEvent(vnode2, "onFallback"); - const anchor2 = next(activeBranch); - const mountFallback = () => { - if (!suspense.isInFallback) { - return; - } - patch( - null, - fallbackVNode, - container2, - anchor2, - parentComponent2, - null, - // fallback tree will not have suspense context - isSVG2, - slotScopeIds, - optimized - ); - setActiveBranch(suspense, fallbackVNode); - }; - const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === "out-in"; - if (delayEnter) { - activeBranch.transition.afterLeave = mountFallback; - } - suspense.isInFallback = true; - unmount( - activeBranch, - parentComponent2, - null, - // no suspense so unmount hooks fire now - true - // shouldRemove - ); - if (!delayEnter) { - mountFallback(); - } - }, - move(container2, anchor2, type) { - suspense.activeBranch && move(suspense.activeBranch, container2, anchor2, type); - suspense.container = container2; - }, - next() { - return suspense.activeBranch && next(suspense.activeBranch); - }, - registerDep(instance, setupRenderEffect) { - const isInPendingSuspense = !!suspense.pendingBranch; - if (isInPendingSuspense) { - suspense.deps++; - } - const hydratedEl = instance.vnode.el; - instance.asyncDep.catch((err) => { - handleError(err, instance, 0); - }).then((asyncSetupResult) => { - if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) { - return; - } - instance.asyncResolved = true; - const { vnode: vnode2 } = instance; - if (true) { - pushWarningContext(vnode2); - } - handleSetupResult(instance, asyncSetupResult, false); - if (hydratedEl) { - vnode2.el = hydratedEl; - } - const placeholder = !hydratedEl && instance.subTree.el; - setupRenderEffect( - instance, - vnode2, - // component may have been moved before resolve. - // if this is not a hydration, instance.subTree will be the comment - // placeholder. - parentNode(hydratedEl || instance.subTree.el), - // anchor will not be used if this is hydration, so only need to - // consider the comment placeholder case. - hydratedEl ? null : next(instance.subTree), - suspense, - isSVG, - optimized - ); - if (placeholder) { - remove2(placeholder); - } - updateHOCHostEl(instance, vnode2.el); - if (true) { - popWarningContext(); - } - if (isInPendingSuspense && --suspense.deps === 0) { - suspense.resolve(); - } - }); - }, - unmount(parentSuspense2, doRemove) { - suspense.isUnmounted = true; - if (suspense.activeBranch) { - unmount( - suspense.activeBranch, - parentComponent, - parentSuspense2, - doRemove - ); - } - if (suspense.pendingBranch) { - unmount( - suspense.pendingBranch, - parentComponent, - parentSuspense2, - doRemove - ); - } - } - }; - return suspense; -} -function hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals, hydrateNode) { - const suspense = vnode.suspense = createSuspenseBoundary( - vnode, - parentSuspense, - parentComponent, - node.parentNode, - document.createElement("div"), - null, - isSVG, - slotScopeIds, - optimized, - rendererInternals, - true - /* hydrating */ - ); - const result = hydrateNode( - node, - suspense.pendingBranch = vnode.ssContent, - parentComponent, - suspense, - slotScopeIds, - optimized - ); - if (suspense.deps === 0) { - suspense.resolve(false, true); - } - return result; -} -function normalizeSuspenseChildren(vnode) { - const { shapeFlag, children } = vnode; - const isSlotChildren = shapeFlag & 32; - vnode.ssContent = normalizeSuspenseSlot( - isSlotChildren ? children.default : children - ); - vnode.ssFallback = isSlotChildren ? normalizeSuspenseSlot(children.fallback) : createVNode(Comment); -} -function normalizeSuspenseSlot(s) { - let block; - if (isFunction(s)) { - const trackBlock = isBlockTreeEnabled && s._c; - if (trackBlock) { - s._d = false; - openBlock(); - } - s = s(); - if (trackBlock) { - s._d = true; - block = currentBlock; - closeBlock(); - } - } - if (isArray(s)) { - const singleChild = filterSingleRoot(s); - if (!singleChild) { - warn2(` slots expect a single root node.`); - } - s = singleChild; - } - s = normalizeVNode(s); - if (block && !s.dynamicChildren) { - s.dynamicChildren = block.filter((c) => c !== s); - } - return s; -} -function queueEffectWithSuspense(fn, suspense) { - if (suspense && suspense.pendingBranch) { - if (isArray(fn)) { - suspense.effects.push(...fn); - } else { - suspense.effects.push(fn); - } - } else { - queuePostFlushCb(fn); - } -} -function setActiveBranch(suspense, branch) { - suspense.activeBranch = branch; - const { vnode, parentComponent } = suspense; - const el = vnode.el = branch.el; - if (parentComponent && parentComponent.subTree === vnode) { - parentComponent.vnode.el = el; - updateHOCHostEl(parentComponent, el); - } -} -function isVNodeSuspensible(vnode) { - var _a; - return ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false; -} -function watchEffect(effect2, options) { - return doWatch(effect2, null, options); -} -function watchPostEffect(effect2, options) { - return doWatch( - effect2, - null, - true ? extend({}, options, { flush: "post" }) : { flush: "post" } - ); -} -function watchSyncEffect(effect2, options) { - return doWatch( - effect2, - null, - true ? extend({}, options, { flush: "sync" }) : { flush: "sync" } - ); -} -var INITIAL_WATCHER_VALUE = {}; -function watch(source, cb, options) { - if (!isFunction(cb)) { - warn2( - `\`watch(fn, options?)\` signature has been moved to a separate API. Use \`watchEffect(fn, options?)\` instead. \`watch\` now only supports \`watch(source, cb, options?) signature.` - ); - } - return doWatch(source, cb, options); -} -function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) { - var _a; - if (!cb) { - if (immediate !== void 0) { - warn2( - `watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.` - ); - } - if (deep !== void 0) { - warn2( - `watch() "deep" option is only respected when using the watch(source, callback, options?) signature.` - ); - } - } - const warnInvalidSource = (s) => { - warn2( - `Invalid watch source: `, - s, - `A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.` - ); - }; - const instance = getCurrentScope() === ((_a = currentInstance) == null ? void 0 : _a.scope) ? currentInstance : null; - let getter; - let forceTrigger = false; - let isMultiSource = false; - if (isRef(source)) { - getter = () => source.value; - forceTrigger = isShallow(source); - } else if (isReactive(source)) { - getter = () => source; - deep = true; - } else if (isArray(source)) { - isMultiSource = true; - forceTrigger = source.some((s) => isReactive(s) || isShallow(s)); - getter = () => source.map((s) => { - if (isRef(s)) { - return s.value; - } else if (isReactive(s)) { - return traverse(s); - } else if (isFunction(s)) { - return callWithErrorHandling(s, instance, 2); - } else { - warnInvalidSource(s); - } - }); - } else if (isFunction(source)) { - if (cb) { - getter = () => callWithErrorHandling(source, instance, 2); - } else { - getter = () => { - if (instance && instance.isUnmounted) { - return; - } - if (cleanup) { - cleanup(); - } - return callWithAsyncErrorHandling( - source, - instance, - 3, - [onCleanup] - ); - }; - } - } else { - getter = NOOP; - warnInvalidSource(source); - } - if (cb && deep) { - const baseGetter = getter; - getter = () => traverse(baseGetter()); - } - let cleanup; - let onCleanup = (fn) => { - cleanup = effect2.onStop = () => { - callWithErrorHandling(fn, instance, 4); - }; - }; - let ssrCleanup; - if (isInSSRComponentSetup) { - onCleanup = NOOP; - if (!cb) { - getter(); - } else if (immediate) { - callWithAsyncErrorHandling(cb, instance, 3, [ - getter(), - isMultiSource ? [] : void 0, - onCleanup - ]); - } - if (flush === "sync") { - const ctx = useSSRContext(); - ssrCleanup = ctx.__watcherHandles || (ctx.__watcherHandles = []); - } else { - return NOOP; - } - } - let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE; - const job = () => { - if (!effect2.active) { - return; - } - if (cb) { - const newValue = effect2.run(); - if (deep || forceTrigger || (isMultiSource ? newValue.some( - (v, i) => hasChanged(v, oldValue[i]) - ) : hasChanged(newValue, oldValue)) || false) { - if (cleanup) { - cleanup(); - } - callWithAsyncErrorHandling(cb, instance, 3, [ - newValue, - // pass undefined as the old value when it's changed for the first time - oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue, - onCleanup - ]); - oldValue = newValue; - } - } else { - effect2.run(); - } - }; - job.allowRecurse = !!cb; - let scheduler; - if (flush === "sync") { - scheduler = job; - } else if (flush === "post") { - scheduler = () => queuePostRenderEffect(job, instance && instance.suspense); - } else { - job.pre = true; - if (instance) - job.id = instance.uid; - scheduler = () => queueJob(job); - } - const effect2 = new ReactiveEffect(getter, scheduler); - if (true) { - effect2.onTrack = onTrack; - effect2.onTrigger = onTrigger; - } - if (cb) { - if (immediate) { - job(); - } else { - oldValue = effect2.run(); - } - } else if (flush === "post") { - queuePostRenderEffect( - effect2.run.bind(effect2), - instance && instance.suspense - ); - } else { - effect2.run(); - } - const unwatch = () => { - effect2.stop(); - if (instance && instance.scope) { - remove(instance.scope.effects, effect2); - } - }; - if (ssrCleanup) - ssrCleanup.push(unwatch); - return unwatch; -} -function instanceWatch(source, value, options) { - const publicThis = this.proxy; - const getter = isString(source) ? source.includes(".") ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis); - let cb; - if (isFunction(value)) { - cb = value; - } else { - cb = value.handler; - options = value; - } - const cur = currentInstance; - setCurrentInstance(this); - const res = doWatch(getter, cb.bind(publicThis), options); - if (cur) { - setCurrentInstance(cur); - } else { - unsetCurrentInstance(); - } - return res; -} -function createPathGetter(ctx, path) { - const segments = path.split("."); - return () => { - let cur = ctx; - for (let i = 0; i < segments.length && cur; i++) { - cur = cur[segments[i]]; - } - return cur; - }; -} -function traverse(value, seen) { - if (!isObject(value) || value["__v_skip"]) { - return value; - } - seen = seen || /* @__PURE__ */ new Set(); - if (seen.has(value)) { - return value; - } - seen.add(value); - if (isRef(value)) { - traverse(value.value, seen); - } else if (isArray(value)) { - for (let i = 0; i < value.length; i++) { - traverse(value[i], seen); - } - } else if (isSet(value) || isMap(value)) { - value.forEach((v) => { - traverse(v, seen); - }); - } else if (isPlainObject(value)) { - for (const key in value) { - traverse(value[key], seen); - } - } - return value; -} -function validateDirectiveName(name) { - if (isBuiltInDirective(name)) { - warn2("Do not use built-in directive ids as custom directive id: " + name); - } -} -function withDirectives(vnode, directives) { - const internalInstance = currentRenderingInstance; - if (internalInstance === null) { - warn2(`withDirectives can only be used inside render functions.`); - return vnode; - } - const instance = getExposeProxy(internalInstance) || internalInstance.proxy; - const bindings = vnode.dirs || (vnode.dirs = []); - for (let i = 0; i < directives.length; i++) { - let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i]; - if (dir) { - if (isFunction(dir)) { - dir = { - mounted: dir, - updated: dir - }; - } - if (dir.deep) { - traverse(value); - } - bindings.push({ - dir, - instance, - value, - oldValue: void 0, - arg, - modifiers - }); - } - } - return vnode; -} -function invokeDirectiveHook(vnode, prevVNode, instance, name) { - const bindings = vnode.dirs; - const oldBindings = prevVNode && prevVNode.dirs; - for (let i = 0; i < bindings.length; i++) { - const binding = bindings[i]; - if (oldBindings) { - binding.oldValue = oldBindings[i].value; - } - let hook = binding.dir[name]; - if (hook) { - pauseTracking(); - callWithAsyncErrorHandling(hook, instance, 8, [ - vnode.el, - binding, - vnode, - prevVNode - ]); - resetTracking(); - } - } -} -function useTransitionState() { - const state = { - isMounted: false, - isLeaving: false, - isUnmounting: false, - leavingVNodes: /* @__PURE__ */ new Map() - }; - onMounted(() => { - state.isMounted = true; - }); - onBeforeUnmount(() => { - state.isUnmounting = true; - }); - return state; -} -var TransitionHookValidator = [Function, Array]; -var BaseTransitionPropsValidators = { - mode: String, - appear: Boolean, - persisted: Boolean, - // enter - onBeforeEnter: TransitionHookValidator, - onEnter: TransitionHookValidator, - onAfterEnter: TransitionHookValidator, - onEnterCancelled: TransitionHookValidator, - // leave - onBeforeLeave: TransitionHookValidator, - onLeave: TransitionHookValidator, - onAfterLeave: TransitionHookValidator, - onLeaveCancelled: TransitionHookValidator, - // appear - onBeforeAppear: TransitionHookValidator, - onAppear: TransitionHookValidator, - onAfterAppear: TransitionHookValidator, - onAppearCancelled: TransitionHookValidator -}; -var BaseTransitionImpl = { - name: `BaseTransition`, - props: BaseTransitionPropsValidators, - setup(props, { slots }) { - const instance = getCurrentInstance(); - const state = useTransitionState(); - let prevTransitionKey; - return () => { - const children = slots.default && getTransitionRawChildren(slots.default(), true); - if (!children || !children.length) { - return; - } - let child = children[0]; - if (children.length > 1) { - let hasFound = false; - for (const c of children) { - if (c.type !== Comment) { - if (hasFound) { - warn2( - " can only be used on a single element or component. Use for lists." - ); - break; - } - child = c; - hasFound = true; - if (false) - break; - } - } - } - const rawProps = toRaw(props); - const { mode } = rawProps; - if (mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") { - warn2(`invalid mode: ${mode}`); - } - if (state.isLeaving) { - return emptyPlaceholder(child); - } - const innerChild = getKeepAliveChild(child); - if (!innerChild) { - return emptyPlaceholder(child); - } - const enterHooks = resolveTransitionHooks( - innerChild, - rawProps, - state, - instance - ); - setTransitionHooks(innerChild, enterHooks); - const oldChild = instance.subTree; - const oldInnerChild = oldChild && getKeepAliveChild(oldChild); - let transitionKeyChanged = false; - const { getTransitionKey } = innerChild.type; - if (getTransitionKey) { - const key = getTransitionKey(); - if (prevTransitionKey === void 0) { - prevTransitionKey = key; - } else if (key !== prevTransitionKey) { - prevTransitionKey = key; - transitionKeyChanged = true; - } - } - if (oldInnerChild && oldInnerChild.type !== Comment && (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) { - const leavingHooks = resolveTransitionHooks( - oldInnerChild, - rawProps, - state, - instance - ); - setTransitionHooks(oldInnerChild, leavingHooks); - if (mode === "out-in") { - state.isLeaving = true; - leavingHooks.afterLeave = () => { - state.isLeaving = false; - if (instance.update.active !== false) { - instance.update(); - } - }; - return emptyPlaceholder(child); - } else if (mode === "in-out" && innerChild.type !== Comment) { - leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => { - const leavingVNodesCache = getLeavingNodesForType( - state, - oldInnerChild - ); - leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild; - el._leaveCb = () => { - earlyRemove(); - el._leaveCb = void 0; - delete enterHooks.delayedLeave; - }; - enterHooks.delayedLeave = delayedLeave; - }; - } - } - return child; - }; - } -}; -var BaseTransition = BaseTransitionImpl; -function getLeavingNodesForType(state, vnode) { - const { leavingVNodes } = state; - let leavingVNodesCache = leavingVNodes.get(vnode.type); - if (!leavingVNodesCache) { - leavingVNodesCache = /* @__PURE__ */ Object.create(null); - leavingVNodes.set(vnode.type, leavingVNodesCache); - } - return leavingVNodesCache; -} -function resolveTransitionHooks(vnode, props, state, instance) { - const { - appear, - mode, - persisted = false, - onBeforeEnter, - onEnter, - onAfterEnter, - onEnterCancelled, - onBeforeLeave, - onLeave, - onAfterLeave, - onLeaveCancelled, - onBeforeAppear, - onAppear, - onAfterAppear, - onAppearCancelled - } = props; - const key = String(vnode.key); - const leavingVNodesCache = getLeavingNodesForType(state, vnode); - const callHook3 = (hook, args) => { - hook && callWithAsyncErrorHandling( - hook, - instance, - 9, - args - ); - }; - const callAsyncHook = (hook, args) => { - const done = args[1]; - callHook3(hook, args); - if (isArray(hook)) { - if (hook.every((hook2) => hook2.length <= 1)) - done(); - } else if (hook.length <= 1) { - done(); - } - }; - const hooks = { - mode, - persisted, - beforeEnter(el) { - let hook = onBeforeEnter; - if (!state.isMounted) { - if (appear) { - hook = onBeforeAppear || onBeforeEnter; - } else { - return; - } - } - if (el._leaveCb) { - el._leaveCb( - true - /* cancelled */ - ); - } - const leavingVNode = leavingVNodesCache[key]; - if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el._leaveCb) { - leavingVNode.el._leaveCb(); - } - callHook3(hook, [el]); - }, - enter(el) { - let hook = onEnter; - let afterHook = onAfterEnter; - let cancelHook = onEnterCancelled; - if (!state.isMounted) { - if (appear) { - hook = onAppear || onEnter; - afterHook = onAfterAppear || onAfterEnter; - cancelHook = onAppearCancelled || onEnterCancelled; - } else { - return; - } - } - let called = false; - const done = el._enterCb = (cancelled) => { - if (called) - return; - called = true; - if (cancelled) { - callHook3(cancelHook, [el]); - } else { - callHook3(afterHook, [el]); - } - if (hooks.delayedLeave) { - hooks.delayedLeave(); - } - el._enterCb = void 0; - }; - if (hook) { - callAsyncHook(hook, [el, done]); - } else { - done(); - } - }, - leave(el, remove2) { - const key2 = String(vnode.key); - if (el._enterCb) { - el._enterCb( - true - /* cancelled */ - ); - } - if (state.isUnmounting) { - return remove2(); - } - callHook3(onBeforeLeave, [el]); - let called = false; - const done = el._leaveCb = (cancelled) => { - if (called) - return; - called = true; - remove2(); - if (cancelled) { - callHook3(onLeaveCancelled, [el]); - } else { - callHook3(onAfterLeave, [el]); - } - el._leaveCb = void 0; - if (leavingVNodesCache[key2] === vnode) { - delete leavingVNodesCache[key2]; - } - }; - leavingVNodesCache[key2] = vnode; - if (onLeave) { - callAsyncHook(onLeave, [el, done]); - } else { - done(); - } - }, - clone(vnode2) { - return resolveTransitionHooks(vnode2, props, state, instance); - } - }; - return hooks; -} -function emptyPlaceholder(vnode) { - if (isKeepAlive(vnode)) { - vnode = cloneVNode(vnode); - vnode.children = null; - return vnode; - } -} -function getKeepAliveChild(vnode) { - return isKeepAlive(vnode) ? vnode.children ? vnode.children[0] : void 0 : vnode; -} -function setTransitionHooks(vnode, hooks) { - if (vnode.shapeFlag & 6 && vnode.component) { - setTransitionHooks(vnode.component.subTree, hooks); - } else if (vnode.shapeFlag & 128) { - vnode.ssContent.transition = hooks.clone(vnode.ssContent); - vnode.ssFallback.transition = hooks.clone(vnode.ssFallback); - } else { - vnode.transition = hooks; - } -} -function getTransitionRawChildren(children, keepComment = false, parentKey) { - let ret = []; - let keyedFragmentCount = 0; - for (let i = 0; i < children.length; i++) { - let child = children[i]; - const key = parentKey == null ? child.key : String(parentKey) + String(child.key != null ? child.key : i); - if (child.type === Fragment) { - if (child.patchFlag & 128) - keyedFragmentCount++; - ret = ret.concat( - getTransitionRawChildren(child.children, keepComment, key) - ); - } else if (keepComment || child.type !== Comment) { - ret.push(key != null ? cloneVNode(child, { key }) : child); - } - } - if (keyedFragmentCount > 1) { - for (let i = 0; i < ret.length; i++) { - ret[i].patchFlag = -2; - } - } - return ret; -} -function defineComponent(options, extraOptions) { - return isFunction(options) ? ( - // #8326: extend call and options.name access are considered side-effects - // by Rollup, so we have to wrap it in a pure-annotated IIFE. - (() => extend({ name: options.name }, extraOptions, { setup: options }))() - ) : options; -} -var isAsyncWrapper = (i) => !!i.type.__asyncLoader; -function defineAsyncComponent(source) { - if (isFunction(source)) { - source = { loader: source }; - } - const { - loader, - loadingComponent, - errorComponent, - delay = 200, - timeout, - // undefined = never times out - suspensible = true, - onError: userOnError - } = source; - let pendingRequest = null; - let resolvedComp; - let retries = 0; - const retry = () => { - retries++; - pendingRequest = null; - return load(); - }; - const load = () => { - let thisRequest; - return pendingRequest || (thisRequest = pendingRequest = loader().catch((err) => { - err = err instanceof Error ? err : new Error(String(err)); - if (userOnError) { - return new Promise((resolve2, reject) => { - const userRetry = () => resolve2(retry()); - const userFail = () => reject(err); - userOnError(err, userRetry, userFail, retries + 1); - }); - } else { - throw err; - } - }).then((comp) => { - if (thisRequest !== pendingRequest && pendingRequest) { - return pendingRequest; - } - if (!comp) { - warn2( - `Async component loader resolved to undefined. If you are using retry(), make sure to return its return value.` - ); - } - if (comp && (comp.__esModule || comp[Symbol.toStringTag] === "Module")) { - comp = comp.default; - } - if (comp && !isObject(comp) && !isFunction(comp)) { - throw new Error(`Invalid async component load result: ${comp}`); - } - resolvedComp = comp; - return comp; - })); - }; - return defineComponent({ - name: "AsyncComponentWrapper", - __asyncLoader: load, - get __asyncResolved() { - return resolvedComp; - }, - setup() { - const instance = currentInstance; - if (resolvedComp) { - return () => createInnerComp(resolvedComp, instance); - } - const onError = (err) => { - pendingRequest = null; - handleError( - err, - instance, - 13, - !errorComponent - /* do not throw in dev if user provided error component */ - ); - }; - if (suspensible && instance.suspense || isInSSRComponentSetup) { - return load().then((comp) => { - return () => createInnerComp(comp, instance); - }).catch((err) => { - onError(err); - return () => errorComponent ? createVNode(errorComponent, { - error: err - }) : null; - }); - } - const loaded = ref(false); - const error = ref(); - const delayed = ref(!!delay); - if (delay) { - setTimeout(() => { - delayed.value = false; - }, delay); - } - if (timeout != null) { - setTimeout(() => { - if (!loaded.value && !error.value) { - const err = new Error( - `Async component timed out after ${timeout}ms.` - ); - onError(err); - error.value = err; - } - }, timeout); - } - load().then(() => { - loaded.value = true; - if (instance.parent && isKeepAlive(instance.parent.vnode)) { - queueJob(instance.parent.update); - } - }).catch((err) => { - onError(err); - error.value = err; - }); - return () => { - if (loaded.value && resolvedComp) { - return createInnerComp(resolvedComp, instance); - } else if (error.value && errorComponent) { - return createVNode(errorComponent, { - error: error.value - }); - } else if (loadingComponent && !delayed.value) { - return createVNode(loadingComponent); - } - }; - } - }); -} -function createInnerComp(comp, parent) { - const { ref: ref2, props, children, ce } = parent.vnode; - const vnode = createVNode(comp, props, children); - vnode.ref = ref2; - vnode.ce = ce; - delete parent.vnode.ce; - return vnode; -} -var isKeepAlive = (vnode) => vnode.type.__isKeepAlive; -var KeepAliveImpl = { - name: `KeepAlive`, - // Marker for special handling inside the renderer. We are not using a === - // check directly on KeepAlive in the renderer, because importing it directly - // would prevent it from being tree-shaken. - __isKeepAlive: true, - props: { - include: [String, RegExp, Array], - exclude: [String, RegExp, Array], - max: [String, Number] - }, - setup(props, { slots }) { - const instance = getCurrentInstance(); - const sharedContext = instance.ctx; - if (!sharedContext.renderer) { - return () => { - const children = slots.default && slots.default(); - return children && children.length === 1 ? children[0] : children; - }; - } - const cache = /* @__PURE__ */ new Map(); - const keys = /* @__PURE__ */ new Set(); - let current = null; - if (true) { - instance.__v_cache = cache; - } - const parentSuspense = instance.suspense; - const { - renderer: { - p: patch, - m: move, - um: _unmount, - o: { createElement } - } - } = sharedContext; - const storageContainer = createElement("div"); - sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => { - const instance2 = vnode.component; - move(vnode, container, anchor, 0, parentSuspense); - patch( - instance2.vnode, - vnode, - container, - anchor, - instance2, - parentSuspense, - isSVG, - vnode.slotScopeIds, - optimized - ); - queuePostRenderEffect(() => { - instance2.isDeactivated = false; - if (instance2.a) { - invokeArrayFns(instance2.a); - } - const vnodeHook = vnode.props && vnode.props.onVnodeMounted; - if (vnodeHook) { - invokeVNodeHook(vnodeHook, instance2.parent, vnode); - } - }, parentSuspense); - if (true) { - devtoolsComponentAdded(instance2); - } - }; - sharedContext.deactivate = (vnode) => { - const instance2 = vnode.component; - move(vnode, storageContainer, null, 1, parentSuspense); - queuePostRenderEffect(() => { - if (instance2.da) { - invokeArrayFns(instance2.da); - } - const vnodeHook = vnode.props && vnode.props.onVnodeUnmounted; - if (vnodeHook) { - invokeVNodeHook(vnodeHook, instance2.parent, vnode); - } - instance2.isDeactivated = true; - }, parentSuspense); - if (true) { - devtoolsComponentAdded(instance2); - } - }; - function unmount(vnode) { - resetShapeFlag(vnode); - _unmount(vnode, instance, parentSuspense, true); - } - function pruneCache(filter) { - cache.forEach((vnode, key) => { - const name = getComponentName(vnode.type); - if (name && (!filter || !filter(name))) { - pruneCacheEntry(key); - } - }); - } - function pruneCacheEntry(key) { - const cached = cache.get(key); - if (!current || !isSameVNodeType(cached, current)) { - unmount(cached); - } else if (current) { - resetShapeFlag(current); - } - cache.delete(key); - keys.delete(key); - } - watch( - () => [props.include, props.exclude], - ([include, exclude]) => { - include && pruneCache((name) => matches(include, name)); - exclude && pruneCache((name) => !matches(exclude, name)); - }, - // prune post-render after `current` has been updated - { flush: "post", deep: true } - ); - let pendingCacheKey = null; - const cacheSubtree = () => { - if (pendingCacheKey != null) { - cache.set(pendingCacheKey, getInnerChild(instance.subTree)); - } - }; - onMounted(cacheSubtree); - onUpdated(cacheSubtree); - onBeforeUnmount(() => { - cache.forEach((cached) => { - const { subTree, suspense } = instance; - const vnode = getInnerChild(subTree); - if (cached.type === vnode.type && cached.key === vnode.key) { - resetShapeFlag(vnode); - const da = vnode.component.da; - da && queuePostRenderEffect(da, suspense); - return; - } - unmount(cached); - }); - }); - return () => { - pendingCacheKey = null; - if (!slots.default) { - return null; - } - const children = slots.default(); - const rawVNode = children[0]; - if (children.length > 1) { - if (true) { - warn2(`KeepAlive should contain exactly one component child.`); - } - current = null; - return children; - } else if (!isVNode(rawVNode) || !(rawVNode.shapeFlag & 4) && !(rawVNode.shapeFlag & 128)) { - current = null; - return rawVNode; - } - let vnode = getInnerChild(rawVNode); - const comp = vnode.type; - const name = getComponentName( - isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : comp - ); - const { include, exclude, max } = props; - if (include && (!name || !matches(include, name)) || exclude && name && matches(exclude, name)) { - current = vnode; - return rawVNode; - } - const key = vnode.key == null ? comp : vnode.key; - const cachedVNode = cache.get(key); - if (vnode.el) { - vnode = cloneVNode(vnode); - if (rawVNode.shapeFlag & 128) { - rawVNode.ssContent = vnode; - } - } - pendingCacheKey = key; - if (cachedVNode) { - vnode.el = cachedVNode.el; - vnode.component = cachedVNode.component; - if (vnode.transition) { - setTransitionHooks(vnode, vnode.transition); - } - vnode.shapeFlag |= 512; - keys.delete(key); - keys.add(key); - } else { - keys.add(key); - if (max && keys.size > parseInt(max, 10)) { - pruneCacheEntry(keys.values().next().value); - } - } - vnode.shapeFlag |= 256; - current = vnode; - return isSuspense(rawVNode.type) ? rawVNode : vnode; - }; - } -}; -var KeepAlive = KeepAliveImpl; -function matches(pattern, name) { - if (isArray(pattern)) { - return pattern.some((p2) => matches(p2, name)); - } else if (isString(pattern)) { - return pattern.split(",").includes(name); - } else if (isRegExp(pattern)) { - return pattern.test(name); - } - return false; -} -function onActivated(hook, target) { - registerKeepAliveHook(hook, "a", target); -} -function onDeactivated(hook, target) { - registerKeepAliveHook(hook, "da", target); -} -function registerKeepAliveHook(hook, type, target = currentInstance) { - const wrappedHook = hook.__wdc || (hook.__wdc = () => { - let current = target; - while (current) { - if (current.isDeactivated) { - return; - } - current = current.parent; - } - return hook(); - }); - injectHook(type, wrappedHook, target); - if (target) { - let current = target.parent; - while (current && current.parent) { - if (isKeepAlive(current.parent.vnode)) { - injectToKeepAliveRoot(wrappedHook, type, target, current); - } - current = current.parent; - } - } -} -function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) { - const injected = injectHook( - type, - hook, - keepAliveRoot, - true - /* prepend */ - ); - onUnmounted(() => { - remove(keepAliveRoot[type], injected); - }, target); -} -function resetShapeFlag(vnode) { - vnode.shapeFlag &= ~256; - vnode.shapeFlag &= ~512; -} -function getInnerChild(vnode) { - return vnode.shapeFlag & 128 ? vnode.ssContent : vnode; -} -function injectHook(type, hook, target = currentInstance, prepend = false) { - if (target) { - const hooks = target[type] || (target[type] = []); - const wrappedHook = hook.__weh || (hook.__weh = (...args) => { - if (target.isUnmounted) { - return; - } - pauseTracking(); - setCurrentInstance(target); - const res = callWithAsyncErrorHandling(hook, target, type, args); - unsetCurrentInstance(); - resetTracking(); - return res; - }); - if (prepend) { - hooks.unshift(wrappedHook); - } else { - hooks.push(wrappedHook); - } - return wrappedHook; - } else if (true) { - const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, "")); - warn2( - `${apiName} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.` - ); - } -} -var createHook = (lifecycle) => (hook, target = currentInstance) => ( - // post-create lifecycle registrations are noops during SSR (except for serverPrefetch) - (!isInSSRComponentSetup || lifecycle === "sp") && injectHook(lifecycle, (...args) => hook(...args), target) -); -var onBeforeMount = createHook("bm"); -var onMounted = createHook("m"); -var onBeforeUpdate = createHook("bu"); -var onUpdated = createHook("u"); -var onBeforeUnmount = createHook("bum"); -var onUnmounted = createHook("um"); -var onServerPrefetch = createHook("sp"); -var onRenderTriggered = createHook( - "rtg" -); -var onRenderTracked = createHook( - "rtc" -); -function onErrorCaptured(hook, target = currentInstance) { - injectHook("ec", hook, target); -} -var COMPONENTS = "components"; -var DIRECTIVES = "directives"; -function resolveComponent(name, maybeSelfReference) { - return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name; -} -var NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc"); -function resolveDynamicComponent(component) { - if (isString(component)) { - return resolveAsset(COMPONENTS, component, false) || component; - } else { - return component || NULL_DYNAMIC_COMPONENT; - } -} -function resolveDirective(name) { - return resolveAsset(DIRECTIVES, name); -} -function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) { - const instance = currentRenderingInstance || currentInstance; - if (instance) { - const Component = instance.type; - if (type === COMPONENTS) { - const selfName = getComponentName( - Component, - false - /* do not include inferred name to avoid breaking existing code */ - ); - if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) { - return Component; - } - } - const res = ( - // local registration - // check instance[type] first which is resolved for options API - resolve(instance[type] || Component[type], name) || // global registration - resolve(instance.appContext[type], name) - ); - if (!res && maybeSelfReference) { - return Component; - } - if (warnMissing && !res) { - const extra = type === COMPONENTS ? ` -If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.` : ``; - warn2(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`); - } - return res; - } else if (true) { - warn2( - `resolve${capitalize(type.slice(0, -1))} can only be used in render() or setup().` - ); - } -} -function resolve(registry, name) { - return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]); -} -function renderList(source, renderItem, cache, index) { - let ret; - const cached = cache && cache[index]; - if (isArray(source) || isString(source)) { - ret = new Array(source.length); - for (let i = 0, l = source.length; i < l; i++) { - ret[i] = renderItem(source[i], i, void 0, cached && cached[i]); - } - } else if (typeof source === "number") { - if (!Number.isInteger(source)) { - warn2(`The v-for range expect an integer value but got ${source}.`); - } - ret = new Array(source); - for (let i = 0; i < source; i++) { - ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]); - } - } else if (isObject(source)) { - if (source[Symbol.iterator]) { - ret = Array.from( - source, - (item, i) => renderItem(item, i, void 0, cached && cached[i]) - ); - } else { - const keys = Object.keys(source); - ret = new Array(keys.length); - for (let i = 0, l = keys.length; i < l; i++) { - const key = keys[i]; - ret[i] = renderItem(source[key], key, i, cached && cached[i]); - } - } - } else { - ret = []; - } - if (cache) { - cache[index] = ret; - } - return ret; -} -function createSlots(slots, dynamicSlots) { - for (let i = 0; i < dynamicSlots.length; i++) { - const slot = dynamicSlots[i]; - if (isArray(slot)) { - for (let j = 0; j < slot.length; j++) { - slots[slot[j].name] = slot[j].fn; - } - } else if (slot) { - slots[slot.name] = slot.key ? (...args) => { - const res = slot.fn(...args); - if (res) - res.key = slot.key; - return res; - } : slot.fn; - } - } - return slots; -} -function renderSlot(slots, name, props = {}, fallback, noSlotted) { - if (currentRenderingInstance.isCE || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.isCE) { - if (name !== "default") - props.name = name; - return createVNode("slot", props, fallback && fallback()); - } - let slot = slots[name]; - if (slot && slot.length > 1) { - warn2( - `SSR-optimized slot function detected in a non-SSR-optimized render function. You need to mark this component with $dynamic-slots in the parent template.` - ); - slot = () => []; - } - if (slot && slot._c) { - slot._d = false; - } - openBlock(); - const validSlotContent = slot && ensureValidVNode(slot(props)); - const rendered = createBlock( - Fragment, - { - key: props.key || // slot content array of a dynamic conditional slot may have a branch - // key attached in the `createSlots` helper, respect that - validSlotContent && validSlotContent.key || `_${name}` - }, - validSlotContent || (fallback ? fallback() : []), - validSlotContent && slots._ === 1 ? 64 : -2 - ); - if (!noSlotted && rendered.scopeId) { - rendered.slotScopeIds = [rendered.scopeId + "-s"]; - } - if (slot && slot._c) { - slot._d = true; - } - return rendered; -} -function ensureValidVNode(vnodes) { - return vnodes.some((child) => { - if (!isVNode(child)) - return true; - if (child.type === Comment) - return false; - if (child.type === Fragment && !ensureValidVNode(child.children)) - return false; - return true; - }) ? vnodes : null; -} -function toHandlers(obj, preserveCaseIfNecessary) { - const ret = {}; - if (!isObject(obj)) { - warn2(`v-on with no argument expects an object value.`); - return ret; - } - for (const key in obj) { - ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = obj[key]; - } - return ret; -} -var getPublicInstance = (i) => { - if (!i) - return null; - if (isStatefulComponent(i)) - return getExposeProxy(i) || i.proxy; - return getPublicInstance(i.parent); -}; -var publicPropertiesMap = ( - // Move PURE marker to new line to workaround compiler discarding it - // due to type annotation - extend(/* @__PURE__ */ Object.create(null), { - $: (i) => i, - $el: (i) => i.vnode.el, - $data: (i) => i.data, - $props: (i) => true ? shallowReadonly(i.props) : i.props, - $attrs: (i) => true ? shallowReadonly(i.attrs) : i.attrs, - $slots: (i) => true ? shallowReadonly(i.slots) : i.slots, - $refs: (i) => true ? shallowReadonly(i.refs) : i.refs, - $parent: (i) => getPublicInstance(i.parent), - $root: (i) => getPublicInstance(i.root), - $emit: (i) => i.emit, - $options: (i) => __VUE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type, - $forceUpdate: (i) => i.f || (i.f = () => queueJob(i.update)), - $nextTick: (i) => i.n || (i.n = nextTick.bind(i.proxy)), - $watch: (i) => __VUE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP - }) -); -var isReservedPrefix = (key) => key === "_" || key === "$"; -var hasSetupBinding = (state, key) => state !== EMPTY_OBJ && !state.__isScriptSetup && hasOwn(state, key); -var PublicInstanceProxyHandlers = { - get({ _: instance }, key) { - const { ctx, setupState, data, props, accessCache, type, appContext } = instance; - if (key === "__isVue") { - return true; - } - let normalizedProps; - if (key[0] !== "$") { - const n = accessCache[key]; - if (n !== void 0) { - switch (n) { - case 1: - return setupState[key]; - case 2: - return data[key]; - case 4: - return ctx[key]; - case 3: - return props[key]; - } - } else if (hasSetupBinding(setupState, key)) { - accessCache[key] = 1; - return setupState[key]; - } else if (data !== EMPTY_OBJ && hasOwn(data, key)) { - accessCache[key] = 2; - return data[key]; - } else if ( - // only cache other properties when instance has declared (thus stable) - // props - (normalizedProps = instance.propsOptions[0]) && hasOwn(normalizedProps, key) - ) { - accessCache[key] = 3; - return props[key]; - } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { - accessCache[key] = 4; - return ctx[key]; - } else if (!__VUE_OPTIONS_API__ || shouldCacheAccess) { - accessCache[key] = 0; - } - } - const publicGetter = publicPropertiesMap[key]; - let cssModule, globalProperties; - if (publicGetter) { - if (key === "$attrs") { - track(instance, "get", key); - markAttrsAccessed(); - } else if (key === "$slots") { - track(instance, "get", key); - } - return publicGetter(instance); - } else if ( - // css module (injected by vue-loader) - (cssModule = type.__cssModules) && (cssModule = cssModule[key]) - ) { - return cssModule; - } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { - accessCache[key] = 4; - return ctx[key]; - } else if ( - // global properties - globalProperties = appContext.config.globalProperties, hasOwn(globalProperties, key) - ) { - { - return globalProperties[key]; - } - } else if (currentRenderingInstance && (!isString(key) || // #1091 avoid internal isRef/isVNode checks on component instance leading - // to infinite warning loop - key.indexOf("__v") !== 0)) { - if (data !== EMPTY_OBJ && isReservedPrefix(key[0]) && hasOwn(data, key)) { - warn2( - `Property ${JSON.stringify( - key - )} must be accessed via $data because it starts with a reserved character ("$" or "_") and is not proxied on the render context.` - ); - } else if (instance === currentRenderingInstance) { - warn2( - `Property ${JSON.stringify(key)} was accessed during render but is not defined on instance.` - ); - } - } - }, - set({ _: instance }, key, value) { - const { data, setupState, ctx } = instance; - if (hasSetupBinding(setupState, key)) { - setupState[key] = value; - return true; - } else if (setupState.__isScriptSetup && hasOwn(setupState, key)) { - warn2(`Cannot mutate - -{% endblock %} diff --git a/examples/src/pages/showcase.liquid b/examples/src/pages/showcase.liquid deleted file mode 100644 index 68a9956..0000000 --- a/examples/src/pages/showcase.liquid +++ /dev/null @@ -1,28 +0,0 @@ -{% layout "templates/layout.liquid" %} -{% block %} - - -
                                Badge
                                -
                                - -
                                -
                                - - Switch -
                                -
                                - - Checkbox -
                                -
                                - - - - - -
                                -
                                - -
                                - -{% endblock %} diff --git a/examples/src/styles/tailwind.css b/examples/src/styles/tailwind.css deleted file mode 100644 index aa46c91..0000000 --- a/examples/src/styles/tailwind.css +++ /dev/null @@ -1 +0,0 @@ -@import url("../../node_modules/winduum/dist/tailwind.css"); diff --git a/examples/tailwind.config.js b/examples/tailwind.config.js deleted file mode 100644 index dbcbed5..0000000 --- a/examples/tailwind.config.js +++ /dev/null @@ -1,18 +0,0 @@ -import winduum from 'winduum' - -export default { - darkMode: 'class', - content: [ - './src/**/*.{js,html}' - ], - plugins: [ - winduum({ - settings: { - rgb: false - } - }) - ], - future: { - hoverOnlyWhenSupported: true - } -} diff --git a/examples/vite.config.js b/examples/vite.config.js index 375567d..9787aea 100644 --- a/examples/vite.config.js +++ b/examples/vite.config.js @@ -27,6 +27,7 @@ export default defineConfig({ target: 'esnext', manifest: false, modulePreload: false, + emptyOutDir: true, outDir: resolve(process.cwd(), '../docs/public/examples') } }) From 4eb3f667c86f0568a88bd492e965ea7f5dc87672 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Wed, 15 Jul 2026 16:02:12 +0200 Subject: [PATCH 23/35] docs: replace inline code examples with external references for carousel, compare, and details components across frameworks --- .gitignore | 3 + docs/docs/components/button.md | 39 +- docs/docs/components/carousel-experimental.md | 256 +- docs/docs/components/carousel.md | 247 +- docs/docs/components/compare.md | 67 +- docs/docs/components/control.md | 38 +- docs/docs/components/details.md | 68 +- docs/docs/components/dialog.md | 53 +- docs/docs/components/drawer.md | 108 +- docs/docs/components/field.md | 48 +- docs/docs/components/form.md | 98 +- docs/docs/components/image.md | 99 +- docs/docs/components/popover.md | 150 +- docs/docs/components/range.md | 60 +- docs/docs/components/tabs.md | 131 +- docs/docs/components/toast.md | 108 +- docs/docs/components/toaster.md | 110 +- examples-react/package-lock.json | 2923 ++++++++++++++++ examples-react/package.json | 29 + examples-react/src/adapters/field/Field.tsx | 27 + examples-react/src/adapters/field/index.ts | 1 + examples-react/src/main.tsx | 27 + .../src/pages/components/button/basic.html | 19 + .../src/pages/components/button/basic.tsx | 10 + .../carousel-experimental/basic.html | 20 + .../carousel-experimental/basic.tsx | 36 + .../carousel-experimental/full.html | 20 + .../components/carousel-experimental/full.tsx | 58 + .../src/pages/components/carousel/basic.html | 20 + .../src/pages/components/carousel/basic.tsx | 35 + .../src/pages/components/carousel/full.html | 20 + .../src/pages/components/carousel/full.tsx | 58 + .../src/pages/components/compare/default.html | 20 + .../src/pages/components/compare/default.tsx | 20 + .../src/pages/components/compare/text.html | 20 + .../src/pages/components/compare/text.tsx | 20 + .../src/pages/components/control/basic.html | 19 + .../src/pages/components/control/basic.tsx | 9 + .../pages/components/details/checkbox.html | 20 + .../src/pages/components/details/checkbox.tsx | 18 + .../src/pages/components/dialog/basic.html | 19 + .../src/pages/components/dialog/basic.tsx | 24 + .../src/pages/components/drawer/bottom.html | 20 + .../src/pages/components/drawer/bottom.tsx | 26 + .../src/pages/components/drawer/dialog.html | 20 + .../src/pages/components/drawer/dialog.tsx | 36 + .../src/pages/components/drawer/left.html | 20 + .../src/pages/components/drawer/left.tsx | 25 + .../src/pages/components/drawer/noscript.html | 20 + .../src/pages/components/drawer/noscript.tsx | 25 + .../src/pages/components/drawer/right.html | 20 + .../src/pages/components/drawer/right.tsx | 25 + .../src/pages/components/drawer/top.html | 20 + .../src/pages/components/drawer/top.tsx | 26 + .../src/pages/components/field/basic.html | 20 + .../src/pages/components/field/basic.tsx | 17 + .../src/pages/components/image/picture.html | 20 + .../src/pages/components/image/picture.tsx | 11 + .../src/pages/components/image/ratio.html | 20 + .../src/pages/components/image/ratio.tsx | 10 + .../src/pages/components/image/skeleton.html | 19 + .../src/pages/components/image/skeleton.tsx | 9 + .../src/pages/components/popover/api.html | 20 + .../src/pages/components/popover/api.tsx | 21 + .../src/pages/components/popover/basic.html | 19 + .../src/pages/components/popover/basic.tsx | 21 + .../pages/components/popover/interest.html | 19 + .../src/pages/components/popover/interest.tsx | 19 + .../src/pages/components/range/default.html | 20 + .../src/pages/components/range/default.tsx | 19 + .../src/pages/components/range/multi.html | 20 + .../src/pages/components/range/multi.tsx | 26 + .../src/pages/components/range/vertical.html | 20 + .../src/pages/components/range/vertical.tsx | 19 + .../src/pages/components/tabs/custom.html | 20 + .../src/pages/components/tabs/custom.tsx | 47 + .../src/pages/components/tabs/default.html | 20 + .../src/pages/components/tabs/default.tsx | 47 + .../src/pages/components/toast/default.html | 20 + .../src/pages/components/toast/default.tsx | 41 + .../src/pages/components/toaster/default.html | 20 + .../src/pages/components/toaster/default.tsx | 39 + examples-react/src/pages/form.html | 20 + examples-react/src/pages/form.tsx | 34 + examples-react/src/styles/main.css | 21 + examples-react/src/styles/style.css | 27 + examples-react/src/types.d.ts | 1 + examples-react/tsconfig.json | 23 + examples-react/vite.config.js | 41 + examples-stimulus/package-lock.json | 2228 ++++++++++++ examples-stimulus/package.json | 16 + examples-stimulus/src/application.js | 45 + .../src/pages/components/button/basic.liquid | 7 + .../carousel-experimental/basic.liquid | 42 + .../carousel-experimental/full.liquid | 72 + .../pages/components/carousel/basic.liquid | 41 + .../src/pages/components/carousel/full.liquid | 56 + .../pages/components/compare/default.liquid | 20 + .../src/pages/components/compare/text.liquid | 20 + .../src/pages/components/control/basic.liquid | 8 + .../pages/components/details/checkbox.liquid | 31 + .../src/pages/components/dialog/basic.liquid | 23 + .../src/pages/components/drawer/bottom.liquid | 18 + .../src/pages/components/drawer/dialog.liquid | 29 + .../src/pages/components/drawer/left.liquid | 18 + .../pages/components/drawer/noscript.liquid | 18 + .../src/pages/components/drawer/right.liquid | 18 + .../src/pages/components/drawer/top.liquid | 18 + .../src/pages/components/field/basic.liquid | 22 + .../src/pages/components/image/picture.liquid | 11 + .../src/pages/components/image/ratio.liquid | 10 + .../pages/components/image/skeleton.liquid | 16 + .../src/pages/components/popover/api.liquid | 24 + .../src/pages/components/popover/basic.liquid | 12 + .../pages/components/popover/interest.liquid | 12 + .../src/pages/components/range/default.liquid | 20 + .../src/pages/components/range/multi.liquid | 24 + .../pages/components/range/vertical.liquid | 20 + .../src/pages/components/tabs/custom.liquid | 49 + .../src/pages/components/tabs/default.liquid | 43 + .../src/pages/components/toast/default.liquid | 34 + .../pages/components/toaster/default.liquid | 37 + examples-stimulus/src/pages/form.liquid | 38 + examples-stimulus/src/styles/main.css | 21 + examples-stimulus/src/styles/style.css | 22 + examples-stimulus/src/templates/layout.liquid | 23 + examples-stimulus/vite.config.js | 33 + examples-vue/package-lock.json | 3092 +++++++++++++++++ examples-vue/package.json | 25 + examples-vue/src/adapters/field/Field.vue | 19 + examples-vue/src/adapters/field/index.ts | 1 + examples-vue/src/main.ts | 23 + .../src/pages/components/button/basic.html | 19 + .../src/pages/components/button/basic.vue | 8 + .../carousel-experimental/basic.html | 20 + .../carousel-experimental/basic.vue | 32 + .../carousel-experimental/full.html | 20 + .../components/carousel-experimental/full.vue | 54 + .../src/pages/components/carousel/basic.html | 20 + .../src/pages/components/carousel/basic.vue | 32 + .../src/pages/components/carousel/full.html | 20 + .../src/pages/components/carousel/full.vue | 50 + .../src/pages/components/compare/default.html | 20 + .../src/pages/components/compare/default.vue | 20 + .../src/pages/components/compare/text.html | 20 + .../src/pages/components/compare/text.vue | 20 + .../src/pages/components/control/basic.html | 19 + .../src/pages/components/control/basic.vue | 9 + .../pages/components/details/checkbox.html | 20 + .../src/pages/components/details/checkbox.vue | 18 + .../src/pages/components/dialog/basic.html | 19 + .../src/pages/components/dialog/basic.vue | 22 + .../src/pages/components/drawer/bottom.html | 20 + .../src/pages/components/drawer/bottom.vue | 23 + .../src/pages/components/drawer/dialog.html | 20 + .../src/pages/components/drawer/dialog.vue | 34 + .../src/pages/components/drawer/left.html | 20 + .../src/pages/components/drawer/left.vue | 23 + .../src/pages/components/drawer/noscript.html | 20 + .../src/pages/components/drawer/noscript.vue | 23 + .../src/pages/components/drawer/right.html | 20 + .../src/pages/components/drawer/right.vue | 23 + .../src/pages/components/drawer/top.html | 20 + .../src/pages/components/drawer/top.vue | 23 + .../src/pages/components/field/basic.html | 20 + .../src/pages/components/field/basic.vue | 17 + .../src/pages/components/image/picture.html | 20 + .../src/pages/components/image/picture.vue | 11 + .../src/pages/components/image/ratio.html | 20 + .../src/pages/components/image/ratio.vue | 10 + .../src/pages/components/image/skeleton.html | 19 + .../src/pages/components/image/skeleton.vue | 9 + .../src/pages/components/popover/api.html | 20 + .../src/pages/components/popover/api.vue | 22 + .../src/pages/components/popover/basic.html | 19 + .../src/pages/components/popover/basic.vue | 19 + .../pages/components/popover/interest.html | 19 + .../src/pages/components/popover/interest.vue | 17 + .../src/pages/components/range/default.html | 20 + .../src/pages/components/range/default.vue | 15 + .../src/pages/components/range/multi.html | 20 + .../src/pages/components/range/multi.vue | 20 + .../src/pages/components/range/vertical.html | 20 + .../src/pages/components/range/vertical.vue | 15 + .../src/pages/components/tabs/custom.html | 20 + .../src/pages/components/tabs/custom.vue | 41 + .../src/pages/components/tabs/default.html | 20 + .../src/pages/components/tabs/default.vue | 41 + .../src/pages/components/toast/default.html | 20 + .../src/pages/components/toast/default.vue | 35 + .../src/pages/components/toaster/default.html | 20 + .../src/pages/components/toaster/default.vue | 35 + examples-vue/src/pages/form.html | 20 + examples-vue/src/pages/form.vue | 34 + examples-vue/src/styles/main.css | 21 + examples-vue/src/styles/style.css | 27 + examples-vue/src/types.d.ts | 1 + examples-vue/tsconfig.json | 23 + examples-vue/vite.config.js | 41 + .../src/pages/components/button/basic.liquid | 17 + .../src/pages/components/control/basic.liquid | 16 + .../pages/components/details/checkbox.liquid | 17 +- .../pages/components/image/skeleton.liquid | 24 + .../src/pages/components/range/multi.liquid | 35 +- .../pages/components/range/vertical.liquid | 19 +- .../src/pages/components/tabs/custom.liquid | 61 +- package.json | 18 +- 207 files changed, 12657 insertions(+), 1639 deletions(-) create mode 100644 examples-react/package-lock.json create mode 100644 examples-react/package.json create mode 100644 examples-react/src/adapters/field/Field.tsx create mode 100644 examples-react/src/adapters/field/index.ts create mode 100644 examples-react/src/main.tsx create mode 100644 examples-react/src/pages/components/button/basic.html create mode 100644 examples-react/src/pages/components/button/basic.tsx create mode 100644 examples-react/src/pages/components/carousel-experimental/basic.html create mode 100644 examples-react/src/pages/components/carousel-experimental/basic.tsx create mode 100644 examples-react/src/pages/components/carousel-experimental/full.html create mode 100644 examples-react/src/pages/components/carousel-experimental/full.tsx create mode 100644 examples-react/src/pages/components/carousel/basic.html create mode 100644 examples-react/src/pages/components/carousel/basic.tsx create mode 100644 examples-react/src/pages/components/carousel/full.html create mode 100644 examples-react/src/pages/components/carousel/full.tsx create mode 100644 examples-react/src/pages/components/compare/default.html create mode 100644 examples-react/src/pages/components/compare/default.tsx create mode 100644 examples-react/src/pages/components/compare/text.html create mode 100644 examples-react/src/pages/components/compare/text.tsx create mode 100644 examples-react/src/pages/components/control/basic.html create mode 100644 examples-react/src/pages/components/control/basic.tsx create mode 100644 examples-react/src/pages/components/details/checkbox.html create mode 100644 examples-react/src/pages/components/details/checkbox.tsx create mode 100644 examples-react/src/pages/components/dialog/basic.html create mode 100644 examples-react/src/pages/components/dialog/basic.tsx create mode 100644 examples-react/src/pages/components/drawer/bottom.html create mode 100644 examples-react/src/pages/components/drawer/bottom.tsx create mode 100644 examples-react/src/pages/components/drawer/dialog.html create mode 100644 examples-react/src/pages/components/drawer/dialog.tsx create mode 100644 examples-react/src/pages/components/drawer/left.html create mode 100644 examples-react/src/pages/components/drawer/left.tsx create mode 100644 examples-react/src/pages/components/drawer/noscript.html create mode 100644 examples-react/src/pages/components/drawer/noscript.tsx create mode 100644 examples-react/src/pages/components/drawer/right.html create mode 100644 examples-react/src/pages/components/drawer/right.tsx create mode 100644 examples-react/src/pages/components/drawer/top.html create mode 100644 examples-react/src/pages/components/drawer/top.tsx create mode 100644 examples-react/src/pages/components/field/basic.html create mode 100644 examples-react/src/pages/components/field/basic.tsx create mode 100644 examples-react/src/pages/components/image/picture.html create mode 100644 examples-react/src/pages/components/image/picture.tsx create mode 100644 examples-react/src/pages/components/image/ratio.html create mode 100644 examples-react/src/pages/components/image/ratio.tsx create mode 100644 examples-react/src/pages/components/image/skeleton.html create mode 100644 examples-react/src/pages/components/image/skeleton.tsx create mode 100644 examples-react/src/pages/components/popover/api.html create mode 100644 examples-react/src/pages/components/popover/api.tsx create mode 100644 examples-react/src/pages/components/popover/basic.html create mode 100644 examples-react/src/pages/components/popover/basic.tsx create mode 100644 examples-react/src/pages/components/popover/interest.html create mode 100644 examples-react/src/pages/components/popover/interest.tsx create mode 100644 examples-react/src/pages/components/range/default.html create mode 100644 examples-react/src/pages/components/range/default.tsx create mode 100644 examples-react/src/pages/components/range/multi.html create mode 100644 examples-react/src/pages/components/range/multi.tsx create mode 100644 examples-react/src/pages/components/range/vertical.html create mode 100644 examples-react/src/pages/components/range/vertical.tsx create mode 100644 examples-react/src/pages/components/tabs/custom.html create mode 100644 examples-react/src/pages/components/tabs/custom.tsx create mode 100644 examples-react/src/pages/components/tabs/default.html create mode 100644 examples-react/src/pages/components/tabs/default.tsx create mode 100644 examples-react/src/pages/components/toast/default.html create mode 100644 examples-react/src/pages/components/toast/default.tsx create mode 100644 examples-react/src/pages/components/toaster/default.html create mode 100644 examples-react/src/pages/components/toaster/default.tsx create mode 100644 examples-react/src/pages/form.html create mode 100644 examples-react/src/pages/form.tsx create mode 100644 examples-react/src/styles/main.css create mode 100644 examples-react/src/styles/style.css create mode 100644 examples-react/src/types.d.ts create mode 100644 examples-react/tsconfig.json create mode 100644 examples-react/vite.config.js create mode 100644 examples-stimulus/package-lock.json create mode 100644 examples-stimulus/package.json create mode 100644 examples-stimulus/src/application.js create mode 100644 examples-stimulus/src/pages/components/button/basic.liquid create mode 100644 examples-stimulus/src/pages/components/carousel-experimental/basic.liquid create mode 100644 examples-stimulus/src/pages/components/carousel-experimental/full.liquid create mode 100644 examples-stimulus/src/pages/components/carousel/basic.liquid create mode 100644 examples-stimulus/src/pages/components/carousel/full.liquid create mode 100644 examples-stimulus/src/pages/components/compare/default.liquid create mode 100644 examples-stimulus/src/pages/components/compare/text.liquid create mode 100644 examples-stimulus/src/pages/components/control/basic.liquid create mode 100644 examples-stimulus/src/pages/components/details/checkbox.liquid create mode 100644 examples-stimulus/src/pages/components/dialog/basic.liquid create mode 100644 examples-stimulus/src/pages/components/drawer/bottom.liquid create mode 100644 examples-stimulus/src/pages/components/drawer/dialog.liquid create mode 100644 examples-stimulus/src/pages/components/drawer/left.liquid create mode 100644 examples-stimulus/src/pages/components/drawer/noscript.liquid create mode 100644 examples-stimulus/src/pages/components/drawer/right.liquid create mode 100644 examples-stimulus/src/pages/components/drawer/top.liquid create mode 100644 examples-stimulus/src/pages/components/field/basic.liquid create mode 100644 examples-stimulus/src/pages/components/image/picture.liquid create mode 100644 examples-stimulus/src/pages/components/image/ratio.liquid create mode 100644 examples-stimulus/src/pages/components/image/skeleton.liquid create mode 100644 examples-stimulus/src/pages/components/popover/api.liquid create mode 100644 examples-stimulus/src/pages/components/popover/basic.liquid create mode 100644 examples-stimulus/src/pages/components/popover/interest.liquid create mode 100644 examples-stimulus/src/pages/components/range/default.liquid create mode 100644 examples-stimulus/src/pages/components/range/multi.liquid create mode 100644 examples-stimulus/src/pages/components/range/vertical.liquid create mode 100644 examples-stimulus/src/pages/components/tabs/custom.liquid create mode 100644 examples-stimulus/src/pages/components/tabs/default.liquid create mode 100644 examples-stimulus/src/pages/components/toast/default.liquid create mode 100644 examples-stimulus/src/pages/components/toaster/default.liquid create mode 100644 examples-stimulus/src/pages/form.liquid create mode 100644 examples-stimulus/src/styles/main.css create mode 100644 examples-stimulus/src/styles/style.css create mode 100644 examples-stimulus/src/templates/layout.liquid create mode 100644 examples-stimulus/vite.config.js create mode 100644 examples-vue/package-lock.json create mode 100644 examples-vue/package.json create mode 100644 examples-vue/src/adapters/field/Field.vue create mode 100644 examples-vue/src/adapters/field/index.ts create mode 100644 examples-vue/src/main.ts create mode 100644 examples-vue/src/pages/components/button/basic.html create mode 100644 examples-vue/src/pages/components/button/basic.vue create mode 100644 examples-vue/src/pages/components/carousel-experimental/basic.html create mode 100644 examples-vue/src/pages/components/carousel-experimental/basic.vue create mode 100644 examples-vue/src/pages/components/carousel-experimental/full.html create mode 100644 examples-vue/src/pages/components/carousel-experimental/full.vue create mode 100644 examples-vue/src/pages/components/carousel/basic.html create mode 100644 examples-vue/src/pages/components/carousel/basic.vue create mode 100644 examples-vue/src/pages/components/carousel/full.html create mode 100644 examples-vue/src/pages/components/carousel/full.vue create mode 100644 examples-vue/src/pages/components/compare/default.html create mode 100644 examples-vue/src/pages/components/compare/default.vue create mode 100644 examples-vue/src/pages/components/compare/text.html create mode 100644 examples-vue/src/pages/components/compare/text.vue create mode 100644 examples-vue/src/pages/components/control/basic.html create mode 100644 examples-vue/src/pages/components/control/basic.vue create mode 100644 examples-vue/src/pages/components/details/checkbox.html create mode 100644 examples-vue/src/pages/components/details/checkbox.vue create mode 100644 examples-vue/src/pages/components/dialog/basic.html create mode 100644 examples-vue/src/pages/components/dialog/basic.vue create mode 100644 examples-vue/src/pages/components/drawer/bottom.html create mode 100644 examples-vue/src/pages/components/drawer/bottom.vue create mode 100644 examples-vue/src/pages/components/drawer/dialog.html create mode 100644 examples-vue/src/pages/components/drawer/dialog.vue create mode 100644 examples-vue/src/pages/components/drawer/left.html create mode 100644 examples-vue/src/pages/components/drawer/left.vue create mode 100644 examples-vue/src/pages/components/drawer/noscript.html create mode 100644 examples-vue/src/pages/components/drawer/noscript.vue create mode 100644 examples-vue/src/pages/components/drawer/right.html create mode 100644 examples-vue/src/pages/components/drawer/right.vue create mode 100644 examples-vue/src/pages/components/drawer/top.html create mode 100644 examples-vue/src/pages/components/drawer/top.vue create mode 100644 examples-vue/src/pages/components/field/basic.html create mode 100644 examples-vue/src/pages/components/field/basic.vue create mode 100644 examples-vue/src/pages/components/image/picture.html create mode 100644 examples-vue/src/pages/components/image/picture.vue create mode 100644 examples-vue/src/pages/components/image/ratio.html create mode 100644 examples-vue/src/pages/components/image/ratio.vue create mode 100644 examples-vue/src/pages/components/image/skeleton.html create mode 100644 examples-vue/src/pages/components/image/skeleton.vue create mode 100644 examples-vue/src/pages/components/popover/api.html create mode 100644 examples-vue/src/pages/components/popover/api.vue create mode 100644 examples-vue/src/pages/components/popover/basic.html create mode 100644 examples-vue/src/pages/components/popover/basic.vue create mode 100644 examples-vue/src/pages/components/popover/interest.html create mode 100644 examples-vue/src/pages/components/popover/interest.vue create mode 100644 examples-vue/src/pages/components/range/default.html create mode 100644 examples-vue/src/pages/components/range/default.vue create mode 100644 examples-vue/src/pages/components/range/multi.html create mode 100644 examples-vue/src/pages/components/range/multi.vue create mode 100644 examples-vue/src/pages/components/range/vertical.html create mode 100644 examples-vue/src/pages/components/range/vertical.vue create mode 100644 examples-vue/src/pages/components/tabs/custom.html create mode 100644 examples-vue/src/pages/components/tabs/custom.vue create mode 100644 examples-vue/src/pages/components/tabs/default.html create mode 100644 examples-vue/src/pages/components/tabs/default.vue create mode 100644 examples-vue/src/pages/components/toast/default.html create mode 100644 examples-vue/src/pages/components/toast/default.vue create mode 100644 examples-vue/src/pages/components/toaster/default.html create mode 100644 examples-vue/src/pages/components/toaster/default.vue create mode 100644 examples-vue/src/pages/form.html create mode 100644 examples-vue/src/pages/form.vue create mode 100644 examples-vue/src/styles/main.css create mode 100644 examples-vue/src/styles/style.css create mode 100644 examples-vue/src/types.d.ts create mode 100644 examples-vue/tsconfig.json create mode 100644 examples-vue/vite.config.js create mode 100644 examples/src/pages/components/button/basic.liquid create mode 100644 examples/src/pages/components/control/basic.liquid create mode 100644 examples/src/pages/components/image/skeleton.liquid diff --git a/.gitignore b/.gitignore index 2ab821c..55fe337 100644 --- a/.gitignore +++ b/.gitignore @@ -4,4 +4,7 @@ node_modules docs/.vitepress/dist docs/.vitepress/cache docs/public/examples/ +docs/public/examples-stimulus/ +docs/public/examples-vue/ +docs/public/examples-react/ examples/docs/ diff --git a/docs/docs/components/button.md b/docs/docs/components/button.md index 0b84732..d9eaf31 100644 --- a/docs/docs/components/button.md +++ b/docs/docs/components/button.md @@ -51,40 +51,11 @@ with `data-loading`. ::: code-group -```html [winduum] - -Button -``` -```html [winduum-elements] - -Button -``` -```html [winduum-stimulus] - -Button -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { Button } from "@/components/button" - -export function Example() { - return ( - <> - - - - ) -} -``` +<<< @/public/examples/components/btn/basic.html#body{} [winduum] +<<< @/public/examples/components/button/basic.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/button/basic.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/button/basic.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/button/basic.tsx [winduum-react] ::: ### Flat diff --git a/docs/docs/components/carousel-experimental.md b/docs/docs/components/carousel-experimental.md index c7b6ad6..b461c18 100644 --- a/docs/docs/components/carousel-experimental.md +++ b/docs/docs/components/carousel-experimental.md @@ -47,98 +47,9 @@ and scroll edge state in sync. ::: code-group <<< @/public/examples/components/carousel-experimental/basic.html#body{} [winduum-elements] -```html [winduum-stimulus] -
                                - -
                                -
                                - -
                                -
                                - -
                                -
                                - -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { useRef } from 'react' -import { Carousel } from '@/components/carousel-experimental' - -export function Example() { - const contentElement = useRef(null) - const prevElement = useRef(null) - const nextElement = useRef(null) - - return ( - - {({ scrollPrev, scrollNext, toggleScrollState }) => ( - <> - -
                                -
                                - -
                                -
                                - -
                                -
                                - - - )} -                                 - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/carousel-experimental/basic.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/carousel-experimental/basic.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/carousel-experimental/basic.tsx [winduum-react] ::: ### Full @@ -147,164 +58,9 @@ export function Example() { ::: code-group <<< @/public/examples/components/carousel-experimental/full.html#body{} [winduum-elements] -```html [winduum-stimulus] -
                                -
                                - -
                                -
                                - -
                                -
                                - -
                                -
                                - -
                                -
                                - -
                                -
                                - -
                                -
                                - -
                                -
                                - -
                                - -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { useRef } from 'react' -import { Carousel } from '@/components/carousel-experimental' - -const slides = [1, 2, 3, 4, 5, 6] - -export function Example() { - const contentElement = useRef(null) - const markerGroupElement = useRef(null) - const prevElement = useRef(null) - const nextElement = useRef(null) - - return ( - - {({ scrollPrev, scrollNext, toggleScrollState, scrollToMarker }) => ( - <> -
                                - -
                                - {slides.map((slide) => ( -
                                - -
                                - ))} -
                                - -
                                - - - )} -                                 - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/carousel-experimental/full.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/carousel-experimental/full.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/carousel-experimental/full.tsx [winduum-react] ::: ## JavaScript API diff --git a/docs/docs/components/carousel.md b/docs/docs/components/carousel.md index 8c5a5fd..8e8518b 100644 --- a/docs/docs/components/carousel.md +++ b/docs/docs/components/carousel.md @@ -41,109 +41,9 @@ The Carousel script keeps counters, progress, pagination and scroll-edge state i ::: code-group <<< @/public/examples/components/carousel/basic.html#body{} [winduum-elements] -```html [winduum-stimulus] -
                                - -
                                -
                                - -
                                -
                                - -
                                -
                                - -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { useRef } from 'react' -import { Carousel } from '@/components/carousel' - -export function Example() { - const contentElement = useRef(null) - const prevElement = useRef(null) - const nextElement = useRef(null) - - return ( - - {({ scrollPrev, scrollNext, onScroll }) => ( - <> - -
                                -
                                - -
                                -
                                - -
                                -
                                - - - )} -                                 - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/carousel/basic.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/carousel/basic.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/carousel/basic.tsx [winduum-react] ::: ### Full @@ -152,144 +52,9 @@ export function Example() { ::: code-group <<< @/public/examples/components/carousel/full.html#body{} [winduum-elements] -```html [winduum-stimulus] -
                                -
                                - / -
                                -
                                - -
                                -
                                - -
                                -
                                - -
                                -
                                - -
                                -
                                - -
                                - - -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { useRef } from 'react' -import { Carousel } from '@/components/carousel' - -const slides = [1, 2, 3, 4, 5, 6] - -export function Example() { - const contentElement = useRef(null) - const prevElement = useRef(null) - const nextElement = useRef(null) - const paginationElement = useRef(null) - - return ( - - {({ scrollPrev, scrollNext, onScroll }) => ( - <> -
                                - -
                                onScroll(event, { - pagination: { element: paginationElement.current ?? undefined } - })} - > - {slides.map((slide) => ( -
                                - -
                                - ))} -
                                - -
                                - - - )} -                                 - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/carousel/full.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/carousel/full.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/carousel/full.tsx [winduum-react] ::: ## JavaScript API diff --git a/docs/docs/components/compare.md b/docs/docs/components/compare.md index 1d17e55..9c0e08e 100644 --- a/docs/docs/components/compare.md +++ b/docs/docs/components/compare.md @@ -35,70 +35,21 @@ keyboard and pointer interaction. ::: code-group <<< @/public/examples/components/compare/default.html#body{} [winduum-elements] -```html [winduum-stimulus] -
                                - - -
                                - Image 1 - Image 2 -
                                -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { Compare } from '@/components/compare' - -export function Example() { - return ( - - - -
                                - Image 1 - Image 2 -
                                -                                 - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/compare/default.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/compare/default.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/compare/default.tsx [winduum-react] ::: ### Text -<<< @/public/examples/components/compare/text.html#body{} +::: code-group +<<< @/public/examples/components/compare/text.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/compare/text.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/compare/text.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/compare/text.tsx [winduum-react] +::: ## JavaScript API diff --git a/docs/docs/components/control.md b/docs/docs/components/control.md index 407f1b1..a1b6fe4 100644 --- a/docs/docs/components/control.md +++ b/docs/docs/components/control.md @@ -61,40 +61,10 @@ actions for steppers, picker opening and tel country code mirroring. ::: code-group <<< @/public/examples/components/input/basic.html#body{} [winduum] -```html [winduum-elements] - - - -``` -```html [winduum-stimulus] -
                                - -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { Control } from "@/components/control" - -export function Example() { - return ( - <> - - - - - ) -} -``` +<<< @/public/examples/components/control/basic.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/control/basic.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/control/basic.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/control/basic.tsx [winduum-react] ::: ### Icon diff --git a/docs/docs/components/details.md b/docs/docs/components/details.md index 7a9a8a4..72d79f7 100644 --- a/docs/docs/components/details.md +++ b/docs/docs/components/details.md @@ -85,70 +85,10 @@ It's provided by the [`toggleDetails`](#toggledetails) helper and wired up by th ::: code-group -```html [winduum-elements] -
                                - - - -
                                - -
                                -
                                -``` -```html [winduum-stimulus] -
                                - - - -
                                - -
                                -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { Details } from '@/components/details' - -export function Example() { - return ( -
                                - - - -
                                - -
                                -
                                - ) -} -``` +<<< @/public/examples/components/details/checkbox.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/details/checkbox.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/details/checkbox.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/details/checkbox.tsx [winduum-react] ::: ### Accordion diff --git a/docs/docs/components/dialog.md b/docs/docs/components/dialog.md index 494561b..e93046b 100644 --- a/docs/docs/components/dialog.md +++ b/docs/docs/components/dialog.md @@ -47,56 +47,9 @@ the [`closedby`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Ele ::: code-group <<< @/public/examples/components/dialog/basic.html#body{} [winduum] -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { useId } from "react" -import { Dialog, DialogContent } from "@/components/dialog" -import { Heading } from "@/components/heading" -import { Button } from "@/components/button" - -export function Example() { - const dialogMain = useId() - - return ( - <> - - - - Hello there! - - - - - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/dialog/basic.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/dialog/basic.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/dialog/basic.tsx [winduum-react] ::: ## Accessibility diff --git a/docs/docs/components/drawer.md b/docs/docs/components/drawer.md index 3d1ad1f..5727605 100644 --- a/docs/docs/components/drawer.md +++ b/docs/docs/components/drawer.md @@ -58,97 +58,43 @@ and trigger `aria-expanded` state. ::: code-group <<< @/public/examples/components/drawer/left.html#body{} [winduum-elements] -```html [winduum-stimulus] -
                                - - -
                                - -
                                -                                 -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { useId, useRef } from "react" -import { Drawer, DrawerContent, DrawerScroller } from "@/components/drawer" -import { Button } from "@/components/button" - -export function Example() { - const drawerLeft = useId() - const contentElement = useRef(null) - - return ( - <> - - - - - Drawer content - - - - - - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/drawer/left.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/drawer/left.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/drawer/left.tsx [winduum-react] ::: ### Right -<<< @/public/examples/components/drawer/right.html#body{} [winduum] +::: code-group +<<< @/public/examples/components/drawer/right.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/drawer/right.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/drawer/right.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/drawer/right.tsx [winduum-react] +::: ### Bottom -<<< @/public/examples/components/drawer/bottom.html#body{} [winduum] +::: code-group +<<< @/public/examples/components/drawer/bottom.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/drawer/bottom.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/drawer/bottom.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/drawer/bottom.tsx [winduum-react] +::: ### Top -<<< @/public/examples/components/drawer/top.html#body{} [winduum] +::: code-group +<<< @/public/examples/components/drawer/top.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/drawer/top.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/drawer/top.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/drawer/top.tsx [winduum-react] +::: ### Dialog @@ -156,7 +102,12 @@ Responsive variant that behaves as a bottom drawer below the `xl` container brea +::: code-group <<< @/public/examples/components/drawer/dialog.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/drawer/dialog.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/drawer/dialog.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/drawer/dialog.tsx [winduum-react] +::: ### No Script @@ -164,7 +115,12 @@ Fully animated drawer when JavaScript is disabled. +::: code-group <<< @/public/examples/components/drawer/noscript.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/drawer/noscript.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/drawer/noscript.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/drawer/noscript.tsx [winduum-react] +::: ### No Snap @@ -172,7 +128,7 @@ CSS only drawer variant that does not need JavaScript and works the same way as -<<< @/public/examples/components/drawer/nosnap.html#body{} [winduum-elements] +<<< @/public/examples/components/drawer/nosnap.html#body{} [winduum] ## JavaScript API diff --git a/docs/docs/components/field.md b/docs/docs/components/field.md index a1b8e91..00b607f 100644 --- a/docs/docs/components/field.md +++ b/docs/docs/components/field.md @@ -36,49 +36,7 @@ icon when the control is invalid. ::: code-group <<< @/public/examples/components/field/basic.html#body{} [winduum-elements] -```html [winduum-stimulus] -
                                - -
                                - -
                                - Info message -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { Field } from "@/components/field" -import { Label } from "@/components/label" -import { Control } from "@/components/control" -import { Info } from "@/components/info" - -export function Example() { - return ( - - - - - - Info message - - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/field/basic.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/field/basic.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/field/basic.tsx [winduum-react] ::: diff --git a/docs/docs/components/form.md b/docs/docs/components/form.md index aacebd8..3bf5ab1 100644 --- a/docs/docs/components/form.md +++ b/docs/docs/components/form.md @@ -38,101 +38,9 @@ abstractions and are only needed for very complex forms. In those cases, we reco ::: code-group <<< @/public/examples/form.html#body{} [winduum-elements] -```html [winduum-stimulus] -
                                -
                                - -
                                - -
                                -
                                -
                                - -
                                - -
                                -
                                -
                                - -
                                - -
                                -
                                -
                                - -
                                -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { Form } from '@/components/form' -import { Field } from '@/components/field' -import { Label } from '@/components/label' -import { Control } from '@/components/control' -import { Button } from '@/components/button' - -export function Example() { - return ( -
                                - - - - - - - - - - - - - - - - - - - - - -
                                - ) -} -``` +<<< @/../examples-stimulus/src/pages/form.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/form.vue [winduum-vue] +<<< @/../examples-react/src/pages/form.tsx [winduum-react] ::: ## JavaScript API diff --git a/docs/docs/components/image.md b/docs/docs/components/image.md index 8209605..f1b5b11 100644 --- a/docs/docs/components/image.md +++ b/docs/docs/components/image.md @@ -37,33 +37,9 @@ The Image script removes the skeleton placeholder once the wrapped media is read ::: code-group <<< @/public/examples/components/image/ratio.html#body{} [winduum-elements] -```html [winduum-stimulus] -
                                - -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { Image } from '@/components/image' - -export function Example() { - return ( - - - - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/image/ratio.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/image/ratio.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/image/ratio.tsx [winduum-react] ::: ### Picture @@ -72,36 +48,9 @@ export function Example() { ::: code-group <<< @/public/examples/components/image/picture.html#body{} [winduum-elements] -```html [winduum-stimulus] - - - - -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { Image } from '@/components/image' - -export function Example() { - return ( - - - - - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/image/picture.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/image/picture.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/image/picture.tsx [winduum-react] ::: ### Rounded @@ -129,38 +78,10 @@ export function Example() { ::: code-group -```html [winduum-elements] - - - -``` -```html [winduum-stimulus] -
                                - -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { Image } from '@/components/image' - -export function Example() { - return ( - - - - ) -} -``` +<<< @/public/examples/components/image/skeleton.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/image/skeleton.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/image/skeleton.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/image/skeleton.tsx [winduum-react] ::: ### Iframe diff --git a/docs/docs/components/popover.md b/docs/docs/components/popover.md index 7430ebc..d838e76 100644 --- a/docs/docs/components/popover.md +++ b/docs/docs/components/popover.md @@ -69,50 +69,9 @@ the popover lives in the [top-layer](https://developer.mozilla.org/en-US/docs/Gl ::: code-group <<< @/public/examples/components/popover/basic.html#body{} [winduum] -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { useId } from 'react' -import { Button } from '@/components/button' -import { Popover, PopoverContent } from '@/components/popover' - -export function Example() { - const popoverExample = useId() - - return ( - <> - - - - - - - - - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/popover/basic.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/popover/basic.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/popover/basic.tsx [winduum-react] ::: ### Interest Popover @@ -124,46 +83,9 @@ Use the [interestfor](https://www.npmjs.com/package/interestfor) polyfill for br ::: code-group <<< @/public/examples/components/popover/hover.html#body{} [winduum] -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { useId } from 'react' -import { Button } from '@/components/button' -import { Popover, PopoverContent } from '@/components/popover' - -export function Example() { - const popoverHover = useId() - - return ( - <> - - - - - - - - - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/popover/interest.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/popover/interest.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/popover/interest.tsx [winduum-react] ::: ### Positioning fallback @@ -175,63 +97,9 @@ the floating-ui positioning fallback in browsers without CSS Anchor Positioning. ::: code-group <<< @/public/examples/components/popover/api.html#body{} [winduum-elements] -```html [winduum-stimulus] -
                                - -
                                -
                                - - -
                                -
                                -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { useId } from 'react' -import { Button } from '@/components/button' -import { Popover, PopoverContent } from '@/components/popover' - -export function Example() { - const popoverApi = useId() - - return ( -
                                - - - - - - - -
                                - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/popover/api.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/popover/api.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/popover/api.tsx [winduum-react] ::: ## JavaScript API diff --git a/docs/docs/components/range.md b/docs/docs/components/range.md index 3bf0cc1..801ad42 100644 --- a/docs/docs/components/range.md +++ b/docs/docs/components/range.md @@ -42,62 +42,32 @@ changes. ::: code-group <<< @/public/examples/components/range/default.html#body{} [winduum-elements] -```html [winduum-stimulus] -
                                - -
                                - -10 000 -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { useRef } from "react" -import { Range } from "@/components/range" - -export function Example() { - const startElement = useRef(null) - - return ( - <> - - {({ setValue }) => ( - - )} - - - 10 000 - - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/range/default.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/range/default.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/range/default.tsx [winduum-react] ::: ### Multi -<<< @/public/examples/components/range/multi.html#body{} [winduum] +::: code-group +<<< @/public/examples/components/range/multi.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/range/multi.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/range/multi.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/range/multi.tsx [winduum-react] +::: ### Vertical -<<< @/public/examples/components/range/vertical.html#body{} [winduum] +::: code-group +<<< @/public/examples/components/range/vertical.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/range/vertical.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/range/vertical.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/range/vertical.tsx [winduum-react] +::: ## JavaScript API diff --git a/docs/docs/components/tabs.md b/docs/docs/components/tabs.md index 00b0947..464f855 100644 --- a/docs/docs/components/tabs.md +++ b/docs/docs/components/tabs.md @@ -34,134 +34,21 @@ The Tabs script switches active panels and keeps tab ARIA state in sync. ::: code-group <<< @/public/examples/components/tabs/default.html#body{} [winduum-elements] -```html [winduum-stimulus] -
                                -
                                - - - - -
                                -
                                - All -
                                - - - -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { createRef, useRef } from 'react' -import { Tabs, TabsList } from "@/components/tabs" - -const tabs = ['All', 'Photos', 'Music', 'Documents'] - -export function Example() { - const tabElements = useRef(tabs.map(() => createRef())).current - const tabPanelElements = useRef(tabs.map(() => createRef())).current - - return ( - - {({ toggleTab }) => ( - <> - - {tabs.map((tab, index) => ( - - ))} - - {tabs.map((tab, index) => ( -
                                - {tab} -
                                - ))} - - )} -                                 - ) -} -``` +<<< @/../examples-stimulus/src/pages/components/tabs/default.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/tabs/default.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/tabs/default.tsx [winduum-react] ::: ### Custom -<<< @/public/examples/components/tabs/custom.html#body{} [winduum] +::: code-group +<<< @/public/examples/components/tabs/custom.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/tabs/custom.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/tabs/custom.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/tabs/custom.tsx [winduum-react] +::: ## Accessibility diff --git a/docs/docs/components/toast.md b/docs/docs/components/toast.md index d148ebe..e73246e 100644 --- a/docs/docs/components/toast.md +++ b/docs/docs/components/toast.md @@ -42,110 +42,10 @@ For `winduum-elements` and `winduum-stimulus`, toasts are expected to be appende ::: code-group -```html [winduum-elements] - - -
                                -
                                -
                                Hello toast
                                -
                                Amazing toast
                                -
                                - -
                                -                                 -                                 -``` -```html [winduum-stimulus] -
                                  -
                                1. -
                                  -
                                  -
                                  Hello toast
                                  -
                                  Amazing toast
                                  -
                                  - -
                                  -
                                  2. -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { useState } from "react" -import { Button } from "@/components/button" -import { Title } from "@/components/title" -import { Text } from "@/components/text" -import { Toast, ToastContent } from "@/components/toast" -import { Toaster } from "@/components/toaster" - -export function Example() { - const [toasts, setToasts] = useState([]) - - const showToast = () => { - setToasts(current => [...current, Date.now()]) - } - - const closeToast = (toast: number) => { - setToasts(current => current.filter(item => item !== toast)) - } - - return ( - <> - - - - {toasts.map((toast) => ( - closeToast(toast)}> - {({ close }) => ( - -
                                - Hello toast - Amazing toast -
                                - -                                 - )} -                                 - ))} -                                 - - ) -} -``` +<<< @/public/examples/components/toast/default.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/toast/default.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/toast/default.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/toast/default.tsx [winduum-react] ::: ## JavaScript API diff --git a/docs/docs/components/toaster.md b/docs/docs/components/toaster.md index 46eee52..33fd97b 100644 --- a/docs/docs/components/toaster.md +++ b/docs/docs/components/toaster.md @@ -46,112 +46,10 @@ The toaster lives at the end of your `` — toasts are inserted into it an ::: code-group -```html [winduum-elements] - - - - -
                                -
                                -
                                Hello toast
                                -
                                Amazing toast
                                -
                                - -
                                -                                 -                                 -``` -```html [winduum-stimulus] - - -
                                  -
                                1. -
                                  -
                                  -
                                  Hello toast
                                  -
                                  Amazing toast
                                  -
                                  - -
                                  -
                                  2. -
                                -``` -```vue [winduum-vue] - - - -``` -```jsx [winduum-react] -import { useState } from "react" -import { Button } from "@/components/button" -import { Title } from "@/components/title" -import { Text } from "@/components/text" -import { Toast, ToastContent } from "@/components/toast" -import { Toaster } from "@/components/toaster" - -export function Example() { - const [toasts, setToasts] = useState([Date.now()]) - - const closeToast = (toast: number) => { - setToasts(current => current.filter(item => item !== toast)) - } - - const closeToaster = () => { - setToasts([]) - } - - return ( - <> - - - - {toasts.map((toast) => ( - closeToast(toast)}> - -
                                - Hello toast - Amazing toast -
                                - -                                 -                                 - ))} -                                 - - ) -} -``` +<<< @/public/examples/components/toaster/default.html#body{} [winduum-elements] +<<< @/../examples-stimulus/src/pages/components/toaster/default.liquid#body{} [winduum-stimulus] +<<< @/../examples-vue/src/pages/components/toaster/default.vue [winduum-vue] +<<< @/../examples-react/src/pages/components/toaster/default.tsx [winduum-react] ::: ## JavaScript API diff --git a/examples-react/package-lock.json b/examples-react/package-lock.json new file mode 100644 index 0000000..22d4d8e --- /dev/null +++ b/examples-react/package-lock.json @@ -0,0 +1,2923 @@ +{ + "name": "examples-react", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "dependencies": { + "@floating-ui/dom": "^1.7.6", + "@radix-ui/react-slot": "^1.3.0", + "classnames": "^2.5.1", + "interestfor": "^1.0.0", + "invokers-polyfill": "^1.0.3", + "react": "^19.2.7", + "react-dom": "^19.2.7", + "winduum": "^3.0.0-next.16", + "winduum-react": "https://github.com/winduum/winduum-react/archive/e18d57d278234f01d621cbec4887d0cedb7e0f2b.tar.gz" + }, + "devDependencies": { + "@tailwindcss/vite": "^4.3.2", + "@types/react": "^19.2.17", + "@types/react-dom": "^19.2.3", + "@vitejs/plugin-react": "^6.0.3", + "tailwindcss": "^4.3.2", + "typescript": "^5.9.3", + "vite": "^8.1.3", + "vituum": "^1.1.1" + } + }, + "node_modules/@emnapi/core": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.1.tgz", + "integrity": "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/wasi-threads": "1.2.2", + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/runtime": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz", + "integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/wasi-threads": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz", + "integrity": "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@floating-ui/core": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.8.0.tgz", + "integrity": "sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==", + "license": "MIT", + "dependencies": { + "@floating-ui/utils": "^0.2.12" + } + }, + "node_modules/@floating-ui/dom": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.8.0.tgz", + "integrity": "sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==", + "license": "MIT", + "dependencies": { + "@floating-ui/core": "^1.8.0", + "@floating-ui/utils": "^0.2.12" + } + }, + "node_modules/@floating-ui/utils": { + "version": "0.2.12", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.12.tgz", + "integrity": "sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==", + "license": "MIT" + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.13", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", + "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.0", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/remapping": { + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz", + "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.5.5", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", + "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", + "dev": true, + "license": "MIT" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.31", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", + "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@napi-rs/wasm-runtime": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.6.tgz", + "integrity": "sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@tybys/wasm-util": "^0.10.3" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/Brooooooklyn" + }, + "peerDependencies": { + "@emnapi/core": "^1.7.1", + "@emnapi/runtime": "^1.7.1" + } + }, + "node_modules/@nodelib/fs.scandir": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@oxc-project/types": { + "version": "0.139.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.139.0.tgz", + "integrity": "sha512-r9gHphtCs+1M7J0pw6Sn/hh/Wpa/iQrOOkrNAlVLF/gHq+/CJmHIWKKUUhdWjcD6CIa8idarspCsASiXCXvFUw==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/Boshen" + } + }, + "node_modules/@radix-ui/react-compose-refs": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.3.tgz", + "integrity": "sha512-rYOP8OMnuuPMQF1uhPVlGNcCDlkokKqGFE3JcxFViIkAXP7EvFWUliJAstrapypaBLJNHbZL6jGhbVDGTwmVhA==", + "license": "MIT", + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-slot": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.3.0.tgz", + "integrity": "sha512-MojKku4U/miO8Av4Dkb+ctMAQx7JmY96LmtDQlAarCRtd7rN52QCSzBF+XAvr5S6coSVj9HEPBgHAHKEJVk/WA==", + "license": "MIT", + "dependencies": { + "@radix-ui/react-compose-refs": "1.1.3" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@rolldown/binding-android-arm64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.1.5.tgz", + "integrity": "sha512-lZg8fqIv2v7FF237bwMgzGZEJvGL79/s5knJ/i6FmsGF4XXlzccZ4jb+TrFIxtSSxFtIpdsgrPZeMk1I9AFcyQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-darwin-arm64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.1.5.tgz", + "integrity": "sha512-51Bnx9pNiMRKSUNtBfySkNJ9vMU9Hh3I1ozDd6gyPPYzaXCfnptUcEZxXGYFn+ul2dtcMUiqGR1Yai2K10uoTw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-darwin-x64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.1.5.tgz", + "integrity": "sha512-Tm+gbfC0aHu1tBA/JvKQh32S0K6YgCHkiAF4/W6xX0K0RmNuc94VeK419dJoE65R5aRxmo+noZQSWrAMF6yb6g==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-freebsd-x64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.1.5.tgz", + "integrity": "sha512-JMzDKCCXq93YccG5gz3hvOs1oXRKAf0XYpfOS88e+wZrC8Iugj6j68867vrYZkvpDDpKn/KoKORThmchMpF6TA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm-gnueabihf": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.1.5.tgz", + "integrity": "sha512-uML21j2K5TfPGutKxub+M+nLjZIrWjXQ5Grx4lCe/nimTj9B4L63zHpjXLl4y0L3mcm2htEQIb06oCG/szerNw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm64-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.1.5.tgz", + "integrity": "sha512-navSiuTMogvnQoZoM/v+l3ZWo50/NTwSHSzheABx/RCnmUPaKwq9qSo4Br2OYRs21+Fz8uFqITZM3H4opOB0/Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm64-musl": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.1.5.tgz", + "integrity": "sha512-lAryqH7IteztmCXQXk0etKj4wBQ7Gx5S6LjKhsgp9zb8I5bsuvU/2llH1hDQcjsFeqIsovMVN339/8pUDDBXxA==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-ppc64-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.1.5.tgz", + "integrity": "sha512-fsK/sNBnxzBlL4O1JNrZakVQxPspqpED5dLtNsZS9oOKmtSpdNIzxH2kkol5HYTWJN47sE20ztMJPxfZ89qGOg==", + "cpu": [ + "ppc64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-s390x-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.1.5.tgz", + "integrity": "sha512-gLYb4BIadlfTOYT5gO503n8zQjXflgzpD0FcyKh0Mzx3rqCZKnHoJWV9xe1KXUJ5lx2JfcSHr/mhzS0PC/McAA==", + "cpu": [ + "s390x" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-x64-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.1.5.tgz", + "integrity": "sha512-FjcpEKUyJygHgs1o50VYNvkt5+7Le/VEdYt0AkRpkL33MnyQfwr8l5mXwMmfmTbyMPr5vJLC+8/Gd9gXnwU1QQ==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-x64-musl": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.1.5.tgz", + "integrity": "sha512-Me+PfPI2TMeOQk0gYWfLQZtTktrmzbr8cDboqX83XKc7UrgAi55gF+2dUkWdxd19n55Essp2yeca+O9N5rBxHg==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-openharmony-arm64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.1.5.tgz", + "integrity": "sha512-yc5WrLzXks6zCQfn9Oxr8pORKyl/pF+QjHmW/Qx3qu0oyrrNC+y2JLTU1E2rcWYAmzlnqngWXHQjy51VzW70Vw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-wasm32-wasi": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.1.5.tgz", + "integrity": "sha512-VbQGPX2b4r48TAMIM2cjgluIM1HYutm4pcTEJsle7iEP7sB1dFqtPLBVbdLAZCxy1txCcPxf4QFf4v8uvltPqA==", + "cpu": [ + "wasm32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "1.11.1", + "@emnapi/runtime": "1.11.1", + "@napi-rs/wasm-runtime": "^1.1.6" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-win32-arm64-msvc": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.1.5.tgz", + "integrity": "sha512-gHv82k63z4qpV5+Q1y/12KrK0ltWBukVDI8nZcbT7Tt/ZlOIVwppazneq0F93oDxTo3IgAMEDIoQh3E2n6mVsw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-win32-x64-msvc": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.1.5.tgz", + "integrity": "sha512-tTZuDBPw85tEN5PQi1pnEBzDy0Z49HtScLAbD5t6hyeU92A95pRWaSMw1GZZi/RwgSgUIl0xrSlXIT/9QzvYSA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/pluginutils": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz", + "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.2.tgz", + "integrity": "sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.2.tgz", + "integrity": "sha512-BaH7BllCACHoH1LguOU56UItGfUWjujlO65kS9LAodViaN4bwIKd7oeW/ZHJ/4ljr/7MIiENnNy3HJ0zXv8Zkw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.2.tgz", + "integrity": "sha512-v39RCCvj4He82I9sFmk+M1VZ0PLM9sfsLVikjfx2hYBNALhrrOR2D3JjQA6AhlaSOgcR+RzrKY7e1+bT6SUO/A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.2.tgz", + "integrity": "sha512-yl0y2vq3S3lHeuXhEdss6TWfKW8vkujImO12tn4ZkG/4oghr09LvdYm2RElVjokTQiUvDUGXLGsYeLqUMCKpGA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.2.tgz", + "integrity": "sha512-tT4pvt4qXD+vEoezupCWi+a1F0vvDiksiHc+PxRlYTOH1I6/X4id9jPxTP+Fg+545euaFT1jJVs4CEdHZAU1vw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.2.tgz", + "integrity": "sha512-6nU5F2wCW+qvCBhTn1pdIU3bzsIoF7EUwsCDRxilWGprQR6yd508YnH9+OKFCwpfS8pjZqDUmnCAr7exax0XCg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.2.tgz", + "integrity": "sha512-n1GJHPOvpIfhi3TmrCeh6S6URt9BFCt0KQE3qvexyGCTAKpR4Lg+eWvNZEqu7epxwus/8ElT3hacYEucm49SZg==", + "cpu": [ + "arm" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.2.tgz", + "integrity": "sha512-JqgflS8wEB+UXV/vS1RpRbifGBeN4D5lz8D8oOFbFZw4vedvdOgCFAjfBmIMdW3yL10XpQQ0Ambepw6MXrhOnA==", + "cpu": [ + "arm" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.2.tgz", + "integrity": "sha512-wnFJkogWvN4jm/hQRF2UBaeUmk20j5+DmHvoyWii2b8HJDyvz1MF2OU/6ynXt2KR63rbZLWkFpoytpdc/yBuSA==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.2.tgz", + "integrity": "sha512-HVu2bp0zhvJ8xHEV9+UUs7S90VadmBSY3LcIMvozbPo4AuMGDWlz3ymHLHZPX4hR67TKTt8Qp5PJ5RBg/i+RMQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.2.tgz", + "integrity": "sha512-mQqqAV8QaoSgr9I2fKDLY2BAVvmKjWoGiu/cSYQonsLvtqwEn1E4QYfnCOcp5zoEqNhsDYin1s6jx/VJmrxlZg==", + "cpu": [ + "loong64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.2.tgz", + "integrity": "sha512-IxKLoxCQ2IWi6bT2akyDUBGsOImDKB+sPp4EsTmwFQ/fMwpCKm8uLSSgP/Kx/QYUgKis6SEZ5/Nlhup0DIA0PQ==", + "cpu": [ + "loong64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.2.tgz", + "integrity": "sha512-Mk5ha2RQSgyFfmYYLkBpPnUk8D8FriBxesO1u9O75X0mHgXL1UQcH5Itl2lurWL2tj0RxV9b9tJgipac0hRY9A==", + "cpu": [ + "ppc64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.2.tgz", + "integrity": "sha512-CjvEnqJL/0/TQ3TXX3OPIJ/kmBellrWd4heXUmHeJlTnmwjKpSJzoehLaL6Xk0ZnMHBu9dZuFADNOrtjF4v+2w==", + "cpu": [ + "ppc64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.2.tgz", + "integrity": "sha512-1SiZbzwdkaDURsew/tSOrooKiYy7EQGT6m8ufavAi9NEyQb/6VuIxFXAL1fqa4iZe3g4NbNk4P7J32z2tw5Mgg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.2.tgz", + "integrity": "sha512-nQts12zJ3NQRoE6uYljOH89v7szzLDvG2JD/vsX+vGXU8w/At1GowTZ5/7qeFQ8m7L55rpR8Okugnuo5bgjy2Q==", + "cpu": [ + "riscv64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.2.tgz", + "integrity": "sha512-E9/ll019jhPIJgpzfZoIkBGhcz+kKNgVWYRY0zr9srBdPPFVpvOKW8VaJKUbeK+eZXyQF9ltME+Kk6affeaPgg==", + "cpu": [ + "s390x" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.2.tgz", + "integrity": "sha512-5BqxR/pshjey51iliyzTD5Xi3EN0aLmQ2lZ3lvefVV9c82BvrLo2/6OT55iifpWBufs6kdwWbuOKS841DrmK9A==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.2.tgz", + "integrity": "sha512-uNN83XxQrRAh/w0/pmAfibcwyb6YWt4gP+dpnQKPVJshAloQ785ii8CT8ZCIxkGg9opVsvAlGhFitSm6D1Jjpg==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-openbsd-x64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.2.tgz", + "integrity": "sha512-srjEIxSH3LRnJN6THczDHWQplqEMFiAJrTab0msUryh9kwNpkICf3Ea6q6MN/2cZwRFUNx5w+h6Hpi4QuHS6Zg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ] + }, + "node_modules/@rollup/rollup-openharmony-arm64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.2.tgz", + "integrity": "sha512-8hOJnxgbyObnCm5AlRA3A931xX19xq80RjVTKgJOvEKWqJruP/Uf12IbAOaDjjEXYRewwHLfmF0YRIdK3OwKWA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.2.tgz", + "integrity": "sha512-mmF4AY1i0hG/bLWUctUq59gtmgaSIRa3cu/A3JFRp/sCNEme2bgDEiDS22P9FbnJB8NJNF4jPJiSP5RHQpUTDg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.2.tgz", + "integrity": "sha512-DZgkknc6jhHrk46V25vbAM0zZkyP0nSDkJB8/dRkLTxv470dOmWDqGoEJl/9A0dFfS7yE3REOwNDxpHwSLSt0Q==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.2.tgz", + "integrity": "sha512-T6xr6ucWSFto+VGajA8YH26LdpHRuP4YLHEKAtCWvJDOlnmWcDZVCI2Jmjr+IFHDlt2zRaTAKE4tfjTaWLgJBg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.2.tgz", + "integrity": "sha512-BfzEnDJOt9T8M989/lA37EcJgat01wLRnoi5dQf3QzOH7jzpqTAzdDbVfRljVr5r+jzKqpbHeyOfAaXxAd0PAA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@tailwindcss/node": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.3.2.tgz", + "integrity": "sha512-yWP/sqEcBLaD8JuA6zNwxoYKr75qxTioYwlRwekj5Jr/I5GXnoJfjetH/psLUIv74cYTH2lBUEzBkinthoYcBg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/remapping": "^2.3.5", + "enhanced-resolve": "5.21.6", + "jiti": "^2.7.0", + "lightningcss": "1.32.0", + "magic-string": "^0.30.21", + "source-map-js": "^1.2.1", + "tailwindcss": "4.3.2" + } + }, + "node_modules/@tailwindcss/oxide": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.3.2.tgz", + "integrity": "sha512-z8ZgnzX8gdNoWLBLqBPoh/sjnxkwvf9ZuWjnO0l0yIzbLa5/9S+eC5QxGZKRobVHIC3/1BoMWjHblqWjcgFgag==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 20" + }, + "optionalDependencies": { + "@tailwindcss/oxide-android-arm64": "4.3.2", + "@tailwindcss/oxide-darwin-arm64": "4.3.2", + "@tailwindcss/oxide-darwin-x64": "4.3.2", + "@tailwindcss/oxide-freebsd-x64": "4.3.2", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.2", + "@tailwindcss/oxide-linux-arm64-gnu": "4.3.2", + "@tailwindcss/oxide-linux-arm64-musl": "4.3.2", + "@tailwindcss/oxide-linux-x64-gnu": "4.3.2", + "@tailwindcss/oxide-linux-x64-musl": "4.3.2", + "@tailwindcss/oxide-wasm32-wasi": "4.3.2", + "@tailwindcss/oxide-win32-arm64-msvc": "4.3.2", + "@tailwindcss/oxide-win32-x64-msvc": "4.3.2" + } + }, + "node_modules/@tailwindcss/oxide-android-arm64": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.2.tgz", + "integrity": "sha512-WHxqIuHpvZ5VtdX6GTl1Ik/Vp2YuN42Et+0CdeaVd/frQ9jAvGmvR8vLT+jk3e8/Q3x8kECB9+R17pgpp2BulA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-darwin-arm64": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.2.tgz", + "integrity": "sha512-GZypeUY/IDJW3877KeM+O67vbXr3MBnbtEL4aYhNErv/JWZhye2vGSWWG9tB6iiqR2MqRNkY8IOUy4NdSZV26w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-darwin-x64": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.2.tgz", + "integrity": "sha512-UIIzmefR6KO1sDU7MzRqAxC8iBpft/VhkGjTjnhoS6k7Z3rQ9wEgA1ODSiyH/tcSYssulNm4Ci3hOeK1jH7ccQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-freebsd-x64": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.2.tgz", + "integrity": "sha512-GN+uAmcI6DNspnCDwtOAZrTz6oukJnp337qZvxqCGLd3BHBzJpO0ZbTLRvJNdztOeAmTzewewGIMPb0tk2R4WA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.2.tgz", + "integrity": "sha512-4ABn7qSbdHRwTiDiuWNegCyb5+2FJ4vKIKc3DmKrvAFw7MU1Lm11dIkTPwUaFdTzc7IsOpDbqBrlh0x6y36U/w==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.2.tgz", + "integrity": "sha512-wDgEIGwoM8w8pufh9LVt1PahDgNdKXrLC2qfAnV3vAmococ9RWbxeAw4pxPttd/TsJfwjyLf90Dg1y9y8I6Emw==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-musl": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.2.tgz", + "integrity": "sha512-J5Nuk0uZQIiMTJj3LEx4sAA9tMFUoXQZFv1J6An+QGYe53HKRJuFDi0rpq/tuouCZeAbOBY3kQ6g8qeD4TUjtA==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-gnu": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.2.tgz", + "integrity": "sha512-kqCZpSKOBEJO4mz7OqWoofBZeXTAwaVGPj0ErAj7CojmhKpWVWVOnrt9dE8odoIraZq4oj3ausM37kXi+Tow8w==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-musl": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.2.tgz", + "integrity": "sha512-cixpqbh2toJDmkuCRI68nXA8ZxNmdK9Y+9v5h3MC3ZQKy/0BO8AWzlkWyRM7JAFSGBlfig4YVTPsK6MVgqz1uw==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.2.tgz", + "integrity": "sha512-4ec2Z/LOmRsAgU23CS4xeJfcJlmRg94A/XrbGRCF1gyU/zdDfRLYDVsS+ynSZCmGNxQ1jQriQOKMQeQxBA3Isw==", + "bundleDependencies": [ + "@napi-rs/wasm-runtime", + "@emnapi/core", + "@emnapi/runtime", + "@tybys/wasm-util", + "@emnapi/wasi-threads", + "tslib" + ], + "cpu": [ + "wasm32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "^1.11.1", + "@emnapi/runtime": "^1.11.1", + "@emnapi/wasi-threads": "^1.2.2", + "@napi-rs/wasm-runtime": "^1.1.4", + "@tybys/wasm-util": "^0.10.2", + "tslib": "^2.8.1" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.2.tgz", + "integrity": "sha512-Zyr/M0+XcYZu3bZrUytc7TXvrk0ftWfl8gN2MwekNDzhqhKRUucMPSeOzM0o0wH5AWOU49BsKRrfKxI2atCPMQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-win32-x64-msvc": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.2.tgz", + "integrity": "sha512-QI9BO7KlNZsp2GuO0jwAAj5jCDABOKXRkCk2XuKTSaNEFSdfzqswYVTtCHBNKHLsqyjFyFkqlDiwkNbTYSssMQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/vite": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.3.2.tgz", + "integrity": "sha512-eHpMeX4JXfVNJDEcsouTeCBubJBTcTLigeaw/NTUW6PB5ATKKXdyonnXgTBX2VuRbjz1hjfz6C5XAhr52ImQXA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@tailwindcss/node": "4.3.2", + "@tailwindcss/oxide": "4.3.2", + "tailwindcss": "4.3.2" + }, + "peerDependencies": { + "vite": "^5.2.0 || ^6 || ^7 || ^8" + } + }, + "node_modules/@tybys/wasm-util": { + "version": "0.10.3", + "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.3.tgz", + "integrity": "sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@types/estree": { + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz", + "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/react": { + "version": "19.2.17", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.17.tgz", + "integrity": "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==", + "devOptional": true, + "license": "MIT", + "dependencies": { + "csstype": "^3.2.2" + } + }, + "node_modules/@types/react-dom": { + "version": "19.2.3", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz", + "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "@types/react": "^19.2.0" + } + }, + "node_modules/@vitejs/plugin-react": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-6.0.3.tgz", + "integrity": "sha512-vmFvco5/QuC2f9Oj+wTk0+9XeDFkHxSamwZKYc7MxYwKICfvUvlMhqKI0VuICPltGqh1neqBKDvO4kes1ya8vg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@rolldown/pluginutils": "^1.0.1" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "peerDependencies": { + "@rolldown/plugin-babel": "^0.1.7 || ^0.2.0", + "babel-plugin-react-compiler": "^1.0.0", + "vite": "^8.0.0" + }, + "peerDependenciesMeta": { + "@rolldown/plugin-babel": { + "optional": true + }, + "babel-plugin-react-compiler": { + "optional": true + } + } + }, + "node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "license": "ISC", + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/anymatch/node_modules/picomatch": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz", + "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/balanced-match": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz", + "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==", + "dev": true, + "license": "MIT", + "engines": { + "node": "18 || 20 || >=22" + } + }, + "node_modules/binary-extensions": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", + "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/brace-expansion": { + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.7.tgz", + "integrity": "sha512-7oFy703dxfY3/NLxC1fh2SUCQ0H9rmAY+5EpDVfXjUTTs+HEwR2nYaqLv+GWcTsumwxPfiz6CzCNkwXwBUwqCA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^4.0.2" + }, + "engines": { + "node": "18 || 20 || >=22" + } + }, + "node_modules/braces": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "dev": true, + "license": "MIT", + "dependencies": { + "fill-range": "^7.1.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", + "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", + "dev": true, + "license": "MIT", + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/classnames": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz", + "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==", + "license": "MIT" + }, + "node_modules/csstype": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz", + "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==", + "devOptional": true, + "license": "MIT" + }, + "node_modules/detect-libc": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz", + "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=8" + } + }, + "node_modules/enhanced-resolve": { + "version": "5.21.6", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.21.6.tgz", + "integrity": "sha512-aNnGCvbJ/RIyWo1IuhNdVjnNF+EjH9wpzpNHt+ci/m9He9LJvUN8wrCcXjp9cWsGNAuvSpVFTx/vraAFQ8qGjQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "graceful-fs": "^4.2.4", + "tapable": "^2.3.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/fast-glob": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz", + "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.8" + }, + "engines": { + "node": ">=8.6.0" + } + }, + "node_modules/fastq": { + "version": "1.20.1", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz", + "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==", + "dev": true, + "license": "ISC", + "dependencies": { + "reusify": "^1.0.4" + } + }, + "node_modules/fdir": { + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "picomatch": "^3 || ^4" + }, + "peerDependenciesMeta": { + "picomatch": { + "optional": true + } + } + }, + "node_modules/fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "dev": true, + "license": "MIT", + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/interestfor": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/interestfor/-/interestfor-1.0.8.tgz", + "integrity": "sha512-qYwTmxzDnrosGZX/1lDEOsAv73aYiFKLniN20SS78588WhRMHj8z7u2uFe9QZPIVmkCyIbJwiMQ/85Up7hrseQ==", + "license": "BSD-3-Clause" + }, + "node_modules/invokers-polyfill": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/invokers-polyfill/-/invokers-polyfill-1.0.3.tgz", + "integrity": "sha512-T8zVavFQu5GlWlpkjghmaCaTx6Wk+9tWwJ2BC4oNsNAnar6AIrvSJQFZUcYDfrxzK9thBIyZvAkeLfdN9hTzGA==", + "license": "MIT" + }, + "node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, + "license": "MIT", + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/jiti": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz", + "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==", + "dev": true, + "license": "MIT", + "bin": { + "jiti": "lib/jiti-cli.mjs" + } + }, + "node_modules/lightningcss": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz", + "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==", + "dev": true, + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^2.0.3" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-android-arm64": "1.32.0", + "lightningcss-darwin-arm64": "1.32.0", + "lightningcss-darwin-x64": "1.32.0", + "lightningcss-freebsd-x64": "1.32.0", + "lightningcss-linux-arm-gnueabihf": "1.32.0", + "lightningcss-linux-arm64-gnu": "1.32.0", + "lightningcss-linux-arm64-musl": "1.32.0", + "lightningcss-linux-x64-gnu": "1.32.0", + "lightningcss-linux-x64-musl": "1.32.0", + "lightningcss-win32-arm64-msvc": "1.32.0", + "lightningcss-win32-x64-msvc": "1.32.0" + } + }, + "node_modules/lightningcss-android-arm64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz", + "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz", + "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-x64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz", + "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-freebsd-x64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz", + "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz", + "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz", + "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-musl": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz", + "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-gnu": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz", + "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-musl": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz", + "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz", + "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-x64-msvc": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz", + "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lodash": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz", + "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/magic-string": { + "version": "0.30.21", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", + "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.5" + } + }, + "node_modules/merge2": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", + "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, + "node_modules/micromatch": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "dev": true, + "license": "MIT", + "dependencies": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/micromatch/node_modules/picomatch": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz", + "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/minimatch": { + "version": "10.2.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz", + "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==", + "dev": true, + "license": "BlueOak-1.0.0", + "dependencies": { + "brace-expansion": "^5.0.5" + }, + "engines": { + "node": "18 || 20 || >=22" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/nanoid": { + "version": "3.3.16", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz", + "integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "dev": true, + "license": "ISC" + }, + "node_modules/picomatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz", + "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.5.19", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.19.tgz", + "integrity": "sha512-Mz8SaolMd8nB+G13WkORcxQKHZ/NE4xXevtkJHVuG+guo9/wYKlIMTKAqGdEmYOXR2ijPjTYNHssizdaVSUNdQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.12", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, + "node_modules/react": { + "version": "19.2.7", + "resolved": "https://registry.npmjs.org/react/-/react-19.2.7.tgz", + "integrity": "sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-dom": { + "version": "19.2.7", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.7.tgz", + "integrity": "sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==", + "license": "MIT", + "dependencies": { + "scheduler": "^0.27.0" + }, + "peerDependencies": { + "react": "^19.2.7" + } + }, + "node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "license": "MIT", + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/readdirp/node_modules/picomatch": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz", + "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/reusify": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz", + "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==", + "dev": true, + "license": "MIT", + "engines": { + "iojs": ">=1.0.0", + "node": ">=0.10.0" + } + }, + "node_modules/rolldown": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.1.5.tgz", + "integrity": "sha512-t9z29cJjXf/vxQ8dyhCSpt6H6aSwHTk8cT5I3iy6SMXuFpk5mB6PL6XfC8PCwrPTx93udwKUm9HRteAlTGBLiA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@oxc-project/types": "=0.139.0", + "@rolldown/pluginutils": "^1.0.0" + }, + "bin": { + "rolldown": "bin/cli.mjs" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "optionalDependencies": { + "@rolldown/binding-android-arm64": "1.1.5", + "@rolldown/binding-darwin-arm64": "1.1.5", + "@rolldown/binding-darwin-x64": "1.1.5", + "@rolldown/binding-freebsd-x64": "1.1.5", + "@rolldown/binding-linux-arm-gnueabihf": "1.1.5", + "@rolldown/binding-linux-arm64-gnu": "1.1.5", + "@rolldown/binding-linux-arm64-musl": "1.1.5", + "@rolldown/binding-linux-ppc64-gnu": "1.1.5", + "@rolldown/binding-linux-s390x-gnu": "1.1.5", + "@rolldown/binding-linux-x64-gnu": "1.1.5", + "@rolldown/binding-linux-x64-musl": "1.1.5", + "@rolldown/binding-openharmony-arm64": "1.1.5", + "@rolldown/binding-wasm32-wasi": "1.1.5", + "@rolldown/binding-win32-arm64-msvc": "1.1.5", + "@rolldown/binding-win32-x64-msvc": "1.1.5" + } + }, + "node_modules/rollup": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.2.tgz", + "integrity": "sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.9" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.62.2", + "@rollup/rollup-android-arm64": "4.62.2", + "@rollup/rollup-darwin-arm64": "4.62.2", + "@rollup/rollup-darwin-x64": "4.62.2", + "@rollup/rollup-freebsd-arm64": "4.62.2", + "@rollup/rollup-freebsd-x64": "4.62.2", + "@rollup/rollup-linux-arm-gnueabihf": "4.62.2", + "@rollup/rollup-linux-arm-musleabihf": "4.62.2", + "@rollup/rollup-linux-arm64-gnu": "4.62.2", + "@rollup/rollup-linux-arm64-musl": "4.62.2", + "@rollup/rollup-linux-loong64-gnu": "4.62.2", + "@rollup/rollup-linux-loong64-musl": "4.62.2", + "@rollup/rollup-linux-ppc64-gnu": "4.62.2", + "@rollup/rollup-linux-ppc64-musl": "4.62.2", + "@rollup/rollup-linux-riscv64-gnu": "4.62.2", + "@rollup/rollup-linux-riscv64-musl": "4.62.2", + "@rollup/rollup-linux-s390x-gnu": "4.62.2", + "@rollup/rollup-linux-x64-gnu": "4.62.2", + "@rollup/rollup-linux-x64-musl": "4.62.2", + "@rollup/rollup-openbsd-x64": "4.62.2", + "@rollup/rollup-openharmony-arm64": "4.62.2", + "@rollup/rollup-win32-arm64-msvc": "4.62.2", + "@rollup/rollup-win32-ia32-msvc": "4.62.2", + "@rollup/rollup-win32-x64-gnu": "4.62.2", + "@rollup/rollup-win32-x64-msvc": "4.62.2", + "fsevents": "~2.3.2" + } + }, + "node_modules/run-parallel": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT", + "dependencies": { + "queue-microtask": "^1.2.2" + } + }, + "node_modules/scheduler": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz", + "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==", + "license": "MIT" + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/tailwindcss": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.2.tgz", + "integrity": "sha512-WtctNNSH8A9jlMIqxzuYumOHU5uGZyRv0Q5svQl+oEPy5w84YpBxdb7MdqyiSPQge5jTJ6zFQLq0PFygdccSBA==", + "dev": true, + "license": "MIT" + }, + "node_modules/tapable": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz", + "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, + "node_modules/tinyglobby": { + "version": "0.2.17", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz", + "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.4" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "dev": true, + "license": "0BSD", + "optional": true + }, + "node_modules/typescript": { + "version": "5.9.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz", + "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/vite": { + "version": "8.1.4", + "resolved": "https://registry.npmjs.org/vite/-/vite-8.1.4.tgz", + "integrity": "sha512-bTT9PsdWO+MQMNG9ZXIP/qM9wGh37DFxTV/sPq9cFpHr3w4jkgef032PkAL9jAqhk3Nz8NQw3O8n6/xFkqO4QQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "lightningcss": "^1.32.0", + "picomatch": "^4.0.5", + "postcss": "^8.5.16", + "rolldown": "~1.1.4", + "tinyglobby": "^0.2.17" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^20.19.0 || >=22.12.0", + "@vitejs/devtools": "^0.3.0", + "esbuild": "^0.27.0 || ^0.28.0", + "jiti": ">=1.21.0", + "less": "^4.0.0", + "sass": "^1.70.0", + "sass-embedded": "^1.70.0", + "stylus": ">=0.54.8", + "sugarss": "^5.0.0", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "@vitejs/devtools": { + "optional": true + }, + "esbuild": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + }, + "node_modules/vituum": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/vituum/-/vituum-1.2.0.tgz", + "integrity": "sha512-1YYOrzrIMSeWj6zAib5VTsNo1oDcqSg45jCFjxzU70vMPBONoXXhTAMcX0p21Bj7NkzceBFgdmEtnAze258lqw==", + "dev": true, + "dependencies": { + "chokidar": "^3.5", + "fast-glob": "^3.3", + "lodash": "^4.17", + "minimatch": "^10.0", + "vite": "^6.2" + }, + "engines": { + "node": "^18.0.0 || >=20.0.0" + } + }, + "node_modules/vituum/node_modules/@esbuild/aix-ppc64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz", + "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/android-arm": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz", + "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/android-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz", + "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/android-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz", + "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/darwin-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz", + "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/darwin-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz", + "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/freebsd-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz", + "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/freebsd-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz", + "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-arm": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz", + "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz", + "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-ia32": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz", + "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-loong64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz", + "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-mips64el": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz", + "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-ppc64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz", + "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-riscv64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz", + "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-s390x": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz", + "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz", + "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/netbsd-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz", + "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/netbsd-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz", + "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/openbsd-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz", + "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/openbsd-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz", + "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/openharmony-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz", + "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/sunos-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz", + "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/win32-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz", + "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/win32-ia32": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz", + "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/win32-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz", + "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/esbuild": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz", + "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.25.12", + "@esbuild/android-arm": "0.25.12", + "@esbuild/android-arm64": "0.25.12", + "@esbuild/android-x64": "0.25.12", + "@esbuild/darwin-arm64": "0.25.12", + "@esbuild/darwin-x64": "0.25.12", + "@esbuild/freebsd-arm64": "0.25.12", + "@esbuild/freebsd-x64": "0.25.12", + "@esbuild/linux-arm": "0.25.12", + "@esbuild/linux-arm64": "0.25.12", + "@esbuild/linux-ia32": "0.25.12", + "@esbuild/linux-loong64": "0.25.12", + "@esbuild/linux-mips64el": "0.25.12", + "@esbuild/linux-ppc64": "0.25.12", + "@esbuild/linux-riscv64": "0.25.12", + "@esbuild/linux-s390x": "0.25.12", + "@esbuild/linux-x64": "0.25.12", + "@esbuild/netbsd-arm64": "0.25.12", + "@esbuild/netbsd-x64": "0.25.12", + "@esbuild/openbsd-arm64": "0.25.12", + "@esbuild/openbsd-x64": "0.25.12", + "@esbuild/openharmony-arm64": "0.25.12", + "@esbuild/sunos-x64": "0.25.12", + "@esbuild/win32-arm64": "0.25.12", + "@esbuild/win32-ia32": "0.25.12", + "@esbuild/win32-x64": "0.25.12" + } + }, + "node_modules/vituum/node_modules/vite": { + "version": "6.4.3", + "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.3.tgz", + "integrity": "sha512-NTKlcQjlAK7MlQoyb6LgaqHc8sso/pVyUJYWMws3jg21uTJw/LddqIFPcPqP6PzpgbIcZyKI85sFE4HBrQDA8A==", + "dev": true, + "license": "MIT", + "dependencies": { + "esbuild": "^0.25.0", + "fdir": "^6.4.4", + "picomatch": "^4.0.2", + "postcss": "^8.5.3", + "rollup": "^4.34.9", + "tinyglobby": "^0.2.13" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^18.0.0 || ^20.0.0 || >=22.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0", + "jiti": ">=1.21.0", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "sass-embedded": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + }, + "node_modules/winduum": { + "version": "3.0.0-next.16", + "resolved": "https://registry.npmjs.org/winduum/-/winduum-3.0.0-next.16.tgz", + "integrity": "sha512-Nk6GbAATr++Z1gGR46htvbzEaDxikgmmMVXz1DRb6hRJgL3UxqCIlXtKW3zs8yWJ5msvFxWdz1DoR8a/vd8dBg==", + "engines": { + "node": ">=20.0.0", + "npm": ">=9.0.0" + } + }, + "node_modules/winduum-react": { + "version": "0.0.1-next.1", + "resolved": "https://github.com/winduum/winduum-react/archive/e18d57d278234f01d621cbec4887d0cedb7e0f2b.tar.gz", + "integrity": "sha512-nYcuwG2/x87AnV2CEIaeegXo8SsYMl5eAiFaENHiSSiRe+fzcCFPzTObt/XVQ6AlFOJZPLA9bTnsHayg8QNAxg==", + "dependencies": { + "@floating-ui/dom": "^1.7.6", + "@radix-ui/react-slot": "^1.3.0", + "classnames": "^2.5.1", + "react": "^19.2.7", + "react-dom": "^19.2.7" + } + } + } +} diff --git a/examples-react/package.json b/examples-react/package.json new file mode 100644 index 0000000..b288221 --- /dev/null +++ b/examples-react/package.json @@ -0,0 +1,29 @@ +{ + "type": "module", + "scripts": { + "build": "tsc --noEmit && vite build", + "dev": "vite", + "preview": "vite preview" + }, + "dependencies": { + "@floating-ui/dom": "^1.7.6", + "@radix-ui/react-slot": "^1.3.0", + "classnames": "^2.5.1", + "interestfor": "^1.0.0", + "invokers-polyfill": "^1.0.3", + "react": "^19.2.7", + "react-dom": "^19.2.7", + "winduum": "^3.0.0-next.16", + "winduum-react": "https://github.com/winduum/winduum-react/archive/e18d57d278234f01d621cbec4887d0cedb7e0f2b.tar.gz" + }, + "devDependencies": { + "@tailwindcss/vite": "^4.3.2", + "@types/react": "^19.2.17", + "@types/react-dom": "^19.2.3", + "@vitejs/plugin-react": "^6.0.3", + "tailwindcss": "^4.3.2", + "typescript": "^5.9.3", + "vite": "^8.1.3", + "vituum": "^1.1.1" + } +} diff --git a/examples-react/src/adapters/field/Field.tsx b/examples-react/src/adapters/field/Field.tsx new file mode 100644 index 0000000..ca625aa --- /dev/null +++ b/examples-react/src/adapters/field/Field.tsx @@ -0,0 +1,27 @@ +import { createRef, type ChangeEvent, type HTMLProps } from 'react' +import { Slot } from '@radix-ui/react-slot' +import classNames from 'classnames' +import type { ValidateFieldOptions } from 'winduum/src/components/field' +import { validateField } from 'winduum/src/components/field' + +interface Props extends HTMLProps { + asChild?: boolean + as?: string + validateOptions?: ValidateFieldOptions +} + +export default function Field({ validateOptions, ...props }: Props) { + const ref = createRef() + const Comp = props.asChild ? Slot : props.as ?? 'div' + + const onChange = (event: ChangeEvent) => { + props.onChange?.(event) + validateField(event.currentTarget, validateOptions) + } + + return ( + + {props.children} + + ) +} diff --git a/examples-react/src/adapters/field/index.ts b/examples-react/src/adapters/field/index.ts new file mode 100644 index 0000000..bcd8b0d --- /dev/null +++ b/examples-react/src/adapters/field/index.ts @@ -0,0 +1 @@ +export { default as Field } from './Field.tsx' diff --git a/examples-react/src/main.tsx b/examples-react/src/main.tsx new file mode 100644 index 0000000..e429fd2 --- /dev/null +++ b/examples-react/src/main.tsx @@ -0,0 +1,27 @@ +import { StrictMode } from 'react' +import { createRoot } from 'react-dom/client' + +if (!('command' in HTMLButtonElement.prototype)) { + const { apply } = await import('invokers-polyfill/fn') + apply() +} + +if (!Object.prototype.hasOwnProperty.call(HTMLButtonElement.prototype, 'interestForElement')) { + await import('interestfor') +} + +const examples = import.meta.glob<{ Example: React.ComponentType }>('./pages/**/*.tsx') +const pathname = window.location.pathname + .replace(/^\/examples-react/, '') + .replace(/\.html$/, '.tsx') +const loadExample = examples[`./pages${pathname}`] + +if (!loadExample) throw new Error(`React example not found: ${pathname}`) + +const { Example } = await loadExample() + +createRoot(document.querySelector('#app')!).render( + + + +) diff --git a/examples-react/src/pages/components/button/basic.html b/examples-react/src/pages/components/button/basic.html new file mode 100644 index 0000000..2fea1c6 --- /dev/null +++ b/examples-react/src/pages/components/button/basic.html @@ -0,0 +1,19 @@ + + + + + + + + + + + +
                                + + + diff --git a/examples-react/src/pages/components/button/basic.tsx b/examples-react/src/pages/components/button/basic.tsx new file mode 100644 index 0000000..43add11 --- /dev/null +++ b/examples-react/src/pages/components/button/basic.tsx @@ -0,0 +1,10 @@ +import { Button } from '@/components/button' + +export function Example() { + return ( + <> + + + + ) +} diff --git a/examples-react/src/pages/components/carousel-experimental/basic.html b/examples-react/src/pages/components/carousel-experimental/basic.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/carousel-experimental/basic.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/carousel-experimental/basic.tsx b/examples-react/src/pages/components/carousel-experimental/basic.tsx new file mode 100644 index 0000000..f8a13ae --- /dev/null +++ b/examples-react/src/pages/components/carousel-experimental/basic.tsx @@ -0,0 +1,36 @@ +import { useRef } from 'react' +import { Carousel } from '@/components/carousel-experimental' + +export function Example() { + const contentElement = useRef(null) + const prevElement = useRef(null) + const nextElement = useRef(null) + + return ( + + {({ scrollPrev, scrollNext, toggleScrollState }) => ( + <> + +
                                +
                                + +
                                +
                                + +
                                +
                                + + + )} +                                 + ) +} + diff --git a/examples-react/src/pages/components/carousel-experimental/full.html b/examples-react/src/pages/components/carousel-experimental/full.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/carousel-experimental/full.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/carousel-experimental/full.tsx b/examples-react/src/pages/components/carousel-experimental/full.tsx new file mode 100644 index 0000000..4b8b272 --- /dev/null +++ b/examples-react/src/pages/components/carousel-experimental/full.tsx @@ -0,0 +1,58 @@ +import { useRef } from 'react' +import { Carousel } from '@/components/carousel-experimental' + +const slides = [1, 2, 3, 4, 5, 6] + +export function Example() { + const contentElement = useRef(null) + const markerGroupElement = useRef(null) + const prevElement = useRef(null) + const nextElement = useRef(null) + + return ( + + {({ scrollPrev, scrollNext, toggleScrollState, scrollToMarker }) => ( + <> +
                                + +
                                + {slides.map((slide) => ( +
                                + +
                                + ))} +
                                + +
                                + + + )} +                                 + ) +} + diff --git a/examples-react/src/pages/components/carousel/basic.html b/examples-react/src/pages/components/carousel/basic.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/carousel/basic.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/carousel/basic.tsx b/examples-react/src/pages/components/carousel/basic.tsx new file mode 100644 index 0000000..3dfb6f8 --- /dev/null +++ b/examples-react/src/pages/components/carousel/basic.tsx @@ -0,0 +1,35 @@ +import { useRef } from 'react' +import { Carousel } from '@/components/carousel' + +export function Example() { + const contentElement = useRef(null) + const prevElement = useRef(null) + const nextElement = useRef(null) + + return ( + + {({ scrollPrev, scrollNext, onScroll }) => ( + <> + +
                                +
                                + +
                                +
                                + +
                                +
                                + + + )} +                                 + ) +} + diff --git a/examples-react/src/pages/components/carousel/full.html b/examples-react/src/pages/components/carousel/full.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/carousel/full.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/carousel/full.tsx b/examples-react/src/pages/components/carousel/full.tsx new file mode 100644 index 0000000..4e66bf8 --- /dev/null +++ b/examples-react/src/pages/components/carousel/full.tsx @@ -0,0 +1,58 @@ +import { useRef } from 'react' +import { Carousel } from '@/components/carousel' + +const slides = [1, 2, 3, 4, 5, 6] + +export function Example() { + const contentElement = useRef(null) + const prevElement = useRef(null) + const nextElement = useRef(null) + const paginationElement = useRef(null) + + return ( + + {({ scrollPrev, scrollNext, onScroll }) => ( + <> +
                                + +
                                onScroll(event, { + pagination: { element: paginationElement.current ?? undefined } + })} + > + {slides.map((slide) => ( +
                                + +
                                + ))} +
                                + +
                                + + + )} +                                 + ) +} + diff --git a/examples-react/src/pages/components/compare/default.html b/examples-react/src/pages/components/compare/default.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/compare/default.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/compare/default.tsx b/examples-react/src/pages/components/compare/default.tsx new file mode 100644 index 0000000..a4cb90d --- /dev/null +++ b/examples-react/src/pages/components/compare/default.tsx @@ -0,0 +1,20 @@ +import { Compare } from '@/components/compare' + +export function Example() { + return ( + + + +
                                + Image 1 + Image 2 +
                                +                                 + ) +} + diff --git a/examples-react/src/pages/components/compare/text.html b/examples-react/src/pages/components/compare/text.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/compare/text.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/compare/text.tsx b/examples-react/src/pages/components/compare/text.tsx new file mode 100644 index 0000000..26c2393 --- /dev/null +++ b/examples-react/src/pages/components/compare/text.tsx @@ -0,0 +1,20 @@ +import { Compare } from '@/components/compare' + +export function Example() { + return ( + + + +
                                +
                                PRIMARY
                                +
                                PRIMARY
                                +
                                +                                 + ) +} + diff --git a/examples-react/src/pages/components/control/basic.html b/examples-react/src/pages/components/control/basic.html new file mode 100644 index 0000000..2fea1c6 --- /dev/null +++ b/examples-react/src/pages/components/control/basic.html @@ -0,0 +1,19 @@ + + + + + + + + + + + +
                                + + + diff --git a/examples-react/src/pages/components/control/basic.tsx b/examples-react/src/pages/components/control/basic.tsx new file mode 100644 index 0000000..330fb09 --- /dev/null +++ b/examples-react/src/pages/components/control/basic.tsx @@ -0,0 +1,9 @@ +import { Control } from '@/components/control' + +export function Example() { + return ( + + + + ) +} diff --git a/examples-react/src/pages/components/details/checkbox.html b/examples-react/src/pages/components/details/checkbox.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/details/checkbox.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/details/checkbox.tsx b/examples-react/src/pages/components/details/checkbox.tsx new file mode 100644 index 0000000..6e02f3d --- /dev/null +++ b/examples-react/src/pages/components/details/checkbox.tsx @@ -0,0 +1,18 @@ +import { Details } from '@/components/details' + +export function Example() { + return ( +
                                + + + +
                                + +
                                +
                                + ) +} + diff --git a/examples-react/src/pages/components/dialog/basic.html b/examples-react/src/pages/components/dialog/basic.html new file mode 100644 index 0000000..2fea1c6 --- /dev/null +++ b/examples-react/src/pages/components/dialog/basic.html @@ -0,0 +1,19 @@ + + + + + + + + + + + +
                                + + + diff --git a/examples-react/src/pages/components/dialog/basic.tsx b/examples-react/src/pages/components/dialog/basic.tsx new file mode 100644 index 0000000..0571109 --- /dev/null +++ b/examples-react/src/pages/components/dialog/basic.tsx @@ -0,0 +1,24 @@ +import { useId } from 'react' +import { Button } from '@/components/button' +import { Dialog, DialogContent } from '@/components/dialog' +import { Heading } from '@/components/heading' + +export function Example() { + const dialogBasic = useId() + + return ( + <> + + + + Hello there! + + + + + ) +} diff --git a/examples-react/src/pages/components/drawer/bottom.html b/examples-react/src/pages/components/drawer/bottom.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/drawer/bottom.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/drawer/bottom.tsx b/examples-react/src/pages/components/drawer/bottom.tsx new file mode 100644 index 0000000..426210f --- /dev/null +++ b/examples-react/src/pages/components/drawer/bottom.tsx @@ -0,0 +1,26 @@ +import type { CSSProperties } from 'react' +import { useId, useRef } from 'react' +import { Drawer, DrawerContent, DrawerScroller } from '@/components/drawer' +import { Button } from '@/components/button' + +export function Example() { + const drawerId = useId() + const contentElement = useRef(null) + + return ( + <> + + + + + Drawer content + + + + + + ) +} + diff --git a/examples-react/src/pages/components/drawer/dialog.html b/examples-react/src/pages/components/drawer/dialog.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/drawer/dialog.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/drawer/dialog.tsx b/examples-react/src/pages/components/drawer/dialog.tsx new file mode 100644 index 0000000..07ad77f --- /dev/null +++ b/examples-react/src/pages/components/drawer/dialog.tsx @@ -0,0 +1,36 @@ +import { useId, useRef } from 'react' +import { Drawer, DrawerScroller } from '@/components/drawer' +import { Button } from '@/components/button' + +export function Example() { + const drawerId = useId() + const contentElement = useRef(null) + + return ( + <> + + + +
                                +
                                Dialog drawer
                                +
                                +
                                +

                                This component behaves as a bottom drawer on small screens and as a dialog on larger screens.

                                +
                                +
                                + + +
                                +                                 +                                 + + ) +} + diff --git a/examples-react/src/pages/components/drawer/left.html b/examples-react/src/pages/components/drawer/left.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/drawer/left.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/drawer/left.tsx b/examples-react/src/pages/components/drawer/left.tsx new file mode 100644 index 0000000..99af679 --- /dev/null +++ b/examples-react/src/pages/components/drawer/left.tsx @@ -0,0 +1,25 @@ +import { useId, useRef } from "react" +import { Drawer, DrawerContent, DrawerScroller } from "@/components/drawer" +import { Button } from "@/components/button" + +export function Example() { + const drawerLeft = useId() + const contentElement = useRef(null) + + return ( + <> + + + + + Drawer content + + + + + + ) +} + diff --git a/examples-react/src/pages/components/drawer/noscript.html b/examples-react/src/pages/components/drawer/noscript.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/drawer/noscript.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/drawer/noscript.tsx b/examples-react/src/pages/components/drawer/noscript.tsx new file mode 100644 index 0000000..3c5f5d6 --- /dev/null +++ b/examples-react/src/pages/components/drawer/noscript.tsx @@ -0,0 +1,25 @@ +import { useId, useRef } from 'react' +import { Drawer, DrawerContent, DrawerScroller } from '@/components/drawer' +import { Button } from '@/components/button' + +export function Example() { + const drawerId = useId() + const contentElement = useRef(null) + + return ( + <> + + + + + Drawer content + + + + + + ) +} + diff --git a/examples-react/src/pages/components/drawer/right.html b/examples-react/src/pages/components/drawer/right.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/drawer/right.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/drawer/right.tsx b/examples-react/src/pages/components/drawer/right.tsx new file mode 100644 index 0000000..ca8394f --- /dev/null +++ b/examples-react/src/pages/components/drawer/right.tsx @@ -0,0 +1,25 @@ +import { useId, useRef } from 'react' +import { Drawer, DrawerContent, DrawerScroller } from '@/components/drawer' +import { Button } from '@/components/button' + +export function Example() { + const drawerId = useId() + const contentElement = useRef(null) + + return ( + <> + + + + + Drawer content + + + + + + ) +} + diff --git a/examples-react/src/pages/components/drawer/top.html b/examples-react/src/pages/components/drawer/top.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/drawer/top.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/drawer/top.tsx b/examples-react/src/pages/components/drawer/top.tsx new file mode 100644 index 0000000..06f9576 --- /dev/null +++ b/examples-react/src/pages/components/drawer/top.tsx @@ -0,0 +1,26 @@ +import type { CSSProperties } from 'react' +import { useId, useRef } from 'react' +import { Drawer, DrawerContent, DrawerScroller } from '@/components/drawer' +import { Button } from '@/components/button' + +export function Example() { + const drawerId = useId() + const contentElement = useRef(null) + + return ( + <> + + + + + Drawer content + + + + + + ) +} + diff --git a/examples-react/src/pages/components/field/basic.html b/examples-react/src/pages/components/field/basic.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/field/basic.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/field/basic.tsx b/examples-react/src/pages/components/field/basic.tsx new file mode 100644 index 0000000..3d091e5 --- /dev/null +++ b/examples-react/src/pages/components/field/basic.tsx @@ -0,0 +1,17 @@ +import { Field } from "@/components/field" +import { Label } from "@/components/label" +import { Control } from "@/components/control" +import { Info } from "@/components/info" + +export function Example() { + return ( + + + + + + Info message + + ) +} + diff --git a/examples-react/src/pages/components/image/picture.html b/examples-react/src/pages/components/image/picture.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/image/picture.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/image/picture.tsx b/examples-react/src/pages/components/image/picture.tsx new file mode 100644 index 0000000..2e5eead --- /dev/null +++ b/examples-react/src/pages/components/image/picture.tsx @@ -0,0 +1,11 @@ +import { Image } from '@/components/image' + +export function Example() { + return ( + + + + + ) +} + diff --git a/examples-react/src/pages/components/image/ratio.html b/examples-react/src/pages/components/image/ratio.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/image/ratio.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/image/ratio.tsx b/examples-react/src/pages/components/image/ratio.tsx new file mode 100644 index 0000000..515f5a9 --- /dev/null +++ b/examples-react/src/pages/components/image/ratio.tsx @@ -0,0 +1,10 @@ +import { Image } from '@/components/image' + +export function Example() { + return ( + + + + ) +} + diff --git a/examples-react/src/pages/components/image/skeleton.html b/examples-react/src/pages/components/image/skeleton.html new file mode 100644 index 0000000..2fea1c6 --- /dev/null +++ b/examples-react/src/pages/components/image/skeleton.html @@ -0,0 +1,19 @@ + + + + + + + + + + + +
                                + + + diff --git a/examples-react/src/pages/components/image/skeleton.tsx b/examples-react/src/pages/components/image/skeleton.tsx new file mode 100644 index 0000000..1e23805 --- /dev/null +++ b/examples-react/src/pages/components/image/skeleton.tsx @@ -0,0 +1,9 @@ +import { Image } from '@/components/image' + +export function Example() { + return ( + + + + ) +} diff --git a/examples-react/src/pages/components/popover/api.html b/examples-react/src/pages/components/popover/api.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/popover/api.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/popover/api.tsx b/examples-react/src/pages/components/popover/api.tsx new file mode 100644 index 0000000..ba25790 --- /dev/null +++ b/examples-react/src/pages/components/popover/api.tsx @@ -0,0 +1,21 @@ +import { useId } from 'react' +import { Button } from '@/components/button' +import { Popover, PopoverContent } from '@/components/popover' + +export function Example() { + const popoverApi = useId() + + return ( +
                                + + + + + + + +
                                + ) +} diff --git a/examples-react/src/pages/components/popover/basic.html b/examples-react/src/pages/components/popover/basic.html new file mode 100644 index 0000000..2fea1c6 --- /dev/null +++ b/examples-react/src/pages/components/popover/basic.html @@ -0,0 +1,19 @@ + + + + + + + + + + + +
                                + + + diff --git a/examples-react/src/pages/components/popover/basic.tsx b/examples-react/src/pages/components/popover/basic.tsx new file mode 100644 index 0000000..f9bb538 --- /dev/null +++ b/examples-react/src/pages/components/popover/basic.tsx @@ -0,0 +1,21 @@ +import { useId } from 'react' +import { Button } from '@/components/button' +import { Popover, PopoverContent } from '@/components/popover' + +export function Example() { + const popoverBasic = useId() + + return ( + <> + + + + + + + + + ) +} diff --git a/examples-react/src/pages/components/popover/interest.html b/examples-react/src/pages/components/popover/interest.html new file mode 100644 index 0000000..2fea1c6 --- /dev/null +++ b/examples-react/src/pages/components/popover/interest.html @@ -0,0 +1,19 @@ + + + + + + + + + + + +
                                + + + diff --git a/examples-react/src/pages/components/popover/interest.tsx b/examples-react/src/pages/components/popover/interest.tsx new file mode 100644 index 0000000..b6202f1 --- /dev/null +++ b/examples-react/src/pages/components/popover/interest.tsx @@ -0,0 +1,19 @@ +import { useId } from 'react' +import { Button } from '@/components/button' +import { Popover, PopoverContent } from '@/components/popover' + +export function Example() { + const popoverInterest = useId() + + return ( + <> + + + + + + + + + ) +} diff --git a/examples-react/src/pages/components/range/default.html b/examples-react/src/pages/components/range/default.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/range/default.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/range/default.tsx b/examples-react/src/pages/components/range/default.tsx new file mode 100644 index 0000000..a4222f8 --- /dev/null +++ b/examples-react/src/pages/components/range/default.tsx @@ -0,0 +1,19 @@ +import { useRef } from "react" +import { Range } from "@/components/range" + +export function Example() { + const startElement = useRef(null) + + return ( + <> + + {({ setValue }) => ( + + )} + + + 10 000 + + ) +} + diff --git a/examples-react/src/pages/components/range/multi.html b/examples-react/src/pages/components/range/multi.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/range/multi.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/range/multi.tsx b/examples-react/src/pages/components/range/multi.tsx new file mode 100644 index 0000000..50e8e02 --- /dev/null +++ b/examples-react/src/pages/components/range/multi.tsx @@ -0,0 +1,26 @@ +import { useRef } from 'react' +import { Range } from '@/components/range' + +export function Example() { + const startElement = useRef(null) + const endElement = useRef(null) + + return ( + <> + + {({ setValue }) => ( + <> + + + + )} + + +
                                + 0 + 10 000 +
                                + + ) +} + diff --git a/examples-react/src/pages/components/range/vertical.html b/examples-react/src/pages/components/range/vertical.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/range/vertical.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/range/vertical.tsx b/examples-react/src/pages/components/range/vertical.tsx new file mode 100644 index 0000000..c36c21c --- /dev/null +++ b/examples-react/src/pages/components/range/vertical.tsx @@ -0,0 +1,19 @@ +import { useRef } from 'react' +import { Range } from '@/components/range' + +export function Example() { + const startElement = useRef(null) + + return ( + <> + + {({ setValue }) => ( + + )} + + + 10 000 + + ) +} + diff --git a/examples-react/src/pages/components/tabs/custom.html b/examples-react/src/pages/components/tabs/custom.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/tabs/custom.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/tabs/custom.tsx b/examples-react/src/pages/components/tabs/custom.tsx new file mode 100644 index 0000000..0f66473 --- /dev/null +++ b/examples-react/src/pages/components/tabs/custom.tsx @@ -0,0 +1,47 @@ +import { createRef, useRef } from 'react' +import { Tabs, TabsList } from '@/components/tabs' + +const tabs = ['All', 'Photos', 'Music', 'Documents'] + +export function Example() { + const tabElements = useRef(tabs.map(() => createRef())).current + const tabPanelElements = useRef(tabs.map(() => createRef())).current + + return ( + + {({ toggleTab }) => ( + <> + + {tabs.map((tab, index) => ( + + ))} + + {tabs.map((tab, index) => ( +
                                + {tab} +
                                + ))} + + )} +                                 + ) +} diff --git a/examples-react/src/pages/components/tabs/default.html b/examples-react/src/pages/components/tabs/default.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/tabs/default.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/tabs/default.tsx b/examples-react/src/pages/components/tabs/default.tsx new file mode 100644 index 0000000..85df50b --- /dev/null +++ b/examples-react/src/pages/components/tabs/default.tsx @@ -0,0 +1,47 @@ +import { createRef, useRef } from 'react' +import { Tabs, TabsList } from "@/components/tabs" + +const tabs = ['All', 'Photos', 'Music', 'Documents'] + +export function Example() { + const tabElements = useRef(tabs.map(() => createRef())).current + const tabPanelElements = useRef(tabs.map(() => createRef())).current + + return ( + + {({ toggleTab }) => ( + <> + + {tabs.map((tab, index) => ( + + ))} + + {tabs.map((tab, index) => ( +
                                + {tab} +
                                + ))} + + )} +                                 + ) +} diff --git a/examples-react/src/pages/components/toast/default.html b/examples-react/src/pages/components/toast/default.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/toast/default.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/toast/default.tsx b/examples-react/src/pages/components/toast/default.tsx new file mode 100644 index 0000000..a491b29 --- /dev/null +++ b/examples-react/src/pages/components/toast/default.tsx @@ -0,0 +1,41 @@ +import { useState } from "react" +import { Button } from "@/components/button" +import { Title } from "@/components/title" +import { Text } from "@/components/text" +import { Toast, ToastContent } from "@/components/toast" +import { Toaster } from "@/components/toaster" + +export function Example() { + const [toasts, setToasts] = useState([]) + + const showToast = () => { + setToasts(current => [...current, Date.now()]) + } + + const closeToast = (toast: number) => { + setToasts(current => current.filter(item => item !== toast)) + } + + return ( + <> + + + + {toasts.map((toast) => ( + closeToast(toast)}> + {({ close }) => ( + +
                                + Hello toast + Amazing toast +
                                + +                                 + )} +                                 + ))} +                                 + + ) +} + diff --git a/examples-react/src/pages/components/toaster/default.html b/examples-react/src/pages/components/toaster/default.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/components/toaster/default.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/components/toaster/default.tsx b/examples-react/src/pages/components/toaster/default.tsx new file mode 100644 index 0000000..37c56cd --- /dev/null +++ b/examples-react/src/pages/components/toaster/default.tsx @@ -0,0 +1,39 @@ +import { useState } from "react" +import { Button } from "@/components/button" +import { Title } from "@/components/title" +import { Text } from "@/components/text" +import { Toast, ToastContent } from "@/components/toast" +import { Toaster } from "@/components/toaster" + +export function Example() { + const [toasts, setToasts] = useState([Date.now()]) + + const closeToast = (toast: number) => { + setToasts(current => current.filter(item => item !== toast)) + } + + const closeToaster = () => { + setToasts([]) + } + + return ( + <> + + + + {toasts.map((toast) => ( + closeToast(toast)}> + +
                                + Hello toast + Amazing toast +
                                + +                                 +                                 + ))} +                                 + + ) +} + diff --git a/examples-react/src/pages/form.html b/examples-react/src/pages/form.html new file mode 100644 index 0000000..9b30909 --- /dev/null +++ b/examples-react/src/pages/form.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                + + + + diff --git a/examples-react/src/pages/form.tsx b/examples-react/src/pages/form.tsx new file mode 100644 index 0000000..2c11ef8 --- /dev/null +++ b/examples-react/src/pages/form.tsx @@ -0,0 +1,34 @@ +import { Form } from '@/components/form' +import { Field } from '@/components/field' +import { Label } from '@/components/label' +import { Control } from '@/components/control' +import { Button } from '@/components/button' + +export function Example() { + return ( +
                                + + + + + + + + + + + + + + + + + + + + + +
                                + ) +} + diff --git a/examples-react/src/styles/main.css b/examples-react/src/styles/main.css new file mode 100644 index 0000000..e0cb7fd --- /dev/null +++ b/examples-react/src/styles/main.css @@ -0,0 +1,21 @@ +@import "tailwindcss/theme.css" layer(theme); +@import "winduum/tailwindcss/theme/config/index.css" layer(theme); +@import "winduum/tailwindcss/theme/default.css" layer(theme); +@import "winduum/src/theme/dark.css" layer(theme); +@import "winduum/src/base/reset.css" layer(base); +@import "winduum/src/base/defaults.css" layer(base); + +@import "winduum/src/components/index.css" layer(utilities); +@import "winduum/src/components/drawer/nosnap.css" layer(utilities); +@import "winduum/src/utilities/container/props/default.css" layer(theme); +@import "winduum/src/utilities/ripple/keyframes/default.css"; +@import "winduum/src/utilities/skeleton/props/default.css" layer(theme); +@import "winduum/src/utilities/spinner/keyframes/ring.css"; + +@import "winduum/tailwindcss/utilities/index.css"; +@import "tailwindcss/utilities" layer(utilities); +@import "winduum/tailwindcss/variants/index.css"; +@import "winduum/src/base/breakpoints.css"; +@import "winduum/src/base/keyframes.css"; +@import "winduum/src/base/transitions.css"; + diff --git a/examples-react/src/styles/style.css b/examples-react/src/styles/style.css new file mode 100644 index 0000000..8d72b2b --- /dev/null +++ b/examples-react/src/styles/style.css @@ -0,0 +1,27 @@ +:root, :host { + height: 100%; + background-color: var(--color-body); + + &.dark { + --color-body: rgb(10, 10, 10); + } +} + +:where(body) { + display: flex; + gap: 0.5rem; + padding: 1rem; + justify-content: center; + align-items: center; + align-content: center; + flex-direction: row; + flex-wrap: wrap; + border-radius: var(--radius); + min-height: 100%; + background: transparent; +} + +#app { + display: contents; +} + diff --git a/examples-react/src/types.d.ts b/examples-react/src/types.d.ts new file mode 100644 index 0000000..cfb28a7 --- /dev/null +++ b/examples-react/src/types.d.ts @@ -0,0 +1 @@ +declare module 'interestfor' diff --git a/examples-react/tsconfig.json b/examples-react/tsconfig.json new file mode 100644 index 0000000..4a2c30f --- /dev/null +++ b/examples-react/tsconfig.json @@ -0,0 +1,23 @@ +{ + "compilerOptions": { + "target": "ESNext", + "useDefineForClassFields": true, + "module": "ESNext", + "moduleResolution": "Bundler", + "allowImportingTsExtensions": true, + "strict": true, + "jsx": "react-jsx", + "resolveJsonModule": true, + "isolatedModules": true, + "esModuleInterop": true, + "lib": ["ESNext", "DOM", "DOM.Iterable"], + "skipLibCheck": true, + "types": ["vite/client"], + "baseUrl": ".", + "paths": { + "@/components/field": ["src/adapters/field/index.ts"], + "@/*": ["node_modules/winduum-react/src/*"] + } + }, + "include": ["src/**/*.ts", "src/**/*.tsx"] +} diff --git a/examples-react/vite.config.js b/examples-react/vite.config.js new file mode 100644 index 0000000..3ea1367 --- /dev/null +++ b/examples-react/vite.config.js @@ -0,0 +1,41 @@ +import { resolve, relative } from 'path' +import { defineConfig } from 'vite' +import vituum from 'vituum' +import tailwindcss from '@tailwindcss/vite' +import framework from '@vitejs/plugin-react' + +const htmlPlugin = () => ({ + name: 'html-transform', + transformIndexHtml: { + order: 'post', + handler(html, { path }) { + return html.replaceAll( + '"/assets/', + `"${relative(path, '/src/pages/').slice(0, -2)}assets/` + ) + } + } +}) + +export default defineConfig({ + resolve: { + alias: [ + { + find: '@/components/field', + replacement: resolve(process.cwd(), 'src/adapters/field/index.ts') + }, + { + find: '@', + replacement: resolve(process.cwd(), 'node_modules/winduum-react/src') + } + ] + }, + plugins: [vituum(), framework(), tailwindcss(), htmlPlugin()], + build: { + target: 'esnext', + manifest: false, + modulePreload: false, + emptyOutDir: true, + outDir: resolve(process.cwd(), '../docs/public/examples-react') + } +}) diff --git a/examples-stimulus/package-lock.json b/examples-stimulus/package-lock.json new file mode 100644 index 0000000..82b6f20 --- /dev/null +++ b/examples-stimulus/package-lock.json @@ -0,0 +1,2228 @@ +{ + "name": "examples-stimulus", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "dependencies": { + "@floating-ui/dom": "^1.6.13", + "@hotwired/stimulus": "^3.2.2", + "@tailwindcss/vite": "^4.0.0", + "@vituum/vite-plugin-liquid": "^1.1.0", + "interestfor": "^1.0.0", + "invokers-polyfill": "^1.0.3", + "tailwindcss": "^4.3.2", + "vite": "^6.0.11", + "vituum": "^1.1.1", + "winduum": "^3.0.0-next.16", + "winduum-stimulus": "https://github.com/winduum/winduum-stimulus/archive/c0af696887217b8b40addd2e2ca5f778816f653e.tar.gz" + } + }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz", + "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==", + "cpu": [ + "ppc64" + ], + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz", + "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==", + "cpu": [ + "arm" + ], + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz", + "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz", + "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz", + "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz", + "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz", + "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz", + "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz", + "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==", + "cpu": [ + "arm" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz", + "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz", + "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==", + "cpu": [ + "ia32" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz", + "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==", + "cpu": [ + "loong64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz", + "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==", + "cpu": [ + "mips64el" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz", + "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==", + "cpu": [ + "ppc64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz", + "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==", + "cpu": [ + "riscv64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz", + "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==", + "cpu": [ + "s390x" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz", + "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz", + "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz", + "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz", + "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz", + "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openharmony-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz", + "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz", + "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz", + "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz", + "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==", + "cpu": [ + "ia32" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz", + "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@floating-ui/core": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.8.0.tgz", + "integrity": "sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==", + "license": "MIT", + "dependencies": { + "@floating-ui/utils": "^0.2.12" + } + }, + "node_modules/@floating-ui/dom": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.8.0.tgz", + "integrity": "sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==", + "license": "MIT", + "dependencies": { + "@floating-ui/core": "^1.8.0", + "@floating-ui/utils": "^0.2.12" + } + }, + "node_modules/@floating-ui/utils": { + "version": "0.2.12", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.12.tgz", + "integrity": "sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==", + "license": "MIT" + }, + "node_modules/@hotwired/stimulus": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/@hotwired/stimulus/-/stimulus-3.2.2.tgz", + "integrity": "sha512-eGeIqNOQpXoPAIP7tC1+1Yc1yl1xnwYqg+3mzqxyrbE5pg5YFBZcA6YoTiByJB6DKAEsiWtl6tjTJS4IYtbB7A==", + "license": "MIT" + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.13", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", + "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==", + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.0", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/remapping": { + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz", + "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==", + "license": "MIT", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "license": "MIT", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.5.5", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", + "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", + "license": "MIT" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.31", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", + "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==", + "license": "MIT", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@newlogic-digital/utils-js": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@newlogic-digital/utils-js/-/utils-js-1.2.0.tgz", + "integrity": "sha512-tObXqpJKB8C9AvHACfCqJZkKHbDAIBTgO9RpMM01Ow/0pxX9G5vB8OSZ2W9eInMA9oB6BYGtPCzvO7MdZ2CWhw==", + "license": "MIT", + "engines": { + "node": ">=20.0.0" + } + }, + "node_modules/@nodelib/fs.scandir": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "license": "MIT", + "dependencies": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "license": "MIT", + "dependencies": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.2.tgz", + "integrity": "sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==", + "cpu": [ + "arm" + ], + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.2.tgz", + "integrity": "sha512-BaH7BllCACHoH1LguOU56UItGfUWjujlO65kS9LAodViaN4bwIKd7oeW/ZHJ/4ljr/7MIiENnNy3HJ0zXv8Zkw==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.2.tgz", + "integrity": "sha512-v39RCCvj4He82I9sFmk+M1VZ0PLM9sfsLVikjfx2hYBNALhrrOR2D3JjQA6AhlaSOgcR+RzrKY7e1+bT6SUO/A==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.2.tgz", + "integrity": "sha512-yl0y2vq3S3lHeuXhEdss6TWfKW8vkujImO12tn4ZkG/4oghr09LvdYm2RElVjokTQiUvDUGXLGsYeLqUMCKpGA==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.2.tgz", + "integrity": "sha512-tT4pvt4qXD+vEoezupCWi+a1F0vvDiksiHc+PxRlYTOH1I6/X4id9jPxTP+Fg+545euaFT1jJVs4CEdHZAU1vw==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.2.tgz", + "integrity": "sha512-6nU5F2wCW+qvCBhTn1pdIU3bzsIoF7EUwsCDRxilWGprQR6yd508YnH9+OKFCwpfS8pjZqDUmnCAr7exax0XCg==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.2.tgz", + "integrity": "sha512-n1GJHPOvpIfhi3TmrCeh6S6URt9BFCt0KQE3qvexyGCTAKpR4Lg+eWvNZEqu7epxwus/8ElT3hacYEucm49SZg==", + "cpu": [ + "arm" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.2.tgz", + "integrity": "sha512-JqgflS8wEB+UXV/vS1RpRbifGBeN4D5lz8D8oOFbFZw4vedvdOgCFAjfBmIMdW3yL10XpQQ0Ambepw6MXrhOnA==", + "cpu": [ + "arm" + ], + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.2.tgz", + "integrity": "sha512-wnFJkogWvN4jm/hQRF2UBaeUmk20j5+DmHvoyWii2b8HJDyvz1MF2OU/6ynXt2KR63rbZLWkFpoytpdc/yBuSA==", + "cpu": [ + "arm64" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.2.tgz", + "integrity": "sha512-HVu2bp0zhvJ8xHEV9+UUs7S90VadmBSY3LcIMvozbPo4AuMGDWlz3ymHLHZPX4hR67TKTt8Qp5PJ5RBg/i+RMQ==", + "cpu": [ + "arm64" + ], + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.2.tgz", + "integrity": "sha512-mQqqAV8QaoSgr9I2fKDLY2BAVvmKjWoGiu/cSYQonsLvtqwEn1E4QYfnCOcp5zoEqNhsDYin1s6jx/VJmrxlZg==", + "cpu": [ + "loong64" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.2.tgz", + "integrity": "sha512-IxKLoxCQ2IWi6bT2akyDUBGsOImDKB+sPp4EsTmwFQ/fMwpCKm8uLSSgP/Kx/QYUgKis6SEZ5/Nlhup0DIA0PQ==", + "cpu": [ + "loong64" + ], + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.2.tgz", + "integrity": "sha512-Mk5ha2RQSgyFfmYYLkBpPnUk8D8FriBxesO1u9O75X0mHgXL1UQcH5Itl2lurWL2tj0RxV9b9tJgipac0hRY9A==", + "cpu": [ + "ppc64" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.2.tgz", + "integrity": "sha512-CjvEnqJL/0/TQ3TXX3OPIJ/kmBellrWd4heXUmHeJlTnmwjKpSJzoehLaL6Xk0ZnMHBu9dZuFADNOrtjF4v+2w==", + "cpu": [ + "ppc64" + ], + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.2.tgz", + "integrity": "sha512-1SiZbzwdkaDURsew/tSOrooKiYy7EQGT6m8ufavAi9NEyQb/6VuIxFXAL1fqa4iZe3g4NbNk4P7J32z2tw5Mgg==", + "cpu": [ + "riscv64" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.2.tgz", + "integrity": "sha512-nQts12zJ3NQRoE6uYljOH89v7szzLDvG2JD/vsX+vGXU8w/At1GowTZ5/7qeFQ8m7L55rpR8Okugnuo5bgjy2Q==", + "cpu": [ + "riscv64" + ], + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.2.tgz", + "integrity": "sha512-E9/ll019jhPIJgpzfZoIkBGhcz+kKNgVWYRY0zr9srBdPPFVpvOKW8VaJKUbeK+eZXyQF9ltME+Kk6affeaPgg==", + "cpu": [ + "s390x" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.2.tgz", + "integrity": "sha512-5BqxR/pshjey51iliyzTD5Xi3EN0aLmQ2lZ3lvefVV9c82BvrLo2/6OT55iifpWBufs6kdwWbuOKS841DrmK9A==", + "cpu": [ + "x64" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.2.tgz", + "integrity": "sha512-uNN83XxQrRAh/w0/pmAfibcwyb6YWt4gP+dpnQKPVJshAloQ785ii8CT8ZCIxkGg9opVsvAlGhFitSm6D1Jjpg==", + "cpu": [ + "x64" + ], + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-openbsd-x64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.2.tgz", + "integrity": "sha512-srjEIxSH3LRnJN6THczDHWQplqEMFiAJrTab0msUryh9kwNpkICf3Ea6q6MN/2cZwRFUNx5w+h6Hpi4QuHS6Zg==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ] + }, + "node_modules/@rollup/rollup-openharmony-arm64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.2.tgz", + "integrity": "sha512-8hOJnxgbyObnCm5AlRA3A931xX19xq80RjVTKgJOvEKWqJruP/Uf12IbAOaDjjEXYRewwHLfmF0YRIdK3OwKWA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.2.tgz", + "integrity": "sha512-mmF4AY1i0hG/bLWUctUq59gtmgaSIRa3cu/A3JFRp/sCNEme2bgDEiDS22P9FbnJB8NJNF4jPJiSP5RHQpUTDg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.2.tgz", + "integrity": "sha512-DZgkknc6jhHrk46V25vbAM0zZkyP0nSDkJB8/dRkLTxv470dOmWDqGoEJl/9A0dFfS7yE3REOwNDxpHwSLSt0Q==", + "cpu": [ + "ia32" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.2.tgz", + "integrity": "sha512-T6xr6ucWSFto+VGajA8YH26LdpHRuP4YLHEKAtCWvJDOlnmWcDZVCI2Jmjr+IFHDlt2zRaTAKE4tfjTaWLgJBg==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.2.tgz", + "integrity": "sha512-BfzEnDJOt9T8M989/lA37EcJgat01wLRnoi5dQf3QzOH7jzpqTAzdDbVfRljVr5r+jzKqpbHeyOfAaXxAd0PAA==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@tailwindcss/node": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.3.2.tgz", + "integrity": "sha512-yWP/sqEcBLaD8JuA6zNwxoYKr75qxTioYwlRwekj5Jr/I5GXnoJfjetH/psLUIv74cYTH2lBUEzBkinthoYcBg==", + "license": "MIT", + "dependencies": { + "@jridgewell/remapping": "^2.3.5", + "enhanced-resolve": "5.21.6", + "jiti": "^2.7.0", + "lightningcss": "1.32.0", + "magic-string": "^0.30.21", + "source-map-js": "^1.2.1", + "tailwindcss": "4.3.2" + } + }, + "node_modules/@tailwindcss/oxide": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.3.2.tgz", + "integrity": "sha512-z8ZgnzX8gdNoWLBLqBPoh/sjnxkwvf9ZuWjnO0l0yIzbLa5/9S+eC5QxGZKRobVHIC3/1BoMWjHblqWjcgFgag==", + "license": "MIT", + "engines": { + "node": ">= 20" + }, + "optionalDependencies": { + "@tailwindcss/oxide-android-arm64": "4.3.2", + "@tailwindcss/oxide-darwin-arm64": "4.3.2", + "@tailwindcss/oxide-darwin-x64": "4.3.2", + "@tailwindcss/oxide-freebsd-x64": "4.3.2", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.2", + "@tailwindcss/oxide-linux-arm64-gnu": "4.3.2", + "@tailwindcss/oxide-linux-arm64-musl": "4.3.2", + "@tailwindcss/oxide-linux-x64-gnu": "4.3.2", + "@tailwindcss/oxide-linux-x64-musl": "4.3.2", + "@tailwindcss/oxide-wasm32-wasi": "4.3.2", + "@tailwindcss/oxide-win32-arm64-msvc": "4.3.2", + "@tailwindcss/oxide-win32-x64-msvc": "4.3.2" + } + }, + "node_modules/@tailwindcss/oxide-android-arm64": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.2.tgz", + "integrity": "sha512-WHxqIuHpvZ5VtdX6GTl1Ik/Vp2YuN42Et+0CdeaVd/frQ9jAvGmvR8vLT+jk3e8/Q3x8kECB9+R17pgpp2BulA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-darwin-arm64": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.2.tgz", + "integrity": "sha512-GZypeUY/IDJW3877KeM+O67vbXr3MBnbtEL4aYhNErv/JWZhye2vGSWWG9tB6iiqR2MqRNkY8IOUy4NdSZV26w==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-darwin-x64": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.2.tgz", + "integrity": "sha512-UIIzmefR6KO1sDU7MzRqAxC8iBpft/VhkGjTjnhoS6k7Z3rQ9wEgA1ODSiyH/tcSYssulNm4Ci3hOeK1jH7ccQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-freebsd-x64": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.2.tgz", + "integrity": "sha512-GN+uAmcI6DNspnCDwtOAZrTz6oukJnp337qZvxqCGLd3BHBzJpO0ZbTLRvJNdztOeAmTzewewGIMPb0tk2R4WA==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.2.tgz", + "integrity": "sha512-4ABn7qSbdHRwTiDiuWNegCyb5+2FJ4vKIKc3DmKrvAFw7MU1Lm11dIkTPwUaFdTzc7IsOpDbqBrlh0x6y36U/w==", + "cpu": [ + "arm" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.2.tgz", + "integrity": "sha512-wDgEIGwoM8w8pufh9LVt1PahDgNdKXrLC2qfAnV3vAmococ9RWbxeAw4pxPttd/TsJfwjyLf90Dg1y9y8I6Emw==", + "cpu": [ + "arm64" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-musl": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.2.tgz", + "integrity": "sha512-J5Nuk0uZQIiMTJj3LEx4sAA9tMFUoXQZFv1J6An+QGYe53HKRJuFDi0rpq/tuouCZeAbOBY3kQ6g8qeD4TUjtA==", + "cpu": [ + "arm64" + ], + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-gnu": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.2.tgz", + "integrity": "sha512-kqCZpSKOBEJO4mz7OqWoofBZeXTAwaVGPj0ErAj7CojmhKpWVWVOnrt9dE8odoIraZq4oj3ausM37kXi+Tow8w==", + "cpu": [ + "x64" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-musl": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.2.tgz", + "integrity": "sha512-cixpqbh2toJDmkuCRI68nXA8ZxNmdK9Y+9v5h3MC3ZQKy/0BO8AWzlkWyRM7JAFSGBlfig4YVTPsK6MVgqz1uw==", + "cpu": [ + "x64" + ], + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.2.tgz", + "integrity": "sha512-4ec2Z/LOmRsAgU23CS4xeJfcJlmRg94A/XrbGRCF1gyU/zdDfRLYDVsS+ynSZCmGNxQ1jQriQOKMQeQxBA3Isw==", + "bundleDependencies": [ + "@napi-rs/wasm-runtime", + "@emnapi/core", + "@emnapi/runtime", + "@tybys/wasm-util", + "@emnapi/wasi-threads", + "tslib" + ], + "cpu": [ + "wasm32" + ], + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "^1.11.1", + "@emnapi/runtime": "^1.11.1", + "@emnapi/wasi-threads": "^1.2.2", + "@napi-rs/wasm-runtime": "^1.1.4", + "@tybys/wasm-util": "^0.10.2", + "tslib": "^2.8.1" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.2.tgz", + "integrity": "sha512-Zyr/M0+XcYZu3bZrUytc7TXvrk0ftWfl8gN2MwekNDzhqhKRUucMPSeOzM0o0wH5AWOU49BsKRrfKxI2atCPMQ==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-win32-x64-msvc": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.2.tgz", + "integrity": "sha512-QI9BO7KlNZsp2GuO0jwAAj5jCDABOKXRkCk2XuKTSaNEFSdfzqswYVTtCHBNKHLsqyjFyFkqlDiwkNbTYSssMQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/vite": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.3.2.tgz", + "integrity": "sha512-eHpMeX4JXfVNJDEcsouTeCBubJBTcTLigeaw/NTUW6PB5ATKKXdyonnXgTBX2VuRbjz1hjfz6C5XAhr52ImQXA==", + "license": "MIT", + "dependencies": { + "@tailwindcss/node": "4.3.2", + "@tailwindcss/oxide": "4.3.2", + "tailwindcss": "4.3.2" + }, + "peerDependencies": { + "vite": "^5.2.0 || ^6 || ^7 || ^8" + } + }, + "node_modules/@types/estree": { + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz", + "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==", + "license": "MIT" + }, + "node_modules/@vituum/vite-plugin-liquid": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@vituum/vite-plugin-liquid/-/vite-plugin-liquid-1.1.0.tgz", + "integrity": "sha512-t7Lhg/8g57Omz7j3TY1k38GUlqo//eqGnKIhw0mh0OQMimqjhhxAEUVfX/S8vHuLLtkhJ/5gzwCg2dy+5W34Bw==", + "dependencies": { + "liquidjs": "^10.9", + "lodash": "^4.17", + "vituum": "^1.1" + }, + "engines": { + "node": "^18.0.0 || >=20.0.0" + } + }, + "node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "license": "ISC", + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/anymatch/node_modules/picomatch": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz", + "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==", + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/balanced-match": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz", + "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==", + "license": "MIT", + "engines": { + "node": "18 || 20 || >=22" + } + }, + "node_modules/binary-extensions": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", + "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==", + "license": "MIT", + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/brace-expansion": { + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.7.tgz", + "integrity": "sha512-7oFy703dxfY3/NLxC1fh2SUCQ0H9rmAY+5EpDVfXjUTTs+HEwR2nYaqLv+GWcTsumwxPfiz6CzCNkwXwBUwqCA==", + "license": "MIT", + "dependencies": { + "balanced-match": "^4.0.2" + }, + "engines": { + "node": "18 || 20 || >=22" + } + }, + "node_modules/braces": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "license": "MIT", + "dependencies": { + "fill-range": "^7.1.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", + "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", + "license": "MIT", + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/commander": { + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz", + "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==", + "license": "MIT", + "engines": { + "node": ">=14" + } + }, + "node_modules/detect-libc": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz", + "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==", + "license": "Apache-2.0", + "engines": { + "node": ">=8" + } + }, + "node_modules/enhanced-resolve": { + "version": "5.21.6", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.21.6.tgz", + "integrity": "sha512-aNnGCvbJ/RIyWo1IuhNdVjnNF+EjH9wpzpNHt+ci/m9He9LJvUN8wrCcXjp9cWsGNAuvSpVFTx/vraAFQ8qGjQ==", + "license": "MIT", + "dependencies": { + "graceful-fs": "^4.2.4", + "tapable": "^2.3.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/esbuild": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz", + "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==", + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.25.12", + "@esbuild/android-arm": "0.25.12", + "@esbuild/android-arm64": "0.25.12", + "@esbuild/android-x64": "0.25.12", + "@esbuild/darwin-arm64": "0.25.12", + "@esbuild/darwin-x64": "0.25.12", + "@esbuild/freebsd-arm64": "0.25.12", + "@esbuild/freebsd-x64": "0.25.12", + "@esbuild/linux-arm": "0.25.12", + "@esbuild/linux-arm64": "0.25.12", + "@esbuild/linux-ia32": "0.25.12", + "@esbuild/linux-loong64": "0.25.12", + "@esbuild/linux-mips64el": "0.25.12", + "@esbuild/linux-ppc64": "0.25.12", + "@esbuild/linux-riscv64": "0.25.12", + "@esbuild/linux-s390x": "0.25.12", + "@esbuild/linux-x64": "0.25.12", + "@esbuild/netbsd-arm64": "0.25.12", + "@esbuild/netbsd-x64": "0.25.12", + "@esbuild/openbsd-arm64": "0.25.12", + "@esbuild/openbsd-x64": "0.25.12", + "@esbuild/openharmony-arm64": "0.25.12", + "@esbuild/sunos-x64": "0.25.12", + "@esbuild/win32-arm64": "0.25.12", + "@esbuild/win32-ia32": "0.25.12", + "@esbuild/win32-x64": "0.25.12" + } + }, + "node_modules/fast-glob": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz", + "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==", + "license": "MIT", + "dependencies": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.8" + }, + "engines": { + "node": ">=8.6.0" + } + }, + "node_modules/fastq": { + "version": "1.20.1", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz", + "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==", + "license": "ISC", + "dependencies": { + "reusify": "^1.0.4" + } + }, + "node_modules/fdir": { + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", + "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "picomatch": "^3 || ^4" + }, + "peerDependenciesMeta": { + "picomatch": { + "optional": true + } + } + }, + "node_modules/fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "license": "MIT", + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "license": "ISC" + }, + "node_modules/interestfor": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/interestfor/-/interestfor-1.0.8.tgz", + "integrity": "sha512-qYwTmxzDnrosGZX/1lDEOsAv73aYiFKLniN20SS78588WhRMHj8z7u2uFe9QZPIVmkCyIbJwiMQ/85Up7hrseQ==", + "license": "BSD-3-Clause" + }, + "node_modules/invokers-polyfill": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/invokers-polyfill/-/invokers-polyfill-1.0.3.tgz", + "integrity": "sha512-T8zVavFQu5GlWlpkjghmaCaTx6Wk+9tWwJ2BC4oNsNAnar6AIrvSJQFZUcYDfrxzK9thBIyZvAkeLfdN9hTzGA==", + "license": "MIT" + }, + "node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "license": "MIT", + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "license": "MIT", + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "license": "MIT", + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/jiti": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz", + "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==", + "license": "MIT", + "bin": { + "jiti": "lib/jiti-cli.mjs" + } + }, + "node_modules/lightningcss": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz", + "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==", + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^2.0.3" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-android-arm64": "1.32.0", + "lightningcss-darwin-arm64": "1.32.0", + "lightningcss-darwin-x64": "1.32.0", + "lightningcss-freebsd-x64": "1.32.0", + "lightningcss-linux-arm-gnueabihf": "1.32.0", + "lightningcss-linux-arm64-gnu": "1.32.0", + "lightningcss-linux-arm64-musl": "1.32.0", + "lightningcss-linux-x64-gnu": "1.32.0", + "lightningcss-linux-x64-musl": "1.32.0", + "lightningcss-win32-arm64-msvc": "1.32.0", + "lightningcss-win32-x64-msvc": "1.32.0" + } + }, + "node_modules/lightningcss-android-arm64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz", + "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz", + "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-x64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz", + "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-freebsd-x64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz", + "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz", + "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==", + "cpu": [ + "arm" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz", + "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==", + "cpu": [ + "arm64" + ], + "libc": [ + "glibc" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-musl": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz", + "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==", + "cpu": [ + "arm64" + ], + "libc": [ + "musl" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-gnu": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz", + "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==", + "cpu": [ + "x64" + ], + "libc": [ + "glibc" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-musl": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz", + "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==", + "cpu": [ + "x64" + ], + "libc": [ + "musl" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz", + "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-x64-msvc": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz", + "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/liquidjs": { + "version": "10.27.2", + "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.27.2.tgz", + "integrity": "sha512-kvknfAEtOHjHkAAv7GxLEJh8ghpMQm3Fc4uWVyF7hERSTsSRsdC7saWs0p5aDG7GDcWsu5o+T4232O+8KZO55w==", + "license": "MIT", + "dependencies": { + "commander": "^10.0.0" + }, + "bin": { + "liquid": "bin/liquid.js", + "liquidjs": "bin/liquid.js" + }, + "engines": { + "node": ">=16" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/liquidjs" + } + }, + "node_modules/lodash": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz", + "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==", + "license": "MIT" + }, + "node_modules/magic-string": { + "version": "0.30.21", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", + "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==", + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.5" + } + }, + "node_modules/merge2": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", + "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, + "node_modules/micromatch": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "license": "MIT", + "dependencies": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/micromatch/node_modules/picomatch": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz", + "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==", + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/minimatch": { + "version": "10.2.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz", + "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==", + "license": "BlueOak-1.0.0", + "dependencies": { + "brace-expansion": "^5.0.5" + }, + "engines": { + "node": "18 || 20 || >=22" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/nanoid": { + "version": "3.3.16", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz", + "integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "license": "ISC" + }, + "node_modules/picomatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz", + "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.5.19", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.19.tgz", + "integrity": "sha512-Mz8SaolMd8nB+G13WkORcxQKHZ/NE4xXevtkJHVuG+guo9/wYKlIMTKAqGdEmYOXR2ijPjTYNHssizdaVSUNdQ==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.12", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, + "node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "license": "MIT", + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/readdirp/node_modules/picomatch": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz", + "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==", + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/reusify": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz", + "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==", + "license": "MIT", + "engines": { + "iojs": ">=1.0.0", + "node": ">=0.10.0" + } + }, + "node_modules/rollup": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.2.tgz", + "integrity": "sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==", + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.9" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.62.2", + "@rollup/rollup-android-arm64": "4.62.2", + "@rollup/rollup-darwin-arm64": "4.62.2", + "@rollup/rollup-darwin-x64": "4.62.2", + "@rollup/rollup-freebsd-arm64": "4.62.2", + "@rollup/rollup-freebsd-x64": "4.62.2", + "@rollup/rollup-linux-arm-gnueabihf": "4.62.2", + "@rollup/rollup-linux-arm-musleabihf": "4.62.2", + "@rollup/rollup-linux-arm64-gnu": "4.62.2", + "@rollup/rollup-linux-arm64-musl": "4.62.2", + "@rollup/rollup-linux-loong64-gnu": "4.62.2", + "@rollup/rollup-linux-loong64-musl": "4.62.2", + "@rollup/rollup-linux-ppc64-gnu": "4.62.2", + "@rollup/rollup-linux-ppc64-musl": "4.62.2", + "@rollup/rollup-linux-riscv64-gnu": "4.62.2", + "@rollup/rollup-linux-riscv64-musl": "4.62.2", + "@rollup/rollup-linux-s390x-gnu": "4.62.2", + "@rollup/rollup-linux-x64-gnu": "4.62.2", + "@rollup/rollup-linux-x64-musl": "4.62.2", + "@rollup/rollup-openbsd-x64": "4.62.2", + "@rollup/rollup-openharmony-arm64": "4.62.2", + "@rollup/rollup-win32-arm64-msvc": "4.62.2", + "@rollup/rollup-win32-ia32-msvc": "4.62.2", + "@rollup/rollup-win32-x64-gnu": "4.62.2", + "@rollup/rollup-win32-x64-msvc": "4.62.2", + "fsevents": "~2.3.2" + } + }, + "node_modules/run-parallel": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT", + "dependencies": { + "queue-microtask": "^1.2.2" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/tailwindcss": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.2.tgz", + "integrity": "sha512-WtctNNSH8A9jlMIqxzuYumOHU5uGZyRv0Q5svQl+oEPy5w84YpBxdb7MdqyiSPQge5jTJ6zFQLq0PFygdccSBA==", + "license": "MIT" + }, + "node_modules/tapable": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz", + "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==", + "license": "MIT", + "engines": { + "node": ">=6" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, + "node_modules/tinyglobby": { + "version": "0.2.17", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz", + "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==", + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.4" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "license": "MIT", + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/vite": { + "version": "6.4.3", + "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.3.tgz", + "integrity": "sha512-NTKlcQjlAK7MlQoyb6LgaqHc8sso/pVyUJYWMws3jg21uTJw/LddqIFPcPqP6PzpgbIcZyKI85sFE4HBrQDA8A==", + "license": "MIT", + "dependencies": { + "esbuild": "^0.25.0", + "fdir": "^6.4.4", + "picomatch": "^4.0.2", + "postcss": "^8.5.3", + "rollup": "^4.34.9", + "tinyglobby": "^0.2.13" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^18.0.0 || ^20.0.0 || >=22.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0", + "jiti": ">=1.21.0", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "sass-embedded": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + }, + "node_modules/vituum": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/vituum/-/vituum-1.2.0.tgz", + "integrity": "sha512-1YYOrzrIMSeWj6zAib5VTsNo1oDcqSg45jCFjxzU70vMPBONoXXhTAMcX0p21Bj7NkzceBFgdmEtnAze258lqw==", + "dependencies": { + "chokidar": "^3.5", + "fast-glob": "^3.3", + "lodash": "^4.17", + "minimatch": "^10.0", + "vite": "^6.2" + }, + "engines": { + "node": "^18.0.0 || >=20.0.0" + } + }, + "node_modules/winduum": { + "version": "3.0.0-next.16", + "resolved": "https://registry.npmjs.org/winduum/-/winduum-3.0.0-next.16.tgz", + "integrity": "sha512-Nk6GbAATr++Z1gGR46htvbzEaDxikgmmMVXz1DRb6hRJgL3UxqCIlXtKW3zs8yWJ5msvFxWdz1DoR8a/vd8dBg==", + "engines": { + "node": ">=20.0.0", + "npm": ">=9.0.0" + } + }, + "node_modules/winduum-stimulus": { + "version": "3.0.0-next.0", + "resolved": "https://github.com/winduum/winduum-stimulus/archive/c0af696887217b8b40addd2e2ca5f778816f653e.tar.gz", + "integrity": "sha512-Xx/UhaIRa3b7rkRrAzRsTBhi7/DMETVJnoMRmxZvQ56C2D/oC4t/N5mKeFMIFiNSDWGrlHEkUEXeXh3GA1GhpQ==", + "dependencies": { + "@hotwired/stimulus": "^3.2.2", + "@newlogic-digital/utils-js": "^1.2.0", + "winduum": "^3.0.0-next.11" + } + } + } +} diff --git a/examples-stimulus/package.json b/examples-stimulus/package.json new file mode 100644 index 0000000..e82e8ee --- /dev/null +++ b/examples-stimulus/package.json @@ -0,0 +1,16 @@ +{ + "type": "module", + "dependencies": { + "@hotwired/stimulus": "^3.2.2", + "@tailwindcss/vite": "^4.0.0", + "@vituum/vite-plugin-liquid": "^1.1.0", + "@floating-ui/dom": "^1.6.13", + "interestfor": "^1.0.0", + "invokers-polyfill": "^1.0.3", + "tailwindcss": "^4.3.2", + "vite": "^6.0.11", + "vituum": "^1.1.1", + "winduum": "^3.0.0-next.16", + "winduum-stimulus": "https://github.com/winduum/winduum-stimulus/archive/c0af696887217b8b40addd2e2ca5f778816f653e.tar.gz" + } +} diff --git a/examples-stimulus/src/application.js b/examples-stimulus/src/application.js new file mode 100644 index 0000000..49016b8 --- /dev/null +++ b/examples-stimulus/src/application.js @@ -0,0 +1,45 @@ +import { Application } from '@hotwired/stimulus' +import { Button } from 'winduum-stimulus/components/button/index.js' +import { Carousel as CarouselExperimental } from 'winduum-stimulus/components/carousel-experimental/index.js' +import { Carousel } from 'winduum-stimulus/components/carousel/index.js' +import { Compare } from 'winduum-stimulus/components/compare/index.js' +import { Control } from 'winduum-stimulus/components/control/index.js' +import { Details } from 'winduum-stimulus/components/details/index.js' +import { Drawer } from 'winduum-stimulus/components/drawer/index.js' +import { Field } from 'winduum-stimulus/components/field/index.js' +import { Form } from 'winduum-stimulus/components/form/index.js' +import { Image } from 'winduum-stimulus/components/image/index.js' +import { Popover } from 'winduum-stimulus/components/popover/index.js' +import { Range } from 'winduum-stimulus/components/range/index.js' +import { Tabs } from 'winduum-stimulus/components/tabs/index.js' +import { Toast } from 'winduum-stimulus/components/toast/index.js' +import { Toaster } from 'winduum-stimulus/components/toaster/index.js' +import { Invoke } from 'winduum-stimulus/utilities/invoke/index.js' + +const application = Application.start() + +if (!('command' in HTMLButtonElement.prototype)) { + const { apply } = await import('invokers-polyfill/fn') + apply() +} + +if (!Object.prototype.hasOwnProperty.call(HTMLButtonElement.prototype, 'interestForElement')) { + await import('interestfor') +} + +application.register('invoke', Invoke) +application.register('x-button', Button) +application.register('x-carousel-experimental', CarouselExperimental) +application.register('x-carousel', Carousel) +application.register('x-compare', Compare) +application.register('x-control', Control) +application.register('x-details', Details) +application.register('x-drawer', Drawer) +application.register('x-field', Field) +application.register('x-form', Form) +application.register('x-image', Image) +application.register('x-popover', Popover) +application.register('x-range', Range) +application.register('x-tabs', Tabs) +application.register('x-toast', Toast) +application.register('x-toaster', Toaster) diff --git a/examples-stimulus/src/pages/components/button/basic.liquid b/examples-stimulus/src/pages/components/button/basic.liquid new file mode 100644 index 0000000..35ea7ce --- /dev/null +++ b/examples-stimulus/src/pages/components/button/basic.liquid @@ -0,0 +1,7 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + +Button + +{% endblock %} diff --git a/examples-stimulus/src/pages/components/carousel-experimental/basic.liquid b/examples-stimulus/src/pages/components/carousel-experimental/basic.liquid new file mode 100644 index 0000000..ef6896e --- /dev/null +++ b/examples-stimulus/src/pages/components/carousel-experimental/basic.liquid @@ -0,0 +1,42 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + + +{% endblock %} + +{% block head %} + +{% endblock %} + + + diff --git a/examples-stimulus/src/pages/components/carousel-experimental/full.liquid b/examples-stimulus/src/pages/components/carousel-experimental/full.liquid new file mode 100644 index 0000000..d1d426d --- /dev/null +++ b/examples-stimulus/src/pages/components/carousel-experimental/full.liquid @@ -0,0 +1,72 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + + +{% endblock %} + +{% block head %} + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/carousel/basic.liquid b/examples-stimulus/src/pages/components/carousel/basic.liquid new file mode 100644 index 0000000..935db01 --- /dev/null +++ b/examples-stimulus/src/pages/components/carousel/basic.liquid @@ -0,0 +1,41 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + + +{% endblock %} + +{% block head %} + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/carousel/full.liquid b/examples-stimulus/src/pages/components/carousel/full.liquid new file mode 100644 index 0000000..d8fa6f8 --- /dev/null +++ b/examples-stimulus/src/pages/components/carousel/full.liquid @@ -0,0 +1,56 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + + +{% endblock %} + +{% block head %} + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/compare/default.liquid b/examples-stimulus/src/pages/components/compare/default.liquid new file mode 100644 index 0000000..c517536 --- /dev/null +++ b/examples-stimulus/src/pages/components/compare/default.liquid @@ -0,0 +1,20 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + + +
                                + Image 1 + Image 2 +
                                +
                                + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/compare/text.liquid b/examples-stimulus/src/pages/components/compare/text.liquid new file mode 100644 index 0000000..e2f4794 --- /dev/null +++ b/examples-stimulus/src/pages/components/compare/text.liquid @@ -0,0 +1,20 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + + +
                                +
                                PRIMARY
                                +
                                PRIMARY
                                +
                                +
                                + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/control/basic.liquid b/examples-stimulus/src/pages/components/control/basic.liquid new file mode 100644 index 0000000..e725f3c --- /dev/null +++ b/examples-stimulus/src/pages/components/control/basic.liquid @@ -0,0 +1,8 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + +
                                + +{% endblock %} diff --git a/examples-stimulus/src/pages/components/details/checkbox.liquid b/examples-stimulus/src/pages/components/details/checkbox.liquid new file mode 100644 index 0000000..ea0f180 --- /dev/null +++ b/examples-stimulus/src/pages/components/details/checkbox.liquid @@ -0,0 +1,31 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + + + +
                                + +
                                +
                                + +{% endblock %} + +{% block head %} + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/dialog/basic.liquid b/examples-stimulus/src/pages/components/dialog/basic.liquid new file mode 100644 index 0000000..b4493d8 --- /dev/null +++ b/examples-stimulus/src/pages/components/dialog/basic.liquid @@ -0,0 +1,23 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + + +
                                +
                                Example dialog
                                +
                                +
                                +

                                You can close this dialog with Esc, clicking outside, or by form submit

                                +
                                +
                                + +
                                +                                 + +{% endblock %} + +{% block foot %} + +{% endblock %} diff --git a/examples-stimulus/src/pages/components/drawer/bottom.liquid b/examples-stimulus/src/pages/components/drawer/bottom.liquid new file mode 100644 index 0000000..5a686d5 --- /dev/null +++ b/examples-stimulus/src/pages/components/drawer/bottom.liquid @@ -0,0 +1,18 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + + +
                                + +
                                +                                 +
                                + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/drawer/dialog.liquid b/examples-stimulus/src/pages/components/drawer/dialog.liquid new file mode 100644 index 0000000..00d6257 --- /dev/null +++ b/examples-stimulus/src/pages/components/drawer/dialog.liquid @@ -0,0 +1,29 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + + +
                                +
                                +
                                Dialog drawer
                                +
                                +
                                +

                                This component behaves as a bottom drawer on small screens and as a dialog on larger screens.

                                +
                                +
                                + + +
                                +
                                +                                 +
                                + +{% endblock %} + +{% block foot %} + +{% endblock %} + diff --git a/examples-stimulus/src/pages/components/drawer/left.liquid b/examples-stimulus/src/pages/components/drawer/left.liquid new file mode 100644 index 0000000..1b7a15e --- /dev/null +++ b/examples-stimulus/src/pages/components/drawer/left.liquid @@ -0,0 +1,18 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + + +
                                + +
                                +                                 +
                                + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/drawer/noscript.liquid b/examples-stimulus/src/pages/components/drawer/noscript.liquid new file mode 100644 index 0000000..a15aeee --- /dev/null +++ b/examples-stimulus/src/pages/components/drawer/noscript.liquid @@ -0,0 +1,18 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + + +
                                + +
                                +                                 +
                                + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/drawer/right.liquid b/examples-stimulus/src/pages/components/drawer/right.liquid new file mode 100644 index 0000000..a4aaf23 --- /dev/null +++ b/examples-stimulus/src/pages/components/drawer/right.liquid @@ -0,0 +1,18 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + + +
                                + +
                                +                                 +
                                + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/drawer/top.liquid b/examples-stimulus/src/pages/components/drawer/top.liquid new file mode 100644 index 0000000..b6e0a67 --- /dev/null +++ b/examples-stimulus/src/pages/components/drawer/top.liquid @@ -0,0 +1,18 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + + +
                                + +
                                +                                 +
                                + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/field/basic.liquid b/examples-stimulus/src/pages/components/field/basic.liquid new file mode 100644 index 0000000..6e7b218 --- /dev/null +++ b/examples-stimulus/src/pages/components/field/basic.liquid @@ -0,0 +1,22 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + +
                                + +
                                + Info message +
                                + +{% endblock %} + +{% block foot %} + + +{% endblock %} + diff --git a/examples-stimulus/src/pages/components/image/picture.liquid b/examples-stimulus/src/pages/components/image/picture.liquid new file mode 100644 index 0000000..f221236 --- /dev/null +++ b/examples-stimulus/src/pages/components/image/picture.liquid @@ -0,0 +1,11 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + + + + + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/image/ratio.liquid b/examples-stimulus/src/pages/components/image/ratio.liquid new file mode 100644 index 0000000..d99e693 --- /dev/null +++ b/examples-stimulus/src/pages/components/image/ratio.liquid @@ -0,0 +1,10 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + +
                                + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/image/skeleton.liquid b/examples-stimulus/src/pages/components/image/skeleton.liquid new file mode 100644 index 0000000..ea200ca --- /dev/null +++ b/examples-stimulus/src/pages/components/image/skeleton.liquid @@ -0,0 +1,16 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + +
                                + +{% endblock %} + +{% block head %} + +{% endblock %} diff --git a/examples-stimulus/src/pages/components/popover/api.liquid b/examples-stimulus/src/pages/components/popover/api.liquid new file mode 100644 index 0000000..d748a60 --- /dev/null +++ b/examples-stimulus/src/pages/components/popover/api.liquid @@ -0,0 +1,24 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + +
                                +
                                + + +
                                +
                                +
                                + +{% endblock %} + +{% block head %} + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/popover/basic.liquid b/examples-stimulus/src/pages/components/popover/basic.liquid new file mode 100644 index 0000000..12f51f0 --- /dev/null +++ b/examples-stimulus/src/pages/components/popover/basic.liquid @@ -0,0 +1,12 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + +
                                +
                                + + +
                                +
                                + +{% endblock %} diff --git a/examples-stimulus/src/pages/components/popover/interest.liquid b/examples-stimulus/src/pages/components/popover/interest.liquid new file mode 100644 index 0000000..0720495 --- /dev/null +++ b/examples-stimulus/src/pages/components/popover/interest.liquid @@ -0,0 +1,12 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + +
                                +
                                + + +
                                +
                                + +{% endblock %} diff --git a/examples-stimulus/src/pages/components/range/default.liquid b/examples-stimulus/src/pages/components/range/default.liquid new file mode 100644 index 0000000..cc372e9 --- /dev/null +++ b/examples-stimulus/src/pages/components/range/default.liquid @@ -0,0 +1,20 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + +
                                + +10 000 + +{% endblock %} + +{% block head %} + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/range/multi.liquid b/examples-stimulus/src/pages/components/range/multi.liquid new file mode 100644 index 0000000..64adf4d --- /dev/null +++ b/examples-stimulus/src/pages/components/range/multi.liquid @@ -0,0 +1,24 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + + +
                                + +
                                + 0 + 10 000 +
                                + +{% endblock %} + +{% block head %} + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/range/vertical.liquid b/examples-stimulus/src/pages/components/range/vertical.liquid new file mode 100644 index 0000000..8bf4935 --- /dev/null +++ b/examples-stimulus/src/pages/components/range/vertical.liquid @@ -0,0 +1,20 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                + +
                                + +10 000 + +{% endblock %} + +{% block head %} + +{% endblock %} + + diff --git a/examples-stimulus/src/pages/components/tabs/custom.liquid b/examples-stimulus/src/pages/components/tabs/custom.liquid new file mode 100644 index 0000000..baeb180 --- /dev/null +++ b/examples-stimulus/src/pages/components/tabs/custom.liquid @@ -0,0 +1,49 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                +
                                + + + + +
                                +
                                + All +
                                + + + +
                                + +{% endblock %} + + +{% block head %} + +{% endblock %} + diff --git a/examples-stimulus/src/pages/components/tabs/default.liquid b/examples-stimulus/src/pages/components/tabs/default.liquid new file mode 100644 index 0000000..de40ce9 --- /dev/null +++ b/examples-stimulus/src/pages/components/tabs/default.liquid @@ -0,0 +1,43 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                +
                                + + + + +
                                +
                                + All +
                                + + + +
                                + +{% endblock %} + +{% block head %} + +{% endblock %} + diff --git a/examples-stimulus/src/pages/components/toast/default.liquid b/examples-stimulus/src/pages/components/toast/default.liquid new file mode 100644 index 0000000..fe685c3 --- /dev/null +++ b/examples-stimulus/src/pages/components/toast/default.liquid @@ -0,0 +1,34 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + + + + +
                                  + +{% endblock %} + +{% block foot %} + + + +{% endblock %} + diff --git a/examples-stimulus/src/pages/components/toaster/default.liquid b/examples-stimulus/src/pages/components/toaster/default.liquid new file mode 100644 index 0000000..491c299 --- /dev/null +++ b/examples-stimulus/src/pages/components/toaster/default.liquid @@ -0,0 +1,37 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                  + + + + + +
                                    +
                                    + +{% endblock %} + +{% block foot %} + + + +{% endblock %} + diff --git a/examples-stimulus/src/pages/form.liquid b/examples-stimulus/src/pages/form.liquid new file mode 100644 index 0000000..61c4f65 --- /dev/null +++ b/examples-stimulus/src/pages/form.liquid @@ -0,0 +1,38 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +
                                    +
                                    + +
                                    + +
                                    +
                                    +
                                    + +
                                    + +
                                    +
                                    +
                                    + +
                                    + +
                                    +
                                    +
                                    + +
                                    +
                                    + +{% endblock %} + +{% block foot %} + + +{% endblock %} + diff --git a/examples-stimulus/src/styles/main.css b/examples-stimulus/src/styles/main.css new file mode 100644 index 0000000..c5c6693 --- /dev/null +++ b/examples-stimulus/src/styles/main.css @@ -0,0 +1,21 @@ +@import "tailwindcss/theme.css" layer(theme); +@import "winduum/tailwindcss/theme/config/index.css" layer(theme); +@import "winduum/tailwindcss/theme/default.css" layer(theme); +@import "winduum/src/theme/dark.css" layer(theme); +@import "winduum/src/base/reset.css" layer(base); +@import "winduum/src/base/defaults.css" layer(base); + +/* single imports for your components and utilities, or you can include them separately in your project (recommended) */ +@import "winduum/src/components/index.css" layer(utilities); +@import "winduum/src/components/drawer/nosnap.css" layer(utilities); +@import "winduum/src/utilities/container/props/default.css" layer(theme); +@import "winduum/src/utilities/ripple/keyframes/default.css"; +@import "winduum/src/utilities/skeleton/props/default.css" layer(theme); +@import "winduum/src/utilities/spinner/keyframes/ring.css"; + +@import "winduum/tailwindcss/utilities/index.css"; +@import "tailwindcss/utilities" layer(utilities); +@import "winduum/tailwindcss/variants/index.css"; +@import "winduum/src/base/breakpoints.css"; +@import "winduum/src/base/keyframes.css"; +@import "winduum/src/base/transitions.css"; diff --git a/examples-stimulus/src/styles/style.css b/examples-stimulus/src/styles/style.css new file mode 100644 index 0000000..72c2434 --- /dev/null +++ b/examples-stimulus/src/styles/style.css @@ -0,0 +1,22 @@ +:root, :host { + height: 100%; + background-color: var(--color-body); + + &.dark { + --color-body: rgb(10, 10, 10); + } +} + +:where(body) { + display: flex; + gap: 0.5rem; + padding: 1rem; + justify-content: center; + align-items: center; + align-content: center; + flex-direction: row; + flex-wrap: wrap; + border-radius: var(--radius); + min-height: 100%; + background: transparent; +} diff --git a/examples-stimulus/src/templates/layout.liquid b/examples-stimulus/src/templates/layout.liquid new file mode 100644 index 0000000..0683060 --- /dev/null +++ b/examples-stimulus/src/templates/layout.liquid @@ -0,0 +1,23 @@ + + + + + + + + + + + + {% block head %}{% endblock %} + + +{% block %}{% endblock %} +{% block foot %}{% endblock %} + + + diff --git a/examples-stimulus/vite.config.js b/examples-stimulus/vite.config.js new file mode 100644 index 0000000..cc5f442 --- /dev/null +++ b/examples-stimulus/vite.config.js @@ -0,0 +1,33 @@ +import { resolve, relative } from 'path' +import { defineConfig } from 'vite' +import vituum from 'vituum' +import liquid from '@vituum/vite-plugin-liquid' +import tailwindcss from '@tailwindcss/vite' + +const htmlPlugin = () => { + return { + name: 'html-transform', + transformIndexHtml: { + order: 'post', + async transform(html, { path }) { + return html.replaceAll( + '"/assets/', + `"${relative(path, '/src/pages/').slice(0, -2)}assets/` + ) + } + } + } +} + +export default defineConfig({ + plugins: [vituum(), tailwindcss(), liquid({ + root: './src' + }), htmlPlugin()], + build: { + target: 'esnext', + manifest: false, + modulePreload: false, + emptyOutDir: true, + outDir: resolve(process.cwd(), '../docs/public/examples-stimulus') + } +}) diff --git a/examples-vue/package-lock.json b/examples-vue/package-lock.json new file mode 100644 index 0000000..c69a561 --- /dev/null +++ b/examples-vue/package-lock.json @@ -0,0 +1,3092 @@ +{ + "name": "examples-vue", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "dependencies": { + "@floating-ui/dom": "^1.7.6", + "interestfor": "^1.0.0", + "invokers-polyfill": "^1.0.3", + "vue": "^3.5.39", + "winduum": "^3.0.0-next.16", + "winduum-vue": "https://github.com/winduum/winduum-vue/archive/a254110372a1f97896aa4d251d8436fb5d2eb71e.tar.gz" + }, + "devDependencies": { + "@tailwindcss/vite": "^4.3.2", + "@vitejs/plugin-vue": "^6.0.7", + "tailwindcss": "^4.3.2", + "typescript": "^5.9.3", + "vite": "^8.1.3", + "vituum": "^1.1.1", + "vue-tsc": "^3.3.6" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz", + "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==", + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz", + "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==", + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/parser": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz", + "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==", + "license": "MIT", + "dependencies": { + "@babel/types": "^7.29.7" + }, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/types": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz", + "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==", + "license": "MIT", + "dependencies": { + "@babel/helper-string-parser": "^7.29.7", + "@babel/helper-validator-identifier": "^7.29.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@emnapi/core": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.1.tgz", + "integrity": "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/wasi-threads": "1.2.2", + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/runtime": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz", + "integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/wasi-threads": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz", + "integrity": "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@floating-ui/core": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.8.0.tgz", + "integrity": "sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==", + "license": "MIT", + "dependencies": { + "@floating-ui/utils": "^0.2.12" + } + }, + "node_modules/@floating-ui/dom": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.8.0.tgz", + "integrity": "sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==", + "license": "MIT", + "dependencies": { + "@floating-ui/core": "^1.8.0", + "@floating-ui/utils": "^0.2.12" + } + }, + "node_modules/@floating-ui/utils": { + "version": "0.2.12", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.12.tgz", + "integrity": "sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==", + "license": "MIT" + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.13", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", + "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.0", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/remapping": { + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz", + "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.5.5", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", + "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", + "license": "MIT" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.31", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", + "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@napi-rs/wasm-runtime": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.6.tgz", + "integrity": "sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@tybys/wasm-util": "^0.10.3" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/Brooooooklyn" + }, + "peerDependencies": { + "@emnapi/core": "^1.7.1", + "@emnapi/runtime": "^1.7.1" + } + }, + "node_modules/@nodelib/fs.scandir": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@oxc-project/types": { + "version": "0.139.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.139.0.tgz", + "integrity": "sha512-r9gHphtCs+1M7J0pw6Sn/hh/Wpa/iQrOOkrNAlVLF/gHq+/CJmHIWKKUUhdWjcD6CIa8idarspCsASiXCXvFUw==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/Boshen" + } + }, + "node_modules/@rolldown/binding-android-arm64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.1.5.tgz", + "integrity": "sha512-lZg8fqIv2v7FF237bwMgzGZEJvGL79/s5knJ/i6FmsGF4XXlzccZ4jb+TrFIxtSSxFtIpdsgrPZeMk1I9AFcyQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-darwin-arm64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.1.5.tgz", + "integrity": "sha512-51Bnx9pNiMRKSUNtBfySkNJ9vMU9Hh3I1ozDd6gyPPYzaXCfnptUcEZxXGYFn+ul2dtcMUiqGR1Yai2K10uoTw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-darwin-x64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.1.5.tgz", + "integrity": "sha512-Tm+gbfC0aHu1tBA/JvKQh32S0K6YgCHkiAF4/W6xX0K0RmNuc94VeK419dJoE65R5aRxmo+noZQSWrAMF6yb6g==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-freebsd-x64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.1.5.tgz", + "integrity": "sha512-JMzDKCCXq93YccG5gz3hvOs1oXRKAf0XYpfOS88e+wZrC8Iugj6j68867vrYZkvpDDpKn/KoKORThmchMpF6TA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm-gnueabihf": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.1.5.tgz", + "integrity": "sha512-uML21j2K5TfPGutKxub+M+nLjZIrWjXQ5Grx4lCe/nimTj9B4L63zHpjXLl4y0L3mcm2htEQIb06oCG/szerNw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm64-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.1.5.tgz", + "integrity": "sha512-navSiuTMogvnQoZoM/v+l3ZWo50/NTwSHSzheABx/RCnmUPaKwq9qSo4Br2OYRs21+Fz8uFqITZM3H4opOB0/Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm64-musl": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.1.5.tgz", + "integrity": "sha512-lAryqH7IteztmCXQXk0etKj4wBQ7Gx5S6LjKhsgp9zb8I5bsuvU/2llH1hDQcjsFeqIsovMVN339/8pUDDBXxA==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-ppc64-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.1.5.tgz", + "integrity": "sha512-fsK/sNBnxzBlL4O1JNrZakVQxPspqpED5dLtNsZS9oOKmtSpdNIzxH2kkol5HYTWJN47sE20ztMJPxfZ89qGOg==", + "cpu": [ + "ppc64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-s390x-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.1.5.tgz", + "integrity": "sha512-gLYb4BIadlfTOYT5gO503n8zQjXflgzpD0FcyKh0Mzx3rqCZKnHoJWV9xe1KXUJ5lx2JfcSHr/mhzS0PC/McAA==", + "cpu": [ + "s390x" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-x64-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.1.5.tgz", + "integrity": "sha512-FjcpEKUyJygHgs1o50VYNvkt5+7Le/VEdYt0AkRpkL33MnyQfwr8l5mXwMmfmTbyMPr5vJLC+8/Gd9gXnwU1QQ==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-x64-musl": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.1.5.tgz", + "integrity": "sha512-Me+PfPI2TMeOQk0gYWfLQZtTktrmzbr8cDboqX83XKc7UrgAi55gF+2dUkWdxd19n55Essp2yeca+O9N5rBxHg==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-openharmony-arm64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.1.5.tgz", + "integrity": "sha512-yc5WrLzXks6zCQfn9Oxr8pORKyl/pF+QjHmW/Qx3qu0oyrrNC+y2JLTU1E2rcWYAmzlnqngWXHQjy51VzW70Vw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-wasm32-wasi": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.1.5.tgz", + "integrity": "sha512-VbQGPX2b4r48TAMIM2cjgluIM1HYutm4pcTEJsle7iEP7sB1dFqtPLBVbdLAZCxy1txCcPxf4QFf4v8uvltPqA==", + "cpu": [ + "wasm32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "1.11.1", + "@emnapi/runtime": "1.11.1", + "@napi-rs/wasm-runtime": "^1.1.6" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-win32-arm64-msvc": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.1.5.tgz", + "integrity": "sha512-gHv82k63z4qpV5+Q1y/12KrK0ltWBukVDI8nZcbT7Tt/ZlOIVwppazneq0F93oDxTo3IgAMEDIoQh3E2n6mVsw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-win32-x64-msvc": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.1.5.tgz", + "integrity": "sha512-tTZuDBPw85tEN5PQi1pnEBzDy0Z49HtScLAbD5t6hyeU92A95pRWaSMw1GZZi/RwgSgUIl0xrSlXIT/9QzvYSA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/pluginutils": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz", + "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.2.tgz", + "integrity": "sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.2.tgz", + "integrity": "sha512-BaH7BllCACHoH1LguOU56UItGfUWjujlO65kS9LAodViaN4bwIKd7oeW/ZHJ/4ljr/7MIiENnNy3HJ0zXv8Zkw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.2.tgz", + "integrity": "sha512-v39RCCvj4He82I9sFmk+M1VZ0PLM9sfsLVikjfx2hYBNALhrrOR2D3JjQA6AhlaSOgcR+RzrKY7e1+bT6SUO/A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.2.tgz", + "integrity": "sha512-yl0y2vq3S3lHeuXhEdss6TWfKW8vkujImO12tn4ZkG/4oghr09LvdYm2RElVjokTQiUvDUGXLGsYeLqUMCKpGA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.2.tgz", + "integrity": "sha512-tT4pvt4qXD+vEoezupCWi+a1F0vvDiksiHc+PxRlYTOH1I6/X4id9jPxTP+Fg+545euaFT1jJVs4CEdHZAU1vw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.2.tgz", + "integrity": "sha512-6nU5F2wCW+qvCBhTn1pdIU3bzsIoF7EUwsCDRxilWGprQR6yd508YnH9+OKFCwpfS8pjZqDUmnCAr7exax0XCg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.2.tgz", + "integrity": "sha512-n1GJHPOvpIfhi3TmrCeh6S6URt9BFCt0KQE3qvexyGCTAKpR4Lg+eWvNZEqu7epxwus/8ElT3hacYEucm49SZg==", + "cpu": [ + "arm" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.2.tgz", + "integrity": "sha512-JqgflS8wEB+UXV/vS1RpRbifGBeN4D5lz8D8oOFbFZw4vedvdOgCFAjfBmIMdW3yL10XpQQ0Ambepw6MXrhOnA==", + "cpu": [ + "arm" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.2.tgz", + "integrity": "sha512-wnFJkogWvN4jm/hQRF2UBaeUmk20j5+DmHvoyWii2b8HJDyvz1MF2OU/6ynXt2KR63rbZLWkFpoytpdc/yBuSA==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.2.tgz", + "integrity": "sha512-HVu2bp0zhvJ8xHEV9+UUs7S90VadmBSY3LcIMvozbPo4AuMGDWlz3ymHLHZPX4hR67TKTt8Qp5PJ5RBg/i+RMQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.2.tgz", + "integrity": "sha512-mQqqAV8QaoSgr9I2fKDLY2BAVvmKjWoGiu/cSYQonsLvtqwEn1E4QYfnCOcp5zoEqNhsDYin1s6jx/VJmrxlZg==", + "cpu": [ + "loong64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.2.tgz", + "integrity": "sha512-IxKLoxCQ2IWi6bT2akyDUBGsOImDKB+sPp4EsTmwFQ/fMwpCKm8uLSSgP/Kx/QYUgKis6SEZ5/Nlhup0DIA0PQ==", + "cpu": [ + "loong64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.2.tgz", + "integrity": "sha512-Mk5ha2RQSgyFfmYYLkBpPnUk8D8FriBxesO1u9O75X0mHgXL1UQcH5Itl2lurWL2tj0RxV9b9tJgipac0hRY9A==", + "cpu": [ + "ppc64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.2.tgz", + "integrity": "sha512-CjvEnqJL/0/TQ3TXX3OPIJ/kmBellrWd4heXUmHeJlTnmwjKpSJzoehLaL6Xk0ZnMHBu9dZuFADNOrtjF4v+2w==", + "cpu": [ + "ppc64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.2.tgz", + "integrity": "sha512-1SiZbzwdkaDURsew/tSOrooKiYy7EQGT6m8ufavAi9NEyQb/6VuIxFXAL1fqa4iZe3g4NbNk4P7J32z2tw5Mgg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.2.tgz", + "integrity": "sha512-nQts12zJ3NQRoE6uYljOH89v7szzLDvG2JD/vsX+vGXU8w/At1GowTZ5/7qeFQ8m7L55rpR8Okugnuo5bgjy2Q==", + "cpu": [ + "riscv64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.2.tgz", + "integrity": "sha512-E9/ll019jhPIJgpzfZoIkBGhcz+kKNgVWYRY0zr9srBdPPFVpvOKW8VaJKUbeK+eZXyQF9ltME+Kk6affeaPgg==", + "cpu": [ + "s390x" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.2.tgz", + "integrity": "sha512-5BqxR/pshjey51iliyzTD5Xi3EN0aLmQ2lZ3lvefVV9c82BvrLo2/6OT55iifpWBufs6kdwWbuOKS841DrmK9A==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.2.tgz", + "integrity": "sha512-uNN83XxQrRAh/w0/pmAfibcwyb6YWt4gP+dpnQKPVJshAloQ785ii8CT8ZCIxkGg9opVsvAlGhFitSm6D1Jjpg==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-openbsd-x64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.2.tgz", + "integrity": "sha512-srjEIxSH3LRnJN6THczDHWQplqEMFiAJrTab0msUryh9kwNpkICf3Ea6q6MN/2cZwRFUNx5w+h6Hpi4QuHS6Zg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ] + }, + "node_modules/@rollup/rollup-openharmony-arm64": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.2.tgz", + "integrity": "sha512-8hOJnxgbyObnCm5AlRA3A931xX19xq80RjVTKgJOvEKWqJruP/Uf12IbAOaDjjEXYRewwHLfmF0YRIdK3OwKWA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.2.tgz", + "integrity": "sha512-mmF4AY1i0hG/bLWUctUq59gtmgaSIRa3cu/A3JFRp/sCNEme2bgDEiDS22P9FbnJB8NJNF4jPJiSP5RHQpUTDg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.2.tgz", + "integrity": "sha512-DZgkknc6jhHrk46V25vbAM0zZkyP0nSDkJB8/dRkLTxv470dOmWDqGoEJl/9A0dFfS7yE3REOwNDxpHwSLSt0Q==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-gnu": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.2.tgz", + "integrity": "sha512-T6xr6ucWSFto+VGajA8YH26LdpHRuP4YLHEKAtCWvJDOlnmWcDZVCI2Jmjr+IFHDlt2zRaTAKE4tfjTaWLgJBg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.2.tgz", + "integrity": "sha512-BfzEnDJOt9T8M989/lA37EcJgat01wLRnoi5dQf3QzOH7jzpqTAzdDbVfRljVr5r+jzKqpbHeyOfAaXxAd0PAA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@tailwindcss/node": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.3.2.tgz", + "integrity": "sha512-yWP/sqEcBLaD8JuA6zNwxoYKr75qxTioYwlRwekj5Jr/I5GXnoJfjetH/psLUIv74cYTH2lBUEzBkinthoYcBg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/remapping": "^2.3.5", + "enhanced-resolve": "5.21.6", + "jiti": "^2.7.0", + "lightningcss": "1.32.0", + "magic-string": "^0.30.21", + "source-map-js": "^1.2.1", + "tailwindcss": "4.3.2" + } + }, + "node_modules/@tailwindcss/oxide": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.3.2.tgz", + "integrity": "sha512-z8ZgnzX8gdNoWLBLqBPoh/sjnxkwvf9ZuWjnO0l0yIzbLa5/9S+eC5QxGZKRobVHIC3/1BoMWjHblqWjcgFgag==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 20" + }, + "optionalDependencies": { + "@tailwindcss/oxide-android-arm64": "4.3.2", + "@tailwindcss/oxide-darwin-arm64": "4.3.2", + "@tailwindcss/oxide-darwin-x64": "4.3.2", + "@tailwindcss/oxide-freebsd-x64": "4.3.2", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.2", + "@tailwindcss/oxide-linux-arm64-gnu": "4.3.2", + "@tailwindcss/oxide-linux-arm64-musl": "4.3.2", + "@tailwindcss/oxide-linux-x64-gnu": "4.3.2", + "@tailwindcss/oxide-linux-x64-musl": "4.3.2", + "@tailwindcss/oxide-wasm32-wasi": "4.3.2", + "@tailwindcss/oxide-win32-arm64-msvc": "4.3.2", + "@tailwindcss/oxide-win32-x64-msvc": "4.3.2" + } + }, + "node_modules/@tailwindcss/oxide-android-arm64": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.2.tgz", + "integrity": "sha512-WHxqIuHpvZ5VtdX6GTl1Ik/Vp2YuN42Et+0CdeaVd/frQ9jAvGmvR8vLT+jk3e8/Q3x8kECB9+R17pgpp2BulA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-darwin-arm64": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.2.tgz", + "integrity": "sha512-GZypeUY/IDJW3877KeM+O67vbXr3MBnbtEL4aYhNErv/JWZhye2vGSWWG9tB6iiqR2MqRNkY8IOUy4NdSZV26w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-darwin-x64": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.2.tgz", + "integrity": "sha512-UIIzmefR6KO1sDU7MzRqAxC8iBpft/VhkGjTjnhoS6k7Z3rQ9wEgA1ODSiyH/tcSYssulNm4Ci3hOeK1jH7ccQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-freebsd-x64": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.2.tgz", + "integrity": "sha512-GN+uAmcI6DNspnCDwtOAZrTz6oukJnp337qZvxqCGLd3BHBzJpO0ZbTLRvJNdztOeAmTzewewGIMPb0tk2R4WA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.2.tgz", + "integrity": "sha512-4ABn7qSbdHRwTiDiuWNegCyb5+2FJ4vKIKc3DmKrvAFw7MU1Lm11dIkTPwUaFdTzc7IsOpDbqBrlh0x6y36U/w==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.2.tgz", + "integrity": "sha512-wDgEIGwoM8w8pufh9LVt1PahDgNdKXrLC2qfAnV3vAmococ9RWbxeAw4pxPttd/TsJfwjyLf90Dg1y9y8I6Emw==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-musl": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.2.tgz", + "integrity": "sha512-J5Nuk0uZQIiMTJj3LEx4sAA9tMFUoXQZFv1J6An+QGYe53HKRJuFDi0rpq/tuouCZeAbOBY3kQ6g8qeD4TUjtA==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-gnu": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.2.tgz", + "integrity": "sha512-kqCZpSKOBEJO4mz7OqWoofBZeXTAwaVGPj0ErAj7CojmhKpWVWVOnrt9dE8odoIraZq4oj3ausM37kXi+Tow8w==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-musl": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.2.tgz", + "integrity": "sha512-cixpqbh2toJDmkuCRI68nXA8ZxNmdK9Y+9v5h3MC3ZQKy/0BO8AWzlkWyRM7JAFSGBlfig4YVTPsK6MVgqz1uw==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.2.tgz", + "integrity": "sha512-4ec2Z/LOmRsAgU23CS4xeJfcJlmRg94A/XrbGRCF1gyU/zdDfRLYDVsS+ynSZCmGNxQ1jQriQOKMQeQxBA3Isw==", + "bundleDependencies": [ + "@napi-rs/wasm-runtime", + "@emnapi/core", + "@emnapi/runtime", + "@tybys/wasm-util", + "@emnapi/wasi-threads", + "tslib" + ], + "cpu": [ + "wasm32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "^1.11.1", + "@emnapi/runtime": "^1.11.1", + "@emnapi/wasi-threads": "^1.2.2", + "@napi-rs/wasm-runtime": "^1.1.4", + "@tybys/wasm-util": "^0.10.2", + "tslib": "^2.8.1" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.2.tgz", + "integrity": "sha512-Zyr/M0+XcYZu3bZrUytc7TXvrk0ftWfl8gN2MwekNDzhqhKRUucMPSeOzM0o0wH5AWOU49BsKRrfKxI2atCPMQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-win32-x64-msvc": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.2.tgz", + "integrity": "sha512-QI9BO7KlNZsp2GuO0jwAAj5jCDABOKXRkCk2XuKTSaNEFSdfzqswYVTtCHBNKHLsqyjFyFkqlDiwkNbTYSssMQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/vite": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.3.2.tgz", + "integrity": "sha512-eHpMeX4JXfVNJDEcsouTeCBubJBTcTLigeaw/NTUW6PB5ATKKXdyonnXgTBX2VuRbjz1hjfz6C5XAhr52ImQXA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@tailwindcss/node": "4.3.2", + "@tailwindcss/oxide": "4.3.2", + "tailwindcss": "4.3.2" + }, + "peerDependencies": { + "vite": "^5.2.0 || ^6 || ^7 || ^8" + } + }, + "node_modules/@tybys/wasm-util": { + "version": "0.10.3", + "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.3.tgz", + "integrity": "sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@types/estree": { + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz", + "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@vitejs/plugin-vue": { + "version": "6.0.8", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.8.tgz", + "integrity": "sha512-0ZjgOg7oO6farnNGup7yvoM/YXZV84OZxHAwtflItNa/6zzQyVb5LNxyea3FEKEX2XlagIKzrlH7wwxkKgtiew==", + "dev": true, + "license": "MIT", + "dependencies": { + "@rolldown/pluginutils": "^1.0.1" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "peerDependencies": { + "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0", + "vue": "^3.2.25" + } + }, + "node_modules/@volar/language-core": { + "version": "2.4.28", + "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.28.tgz", + "integrity": "sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@volar/source-map": "2.4.28" + } + }, + "node_modules/@volar/source-map": { + "version": "2.4.28", + "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.28.tgz", + "integrity": "sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/@volar/typescript": { + "version": "2.4.28", + "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.28.tgz", + "integrity": "sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@volar/language-core": "2.4.28", + "path-browserify": "^1.0.1", + "vscode-uri": "^3.0.8" + } + }, + "node_modules/@vue/compiler-core": { + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.39.tgz", + "integrity": "sha512-16KBTEXAJCpDr0mwlw+AZyhu8iyC7R3S2vBwsI7QnWJU6X3WKc9VKeNEZpiMdZ569qWhz9574L3vV55qRL0Vtw==", + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.29.7", + "@vue/shared": "3.5.39", + "entities": "^7.0.1", + "estree-walker": "^2.0.2", + "source-map-js": "^1.2.1" + } + }, + "node_modules/@vue/compiler-dom": { + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.39.tgz", + "integrity": "sha512-oQPigALqYbNxTNPvNgSOe+czwVExfbVF02lz8jP0S3AXJiu3jxYDygNUiqSep4ezzW8XgnubqH63My2A7JR/vg==", + "license": "MIT", + "dependencies": { + "@vue/compiler-core": "3.5.39", + "@vue/shared": "3.5.39" + } + }, + "node_modules/@vue/compiler-sfc": { + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.39.tgz", + "integrity": "sha512-d0ki86iOyN8LoZPBmk5SJWNwHP19CnDDCfuo//+2WJa2g5Ke0Jay983PIBIcSSzldC68I8DrD5GrHV3OSDfodg==", + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.29.7", + "@vue/compiler-core": "3.5.39", + "@vue/compiler-dom": "3.5.39", + "@vue/compiler-ssr": "3.5.39", + "@vue/shared": "3.5.39", + "estree-walker": "^2.0.2", + "magic-string": "^0.30.21", + "postcss": "^8.5.15", + "source-map-js": "^1.2.1" + } + }, + "node_modules/@vue/compiler-ssr": { + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.39.tgz", + "integrity": "sha512-Ce7/wvwMHai74bdszfXExdazFigYnlF9zgCmEQUcM1j0fOymlouZ7XilTYNo8oUjhlnjYOZbGrcYKuqjz89Ucw==", + "license": "MIT", + "dependencies": { + "@vue/compiler-dom": "3.5.39", + "@vue/shared": "3.5.39" + } + }, + "node_modules/@vue/language-core": { + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-3.3.7.tgz", + "integrity": "sha512-LzmkKinXAMMoh8Jfi/jMUSDUjuPdv8mynH5WJGKfXyZtDw3hQ6GBaoI6Bcnl/Xqlu32q/0Z6i/trp4VXykzyLw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@volar/language-core": "2.4.28", + "@vue/compiler-dom": "^3.5.0", + "@vue/shared": "^3.5.0", + "alien-signals": "^3.2.1", + "muggle-string": "^0.4.1", + "path-browserify": "^1.0.1", + "picomatch": "^4.0.4" + } + }, + "node_modules/@vue/reactivity": { + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.39.tgz", + "integrity": "sha512-TpsuBJ9gGlZa5d23XcM2y8EXanz9dZeVDQBXRwzy46ItgvM+rWpzs+UVM0wcRLxGvcav0HE5jz2gNL53xlRAog==", + "license": "MIT", + "dependencies": { + "@vue/shared": "3.5.39" + } + }, + "node_modules/@vue/runtime-core": { + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.39.tgz", + "integrity": "sha512-9GLtNyRvPAUMbX+7ono0RC2j0guo2LXVi8LvcmAooImACUKm0oFf0jjwbX8/H0AE/t1nxhAkn8RSl9PMCzzxZw==", + "license": "MIT", + "dependencies": { + "@vue/reactivity": "3.5.39", + "@vue/shared": "3.5.39" + } + }, + "node_modules/@vue/runtime-dom": { + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.39.tgz", + "integrity": "sha512-7Y6aAGboKcXAZ3ECuUy7RrS5yy2r47dhTp2SKaJmYxjopImaVFaNa5Ne66NwGovsrxVAl5S5rwc7m22UG7Lmww==", + "license": "MIT", + "dependencies": { + "@vue/reactivity": "3.5.39", + "@vue/runtime-core": "3.5.39", + "@vue/shared": "3.5.39", + "csstype": "^3.2.3" + } + }, + "node_modules/@vue/server-renderer": { + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.39.tgz", + "integrity": "sha512-yZSakiAGw85rZfG7UM8akMnIF+FmeiNk47uvHf2nVBBSe+dIKUhZuZq9+XgJhbV3nS5Z4ALH23/MpXofW+mbcw==", + "license": "MIT", + "dependencies": { + "@vue/compiler-ssr": "3.5.39", + "@vue/shared": "3.5.39" + }, + "peerDependencies": { + "vue": "3.5.39" + } + }, + "node_modules/@vue/shared": { + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.39.tgz", + "integrity": "sha512-l1rrBtBfTnmxvtsvdQDXltUUy8S1Y+ZaqdfUzmAnJkTd8Z8rv5v/ytW+TKiqEOWyHPoqtPlNFSs0lhRmYVSHVA==", + "license": "MIT" + }, + "node_modules/alien-signals": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-3.2.1.tgz", + "integrity": "sha512-I8FjmltrfnDFoZedi5CG8DghVYNhzb/Ijluz7tCSJH0xpd0484Kowhbb1XDYOxfJpU1p5wnM2X54dA+IfGyD1g==", + "dev": true, + "license": "MIT" + }, + "node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "license": "ISC", + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/anymatch/node_modules/picomatch": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz", + "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/balanced-match": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz", + "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==", + "dev": true, + "license": "MIT", + "engines": { + "node": "18 || 20 || >=22" + } + }, + "node_modules/binary-extensions": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", + "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/brace-expansion": { + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.7.tgz", + "integrity": "sha512-7oFy703dxfY3/NLxC1fh2SUCQ0H9rmAY+5EpDVfXjUTTs+HEwR2nYaqLv+GWcTsumwxPfiz6CzCNkwXwBUwqCA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^4.0.2" + }, + "engines": { + "node": "18 || 20 || >=22" + } + }, + "node_modules/braces": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "dev": true, + "license": "MIT", + "dependencies": { + "fill-range": "^7.1.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", + "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", + "dev": true, + "license": "MIT", + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/csstype": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz", + "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==", + "license": "MIT" + }, + "node_modules/detect-libc": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz", + "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=8" + } + }, + "node_modules/enhanced-resolve": { + "version": "5.21.6", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.21.6.tgz", + "integrity": "sha512-aNnGCvbJ/RIyWo1IuhNdVjnNF+EjH9wpzpNHt+ci/m9He9LJvUN8wrCcXjp9cWsGNAuvSpVFTx/vraAFQ8qGjQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "graceful-fs": "^4.2.4", + "tapable": "^2.3.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/entities": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz", + "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==", + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/estree-walker": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", + "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", + "license": "MIT" + }, + "node_modules/fast-glob": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz", + "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.8" + }, + "engines": { + "node": ">=8.6.0" + } + }, + "node_modules/fastq": { + "version": "1.20.1", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz", + "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==", + "dev": true, + "license": "ISC", + "dependencies": { + "reusify": "^1.0.4" + } + }, + "node_modules/fdir": { + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "picomatch": "^3 || ^4" + }, + "peerDependenciesMeta": { + "picomatch": { + "optional": true + } + } + }, + "node_modules/fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "dev": true, + "license": "MIT", + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/interestfor": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/interestfor/-/interestfor-1.0.8.tgz", + "integrity": "sha512-qYwTmxzDnrosGZX/1lDEOsAv73aYiFKLniN20SS78588WhRMHj8z7u2uFe9QZPIVmkCyIbJwiMQ/85Up7hrseQ==", + "license": "BSD-3-Clause" + }, + "node_modules/invokers-polyfill": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/invokers-polyfill/-/invokers-polyfill-1.0.3.tgz", + "integrity": "sha512-T8zVavFQu5GlWlpkjghmaCaTx6Wk+9tWwJ2BC4oNsNAnar6AIrvSJQFZUcYDfrxzK9thBIyZvAkeLfdN9hTzGA==", + "license": "MIT" + }, + "node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, + "license": "MIT", + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/jiti": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz", + "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==", + "dev": true, + "license": "MIT", + "bin": { + "jiti": "lib/jiti-cli.mjs" + } + }, + "node_modules/lightningcss": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz", + "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==", + "dev": true, + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^2.0.3" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-android-arm64": "1.32.0", + "lightningcss-darwin-arm64": "1.32.0", + "lightningcss-darwin-x64": "1.32.0", + "lightningcss-freebsd-x64": "1.32.0", + "lightningcss-linux-arm-gnueabihf": "1.32.0", + "lightningcss-linux-arm64-gnu": "1.32.0", + "lightningcss-linux-arm64-musl": "1.32.0", + "lightningcss-linux-x64-gnu": "1.32.0", + "lightningcss-linux-x64-musl": "1.32.0", + "lightningcss-win32-arm64-msvc": "1.32.0", + "lightningcss-win32-x64-msvc": "1.32.0" + } + }, + "node_modules/lightningcss-android-arm64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz", + "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz", + "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-x64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz", + "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-freebsd-x64": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz", + "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz", + "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz", + "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-musl": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz", + "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-gnu": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz", + "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-musl": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz", + "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz", + "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-x64-msvc": { + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz", + "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lodash": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz", + "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/magic-string": { + "version": "0.30.21", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", + "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==", + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.5" + } + }, + "node_modules/merge2": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", + "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, + "node_modules/micromatch": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "dev": true, + "license": "MIT", + "dependencies": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/micromatch/node_modules/picomatch": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz", + "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/minimatch": { + "version": "10.2.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz", + "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==", + "dev": true, + "license": "BlueOak-1.0.0", + "dependencies": { + "brace-expansion": "^5.0.5" + }, + "engines": { + "node": "18 || 20 || >=22" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/muggle-string": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz", + "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/nanoid": { + "version": "3.3.16", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz", + "integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/path-browserify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz", + "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==", + "dev": true, + "license": "MIT" + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "license": "ISC" + }, + "node_modules/picomatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz", + "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.5.19", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.19.tgz", + "integrity": "sha512-Mz8SaolMd8nB+G13WkORcxQKHZ/NE4xXevtkJHVuG+guo9/wYKlIMTKAqGdEmYOXR2ijPjTYNHssizdaVSUNdQ==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.12", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, + "node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "license": "MIT", + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/readdirp/node_modules/picomatch": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz", + "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/reusify": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz", + "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==", + "dev": true, + "license": "MIT", + "engines": { + "iojs": ">=1.0.0", + "node": ">=0.10.0" + } + }, + "node_modules/rolldown": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.1.5.tgz", + "integrity": "sha512-t9z29cJjXf/vxQ8dyhCSpt6H6aSwHTk8cT5I3iy6SMXuFpk5mB6PL6XfC8PCwrPTx93udwKUm9HRteAlTGBLiA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@oxc-project/types": "=0.139.0", + "@rolldown/pluginutils": "^1.0.0" + }, + "bin": { + "rolldown": "bin/cli.mjs" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "optionalDependencies": { + "@rolldown/binding-android-arm64": "1.1.5", + "@rolldown/binding-darwin-arm64": "1.1.5", + "@rolldown/binding-darwin-x64": "1.1.5", + "@rolldown/binding-freebsd-x64": "1.1.5", + "@rolldown/binding-linux-arm-gnueabihf": "1.1.5", + "@rolldown/binding-linux-arm64-gnu": "1.1.5", + "@rolldown/binding-linux-arm64-musl": "1.1.5", + "@rolldown/binding-linux-ppc64-gnu": "1.1.5", + "@rolldown/binding-linux-s390x-gnu": "1.1.5", + "@rolldown/binding-linux-x64-gnu": "1.1.5", + "@rolldown/binding-linux-x64-musl": "1.1.5", + "@rolldown/binding-openharmony-arm64": "1.1.5", + "@rolldown/binding-wasm32-wasi": "1.1.5", + "@rolldown/binding-win32-arm64-msvc": "1.1.5", + "@rolldown/binding-win32-x64-msvc": "1.1.5" + } + }, + "node_modules/rollup": { + "version": "4.62.2", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.2.tgz", + "integrity": "sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.9" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.62.2", + "@rollup/rollup-android-arm64": "4.62.2", + "@rollup/rollup-darwin-arm64": "4.62.2", + "@rollup/rollup-darwin-x64": "4.62.2", + "@rollup/rollup-freebsd-arm64": "4.62.2", + "@rollup/rollup-freebsd-x64": "4.62.2", + "@rollup/rollup-linux-arm-gnueabihf": "4.62.2", + "@rollup/rollup-linux-arm-musleabihf": "4.62.2", + "@rollup/rollup-linux-arm64-gnu": "4.62.2", + "@rollup/rollup-linux-arm64-musl": "4.62.2", + "@rollup/rollup-linux-loong64-gnu": "4.62.2", + "@rollup/rollup-linux-loong64-musl": "4.62.2", + "@rollup/rollup-linux-ppc64-gnu": "4.62.2", + "@rollup/rollup-linux-ppc64-musl": "4.62.2", + "@rollup/rollup-linux-riscv64-gnu": "4.62.2", + "@rollup/rollup-linux-riscv64-musl": "4.62.2", + "@rollup/rollup-linux-s390x-gnu": "4.62.2", + "@rollup/rollup-linux-x64-gnu": "4.62.2", + "@rollup/rollup-linux-x64-musl": "4.62.2", + "@rollup/rollup-openbsd-x64": "4.62.2", + "@rollup/rollup-openharmony-arm64": "4.62.2", + "@rollup/rollup-win32-arm64-msvc": "4.62.2", + "@rollup/rollup-win32-ia32-msvc": "4.62.2", + "@rollup/rollup-win32-x64-gnu": "4.62.2", + "@rollup/rollup-win32-x64-msvc": "4.62.2", + "fsevents": "~2.3.2" + } + }, + "node_modules/run-parallel": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT", + "dependencies": { + "queue-microtask": "^1.2.2" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/tailwindcss": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.2.tgz", + "integrity": "sha512-WtctNNSH8A9jlMIqxzuYumOHU5uGZyRv0Q5svQl+oEPy5w84YpBxdb7MdqyiSPQge5jTJ6zFQLq0PFygdccSBA==", + "dev": true, + "license": "MIT" + }, + "node_modules/tapable": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz", + "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, + "node_modules/tinyglobby": { + "version": "0.2.17", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz", + "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.4" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "dev": true, + "license": "0BSD", + "optional": true + }, + "node_modules/typescript": { + "version": "5.9.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz", + "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==", + "devOptional": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/vite": { + "version": "8.1.4", + "resolved": "https://registry.npmjs.org/vite/-/vite-8.1.4.tgz", + "integrity": "sha512-bTT9PsdWO+MQMNG9ZXIP/qM9wGh37DFxTV/sPq9cFpHr3w4jkgef032PkAL9jAqhk3Nz8NQw3O8n6/xFkqO4QQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "lightningcss": "^1.32.0", + "picomatch": "^4.0.5", + "postcss": "^8.5.16", + "rolldown": "~1.1.4", + "tinyglobby": "^0.2.17" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^20.19.0 || >=22.12.0", + "@vitejs/devtools": "^0.3.0", + "esbuild": "^0.27.0 || ^0.28.0", + "jiti": ">=1.21.0", + "less": "^4.0.0", + "sass": "^1.70.0", + "sass-embedded": "^1.70.0", + "stylus": ">=0.54.8", + "sugarss": "^5.0.0", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "@vitejs/devtools": { + "optional": true + }, + "esbuild": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + }, + "node_modules/vituum": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/vituum/-/vituum-1.2.0.tgz", + "integrity": "sha512-1YYOrzrIMSeWj6zAib5VTsNo1oDcqSg45jCFjxzU70vMPBONoXXhTAMcX0p21Bj7NkzceBFgdmEtnAze258lqw==", + "dev": true, + "dependencies": { + "chokidar": "^3.5", + "fast-glob": "^3.3", + "lodash": "^4.17", + "minimatch": "^10.0", + "vite": "^6.2" + }, + "engines": { + "node": "^18.0.0 || >=20.0.0" + } + }, + "node_modules/vituum/node_modules/@esbuild/aix-ppc64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz", + "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/android-arm": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz", + "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/android-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz", + "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/android-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz", + "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/darwin-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz", + "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/darwin-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz", + "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/freebsd-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz", + "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/freebsd-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz", + "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-arm": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz", + "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz", + "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-ia32": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz", + "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-loong64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz", + "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-mips64el": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz", + "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-ppc64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz", + "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-riscv64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz", + "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-s390x": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz", + "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/linux-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz", + "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/netbsd-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz", + "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/netbsd-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz", + "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/openbsd-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz", + "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/openbsd-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz", + "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/openharmony-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz", + "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/sunos-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz", + "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/win32-arm64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz", + "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/win32-ia32": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz", + "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/@esbuild/win32-x64": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz", + "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/vituum/node_modules/esbuild": { + "version": "0.25.12", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz", + "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.25.12", + "@esbuild/android-arm": "0.25.12", + "@esbuild/android-arm64": "0.25.12", + "@esbuild/android-x64": "0.25.12", + "@esbuild/darwin-arm64": "0.25.12", + "@esbuild/darwin-x64": "0.25.12", + "@esbuild/freebsd-arm64": "0.25.12", + "@esbuild/freebsd-x64": "0.25.12", + "@esbuild/linux-arm": "0.25.12", + "@esbuild/linux-arm64": "0.25.12", + "@esbuild/linux-ia32": "0.25.12", + "@esbuild/linux-loong64": "0.25.12", + "@esbuild/linux-mips64el": "0.25.12", + "@esbuild/linux-ppc64": "0.25.12", + "@esbuild/linux-riscv64": "0.25.12", + "@esbuild/linux-s390x": "0.25.12", + "@esbuild/linux-x64": "0.25.12", + "@esbuild/netbsd-arm64": "0.25.12", + "@esbuild/netbsd-x64": "0.25.12", + "@esbuild/openbsd-arm64": "0.25.12", + "@esbuild/openbsd-x64": "0.25.12", + "@esbuild/openharmony-arm64": "0.25.12", + "@esbuild/sunos-x64": "0.25.12", + "@esbuild/win32-arm64": "0.25.12", + "@esbuild/win32-ia32": "0.25.12", + "@esbuild/win32-x64": "0.25.12" + } + }, + "node_modules/vituum/node_modules/vite": { + "version": "6.4.3", + "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.3.tgz", + "integrity": "sha512-NTKlcQjlAK7MlQoyb6LgaqHc8sso/pVyUJYWMws3jg21uTJw/LddqIFPcPqP6PzpgbIcZyKI85sFE4HBrQDA8A==", + "dev": true, + "license": "MIT", + "dependencies": { + "esbuild": "^0.25.0", + "fdir": "^6.4.4", + "picomatch": "^4.0.2", + "postcss": "^8.5.3", + "rollup": "^4.34.9", + "tinyglobby": "^0.2.13" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^18.0.0 || ^20.0.0 || >=22.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0", + "jiti": ">=1.21.0", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "sass-embedded": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + }, + "node_modules/vscode-uri": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz", + "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/vue": { + "version": "3.5.39", + "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.39.tgz", + "integrity": "sha512-xmZCYabFGcirU8r0fTuvl/LICc1OU620rnqepaJDL/a141ZigkG7AyaxQLdqJ02ZRYzWe6YPaDHeQx7MfknQfA==", + "license": "MIT", + "dependencies": { + "@vue/compiler-dom": "3.5.39", + "@vue/compiler-sfc": "3.5.39", + "@vue/runtime-dom": "3.5.39", + "@vue/server-renderer": "3.5.39", + "@vue/shared": "3.5.39" + }, + "peerDependencies": { + "typescript": "*" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/vue-tsc": { + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-3.3.7.tgz", + "integrity": "sha512-+C+rgD49wAQ5bUTl2sp5a8Bzg4YoldMNXM+g7CFe604MYcQ8PrZPMQhIjJSzKXtPBCa+C5ayMipqjbA7splekQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@volar/typescript": "2.4.28", + "@vue/language-core": "3.3.7" + }, + "bin": { + "vue-tsc": "bin/vue-tsc.js" + }, + "peerDependencies": { + "typescript": ">=5.0.0" + } + }, + "node_modules/winduum": { + "version": "3.0.0-next.16", + "resolved": "https://registry.npmjs.org/winduum/-/winduum-3.0.0-next.16.tgz", + "integrity": "sha512-Nk6GbAATr++Z1gGR46htvbzEaDxikgmmMVXz1DRb6hRJgL3UxqCIlXtKW3zs8yWJ5msvFxWdz1DoR8a/vd8dBg==", + "engines": { + "node": ">=20.0.0", + "npm": ">=9.0.0" + } + }, + "node_modules/winduum-vue": { + "version": "0.0.1", + "resolved": "https://github.com/winduum/winduum-vue/archive/a254110372a1f97896aa4d251d8436fb5d2eb71e.tar.gz", + "integrity": "sha512-tJOHL56Be+nHkbJrbXupCcJXaUmDJ/kARu5cGh+QuviQ3BywLG1BKN7AXZ3OSsL5xqd47CMbryE9ZFa11pMHKg==", + "dependencies": { + "@floating-ui/dom": "^1.7.6" + }, + "engines": { + "node": ">=20.19.0", + "npm": ">=9.0.0" + } + } + } +} diff --git a/examples-vue/package.json b/examples-vue/package.json new file mode 100644 index 0000000..0567500 --- /dev/null +++ b/examples-vue/package.json @@ -0,0 +1,25 @@ +{ + "type": "module", + "scripts": { + "build": "vue-tsc --noEmit && vite build", + "dev": "vite", + "preview": "vite preview" + }, + "dependencies": { + "@floating-ui/dom": "^1.7.6", + "interestfor": "^1.0.0", + "invokers-polyfill": "^1.0.3", + "vue": "^3.5.39", + "winduum": "^3.0.0-next.16", + "winduum-vue": "https://github.com/winduum/winduum-vue/archive/a254110372a1f97896aa4d251d8436fb5d2eb71e.tar.gz" + }, + "devDependencies": { + "@tailwindcss/vite": "^4.3.2", + "@vitejs/plugin-vue": "^6.0.7", + "tailwindcss": "^4.3.2", + "typescript": "^5.9.3", + "vite": "^8.1.3", + "vituum": "^1.1.1", + "vue-tsc": "^3.3.6" + } +} diff --git a/examples-vue/src/adapters/field/Field.vue b/examples-vue/src/adapters/field/Field.vue new file mode 100644 index 0000000..f773d51 --- /dev/null +++ b/examples-vue/src/adapters/field/Field.vue @@ -0,0 +1,19 @@ + + + diff --git a/examples-vue/src/adapters/field/index.ts b/examples-vue/src/adapters/field/index.ts new file mode 100644 index 0000000..01da3ec --- /dev/null +++ b/examples-vue/src/adapters/field/index.ts @@ -0,0 +1 @@ +export { default as Field } from './Field.vue' diff --git a/examples-vue/src/main.ts b/examples-vue/src/main.ts new file mode 100644 index 0000000..240a915 --- /dev/null +++ b/examples-vue/src/main.ts @@ -0,0 +1,23 @@ +import type { Component } from 'vue' +import { createApp } from 'vue' + +if (!('command' in HTMLButtonElement.prototype)) { + const { apply } = await import('invokers-polyfill/fn') + apply() +} + +if (!Object.prototype.hasOwnProperty.call(HTMLButtonElement.prototype, 'interestForElement')) { + await import('interestfor') +} + +const examples = import.meta.glob<{ default: Component }>('./pages/**/*.vue') +const pathname = window.location.pathname + .replace(/^\/examples-vue/, '') + .replace(/\.html$/, '.vue') +const loadExample = examples[`./pages${pathname}`] + +if (!loadExample) throw new Error(`Vue example not found: ${pathname}`) + +const { default: Example } = await loadExample() + +createApp(Example).mount('#app') diff --git a/examples-vue/src/pages/components/button/basic.html b/examples-vue/src/pages/components/button/basic.html new file mode 100644 index 0000000..7c7480b --- /dev/null +++ b/examples-vue/src/pages/components/button/basic.html @@ -0,0 +1,19 @@ + + + + + + + + + + + +
                                    + + + diff --git a/examples-vue/src/pages/components/button/basic.vue b/examples-vue/src/pages/components/button/basic.vue new file mode 100644 index 0000000..2544000 --- /dev/null +++ b/examples-vue/src/pages/components/button/basic.vue @@ -0,0 +1,8 @@ + + + diff --git a/examples-vue/src/pages/components/carousel-experimental/basic.html b/examples-vue/src/pages/components/carousel-experimental/basic.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/carousel-experimental/basic.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/carousel-experimental/basic.vue b/examples-vue/src/pages/components/carousel-experimental/basic.vue new file mode 100644 index 0000000..87aa854 --- /dev/null +++ b/examples-vue/src/pages/components/carousel-experimental/basic.vue @@ -0,0 +1,32 @@ + + + + diff --git a/examples-vue/src/pages/components/carousel-experimental/full.html b/examples-vue/src/pages/components/carousel-experimental/full.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/carousel-experimental/full.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/carousel-experimental/full.vue b/examples-vue/src/pages/components/carousel-experimental/full.vue new file mode 100644 index 0000000..1ca8bea --- /dev/null +++ b/examples-vue/src/pages/components/carousel-experimental/full.vue @@ -0,0 +1,54 @@ + + + + diff --git a/examples-vue/src/pages/components/carousel/basic.html b/examples-vue/src/pages/components/carousel/basic.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/carousel/basic.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/carousel/basic.vue b/examples-vue/src/pages/components/carousel/basic.vue new file mode 100644 index 0000000..52bf9f6 --- /dev/null +++ b/examples-vue/src/pages/components/carousel/basic.vue @@ -0,0 +1,32 @@ + + + + diff --git a/examples-vue/src/pages/components/carousel/full.html b/examples-vue/src/pages/components/carousel/full.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/carousel/full.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/carousel/full.vue b/examples-vue/src/pages/components/carousel/full.vue new file mode 100644 index 0000000..d1069b5 --- /dev/null +++ b/examples-vue/src/pages/components/carousel/full.vue @@ -0,0 +1,50 @@ + + + + diff --git a/examples-vue/src/pages/components/compare/default.html b/examples-vue/src/pages/components/compare/default.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/compare/default.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/compare/default.vue b/examples-vue/src/pages/components/compare/default.vue new file mode 100644 index 0000000..14167fc --- /dev/null +++ b/examples-vue/src/pages/components/compare/default.vue @@ -0,0 +1,20 @@ + + + + diff --git a/examples-vue/src/pages/components/compare/text.html b/examples-vue/src/pages/components/compare/text.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/compare/text.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/compare/text.vue b/examples-vue/src/pages/components/compare/text.vue new file mode 100644 index 0000000..7715b89 --- /dev/null +++ b/examples-vue/src/pages/components/compare/text.vue @@ -0,0 +1,20 @@ + + + + diff --git a/examples-vue/src/pages/components/control/basic.html b/examples-vue/src/pages/components/control/basic.html new file mode 100644 index 0000000..7c7480b --- /dev/null +++ b/examples-vue/src/pages/components/control/basic.html @@ -0,0 +1,19 @@ + + + + + + + + + + + +
                                    + + + diff --git a/examples-vue/src/pages/components/control/basic.vue b/examples-vue/src/pages/components/control/basic.vue new file mode 100644 index 0000000..fa23fb2 --- /dev/null +++ b/examples-vue/src/pages/components/control/basic.vue @@ -0,0 +1,9 @@ + + + diff --git a/examples-vue/src/pages/components/details/checkbox.html b/examples-vue/src/pages/components/details/checkbox.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/details/checkbox.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/details/checkbox.vue b/examples-vue/src/pages/components/details/checkbox.vue new file mode 100644 index 0000000..2f168d3 --- /dev/null +++ b/examples-vue/src/pages/components/details/checkbox.vue @@ -0,0 +1,18 @@ + + + + diff --git a/examples-vue/src/pages/components/dialog/basic.html b/examples-vue/src/pages/components/dialog/basic.html new file mode 100644 index 0000000..7c7480b --- /dev/null +++ b/examples-vue/src/pages/components/dialog/basic.html @@ -0,0 +1,19 @@ + + + + + + + + + + + +
                                    + + + diff --git a/examples-vue/src/pages/components/dialog/basic.vue b/examples-vue/src/pages/components/dialog/basic.vue new file mode 100644 index 0000000..8fd190d --- /dev/null +++ b/examples-vue/src/pages/components/dialog/basic.vue @@ -0,0 +1,22 @@ + + + diff --git a/examples-vue/src/pages/components/drawer/bottom.html b/examples-vue/src/pages/components/drawer/bottom.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/drawer/bottom.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/drawer/bottom.vue b/examples-vue/src/pages/components/drawer/bottom.vue new file mode 100644 index 0000000..9f31188 --- /dev/null +++ b/examples-vue/src/pages/components/drawer/bottom.vue @@ -0,0 +1,23 @@ + + + + diff --git a/examples-vue/src/pages/components/drawer/dialog.html b/examples-vue/src/pages/components/drawer/dialog.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/drawer/dialog.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/drawer/dialog.vue b/examples-vue/src/pages/components/drawer/dialog.vue new file mode 100644 index 0000000..b7d9025 --- /dev/null +++ b/examples-vue/src/pages/components/drawer/dialog.vue @@ -0,0 +1,34 @@ + + + + diff --git a/examples-vue/src/pages/components/drawer/left.html b/examples-vue/src/pages/components/drawer/left.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/drawer/left.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/drawer/left.vue b/examples-vue/src/pages/components/drawer/left.vue new file mode 100644 index 0000000..1bac614 --- /dev/null +++ b/examples-vue/src/pages/components/drawer/left.vue @@ -0,0 +1,23 @@ + + + + diff --git a/examples-vue/src/pages/components/drawer/noscript.html b/examples-vue/src/pages/components/drawer/noscript.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/drawer/noscript.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/drawer/noscript.vue b/examples-vue/src/pages/components/drawer/noscript.vue new file mode 100644 index 0000000..819065f --- /dev/null +++ b/examples-vue/src/pages/components/drawer/noscript.vue @@ -0,0 +1,23 @@ + + + + diff --git a/examples-vue/src/pages/components/drawer/right.html b/examples-vue/src/pages/components/drawer/right.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/drawer/right.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/drawer/right.vue b/examples-vue/src/pages/components/drawer/right.vue new file mode 100644 index 0000000..34a3728 --- /dev/null +++ b/examples-vue/src/pages/components/drawer/right.vue @@ -0,0 +1,23 @@ + + + + diff --git a/examples-vue/src/pages/components/drawer/top.html b/examples-vue/src/pages/components/drawer/top.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/drawer/top.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/drawer/top.vue b/examples-vue/src/pages/components/drawer/top.vue new file mode 100644 index 0000000..43fd338 --- /dev/null +++ b/examples-vue/src/pages/components/drawer/top.vue @@ -0,0 +1,23 @@ + + + + diff --git a/examples-vue/src/pages/components/field/basic.html b/examples-vue/src/pages/components/field/basic.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/field/basic.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/field/basic.vue b/examples-vue/src/pages/components/field/basic.vue new file mode 100644 index 0000000..c357378 --- /dev/null +++ b/examples-vue/src/pages/components/field/basic.vue @@ -0,0 +1,17 @@ + + + + diff --git a/examples-vue/src/pages/components/image/picture.html b/examples-vue/src/pages/components/image/picture.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/image/picture.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/image/picture.vue b/examples-vue/src/pages/components/image/picture.vue new file mode 100644 index 0000000..6ca4a9a --- /dev/null +++ b/examples-vue/src/pages/components/image/picture.vue @@ -0,0 +1,11 @@ + + + + diff --git a/examples-vue/src/pages/components/image/ratio.html b/examples-vue/src/pages/components/image/ratio.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/image/ratio.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/image/ratio.vue b/examples-vue/src/pages/components/image/ratio.vue new file mode 100644 index 0000000..a88ba3f --- /dev/null +++ b/examples-vue/src/pages/components/image/ratio.vue @@ -0,0 +1,10 @@ + + + + diff --git a/examples-vue/src/pages/components/image/skeleton.html b/examples-vue/src/pages/components/image/skeleton.html new file mode 100644 index 0000000..7c7480b --- /dev/null +++ b/examples-vue/src/pages/components/image/skeleton.html @@ -0,0 +1,19 @@ + + + + + + + + + + + +
                                    + + + diff --git a/examples-vue/src/pages/components/image/skeleton.vue b/examples-vue/src/pages/components/image/skeleton.vue new file mode 100644 index 0000000..ac5663c --- /dev/null +++ b/examples-vue/src/pages/components/image/skeleton.vue @@ -0,0 +1,9 @@ + + + diff --git a/examples-vue/src/pages/components/popover/api.html b/examples-vue/src/pages/components/popover/api.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/popover/api.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/popover/api.vue b/examples-vue/src/pages/components/popover/api.vue new file mode 100644 index 0000000..7195099 --- /dev/null +++ b/examples-vue/src/pages/components/popover/api.vue @@ -0,0 +1,22 @@ + + + + diff --git a/examples-vue/src/pages/components/popover/basic.html b/examples-vue/src/pages/components/popover/basic.html new file mode 100644 index 0000000..7c7480b --- /dev/null +++ b/examples-vue/src/pages/components/popover/basic.html @@ -0,0 +1,19 @@ + + + + + + + + + + + +
                                    + + + diff --git a/examples-vue/src/pages/components/popover/basic.vue b/examples-vue/src/pages/components/popover/basic.vue new file mode 100644 index 0000000..ce5dd5f --- /dev/null +++ b/examples-vue/src/pages/components/popover/basic.vue @@ -0,0 +1,19 @@ + + + diff --git a/examples-vue/src/pages/components/popover/interest.html b/examples-vue/src/pages/components/popover/interest.html new file mode 100644 index 0000000..7c7480b --- /dev/null +++ b/examples-vue/src/pages/components/popover/interest.html @@ -0,0 +1,19 @@ + + + + + + + + + + + +
                                    + + + diff --git a/examples-vue/src/pages/components/popover/interest.vue b/examples-vue/src/pages/components/popover/interest.vue new file mode 100644 index 0000000..cc7c276 --- /dev/null +++ b/examples-vue/src/pages/components/popover/interest.vue @@ -0,0 +1,17 @@ + + + diff --git a/examples-vue/src/pages/components/range/default.html b/examples-vue/src/pages/components/range/default.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/range/default.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/range/default.vue b/examples-vue/src/pages/components/range/default.vue new file mode 100644 index 0000000..555c370 --- /dev/null +++ b/examples-vue/src/pages/components/range/default.vue @@ -0,0 +1,15 @@ + + + + diff --git a/examples-vue/src/pages/components/range/multi.html b/examples-vue/src/pages/components/range/multi.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/range/multi.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/range/multi.vue b/examples-vue/src/pages/components/range/multi.vue new file mode 100644 index 0000000..0b7767a --- /dev/null +++ b/examples-vue/src/pages/components/range/multi.vue @@ -0,0 +1,20 @@ + + + + diff --git a/examples-vue/src/pages/components/range/vertical.html b/examples-vue/src/pages/components/range/vertical.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/range/vertical.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/range/vertical.vue b/examples-vue/src/pages/components/range/vertical.vue new file mode 100644 index 0000000..6d29f74 --- /dev/null +++ b/examples-vue/src/pages/components/range/vertical.vue @@ -0,0 +1,15 @@ + + + + diff --git a/examples-vue/src/pages/components/tabs/custom.html b/examples-vue/src/pages/components/tabs/custom.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/tabs/custom.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/tabs/custom.vue b/examples-vue/src/pages/components/tabs/custom.vue new file mode 100644 index 0000000..c6d53a5 --- /dev/null +++ b/examples-vue/src/pages/components/tabs/custom.vue @@ -0,0 +1,41 @@ + + + + diff --git a/examples-vue/src/pages/components/tabs/default.html b/examples-vue/src/pages/components/tabs/default.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/tabs/default.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/tabs/default.vue b/examples-vue/src/pages/components/tabs/default.vue new file mode 100644 index 0000000..bed27ba --- /dev/null +++ b/examples-vue/src/pages/components/tabs/default.vue @@ -0,0 +1,41 @@ + + + + diff --git a/examples-vue/src/pages/components/toast/default.html b/examples-vue/src/pages/components/toast/default.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/toast/default.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/toast/default.vue b/examples-vue/src/pages/components/toast/default.vue new file mode 100644 index 0000000..6d6cb31 --- /dev/null +++ b/examples-vue/src/pages/components/toast/default.vue @@ -0,0 +1,35 @@ + + + + diff --git a/examples-vue/src/pages/components/toaster/default.html b/examples-vue/src/pages/components/toaster/default.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/components/toaster/default.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/components/toaster/default.vue b/examples-vue/src/pages/components/toaster/default.vue new file mode 100644 index 0000000..02ec46d --- /dev/null +++ b/examples-vue/src/pages/components/toaster/default.vue @@ -0,0 +1,35 @@ + + + + diff --git a/examples-vue/src/pages/form.html b/examples-vue/src/pages/form.html new file mode 100644 index 0000000..1d59a14 --- /dev/null +++ b/examples-vue/src/pages/form.html @@ -0,0 +1,20 @@ + + + + + + + + + + + +
                                    + + + + diff --git a/examples-vue/src/pages/form.vue b/examples-vue/src/pages/form.vue new file mode 100644 index 0000000..6e85681 --- /dev/null +++ b/examples-vue/src/pages/form.vue @@ -0,0 +1,34 @@ + + + + diff --git a/examples-vue/src/styles/main.css b/examples-vue/src/styles/main.css new file mode 100644 index 0000000..e0cb7fd --- /dev/null +++ b/examples-vue/src/styles/main.css @@ -0,0 +1,21 @@ +@import "tailwindcss/theme.css" layer(theme); +@import "winduum/tailwindcss/theme/config/index.css" layer(theme); +@import "winduum/tailwindcss/theme/default.css" layer(theme); +@import "winduum/src/theme/dark.css" layer(theme); +@import "winduum/src/base/reset.css" layer(base); +@import "winduum/src/base/defaults.css" layer(base); + +@import "winduum/src/components/index.css" layer(utilities); +@import "winduum/src/components/drawer/nosnap.css" layer(utilities); +@import "winduum/src/utilities/container/props/default.css" layer(theme); +@import "winduum/src/utilities/ripple/keyframes/default.css"; +@import "winduum/src/utilities/skeleton/props/default.css" layer(theme); +@import "winduum/src/utilities/spinner/keyframes/ring.css"; + +@import "winduum/tailwindcss/utilities/index.css"; +@import "tailwindcss/utilities" layer(utilities); +@import "winduum/tailwindcss/variants/index.css"; +@import "winduum/src/base/breakpoints.css"; +@import "winduum/src/base/keyframes.css"; +@import "winduum/src/base/transitions.css"; + diff --git a/examples-vue/src/styles/style.css b/examples-vue/src/styles/style.css new file mode 100644 index 0000000..8d72b2b --- /dev/null +++ b/examples-vue/src/styles/style.css @@ -0,0 +1,27 @@ +:root, :host { + height: 100%; + background-color: var(--color-body); + + &.dark { + --color-body: rgb(10, 10, 10); + } +} + +:where(body) { + display: flex; + gap: 0.5rem; + padding: 1rem; + justify-content: center; + align-items: center; + align-content: center; + flex-direction: row; + flex-wrap: wrap; + border-radius: var(--radius); + min-height: 100%; + background: transparent; +} + +#app { + display: contents; +} + diff --git a/examples-vue/src/types.d.ts b/examples-vue/src/types.d.ts new file mode 100644 index 0000000..cfb28a7 --- /dev/null +++ b/examples-vue/src/types.d.ts @@ -0,0 +1 @@ +declare module 'interestfor' diff --git a/examples-vue/tsconfig.json b/examples-vue/tsconfig.json new file mode 100644 index 0000000..5811231 --- /dev/null +++ b/examples-vue/tsconfig.json @@ -0,0 +1,23 @@ +{ + "compilerOptions": { + "target": "ESNext", + "useDefineForClassFields": true, + "module": "ESNext", + "moduleResolution": "Bundler", + "allowImportingTsExtensions": true, + "strict": true, + "jsx": "preserve", + "resolveJsonModule": true, + "isolatedModules": true, + "esModuleInterop": true, + "lib": ["ESNext", "DOM", "DOM.Iterable"], + "skipLibCheck": true, + "types": ["vite/client"], + "baseUrl": ".", + "paths": { + "@/components/field": ["src/adapters/field/index.ts"], + "@/*": ["node_modules/winduum-vue/src/*"] + } + }, + "include": ["src/**/*.ts", "src/**/*.vue"] +} diff --git a/examples-vue/vite.config.js b/examples-vue/vite.config.js new file mode 100644 index 0000000..8297f2d --- /dev/null +++ b/examples-vue/vite.config.js @@ -0,0 +1,41 @@ +import { resolve, relative } from 'path' +import { defineConfig } from 'vite' +import vituum from 'vituum' +import tailwindcss from '@tailwindcss/vite' +import framework from '@vitejs/plugin-vue' + +const htmlPlugin = () => ({ + name: 'html-transform', + transformIndexHtml: { + order: 'post', + handler(html, { path }) { + return html.replaceAll( + '"/assets/', + `"${relative(path, '/src/pages/').slice(0, -2)}assets/` + ) + } + } +}) + +export default defineConfig({ + resolve: { + alias: [ + { + find: '@/components/field', + replacement: resolve(process.cwd(), 'src/adapters/field/index.ts') + }, + { + find: '@', + replacement: resolve(process.cwd(), 'node_modules/winduum-vue/src') + } + ] + }, + plugins: [vituum(), framework(), tailwindcss(), htmlPlugin()], + build: { + target: 'esnext', + manifest: false, + modulePreload: false, + emptyOutDir: true, + outDir: resolve(process.cwd(), '../docs/public/examples-vue') + } +}) diff --git a/examples/src/pages/components/button/basic.liquid b/examples/src/pages/components/button/basic.liquid new file mode 100644 index 0000000..68cf2f3 --- /dev/null +++ b/examples/src/pages/components/button/basic.liquid @@ -0,0 +1,17 @@ +{% layout "templates/layout.liquid" %} +{% block %} + +Button +{% endblock %} + +{% block foot %} + + + +{% endblock %} diff --git a/examples/src/pages/components/control/basic.liquid b/examples/src/pages/components/control/basic.liquid new file mode 100644 index 0000000..b4b77c6 --- /dev/null +++ b/examples/src/pages/components/control/basic.liquid @@ -0,0 +1,16 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + + +{% endblock %} + +{% block foot %} + + + +{% endblock %} diff --git a/examples/src/pages/components/details/checkbox.liquid b/examples/src/pages/components/details/checkbox.liquid index 1f374a1..ebebeb2 100644 --- a/examples/src/pages/components/details/checkbox.liquid +++ b/examples/src/pages/components/details/checkbox.liquid @@ -1,9 +1,9 @@ {% layout "templates/layout.liquid" %} {% block %} -
                                    +
                                    @@ -29,11 +29,14 @@ {% block foot %} {% endblock %} diff --git a/examples/src/pages/components/image/skeleton.liquid b/examples/src/pages/components/image/skeleton.liquid new file mode 100644 index 0000000..55fe0a1 --- /dev/null +++ b/examples/src/pages/components/image/skeleton.liquid @@ -0,0 +1,24 @@ +{% layout "templates/layout.liquid" %} +{% block %} + + + +{% endblock %} + +{% block head %} + +{% endblock %} + +{% block foot %} + + + +{% endblock %} diff --git a/examples/src/pages/components/range/multi.liquid b/examples/src/pages/components/range/multi.liquid index 617f714..46e620f 100644 --- a/examples/src/pages/components/range/multi.liquid +++ b/examples/src/pages/components/range/multi.liquid @@ -1,9 +1,9 @@ {% layout "templates/layout.liquid" %} {% block %} -
                                    - - -
                                    + + + +
                                    0 @@ -22,32 +22,9 @@ {% block foot %} {% endblock %} diff --git a/examples/src/pages/components/range/vertical.liquid b/examples/src/pages/components/range/vertical.liquid index 5a9c3c9..96a9feb 100644 --- a/examples/src/pages/components/range/vertical.liquid +++ b/examples/src/pages/components/range/vertical.liquid @@ -1,8 +1,8 @@ {% layout "templates/layout.liquid" %} {% block %} -
                                    - -
                                    + + + 10 000 {% endblock %} @@ -18,18 +18,9 @@ {% block foot %} {% endblock %} diff --git a/examples/src/pages/components/tabs/custom.liquid b/examples/src/pages/components/tabs/custom.liquid index ed249cc..65b5e79 100644 --- a/examples/src/pages/components/tabs/custom.liquid +++ b/examples/src/pages/components/tabs/custom.liquid @@ -1,47 +1,46 @@ {% layout "templates/layout.liquid" %} {% block %} -
                                    - + + + +
                                    +
                                    All - -
                                    + + + -
                                    - All -
                                    - - - +
                                    + {% endblock %} {% block foot %} {% endblock %} diff --git a/package.json b/package.json index b9b533c..b7e6d40 100644 --- a/package.json +++ b/package.json @@ -1,13 +1,23 @@ { "type": "module", "scripts": { - "postinstall": "cd examples && npm i", - "docs:dev": "npm run vituum:build && vitepress dev docs", - "docs:build": "npm run vituum:build && vitepress build docs", + "postinstall": "npm --prefix examples install && npm --prefix examples-stimulus install && npm --prefix examples-vue install && npm --prefix examples-react install", + "docs:dev": "npm run examples:build && vitepress dev docs", + "docs:build": "npm run examples:build && vitepress build docs", "docs:serve": "vitepress serve docs", + "examples:build": "npm run vituum:build && npm run vituum-stimulus:build && npm run vituum-vue:build && npm run vituum-react:build", "vituum:dev": "cd examples && npx vite", "vituum:build": "cd examples && npx vite build", - "vituum:preview": "cd examples && npx vite preview" + "vituum:preview": "cd examples && npx vite preview", + "vituum-stimulus:dev": "cd examples-stimulus && npx vite", + "vituum-stimulus:build": "cd examples-stimulus && npx vite build", + "vituum-stimulus:preview": "cd examples-stimulus && npx vite preview", + "vituum-vue:dev": "npm --prefix examples-vue run dev", + "vituum-vue:build": "npm --prefix examples-vue run build", + "vituum-vue:preview": "npm --prefix examples-vue run preview", + "vituum-react:dev": "npm --prefix examples-react run dev", + "vituum-react:build": "npm --prefix examples-react run build", + "vituum-react:preview": "npm --prefix examples-react run preview" }, "dependencies": { "@webreflection/custom-elements-builtin": "^0.4.1", From 23721ee1cf63823e8e24dd13c0664077fbc5c515 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lubom=C3=ADr=20Bla=C5=BEek?= Date: Thu, 16 Jul 2026 15:02:26 +0200 Subject: [PATCH 24/35] docs: restructure examples with index pages and interactive filters, refine carousel and tooltip documentation, and introduce examplesIndex plugin for framework integration --- docs/docs/components/popover.md | 3 +- docs/docs/components/tooltip.md | 2 + docs/docs/index.md | 7 ++ examples-index-plugin.js | 76 ++++++++++++++++ .../carousel-experimental/basic.html | 6 +- .../carousel-experimental/full.html | 19 +++- .../src/pages/components/carousel/basic.html | 6 +- .../src/pages/components/carousel/basic.tsx | 9 +- .../src/pages/components/carousel/full.html | 6 +- .../src/pages/components/carousel/full.tsx | 9 +- .../src/pages/components/popover/api.tsx | 2 +- .../src/pages/components/popover/basic.tsx | 2 +- examples-react/src/pages/index.html | 88 +++++++++++++++++++ examples-react/src/styles/main.css | 2 + examples-react/vite.config.js | 6 +- examples-stimulus/package.json | 5 ++ .../src/pages/components/popover/api.liquid | 3 +- .../src/pages/components/popover/basic.liquid | 12 --- .../pages/components/popover/interest.liquid | 12 --- examples-stimulus/src/pages/index.liquid | 77 ++++++++++++++++ examples-stimulus/src/styles/main.css | 3 + examples-stimulus/vite.config.js | 4 + .../carousel-experimental/basic.html | 6 +- .../carousel-experimental/basic.vue | 9 +- .../carousel-experimental/full.html | 19 +++- .../components/carousel-experimental/full.vue | 9 +- .../src/pages/components/carousel/basic.html | 6 +- .../src/pages/components/carousel/basic.vue | 9 +- .../src/pages/components/carousel/full.html | 6 +- .../src/pages/components/carousel/full.vue | 9 +- .../src/pages/components/popover/api.vue | 3 +- .../src/pages/components/popover/basic.vue | 2 +- examples-vue/src/pages/index.html | 88 +++++++++++++++++++ examples-vue/src/styles/main.css | 2 + examples-vue/vite.config.js | 6 +- examples/package.json | 5 ++ .../src/pages/components/popover/api.liquid | 2 +- .../src/pages/components/popover/basic.liquid | 2 +- examples/src/pages/index.liquid | 77 ++++++++++++++++ examples/src/styles/main.css | 3 + examples/vite.config.js | 4 + package.json | 4 +- 42 files changed, 565 insertions(+), 65 deletions(-) create mode 100644 examples-index-plugin.js create mode 100644 examples-react/src/pages/index.html delete mode 100644 examples-stimulus/src/pages/components/popover/basic.liquid delete mode 100644 examples-stimulus/src/pages/components/popover/interest.liquid create mode 100644 examples-stimulus/src/pages/index.liquid create mode 100644 examples-vue/src/pages/index.html create mode 100644 examples/src/pages/index.liquid diff --git a/docs/docs/components/popover.md b/docs/docs/components/popover.md index d838e76..90749e2 100644 --- a/docs/docs/components/popover.md +++ b/docs/docs/components/popover.md @@ -40,6 +40,7 @@ Where CSS Anchor Positioning isn't supported, use the [floating-ui fallback help ### Variants * * +* ### Props * @@ -69,7 +70,6 @@ the popover lives in the [top-layer](https://developer.mozilla.org/en-US/docs/Gl ::: code-group <<< @/public/examples/components/popover/basic.html#body{} [winduum] -<<< @/../examples-stimulus/src/pages/components/popover/basic.liquid#body{} [winduum-stimulus] <<< @/../examples-vue/src/pages/components/popover/basic.vue [winduum-vue] <<< @/../examples-react/src/pages/components/popover/basic.tsx [winduum-react] ::: @@ -83,7 +83,6 @@ Use the [interestfor](https://www.npmjs.com/package/interestfor) polyfill for br ::: code-group <<< @/public/examples/components/popover/hover.html#body{} [winduum] -<<< @/../examples-stimulus/src/pages/components/popover/interest.liquid#body{} [winduum-stimulus] <<< @/../examples-vue/src/pages/components/popover/interest.vue [winduum-vue] <<< @/../examples-react/src/pages/components/popover/interest.tsx [winduum-react] ::: diff --git a/docs/docs/components/tooltip.md b/docs/docs/components/tooltip.md index 8986a1c..136947b 100644 --- a/docs/docs/components/tooltip.md +++ b/docs/docs/components/tooltip.md @@ -7,6 +7,8 @@ Tooltip can be used for a little info hint on hover or focus. It's a pure CSS solution — the tooltip text comes from the `aria-label` attribute and is rendered via the `::before` pseudo-element, so it stays accessible and needs no JavaScript. Placement is controlled with the `tooltip-*` tokens and appearance can be customized via the `--x-tooltip-*` props. +For complete accessibility, prefer the [Popover tooltip variant](/docs/components/popover#interest-popover) using the [`interestfor`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/interestfor) attribute. + diff --git a/docs/docs/index.md b/docs/docs/index.md index 3fd0f3e..d1c3353 100644 --- a/docs/docs/index.md +++ b/docs/docs/index.md @@ -47,8 +47,15 @@ It's optional but recommended to leverage the full functionality of the library! @import "winduum/src/base/breakpoints.css"; @import "winduum/src/base/keyframes.css"; @import "winduum/src/base/transitions.css"; + +/* paths are relative to this stylesheet */ +@source "../../node_modules/winduum/src"; +@source "../../node_modules/winduum-elements"; ``` +Tailwind CSS excludes dependencies from automatic source detection. Keep the first `@source` directive and replace +`winduum-elements` with the integration used by your project: `winduum-stimulus`, `winduum-vue` or `winduum-react`. + Follow the installation steps in [TailwindCSS](https://tailwindcss.com/docs/installation/using-vite) docs. ### Without TailwindCSS diff --git a/examples-index-plugin.js b/examples-index-plugin.js new file mode 100644 index 0000000..4ff2ec3 --- /dev/null +++ b/examples-index-plugin.js @@ -0,0 +1,76 @@ +import { readdir } from 'node:fs/promises' +import { extname, relative, resolve, sep } from 'node:path' + +const marker = '' + +const escapeHTML = value => value + .replaceAll('&', '&') + .replaceAll('<', '<') + .replaceAll('>', '>') + .replaceAll('"', '"') + +const readPages = async directory => { + const entries = await readdir(directory, { withFileTypes: true }) + const files = await Promise.all(entries.map(entry => { + const path = resolve(directory, entry.name) + + return entry.isDirectory() ? readPages(path) : path + })) + + return files.flat() +} + +const filterScript = ` +` + +export const examplesIndex = ({ pagesDirectory, extension }) => ({ + name: 'examples-index', + transformIndexHtml: { + order: 'post', + async handler(html) { + if (!html.includes(marker)) return html + + const pages = (await readPages(pagesDirectory)) + .filter(file => extname(file) === extension) + .map(file => relative(pagesDirectory, file).split(sep).join('/').slice(0, -extension.length)) + .filter(page => page !== 'index') + .sort((first, second) => first.localeCompare(second)) + + const links = pages.map(page => { + const label = page + .split('/') + .map(part => part.replaceAll('-', ' ')) + .join(' / ') + const safePage = escapeHTML(page) + const searchValue = escapeHTML(`${page} ${label}`.toLowerCase()) + + return `
                                  1. ${escapeHTML(label)}${safePage}.html
                                    2. ` + }).join('') + + return html + .replace(marker, links) + .replace('', `${filterScript}\n`) + } + } +}) diff --git a/examples-react/src/pages/components/carousel-experimental/basic.html b/examples-react/src/pages/components/carousel-experimental/basic.html index 9b30909..fd08ecf 100644 --- a/examples-react/src/pages/components/carousel-experimental/basic.html +++ b/examples-react/src/pages/components/carousel-experimental/basic.html @@ -6,6 +6,11 @@ + - diff --git a/examples-react/src/pages/components/carousel-experimental/full.html b/examples-react/src/pages/components/carousel-experimental/full.html index 9b30909..9fc1c4e 100644 --- a/examples-react/src/pages/components/carousel-experimental/full.html +++ b/examples-react/src/pages/components/carousel-experimental/full.html @@ -6,6 +6,24 @@ + - diff --git a/examples-react/src/pages/components/carousel/basic.html b/examples-react/src/pages/components/carousel/basic.html index 9b30909..16f8c6f 100644 --- a/examples-react/src/pages/components/carousel/basic.html +++ b/examples-react/src/pages/components/carousel/basic.html @@ -6,6 +6,11 @@ + - diff --git a/examples-react/src/pages/components/carousel/basic.tsx b/examples-react/src/pages/components/carousel/basic.tsx index 3dfb6f8..bc25b40 100644 --- a/examples-react/src/pages/components/carousel/basic.tsx +++ b/examples-react/src/pages/components/carousel/basic.tsx @@ -14,7 +14,9 @@ export function Example() { {({ scrollPrev, scrollNext, onScroll }) => ( <>
                                    @@ -25,11 +27,12 @@ export function Example() {
                                    )} ) } - diff --git a/examples-react/src/pages/components/carousel/full.html b/examples-react/src/pages/components/carousel/full.html index 9b30909..7ec0eb7 100644 --- a/examples-react/src/pages/components/carousel/full.html +++ b/examples-react/src/pages/components/carousel/full.html @@ -6,6 +6,11 @@ + - diff --git a/examples-react/src/pages/components/carousel/full.tsx b/examples-react/src/pages/components/carousel/full.tsx index 4e66bf8..b934983 100644 --- a/examples-react/src/pages/components/carousel/full.tsx +++ b/examples-react/src/pages/components/carousel/full.tsx @@ -21,7 +21,9 @@ export function Example() { <>