@lukso/web-components 1.67.0 → 1.68.0

package/dist/{cn-4ec0bd94.cjs → cn-5a985a94.cjs}

@@ -3,11 +3,11 @@
 const tailwindConfig = require('./tailwind-config.cjs');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
-(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('cn-4ec0bd94.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
+(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('cn-5a985a94.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
 
-(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('cn-4ec0bd94.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
+(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('cn-5a985a94.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
 
-(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('cn-4ec0bd94.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
+(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('cn-5a985a94.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
 
 const CLASS_PART_SEPARATOR = '-';
 function createClassUtils(config) {
@@ -399,8 +399,9 @@ const fractionRegex = /^\d+\/\d+$/;
 const stringLengths = /*#__PURE__*/new Set(['px', 'full', 'screen']);
 const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
 const lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
-// Shadow always begins with x and y offset separated by underscore
-const shadowRegex = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
+// Shadow always begins with x and y offset separated by underscore optionally prepended by inset
+const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
 const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
 function isLength(value) {
   return isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
@@ -454,7 +455,10 @@ function getIsArbitraryValue(value, label, testValue) {
   return false;
 }
 function isLengthOnly(value) {
-  return lengthUnitRegex.test(value);
+  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  return lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
 }
 function isNever() {
   return false;
@@ -499,7 +503,7 @@ function getDefaultConfig() {
   const getNumberWithAutoAndArbitrary = () => ['auto', isNumber, isArbitraryValue];
   const getPositions = () => ['bottom', 'center', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top', 'top'];
   const getLineStyles = () => ['solid', 'dashed', 'dotted', 'double', 'none'];
-  const getBlendModes = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity', 'plus-lighter'];
+  const getBlendModes = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity'];
   const getAlign = () => ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch'];
   const getZeroAndEmpty = () => ['', '0', isArbitraryValue];
   const getBreaks = () => ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'];
@@ -601,14 +605,14 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/float
        */
       float: [{
-        float: ['right', 'left', 'none']
+        float: ['right', 'left', 'none', 'start', 'end']
       }],
       /**
        * Clear
        * @see https://tailwindcss.com/docs/clear
        */
       clear: [{
-        clear: ['left', 'right', 'both', 'none']
+        clear: ['left', 'right', 'both', 'none', 'start', 'end']
       }],
       /**
        * Isolation
@@ -1123,44 +1127,51 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ['auto', 'min', 'max', 'fit', isArbitraryValue, spacing]
+        w: ['auto', 'min', 'max', 'fit', 'svw', 'lvw', 'dvw', isArbitraryValue, spacing]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       'min-w': [{
-        'min-w': ['min', 'max', 'fit', isArbitraryValue, isLength]
+        'min-w': [isArbitraryValue, spacing, 'min', 'max', 'fit']
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       'max-w': [{
-        'max-w': ['0', 'none', 'full', 'min', 'max', 'fit', 'prose', {
+        'max-w': [isArbitraryValue, spacing, 'none', 'full', 'min', 'max', 'fit', 'prose', {
           screen: [isTshirtSize]
-        }, isTshirtSize, isArbitraryValue]
+        }, isTshirtSize]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit']
+        h: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       'min-h': [{
-        'min-h': ['min', 'max', 'fit', isLength, isArbitraryValue]
+        'min-h': [isArbitraryValue, spacing, 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       'max-h': [{
-        'max-h': [isArbitraryValue, spacing, 'min', 'max', 'fit']
+        'max-h': [isArbitraryValue, spacing, 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
+      }],
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/size
+       */
+      size: [{
+        size: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit']
       }],
       // Typography
       /**
@@ -1345,6 +1356,13 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/text-overflow
        */
       'text-overflow': ['truncate', 'text-ellipsis', 'text-clip'],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      'text-wrap': [{
+        text: ['wrap', 'nowrap', 'balance', 'pretty']
+      }],
       /**
        * Text Indent
        * @see https://tailwindcss.com/docs/text-indent
@@ -1870,7 +1888,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       'mix-blend': [{
-        'mix-blend': getBlendModes()
+        'mix-blend': [...getBlendModes(), 'plus-lighter', 'plus-darker']
       }],
       /**
        * Background Blend Mode
@@ -2184,7 +2202,9 @@ function getDefaultConfig() {
        * Appearance
        * @see https://tailwindcss.com/docs/appearance
        */
-      appearance: ['appearance-none'],
+      appearance: [{
+        appearance: ['none', 'auto']
+      }],
       /**
        * Cursor
        * @see https://tailwindcss.com/docs/cursor
@@ -2441,7 +2461,14 @@ function getDefaultConfig() {
        * Screen Readers
        * @see https://tailwindcss.com/docs/screen-readers
        */
-      sr: ['sr-only', 'not-sr-only']
+      sr: ['sr-only', 'not-sr-only'],
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      'forced-color-adjust': [{
+        'forced-color-adjust': ['auto', 'none']
+      }]
     },
     conflictingClassGroups: {
       overflow: ['overflow-x', 'overflow-y'],
@@ -2457,6 +2484,7 @@ function getDefaultConfig() {
       m: ['mx', 'my', 'ms', 'me', 'mt', 'mr', 'mb', 'ml'],
       mx: ['mr', 'ml'],
       my: ['mt', 'mb'],
+      size: ['w', 'h'],
       'font-size': ['leading'],
       'fvn-normal': ['fvn-ordinal', 'fvn-slashed-zero', 'fvn-figure', 'fvn-spacing', 'fvn-fraction'],
       'fvn-ordinal': ['fvn-normal'],
@@ -2464,6 +2492,7 @@ function getDefaultConfig() {
       'fvn-figure': ['fvn-normal'],
       'fvn-spacing': ['fvn-normal'],
       'fvn-fraction': ['fvn-normal'],
+      'line-clamp': ['display', 'overflow'],
       rounded: ['rounded-s', 'rounded-e', 'rounded-t', 'rounded-r', 'rounded-b', 'rounded-l', 'rounded-ss', 'rounded-se', 'rounded-ee', 'rounded-es', 'rounded-tl', 'rounded-tr', 'rounded-br', 'rounded-bl'],
       'rounded-s': ['rounded-ss', 'rounded-es'],
       'rounded-e': ['rounded-se', 'rounded-ee'],

package/dist/{cn-616567d4.js → cn-e708e7fa.js}

@@ -396,8 +396,9 @@ const fractionRegex = /^\d+\/\d+$/;
 const stringLengths = /*#__PURE__*/new Set(['px', 'full', 'screen']);
 const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
 const lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
-// Shadow always begins with x and y offset separated by underscore
-const shadowRegex = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
+// Shadow always begins with x and y offset separated by underscore optionally prepended by inset
+const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
 const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
 function isLength(value) {
   return isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
@@ -451,7 +452,10 @@ function getIsArbitraryValue(value, label, testValue) {
   return false;
 }
 function isLengthOnly(value) {
-  return lengthUnitRegex.test(value);
+  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  return lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
 }
 function isNever() {
   return false;
@@ -496,7 +500,7 @@ function getDefaultConfig() {
   const getNumberWithAutoAndArbitrary = () => ['auto', isNumber, isArbitraryValue];
   const getPositions = () => ['bottom', 'center', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top', 'top'];
   const getLineStyles = () => ['solid', 'dashed', 'dotted', 'double', 'none'];
-  const getBlendModes = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity', 'plus-lighter'];
+  const getBlendModes = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity'];
   const getAlign = () => ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch'];
   const getZeroAndEmpty = () => ['', '0', isArbitraryValue];
   const getBreaks = () => ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'];
@@ -598,14 +602,14 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/float
        */
       float: [{
-        float: ['right', 'left', 'none']
+        float: ['right', 'left', 'none', 'start', 'end']
       }],
       /**
        * Clear
        * @see https://tailwindcss.com/docs/clear
        */
       clear: [{
-        clear: ['left', 'right', 'both', 'none']
+        clear: ['left', 'right', 'both', 'none', 'start', 'end']
       }],
       /**
        * Isolation
@@ -1120,44 +1124,51 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ['auto', 'min', 'max', 'fit', isArbitraryValue, spacing]
+        w: ['auto', 'min', 'max', 'fit', 'svw', 'lvw', 'dvw', isArbitraryValue, spacing]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       'min-w': [{
-        'min-w': ['min', 'max', 'fit', isArbitraryValue, isLength]
+        'min-w': [isArbitraryValue, spacing, 'min', 'max', 'fit']
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       'max-w': [{
-        'max-w': ['0', 'none', 'full', 'min', 'max', 'fit', 'prose', {
+        'max-w': [isArbitraryValue, spacing, 'none', 'full', 'min', 'max', 'fit', 'prose', {
           screen: [isTshirtSize]
-        }, isTshirtSize, isArbitraryValue]
+        }, isTshirtSize]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit']
+        h: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       'min-h': [{
-        'min-h': ['min', 'max', 'fit', isLength, isArbitraryValue]
+        'min-h': [isArbitraryValue, spacing, 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       'max-h': [{
-        'max-h': [isArbitraryValue, spacing, 'min', 'max', 'fit']
+        'max-h': [isArbitraryValue, spacing, 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
+      }],
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/size
+       */
+      size: [{
+        size: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit']
       }],
       // Typography
       /**
@@ -1342,6 +1353,13 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/text-overflow
        */
       'text-overflow': ['truncate', 'text-ellipsis', 'text-clip'],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      'text-wrap': [{
+        text: ['wrap', 'nowrap', 'balance', 'pretty']
+      }],
       /**
        * Text Indent
        * @see https://tailwindcss.com/docs/text-indent
@@ -1867,7 +1885,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       'mix-blend': [{
-        'mix-blend': getBlendModes()
+        'mix-blend': [...getBlendModes(), 'plus-lighter', 'plus-darker']
       }],
       /**
        * Background Blend Mode
@@ -2181,7 +2199,9 @@ function getDefaultConfig() {
        * Appearance
        * @see https://tailwindcss.com/docs/appearance
        */
-      appearance: ['appearance-none'],
+      appearance: [{
+        appearance: ['none', 'auto']
+      }],
       /**
        * Cursor
        * @see https://tailwindcss.com/docs/cursor
@@ -2438,7 +2458,14 @@ function getDefaultConfig() {
        * Screen Readers
        * @see https://tailwindcss.com/docs/screen-readers
        */
-      sr: ['sr-only', 'not-sr-only']
+      sr: ['sr-only', 'not-sr-only'],
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      'forced-color-adjust': [{
+        'forced-color-adjust': ['auto', 'none']
+      }]
     },
     conflictingClassGroups: {
       overflow: ['overflow-x', 'overflow-y'],
@@ -2454,6 +2481,7 @@ function getDefaultConfig() {
       m: ['mx', 'my', 'ms', 'me', 'mt', 'mr', 'mb', 'ml'],
       mx: ['mr', 'ml'],
       my: ['mt', 'mb'],
+      size: ['w', 'h'],
       'font-size': ['leading'],
       'fvn-normal': ['fvn-ordinal', 'fvn-slashed-zero', 'fvn-figure', 'fvn-spacing', 'fvn-fraction'],
       'fvn-ordinal': ['fvn-normal'],
@@ -2461,6 +2489,7 @@ function getDefaultConfig() {
       'fvn-figure': ['fvn-normal'],
       'fvn-spacing': ['fvn-normal'],
       'fvn-fraction': ['fvn-normal'],
+      'line-clamp': ['display', 'overflow'],
       rounded: ['rounded-s', 'rounded-e', 'rounded-t', 'rounded-r', 'rounded-b', 'rounded-l', 'rounded-ss', 'rounded-se', 'rounded-ee', 'rounded-es', 'rounded-tl', 'rounded-tr', 'rounded-br', 'rounded-bl'],
       'rounded-s': ['rounded-ss', 'rounded-es'],
       'rounded-e': ['rounded-se', 'rounded-ee'],

package/dist/components/index.cjs

@@ -23,15 +23,15 @@ const components_luksoTest_index = require('./lukso-test/index.cjs');
 const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
 const components_luksoUsername_index = require('./lukso-username/index.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-9158df3a.cjs');
-require('../cn-4ec0bd94.cjs');
+const shared_tailwindElement_index = require('../index-5cc4a839.cjs');
+require('../cn-5a985a94.cjs');
 require('../query-assigned-elements-1d5d9d4c.cjs');
 require('../state-f73a8b4f.cjs');
-require('../index-e8741080.cjs');
+require('../index-66211c85.cjs');
 require('../tailwind-config.cjs');
-require('../style-map-c75e9a96.cjs');
+require('../style-map-7d4ddea1.cjs');
 require('../directive-8278ab14.cjs');
-require('../index-21e30dce.cjs');
+require('../index-0e131d65.cjs');
 require('../index-e9668573.cjs');
 
 

package/dist/components/index.js

@@ -19,13 +19,13 @@ export { LuksoTest } from './lukso-test/index.js';
 export { LuksoTooltip } from './lukso-tooltip/index.js';
 export { LuksoUsername } from './lukso-username/index.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-987980d1.js';
-import '../cn-616567d4.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-814bcac2.js';
+import '../cn-e708e7fa.js';
 import '../query-assigned-elements-5d94572f.js';
 import '../state-0a779257.js';
-import '../index-c55a1069.js';
+import '../index-faa8c4ae.js';
 import '../tailwind-config.js';
-import '../style-map-de03e3eb.js';
+import '../style-map-21f59b89.js';
 import '../directive-2bb7789e.js';
-import '../index-ccc127cd.js';
+import '../index-f171e7da.js';
 import '../index-5e194caf.js';

package/dist/components/lukso-button/index.cjs

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
+const shared_tailwindElement_index = require('../../index-5cc4a839.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
-const index = require('../../index-e8741080.cjs');
+const index = require('../../index-66211c85.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-4ec0bd94.cjs');
+const cn = require('../../cn-5a985a94.cjs');
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
 
@@ -44,7 +44,7 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
     this.isPressed = false;
     this.noTransition = false;
     this.timer = 0;
-    this.counterStyles = index.se({
+    this.counterStyles = index.ie({
       base: `ml-2 border border-neutral-20 rounded-4 px-[2px] py-[1px] paragraph-inter-10-semi-bold text-neutral-20 bg-neutral-100`,
       variants: {
         isActive: {
@@ -52,7 +52,7 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
         }
       }
     });
-    this.buttonStyles = index.se({
+    this.buttonStyles = index.ie({
       base: `flex justify-center items-center relative text-center
       border border-solid cursor-pointer transition
       duration-250 active:scale-98 active:duration-25

package/dist/components/lukso-button/index.js

@@ -1,9 +1,9 @@
-import { T as TailwindStyledElement, x, A } from '../../index-987980d1.js';
+import { T as TailwindStyledElement, x, A } from '../../index-814bcac2.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
-import { s as se } from '../../index-c55a1069.js';
+import { i as ie } from '../../index-faa8c4ae.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-616567d4.js';
+import { c as cn } from '../../cn-e708e7fa.js';
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
 
@@ -40,7 +40,7 @@ let LuksoButton = class extends TailwindStyledElement(style) {
     this.isPressed = false;
     this.noTransition = false;
     this.timer = 0;
-    this.counterStyles = se({
+    this.counterStyles = ie({
       base: `ml-2 border border-neutral-20 rounded-4 px-[2px] py-[1px] paragraph-inter-10-semi-bold text-neutral-20 bg-neutral-100`,
       variants: {
         isActive: {
@@ -48,7 +48,7 @@ let LuksoButton = class extends TailwindStyledElement(style) {
         }
       }
     });
-    this.buttonStyles = se({
+    this.buttonStyles = ie({
       base: `flex justify-center items-center relative text-center
       border border-solid cursor-pointer transition
       duration-250 active:scale-98 active:duration-25

package/dist/components/lukso-card/index.cjs

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
+const shared_tailwindElement_index = require('../../index-5cc4a839.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-c75e9a96.cjs');
-const index = require('../../index-e8741080.cjs');
+const styleMap = require('../../style-map-7d4ddea1.cjs');
+const index = require('../../index-66211c85.cjs');
 require('../lukso-profile/index.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-4ec0bd94.cjs');
-const index$1 = require('../../index-21e30dce.cjs');
+const cn = require('../../cn-5a985a94.cjs');
+const index$1 = require('../../index-0e131d65.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../index-e9668573.cjs');
 
@@ -43,7 +43,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     this.mediumStyles = `rounded-24 shadow-neutral-drop-shadow-2xl`;
     this.smallStyles = `rounded-12 shadow-neutral-drop-shadow`;
     this.smallHoverStyles = `hover:shadow-neutral-drop-shadow-1xl cursor-pointer transition`;
-    this.cardStyles = index.se({
+    this.cardStyles = index.ie({
       base: `bg-neutral-100`,
       variants: {
         borderRadius: {

package/dist/components/lukso-card/index.js

@@ -1,11 +1,11 @@
-import { T as TailwindStyledElement, x } from '../../index-987980d1.js';
+import { T as TailwindStyledElement, x } from '../../index-814bcac2.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-de03e3eb.js';
-import { s as se } from '../../index-c55a1069.js';
+import { o } from '../../style-map-21f59b89.js';
+import { i as ie } from '../../index-faa8c4ae.js';
 import '../lukso-profile/index.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-616567d4.js';
-import { c as customStyleMap } from '../../index-ccc127cd.js';
+import { c as cn } from '../../cn-e708e7fa.js';
+import { c as customStyleMap } from '../../index-f171e7da.js';
 import '../../directive-2bb7789e.js';
 import '../../index-5e194caf.js';
 
@@ -39,7 +39,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
     this.mediumStyles = `rounded-24 shadow-neutral-drop-shadow-2xl`;
     this.smallStyles = `rounded-12 shadow-neutral-drop-shadow`;
     this.smallHoverStyles = `hover:shadow-neutral-drop-shadow-1xl cursor-pointer transition`;
-    this.cardStyles = se({
+    this.cardStyles = ie({
       base: `bg-neutral-100`,
       variants: {
         borderRadius: {

package/dist/components/lukso-checkbox/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
+const shared_tailwindElement_index = require('../../index-5cc4a839.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');

package/dist/components/lukso-checkbox/index.js

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-987980d1.js';
+import { a as TailwindElement, x, A } from '../../index-814bcac2.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';

package/dist/components/lukso-footer/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
+const shared_tailwindElement_index = require('../../index-5cc4a839.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-footer/index.js

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-987980d1.js';
+import { a as TailwindElement, x } from '../../index-814bcac2.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-icon/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
+const shared_tailwindElement_index = require('../../index-5cc4a839.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-c75e9a96.cjs');
+const styleMap = require('../../style-map-7d4ddea1.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";

package/dist/components/lukso-icon/index.js

@@ -1,6 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-987980d1.js';
+import { x, T as TailwindStyledElement } from '../../index-814bcac2.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-de03e3eb.js';
+import { o } from '../../style-map-21f59b89.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";

package/dist/components/lukso-input/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
+const shared_tailwindElement_index = require('../../index-5cc4a839.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');

package/dist/components/lukso-input/index.js

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-987980d1.js';
+import { a as TailwindElement, x, A } from '../../index-814bcac2.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';

package/dist/components/lukso-modal/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
+const shared_tailwindElement_index = require('../../index-5cc4a839.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');

package/dist/components/lukso-modal/index.js

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-987980d1.js';
+import { a as TailwindElement, x } from '../../index-814bcac2.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';