eco-vue-js 0.11.42 → 0.11.44

package/dist/main.js

@@ -95,15 +95,17 @@ import _sfc_main$1r from './components/Select/WSelectStringified.vue.js';
 import _sfc_main$1s from './components/Shine/WShine.vue.js';
 import _sfc_main$1t from './components/Shine/WShineEffect.vue.js';
 import _sfc_main$1u from './components/Skeleton/WSkeleton.vue.js';
+import _sfc_main$1v from './components/Slider/WSlider.vue.js';
+import _sfc_main$1w from './components/Slider/WSliderRange.vue.js';
 import WSpinner from './components/Spinner/WSpinner.vue.js';
-import _sfc_main$1v from './components/Status/WStatusIcon.vue.js';
-import _sfc_main$1w from './components/Tabs/WTabs.vue.js';
-import _sfc_main$1x from './components/Tabs/WTabsColumns.vue.js';
-import _sfc_main$1y from './components/Tabs/WTabsItem.vue.js';
-import _sfc_main$1z from './components/Toggle/WToggle.vue.js';
-import _sfc_main$1A from './components/Toggle/WToggleTheme.vue.js';
-import _sfc_main$1B from './components/Tooltip/WTooltip.vue.js';
-import _sfc_main$1C from './components/Tooltip/WTooltipContainer.vue.js';
+import _sfc_main$1x from './components/Status/WStatusIcon.vue.js';
+import _sfc_main$1y from './components/Tabs/WTabs.vue.js';
+import _sfc_main$1z from './components/Tabs/WTabsColumns.vue.js';
+import _sfc_main$1A from './components/Tabs/WTabsItem.vue.js';
+import _sfc_main$1B from './components/Toggle/WToggle.vue.js';
+import _sfc_main$1C from './components/Toggle/WToggleTheme.vue.js';
+import _sfc_main$1D from './components/Tooltip/WTooltip.vue.js';
+import _sfc_main$1E from './components/Tooltip/WTooltipContainer.vue.js';
 export { ApiClientInstance, getURLParams } from './utils/ApiClient.js';
 export { DOMListenerContainer } from './utils/DOMListenerContainer.js';
 export { HorizontalAlign } from './utils/HorizontalAlign.js';
@@ -317,16 +319,18 @@ const main = {
     app.component("WShine", _sfc_main$1s);
     app.component("WShineEffect", _sfc_main$1t);
     app.component("WSkeleton", _sfc_main$1u);
+    app.component("WSlider", _sfc_main$1v);
+    app.component("WSliderRange", _sfc_main$1w);
     app.component("WSpinner", WSpinner);
-    app.component("WStatusIcon", _sfc_main$1v);
-    app.component("WTabs", _sfc_main$1w);
-    app.component("WTabsColumns", _sfc_main$1x);
-    app.component("WTabsItem", _sfc_main$1y);
-    app.component("WToggle", _sfc_main$1z);
-    app.component("WToggleTheme", _sfc_main$1A);
-    app.component("WTooltip", _sfc_main$1B);
-    app.component("WTooltipContainer", _sfc_main$1C);
+    app.component("WStatusIcon", _sfc_main$1x);
+    app.component("WTabs", _sfc_main$1y);
+    app.component("WTabsColumns", _sfc_main$1z);
+    app.component("WTabsItem", _sfc_main$1A);
+    app.component("WToggle", _sfc_main$1B);
+    app.component("WToggleTheme", _sfc_main$1C);
+    app.component("WTooltip", _sfc_main$1D);
+    app.component("WTooltipContainer", _sfc_main$1E);
   }
 };
 
-export { _sfc_main as WActionsBar, _sfc_main$1 as WActionsBarFilter, _sfc_main$2 as WBottomSheet, _sfc_main$3 as WButton, _sfc_main$4 as WButtonAction, _sfc_main$5 as WButtonCopy, _sfc_main$6 as WButtonDropdown, _sfc_main$7 as WButtonGroup, _sfc_main$8 as WButtonInput, _sfc_main$9 as WButtonMore, _sfc_main$a as WButtonMoreItem, _sfc_main$b as WButtonSelection, _sfc_main$c as WButtonSelectionAction, _sfc_main$d as WButtonSelectionState, _sfc_main$e as WButtonTab, _sfc_main$f as WButtonUnselect, _sfc_main$g as WChartLine, _sfc_main$h as WChartLinear, _sfc_main$i as WCheckbox, _sfc_main$j as WCheckboxGroup, _sfc_main$k as WCheckboxGroupMultiple, _sfc_main$l as WChip, _sfc_main$m as WClickOutside, _sfc_main$n as WCounter, _sfc_main$o as WDatePicker, _sfc_main$p as WDatePickerSingle, _sfc_main$q as WDismissable, _sfc_main$r as WDragContainer, _sfc_main$s as WDropdown, _sfc_main$t as WDropdownMenu, _sfc_main$u as WEmptyComponent, _sfc_main$v as WExpansion, _sfc_main$w as WExpansionItem, _sfc_main$x as WFieldWrapper, _sfc_main$y as WFilePicker, _sfc_main$z as WFilterWrapper, _sfc_main$A as WForm, _sfc_main$C as WFormAsyncButtonGroup, _sfc_main$D as WFormAsyncCheckboxGroup, _sfc_main$E as WFormAsyncInput, _sfc_main$F as WFormAsyncSelect, _sfc_main$G as WFormAsyncSelectInfiniteSingle, _sfc_main$H as WFormAsyncSelectSingle, _sfc_main$I as WFormAsyncSelectStringified, _sfc_main$J as WFormAsyncToggle, _sfc_main$B as WFormValidator, _sfc_main$K as WHeaderBar, _sfc_main$L as WHeaderBarSearch, _sfc_main$M as WImageViewer, _sfc_main$N as WInfiniteList, _sfc_main$O as WInfiniteListScrollingElement, _sfc_main$P as WInfiniteListWrapper, _sfc_main$Q as WInfoCard, _sfc_main$R as WInfoCardNegative, _sfc_main$S as WInput, _sfc_main$T as WInputAsync, _sfc_main$U as WInputDate, _sfc_main$V as WInputOptions, _sfc_main$W as WInputSuggest, _sfc_main$X as WInputToolbarButton, _sfc_main$Y as WLink, _sfc_main$Z as WLinkArrow, _sfc_main$_ as WList, _sfc_main$$ as WListCard, _sfc_main$10 as WListCardField, _sfc_main$11 as WListFilter, _sfc_main$12 as WListHeader, _sfc_main$13 as WListHeaderItem, _sfc_main$14 as WMenuItem, _sfc_main$15 as WModal, _sfc_main$16 as WModalExport, _sfc_main$17 as WModalExportSimple, _sfc_main$18 as WModalImport, _sfc_main$19 as WModalStepper, _sfc_main$1a as WModalWrapper, _sfc_main$1b as WNavBar, _sfc_main$1c as WNavItem, _sfc_main$1d as WNavItemExpand, WNavItemTransition, _sfc_main$1e as WNotify, _sfc_main$1f as WNumberFormatter, _sfc_main$1g as WPage, _sfc_main$1h as WPageBreadcrumbs, WPageNumerator, _sfc_main$1i as WPageTitle, _sfc_main$1j as WProgress, _sfc_main$1k as WProgressStriped, _sfc_main$1l as WRouterLink, _sfc_main$1m as WSelect, _sfc_main$1n as WSelectAsync, _sfc_main$1o as WSelectAsyncList, _sfc_main$1p as WSelectAsyncSingle, _sfc_main$1q as WSelectSingle, _sfc_main$1r as WSelectStringified, _sfc_main$1s as WShine, _sfc_main$1t as WShineEffect, _sfc_main$1u as WSkeleton, WSpinner, _sfc_main$1v as WStatusIcon, _sfc_main$1w as WTabs, _sfc_main$1x as WTabsColumns, _sfc_main$1y as WTabsItem, _sfc_main$1z as WToggle, _sfc_main$1A as WToggleTheme, _sfc_main$1B as WTooltip, _sfc_main$1C as WTooltipContainer, main as default };
+export { _sfc_main as WActionsBar, _sfc_main$1 as WActionsBarFilter, _sfc_main$2 as WBottomSheet, _sfc_main$3 as WButton, _sfc_main$4 as WButtonAction, _sfc_main$5 as WButtonCopy, _sfc_main$6 as WButtonDropdown, _sfc_main$7 as WButtonGroup, _sfc_main$8 as WButtonInput, _sfc_main$9 as WButtonMore, _sfc_main$a as WButtonMoreItem, _sfc_main$b as WButtonSelection, _sfc_main$c as WButtonSelectionAction, _sfc_main$d as WButtonSelectionState, _sfc_main$e as WButtonTab, _sfc_main$f as WButtonUnselect, _sfc_main$g as WChartLine, _sfc_main$h as WChartLinear, _sfc_main$i as WCheckbox, _sfc_main$j as WCheckboxGroup, _sfc_main$k as WCheckboxGroupMultiple, _sfc_main$l as WChip, _sfc_main$m as WClickOutside, _sfc_main$n as WCounter, _sfc_main$o as WDatePicker, _sfc_main$p as WDatePickerSingle, _sfc_main$q as WDismissable, _sfc_main$r as WDragContainer, _sfc_main$s as WDropdown, _sfc_main$t as WDropdownMenu, _sfc_main$u as WEmptyComponent, _sfc_main$v as WExpansion, _sfc_main$w as WExpansionItem, _sfc_main$x as WFieldWrapper, _sfc_main$y as WFilePicker, _sfc_main$z as WFilterWrapper, _sfc_main$A as WForm, _sfc_main$C as WFormAsyncButtonGroup, _sfc_main$D as WFormAsyncCheckboxGroup, _sfc_main$E as WFormAsyncInput, _sfc_main$F as WFormAsyncSelect, _sfc_main$G as WFormAsyncSelectInfiniteSingle, _sfc_main$H as WFormAsyncSelectSingle, _sfc_main$I as WFormAsyncSelectStringified, _sfc_main$J as WFormAsyncToggle, _sfc_main$B as WFormValidator, _sfc_main$K as WHeaderBar, _sfc_main$L as WHeaderBarSearch, _sfc_main$M as WImageViewer, _sfc_main$N as WInfiniteList, _sfc_main$O as WInfiniteListScrollingElement, _sfc_main$P as WInfiniteListWrapper, _sfc_main$Q as WInfoCard, _sfc_main$R as WInfoCardNegative, _sfc_main$S as WInput, _sfc_main$T as WInputAsync, _sfc_main$U as WInputDate, _sfc_main$V as WInputOptions, _sfc_main$W as WInputSuggest, _sfc_main$X as WInputToolbarButton, _sfc_main$Y as WLink, _sfc_main$Z as WLinkArrow, _sfc_main$_ as WList, _sfc_main$$ as WListCard, _sfc_main$10 as WListCardField, _sfc_main$11 as WListFilter, _sfc_main$12 as WListHeader, _sfc_main$13 as WListHeaderItem, _sfc_main$14 as WMenuItem, _sfc_main$15 as WModal, _sfc_main$16 as WModalExport, _sfc_main$17 as WModalExportSimple, _sfc_main$18 as WModalImport, _sfc_main$19 as WModalStepper, _sfc_main$1a as WModalWrapper, _sfc_main$1b as WNavBar, _sfc_main$1c as WNavItem, _sfc_main$1d as WNavItemExpand, WNavItemTransition, _sfc_main$1e as WNotify, _sfc_main$1f as WNumberFormatter, _sfc_main$1g as WPage, _sfc_main$1h as WPageBreadcrumbs, WPageNumerator, _sfc_main$1i as WPageTitle, _sfc_main$1j as WProgress, _sfc_main$1k as WProgressStriped, _sfc_main$1l as WRouterLink, _sfc_main$1m as WSelect, _sfc_main$1n as WSelectAsync, _sfc_main$1o as WSelectAsyncList, _sfc_main$1p as WSelectAsyncSingle, _sfc_main$1q as WSelectSingle, _sfc_main$1r as WSelectStringified, _sfc_main$1s as WShine, _sfc_main$1t as WShineEffect, _sfc_main$1u as WSkeleton, _sfc_main$1v as WSlider, _sfc_main$1w as WSliderRange, WSpinner, _sfc_main$1x as WStatusIcon, _sfc_main$1y as WTabs, _sfc_main$1z as WTabsColumns, _sfc_main$1A as WTabsItem, _sfc_main$1B as WToggle, _sfc_main$1C as WToggleTheme, _sfc_main$1D as WTooltip, _sfc_main$1E as WTooltipContainer, main as default };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.11.42",
+  "version": "0.11.44",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.2.3",
     "@tanstack/eslint-plugin-query": "5.83.1",
@@ -444,6 +444,12 @@
     "./dist/components/Skeleton/WSkeleton.vue": {
       "import": "./dist/components/Skeleton/WSkeleton.vue.js"
     },
+    "./dist/components/Slider/WSlider.vue": {
+      "import": "./dist/components/Slider/WSlider.vue.js"
+    },
+    "./dist/components/Slider/WSliderRange.vue": {
+      "import": "./dist/components/Slider/WSliderRange.vue.js"
+    },
     "./dist/components/Spinner/WSpinner.vue": {
       "import": "./dist/components/Spinner/WSpinner.vue.js"
     },

package/tailwind-base/index.ts

@@ -4,6 +4,11 @@ import colors from 'tailwindcss/colors.js'
 
 import pluginContainerQueries from './plugins/container-queries.js'
 import pluginDefault from './plugins/default.js'
+import pluginInternalClasses from './plugins/internal-classes.js'
+import pluginInternalVariables from './plugins/internal-variables.js'
+import pluginInternalVariants from './plugins/internal-variants.js'
+import pluginText from './plugins/text.js'
+import pluginHoverCircle from './plugins/w-hover-circle.js'
 import pluginRipple from './plugins/w-ripple.js'
 import animations from './theme/animations.js'
 import score from './theme/score.js'
@@ -120,7 +125,12 @@ const tailwindBase = {
   },
   plugins: [
     pluginDefault,
+    pluginInternalVariables,
+    pluginInternalVariants,
+    pluginInternalClasses,
+    pluginText,
     pluginRipple,
+    pluginHoverCircle,
     pluginContainerQueries,
   ],
 } satisfies Config

package/tailwind-base/plugins/default.ts

@@ -1,6 +1,7 @@
+import flattenColorPalette from 'tailwindcss/lib/util/flattenColorPalette'
 import plugin from 'tailwindcss/plugin.js'
 
-const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities, addBase, theme, addComponents, config}) {
+const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities, addBase, theme}) {
   matchUtilities(
     {
       square: value => {
@@ -28,30 +29,19 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
         }
       },
     },
-    {
-      values: theme('width'),
-    },
+    {values: theme('width')},
   )
-  
-  addBase({
-    '*': {
-      '--w-left-inner': 'calc(var(--nav-bar-width, 0px) + var(--inner-margin, 0px))',
-      '--w-right-inner': 'calc(var(--actions-bar-width, 0px) + var(--inner-margin, 0px) + var(--scroll-bar-width, 0px))',
-      '--w-width-inner': 'calc(100vw - var(--w-left-inner, 0px) - var(--w-right-inner, 0px))',
 
-      '--w-top-inner': 'calc(var(--header-height, 0px) + var(--infinite-list-header-height, 0px))',
-      '--w-bottom-inner': 'var(--scroll-bar-width, 0px)',
-      '--w-height-inner': 'calc(100vh - var(--w-top-inner, 0px) - var(--w-bottom-inner, 0px))',
+  matchUtilities(
+    {
+      'stop-color': (value) => ({'stop-color': value}),
     },
-    '.w-modal-wrapper *': {
-      '--w-left-inner': 'var(--w-modal-wrapper-padding, 0px)',
-      '--w-right-inner': 'calc(var(--w-modal-wrapper-padding, 0px) + var(--scroll-bar-width, 0px)))',
-      '--w-width-inner': 'calc(var(--w-modal-wrapper-width, 35rem) - var(--w-left-inner, 0px) - var(--w-left-inner, 0px))',
+    {values: flattenColorPalette(theme('colors'))},
+  )
 
-      '--w-top-inner': 'calc(var(--w-modal-header-height, 0px) + var(--infinite-list-header-height, 0px))',
-      '--w-bottom-inner': 'calc(var(--w-modal-footer-height, 0px) + var(--scroll-bar-width, 0px))',
-      '--w-height-inner': 'calc(var(--w-modal-content-height, 0px) - var(--w-top-inner, 0px) - var(--w-bottom-inner, 0px))',
-    },
+  addBase({
+    'cols-span-full': {'grid-column': '1 / -1'},
+    'row-span-full': {'grid-row': '1 / -1'},
   })
 
   addVariant('supports-backdrop', '@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none))')
@@ -63,175 +53,7 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
   addVariant('resizer', '&::-webkit-resizer')
   addVariant('last-not', '&:not(:last-child)')
   addVariant('first-not', '&:not(:first-child)')
-  addVariant('card', ['.w-card &'])
-  addVariant('card-l', ['&.w-card'])
-  addVariant('list', ['.w-list &'])
-  addVariant('list-l', ['&.w-list'])
-
-  addBase({
-    '.w-input': {
-      outline: 'none',
-
-      '--input-autofill-bg': theme('colors.default'),
-      '--input-autofull-text': theme('colors.black.default'),
-      [config('darkMode')[1][0]]: {
-        '--input-autofill-bg': theme('colors.default-dark'),
-        '--input-autofull-text': theme('colors.gray.100'),
-      },
-
-      '&:focus-visible': {
-        outline: 'none',
-      },
-
-      '&[autocomplete="off"]': {
-        '&::-webkit-contacts-auto-fill-button, &::-webkit-credentials-auto-fill-button': {
-          visibility: 'hidden',
-          display: 'none !important',
-          'pointer-events': 'none',
-          height: '0',
-          width: '0',
-          margin: '0',
-        },
-      },
-
-      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
-        '-webkit-appearance': 'none',
-        appearance: 'none',
-        margin: '0',
-      },
-
-      '&:-webkit-autofill': {
-        '&, &:hover, &:focus, &:active': {
-          '-webkit-box-shadow': '0 0 0 30px var(--input-autofill-bg) inset !important',
-          '-webkit-text-fill-color': 'var(--input-autofull-text) !important;',
-        },
-      },
-
-      '&[type=number]': {
-        '-moz-appearance': 'textfield',
-        appearance: 'textfield',
-      },
-
-      '&::-webkit-textfield-decoration-container, &:focus::-webkit-textfield-decoration-container': {
-        visibility: 'hidden',
-        'pointer-events': 'none',
-      },
-    },
-  })
-
-  addBase({
-    '.w-scrollbar': {
-      '&::-webkit-scrollbar, & ::-webkit-scrollbar': {
-        width: '12px',
-        height: '12px',
-        'z-index': '500',
-      },
-      '&::-webkit-scrollbar-button, & ::-webkit-scrollbar-button': {
-        display: 'none',
-      },
-      '&::-webkit-scrollbar-thumb, & ::-webkit-scrollbar-thumb': {
-        'border-radius': '5px',
-        'border-color': 'transparent',
-        'border-style': 'solid',
-        'border-width': '2px',
-        'background-clip': 'padding-box',
-        'background-color': 'var(--w-scroll-bar-color)',
-        '&:hover': {
-          'background-color': 'var(--w-scroll-bar-color-hover)',
-        },
-      },
-      '&::-webkit-scrollbar-track, & ::-webkit-scrollbar-track, &::-webkit-scrollbar-corner, & ::-webkit-scrollbar-corner': {
-        background: 'transparent',
-      },
-    },
-    'html.w-scrollbar': {
-      '@supports (overflow: overlay)': {
-        'overflow-y': 'overlay',
-      },
-      '@supports (not (overflow: overlay))': {
-        'overflow-y': 'auto',
-      },
-    },
-    '*::-webkit-resizer': {
-      transform: 'scale(2)',
-      'transform-origin': 'top left',
-      'background-size': '7px 7px',
-      'background-position': 'top',
-      'background-image': 'linear-gradient(135deg, currentColor 10%, transparent 10%, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 100%)',
-      color: theme('colors.gray.300'),
-      [config('darkMode')[1][0]]: {
-        color: theme('colors.gray.700'),
-      },
-    },
-    '*:focus-visible': {
-      outline: 'none',
-    },
-  })
-
-  addBase({
-    '.w-option': {
-      'min-height': 'var(--w-option-height)',
-      'border-radius': 'var(--w-option-rounded)',
-
-      '--w-skeleton-height': 'var(--w-option-height)',
-      '--w-skeleton-rounded': 'var(--w-option-rounded)',
-    },
-    '.w-option-has-bg, *:has(.w-option-has-bg) + .w-option-has-bg-input, .w-option-has-bg + .w-option-has-bg-input': {
-      'padding-left': 'var(--w-option-padding)',
-      'padding-right': 'var(--w-option-padding)',
-    },
-    '.w-option-has-bg .w-option-button': {
-      'margin-right': 'calc(var(--w-option-rounded) * -1)',
-    },
-    '.w-select-option': {
-      padding: 'calc(var(--w-select-option-padding) / 2) var(--w-select-option-padding)',
-    },
-    '*': {
-      '--w-option-height': 'calc(var(--w-input-height,2.75rem) - (var(--w-input-gap,0.25rem) * 2) - 2px)',
-      '--w-option-rounded': 'calc(var(--w-input-rounded,0.75rem) - var(--w-input-gap,0.25rem) - 1px)',
-      '--w-option-padding': 'var(--w-input-rounded,0.75rem)',
-      '--w-select-option-padding': 'calc(var(--w-option-padding) + var(--w-input-gap) + 1px)',
-    },
-  })
-
-  addBase({
-    '.w-tooltip-center-x': {
-      transform: 'translate(calc(min(100vw - var(--dropdown-x, 0px) - 50% - 12px, max((var(--dropdown-x, 0px) - 50% - 12px) * -1, 0px))), 0)',
-    },
-    '.w-tooltip-center-y': {
-      transform: 'translate(0, calc(min(100vh - var(--dropdown-y, 0px) - 50% - 12px, max((var(--dropdown-y, 0px) - 50% - 12px) * -1, 0px))))',
-    },
-  })
-
-  addBase({
-    '.w-shine-hidden': {
-      '.w-shine': {display: 'none'},
-    },
-    '.w-shine': {},
-  })
-
-  matchUtilities(
-    {
-      'w-scroll-bar-color': value => {
-        return {
-          '--w-scroll-bar-color': value,
-        }
-      },
-      'w-scroll-bar-color-hover': value => {
-        return {
-          '--w-scroll-bar-color-hover': value,
-        }
-      },
-      'w-has-changes-color': value => {
-        return {
-          '--has-changes-bg': value,
-        }
-      },
-    },
-    {
-      values: theme('colors'),
-    },
-  )
+  addVariant('not-print', '@media not print')
 
   addUtilities({
     '.rounded-inherit': {
@@ -259,256 +81,6 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
       },
     },
   })
-
-  addComponents({
-    '.text-accent': {
-      color: theme('colors.black.default'),
-      [config('darkMode')[1][0]]: {
-        color: theme('colors.default'),
-      },
-    },
-    '.text-description': {
-      color: theme('colors.gray.400'),
-      [config('darkMode')[1][0]]: {
-        color: theme('colors.gray.500'),
-      },
-    },
-    '.text-secure': {
-      'text-security': 'disc',
-      '-webkit-text-security': 'disc',
-    },
-  })
-
-  addUtilities({
-    '.w-hover-circle': {
-      '&::after': {
-        content: '""',
-        position: 'absolute',
-        top: '0',
-        left: '0',
-        height: '100%',
-        width: '100%',
-        'border-radius': '9999px',
-        'z-index': '1',
-        'background-color': 'currentColor',
-        'pointer-events': 'none',
-        'user-select': 'none',
-        opacity: '0',
-        transform: 'scaleX(0.5) scaleY(0.5)',
-        'transition-property': 'opacity transform',
-        'transition-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)',
-        'transition-duration': '200ms',
-      },
-
-      '&:hover::after, .w-hover-circle-trigger:hover &::after, &:focus::after, .w-hover-circle-trigger:focus &::after': {
-        opacity: 'var(--w-hover-circle-opacity, 0.10)',
-        transform: 'scaleX(2.2) scaleY(2.2)',
-      },
-
-      '&:active::after, .w-hover-circle-trigger:active &::after': {
-        opacity: 'var(--w-hover-circle-opacity, 0.10)',
-        transform: 'scaleX(1.8) scaleY(1.8)',
-      },
-    },
-  })
-
-  matchUtilities(
-    {
-      'w-ripple-opacity': value => {
-        return {
-          '--w-ripple-opacity': value,
-        }
-      },
-      'w-hover-circle-opacity': value => {
-        return {
-          '--w-hover-circle-opacity': value,
-        }
-      },
-    },
-    {
-      values: theme('opacity'),
-    },
-  )
-
-  addUtilities({
-    '.w-progress-striped': {
-      '&::before': {
-        content: '""',
-        'background-image': 'linear-gradient(135deg, hsla(0,0%,100%,.125) 25%, transparent 0, transparent 50%, hsla(0,0%,100%,.125) 0, hsla(0,0%,100%,.125) 75%, transparent 0, transparent)',
-        position: 'absolute',
-        top: '0',
-        left: '0',
-        width: 'calc(100% + 40px)',
-        height: '100%',
-        'background-repeat': 'repeat',
-        'background-size': '40px 40px',
-        animation: theme('animation.move-horizontal'),
-      },
-      [config('darkMode')[1][0]]: {
-        '&::before': {
-          'background-image': 'linear-gradient(135deg, hsla(0,0%,10%,.125) 25%, transparent 0, transparent 50%, hsla(0,0%,10%,.125) 0, hsla(0,0%,10%,.125) 75%, transparent 0, transparent)',
-        },
-      },
-    },
-  })
-
-  addComponents({
-    '.w-select-field': {
-      'padding-top': '0.3125rem',
-      'padding-bottom': '0.3125rem',
-      'align-items': 'center',
-      'white-space': 'nowrap',
-      overflow: 'hidden',
-      'text-overflow': 'ellipsis',
-    },
-    '.group\\/model .w-select-field': {
-      'padding-left': '0.75rem',
-      'padding-right': '0.75rem',
-    },
-
-    '.w-skeleton': {
-      position: 'relative',
-      width: 'var(--skeleton-width,var(--skeleton-width-internal,70%))',
-      height: 'var(--skeleton-height,1em)',
-      'border-radius': 'var(--w-skeleton-rounded,0.5rem)',
-      overflow: 'hidden',
-      cursor: 'progress',
-      display: 'inline-block',
-      '&:not(.w-skeleton-static):before': {
-        content: '""',
-        position: 'absolute',
-        top: '0',
-        width: '100%',
-        height: '100%',
-        'background-image': 'linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255, var(--w-skeleton-opacity)), rgba(255,255,255,0))',
-        animation: theme('animation.ticker'),
-      },
-    },
-    '.w-skeleton-static': {
-      '& .w-skeleton:before, &.w-skeleton:before': {
-        display: 'none',
-        animation: 'none',
-      },
-    },
-  })
-
-  matchUtilities(
-    {
-      'w-skeleton-w': value => ({'--skeleton-width': value}),
-      'w-list-card-w': value => ({'--w-list-card-width': value}),
-      'w-checkbox-size': value => ({'--w-checkbox-size': value}),
-      'w-input-gap': value => ({'--w-input-gap': value}),
-      'w-spinner-size': value => ({'--w-spinner-size': value}),
-      'w-modal-wrapper-p': value => ({'--w-modal-wrapper-padding': value}),
-      'w-modal-wrapper-w': value => ({'--w-modal-wrapper-width': value}),
-      'w-list-header-h': value => ({'--w-list-header-height': value}),
-      'w-list-padding': value => ({'--w-list-padding': value}),
-      'w-modal-confirm-w': value => ({'--w-modal-confirm-width': value}),
-      'grid-cols-fill': value => ({'grid-template-columns': `repeat(auto-fill, minmax(${ value }, 1fr))`}),
-      'grid-cols-fit': value => ({'grid-template-columns': `repeat(auto-fit, minmax(${ value }, 1fr))`}),
-      'w-tabs-side-width': value => ({'--w-tabs-side-width': value}),
-      'w-dropdown-x-min': value => ({'--w-dropdown-x-min': value}),
-      'w-dropdown-x-max': value => ({'--w-dropdown-x-max': value}),
-    },
-    {
-      values: theme('width'),
-    },
-  )
-
-  matchUtilities(
-    {
-      'w-skeleton-h': value => ({'--skeleton-height': value}),
-      'w-input-h': value => ({'--w-input-height': value}),
-      'w-input-min-h': value => ({'--w-input-min-height': value}),
-      'w-textarea-h': value => ({'--w-textarea-height': value}),
-      'w-button-h': value => ({'--w-button-height': value}),
-      'w-dropdown-y-min': value => ({'--w-dropdown-y-min': value}),
-      'w-dropdown-y-max': value => ({'--w-dropdown-y-max': value}),
-    },
-    {
-      values: theme('height'),
-    },
-  )
-
-  matchUtilities(
-    {
-      'w-input-rounded': value => ({'--w-input-rounded': value}),
-      'w-button-rounded': value => ({'--w-button-rounded': value}),
-      'w-skeleton-rounded': value => ({'--w-skeleton-rounded': value}),
-      'w-ripple-rounded': value => ({'--w-ripple-rounded': value}),
-      'w-list-rounded': value => ({'--w-list-rounded': value}),
-      'w-option-rounded': value => ({'--w-option-rounded': value}),
-      'w-modal-wrapper-rounded': value => ({'--w-modal-wrapper-rounded': value}),
-      'w-list-header-rounded': value => ({'--w-list-header-rounded': value}),
-    },
-    {
-      values: theme('borderRadius'),
-    },
-  )
-
-  matchUtilities(
-    {
-      'w-button-border': value => ({'--w-button-border': value}),
-    },
-    {
-      values: theme('borderWidth'),
-    },
-  )
-
-  matchUtilities(
-    {
-      'w-skeleton-opacity': value => ({'--w-skeleton-opacity': value}),
-    },
-    {
-      values: theme('opacity'),
-    },
-  )
-
-  matchUtilities(
-    {
-      'w-svg-stroke-width': value => ({'& path': {'stroke-width': value}}),
-    },
-    {
-      values: {
-        '3xs': '0.5',
-        '2xs': '0.75',
-        xs: '1',
-        sm: '1.25',
-        md: '1.5',
-      },
-    },
-  )
-
-  matchUtilities(
-    {
-      'w-list-gap': value => ({'--w-list-gap': value}),
-    },
-    {
-      values: theme('gap'),
-    },
-  )
-
-  matchUtilities(
-    {
-      'w-input-bg': value => ({'--w-input-bg': value}),
-    },
-    {
-      values: theme('colors'),
-    },
-  )
-
-  addBase({
-    'cols-span-full': {
-      'grid-column': '1 / -1',
-    },
-    'row-span-full': {
-      'grid-row': '1 / -1',
-    },
-  })
-
-  addVariant(
-    'not-print', '@media not print',
-  )
 })
 
 export default pluginDefault