@sk-web-gui/core 3.13.0 → 3.13.1

package/dist/cjs/components/logo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-60': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-auto h-56': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply font-header text-logo-header': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Logo"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,OAAO;WAAO;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,sBAAsB,CAAC;gBACzB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF"}
+{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-60': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-auto h-56': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply font-header text-logo-header': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Logo"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,OAAO,IAAO,CAAA;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,sBAAsB,CAAC;gBACzB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF,CAAA"}

package/dist/cjs/components/menu-vertical.js

@@ -8,42 +8,13 @@ Object.defineProperty(exports, "MenuVertical", {
         return MenuVertical;
     }
 });
-var _minisvgdatauri = /*#__PURE__*/ _interop_require_default(require("mini-svg-data-uri"));
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
+const _minisvgdatauri = /*#__PURE__*/ _interop_require_default(require("mini-svg-data-uri"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-var MenuVerticalNav = function() {
-    return {
+const MenuVerticalNav = ()=>({
         '.sk-menu-vertical-nav': {
             '.sk-menu-vertical': {
                 '@apply gap-12': {},
@@ -64,10 +35,8 @@ var MenuVerticalNav = function() {
                 }
             }
         }
-    };
-};
-var MenuVerticalSidebar = function() {
-    return {
+    });
+const MenuVerticalSidebar = ()=>({
         '.sk-menu-vertical-sidebar': {
             '@apply rounded-button': {},
             '> ul > li > .sk-menu-vertical-item-submenu': {
@@ -112,19 +81,25 @@ var MenuVerticalSidebar = function() {
                         // hook
                         '&:before': {
                             '@apply content-[""] absolute inline-flex w-20 h-44 -top-8 -left-16': {},
-                            backgroundImage: 'url("'.concat((0, _minisvgdatauri.default)('<svg width="16" height="52" viewBox="0 0 16 52" fill="none" xmlns="http://www.w3.org/2000/svg">\n              <path d="M1 17V17C1 24.1797 6.8203 30 14 30H15" stroke="#B7B7BA" stroke-linecap="round" />\n            </svg>'), '")'),
+                            backgroundImage: `url("${(0, _minisvgdatauri.default)(`<svg width="16" height="52" viewBox="0 0 16 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M1 17V17C1 24.1797 6.8203 30 14 30H15" stroke="#B7B7BA" stroke-linecap="round" />
+            </svg>`)}")`,
                             backgroundRepeat: 'no-repeat'
                         },
                         // line
                         '&:not(:last-child):after': {
                             '@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
-                            backgroundImage: 'url("'.concat((0, _minisvgdatauri.default)('<svg width="16" viewBox="0 0 16 52" xmlns="http://www.w3.org/2000/svg"> \n              <line x1="1" y1="0" x2="1" y2="52" stroke="#B7B7BA" stroke-linecap="round" /> \n            </svg> '), '")'),
+                            backgroundImage: `url("${(0, _minisvgdatauri.default)(`<svg width="16" viewBox="0 0 16 52" xmlns="http://www.w3.org/2000/svg"> 
+              <line x1="1" y1="0" x2="1" y2="52" stroke="#B7B7BA" stroke-linecap="round" /> 
+            </svg> `)}")`,
                             backgroundRepeat: 'repeat-y'
                         },
                         // lastline
                         '&:last-child:after': {
                             '@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
-                            backgroundImage: 'url("'.concat((0, _minisvgdatauri.default)('<svg width="16" height="17" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> \n              <line x1="1" y1="0" x2="1" y2="17" stroke="#B7B7BA" stroke-linecap="round" /> \n            </svg> '), '")'),
+                            backgroundImage: `url("${(0, _minisvgdatauri.default)(`<svg width="16" height="17" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> 
+              <line x1="1" y1="0" x2="1" y2="17" stroke="#B7B7BA" stroke-linecap="round" /> 
+            </svg> `)}")`,
                             backgroundRepeat: 'no-repeat'
                         }
                     }
@@ -146,10 +121,8 @@ var MenuVerticalSidebar = function() {
                 }
             }
         }
-    };
-};
-var MenuVertical = function() {
-    return _object_spread({
+    });
+const MenuVertical = ()=>({
         '.sk-menu-vertical': {
             '@apply flex flex-col': {},
             '@apply text-base': {},
@@ -242,8 +215,9 @@ var MenuVertical = function() {
                     }
                 }
             }
-        }
-    }, MenuVerticalNav(), MenuVerticalSidebar());
-};
+        },
+        ...MenuVerticalNav(),
+        ...MenuVerticalSidebar()
+    });
 
 //# sourceMappingURL=menu-vertical.js.map

package/dist/cjs/components/menu-vertical.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["import svgToTinyDataUri from 'mini-svg-data-uri';\r\n\r\nconst MenuVerticalNav = () => ({\r\n  '.sk-menu-vertical-nav': {\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&.ul, & ul': {\r\n        '@apply pt-12 pr-16 pb-16': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '@apply font-bold': {},\r\n\r\n          '&-medium &-button': {\r\n            '@apply py-6 pl-14': {},\r\n          },\r\n          '&-large &-button': {\r\n            '@apply text-large': {},\r\n            '@apply py-10 pl-14': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst MenuVerticalSidebar = () => ({\r\n  '.sk-menu-vertical-sidebar': {\r\n    '@apply rounded-button': {},\r\n\r\n    '> ul > li > .sk-menu-vertical-item-submenu': {\r\n      '> .sk-menu-vertical-item-submenu-button': {\r\n        '@apply min-h-52': {},\r\n      },\r\n    },\r\n\r\n    '> ul': {\r\n      '@apply py-16 px-24': {},\r\n    },\r\n\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&-header': {\r\n        '@apply bg-primary-surface': {},\r\n\r\n        '@apply rounded-t-button': {},\r\n        '@apply py-20 px-32': {},\r\n\r\n        '&, a': {\r\n          '@apply text-light-primary': {},\r\n        },\r\n\r\n        '.sk-divider': {\r\n          '@apply border-inverted-divider': {},\r\n        },\r\n\r\n        '.sk-logo': {\r\n          '@apply text-light-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&.ul, & ul': {\r\n        '@apply py-8 pl-20 ml-20': {},\r\n      },\r\n\r\n      'li ul': {\r\n        '@apply gap-8': {},\r\n\r\n        ul: {\r\n          li: {\r\n            '@apply text-small leading-18': {},\r\n\r\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n              '@apply py-6 pr-14': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        li: {\r\n          '@apply relative -ml-4': {},\r\n\r\n          // hook\r\n          '&:before': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\r\n            </svg>`\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n\r\n          // line\r\n          '&:not(:last-child):after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'repeat-y',\r\n          },\r\n\r\n          // lastline\r\n          '&:last-child:after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n        },\r\n      },\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '&-button': {\r\n            '@apply gap-8': {},\r\n\r\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\r\n              '@apply font-bold': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '> a, > button': {\r\n          '&[aria-current=\"page\"]': {\r\n            '@apply font-bold': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport const MenuVertical = () => ({\r\n  '.sk-menu-vertical': {\r\n    '@apply flex flex-col': {},\r\n    '@apply text-base': {},\r\n\r\n    '&.hide': {\r\n      '@apply hidden': {},\r\n    },\r\n\r\n    '&-backbutton': {\r\n      '@apply flex items-center gap-16 text-lead mb-40': {},\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply mb-24': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply flex flex-col': {},\r\n\r\n      '&.hide': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '[aria-disabled=\"true\"]': {\r\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\r\n          {},\r\n      },\r\n\r\n      'a, button': {\r\n        '@apply flex': {},\r\n        color: 'unset',\r\n      },\r\n\r\n      '& > a, > button': {\r\n        '@apply flex items-center min-h-44': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n        },\r\n\r\n        '> *': {\r\n          '@apply flex w-full py-6 pl-14': {},\r\n          '@apply rounded-button cursor-pointer': {},\r\n        },\r\n\r\n        '&:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-primitives-overlay-darken-3': {},\r\n        },\r\n\r\n        '&[aria-current=\"page\"]:not(:hover) > *': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-submenu': {\r\n        '@apply flex justify-between w-full': {},\r\n        '@apply rounded-button': {},\r\n\r\n        '&:hover': {\r\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\r\n            {\r\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\r\n            },\r\n        },\r\n\r\n        '&:focus-within': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n\r\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n            '&:focus-visible': {\r\n              '@apply ring-0 ring-offset-0 outline-0': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-medium &-button': {\r\n          '@apply py-6 pl-14': {},\r\n        },\r\n        '&-large &-button': {\r\n          '@apply py-10 pl-14': {},\r\n        },\r\n\r\n        '&-button-expand': {\r\n          '@apply items-center': {},\r\n          '@apply rounded-r-button rounded-l-0': {},\r\n          '@apply py-10 pr-14 pl-8': {},\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply items-center': {},\r\n          '@apply py-10 pl-14': {},\r\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\r\n\r\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\r\n            '@apply bg-primary-surface text-light-primary': {},\r\n          },\r\n\r\n          '&[aria-expanded=\"true\"]': {\r\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\r\n              {\r\n                '@apply bg-vattjom-surface-accent': {},\r\n              },\r\n          },\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-tool-item': {\r\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\r\n\r\n        '.sk-avatar': {\r\n          '@apply border-2 border-background-content': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...MenuVerticalNav(),\r\n  ...MenuVerticalSidebar(),\r\n});\r\n"],"names":["MenuVertical","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","svgToTinyDataUri","backgroundRepeat","color"],"mappings":";;;;+BA8IaA;;;eAAAA;;;qEA9IgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7B,IAAMC,kBAAkB;WAAO;QAC7B,yBAAyB;YACvB,qBAAqB;gBACnB,iBAAiB,CAAC;gBAElB,cAAc;oBACZ,4BAA4B,CAAC;gBAC/B;gBAEA,UAAU;oBACR,kCAAkC;wBAChC,oBAAoB,CAAC;wBAErB,qBAAqB;4BACnB,qBAAqB,CAAC;wBACxB;wBACA,oBAAoB;4BAClB,qBAAqB,CAAC;4BACtB,sBAAsB,CAAC;wBACzB;oBACF;gBACF;YACF;QACF;IACF;;AAEA,IAAMC,sBAAsB;WAAO;QACjC,6BAA6B;YAC3B,yBAAyB,CAAC;YAE1B,8CAA8C;gBAC5C,2CAA2C;oBACzC,mBAAmB,CAAC;gBACtB;YACF;YAEA,QAAQ;gBACN,sBAAsB,CAAC;YACzB;YAEA,qBAAqB;gBACnB,iBAAiB,CAAC;gBAElB,YAAY;oBACV,6BAA6B,CAAC;oBAE9B,2BAA2B,CAAC;oBAC5B,sBAAsB,CAAC;oBAEvB,QAAQ;wBACN,6BAA6B,CAAC;oBAChC;oBAEA,eAAe;wBACb,kCAAkC,CAAC;oBACrC;oBAEA,YAAY;wBACV,+BAA+B,CAAC;oBAClC;gBACF;gBAEA,cAAc;oBACZ,2BAA2B,CAAC;gBAC9B;gBAEA,SAAS;oBACP,gBAAgB,CAAC;oBAEjBC,IAAI;wBACFC,IAAI;4BACF,gCAAgC,CAAC;4BAEjC,uFAAuF;gCACrF,qBAAqB,CAAC;4BACxB;wBACF;oBACF;oBAEAA,IAAI;wBACF,yBAAyB,CAAC;wBAE1B,OAAO;wBACP,YAAY;4BACV,sEAAsE,CAAC;4BAEvEC,iBAAiB,AAAC,QAIhB,OAJuBC,IAAAA,uBAAgB,EACtC,kOAGD;4BACFC,kBAAkB;wBACpB;wBAEA,OAAO;wBACP,4BAA4B;4BAC1B,0EAA0E,CAAC;4BAE3EF,iBAAiB,AAAC,QAIhB,OAJuBC,IAAAA,uBAAgB,EACtC,gMAGD;4BACFC,kBAAkB;wBACpB;wBAEA,WAAW;wBACX,sBAAsB;4BACpB,0EAA0E,CAAC;4BAE3EF,iBAAiB,AAAC,QAIhB,OAJuBC,IAAAA,uBAAgB,EACtC,4MAGD;4BACFC,kBAAkB;wBACpB;oBACF;gBACF;gBACA,UAAU;oBACR,kCAAkC;wBAChC,YAAY;4BACV,gBAAgB,CAAC;4BAEjB,2DAA2D;gCACzD,oBAAoB,CAAC;4BACvB;wBACF;oBACF;oBAEA,iBAAiB;wBACf,0BAA0B;4BACxB,oBAAoB,CAAC;wBACvB;oBACF;gBACF;YACF;QACF;IACF;;AAEO,IAAMP,eAAe;WAAO;QACjC,qBAAqB;YACnB,wBAAwB,CAAC;YACzB,oBAAoB,CAAC;YAErB,UAAU;gBACR,iBAAiB,CAAC;YACpB;YAEA,gBAAgB;gBACd,mDAAmD,CAAC;YACtD;YAEA,WAAW;gBACT,gBAAgB,CAAC;YACnB;YAEA,UAAU;gBACR,wBAAwB,CAAC;gBAEzB,UAAU;oBACR,iBAAiB,CAAC;gBACpB;gBAEA,0BAA0B;oBACxB,gHACE,CAAC;gBACL;gBAEA,aAAa;oBACX,eAAe,CAAC;oBAChBQ,OAAO;gBACT;gBAEA,mBAAmB;oBACjB,qCAAqC,CAAC;oBAEtC,mBAAmB;wBACjB,yCAAyC,CAAC;oBAC5C;oBAEA,OAAO;wBACL,iCAAiC,CAAC;wBAClC,wCAAwC,CAAC;oBAC3C;oBAEA,qCAAqC;wBACnC,6CAA6C,CAAC;oBAChD;oBAEA,2CAA2C;wBACzC,yCAAyC,CAAC;oBAC5C;oBAEA,0CAA0C;wBACxC,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;gBAEA,kCAAkC;oBAChC,sCAAsC,CAAC;oBACvC,yBAAyB,CAAC;oBAE1B,WAAW;wBACT,4LACE;4BACE,2DAA2D,CAAC;wBAC9D;oBACJ;oBAEA,kBAAkB;wBAChB,yCAAyC,CAAC;wBAE1C,uFAAuF;4BACrF,mBAAmB;gCACjB,yCAAyC,CAAC;4BAC5C;wBACF;oBACF;oBAEA,qBAAqB;wBACnB,qBAAqB,CAAC;oBACxB;oBACA,oBAAoB;wBAClB,sBAAsB,CAAC;oBACzB;oBAEA,mBAAmB;wBACjB,uBAAuB,CAAC;wBACxB,uCAAuC,CAAC;wBACxC,2BAA2B,CAAC;oBAC9B;oBAEA,YAAY;wBACV,uBAAuB,CAAC;wBACxB,sBAAsB,CAAC;wBACvB,sDAAsD,CAAC;wBAEvD,+FAA+F;4BAC7F,gDAAgD,CAAC;wBACnD;wBAEA,2BAA2B;4BACzB,+IACE;gCACE,oCAAoC,CAAC;4BACvC;wBACJ;oBACF;gBACF;gBAEA,oCAAoC;oBAClC,sDAAsD,CAAC;oBAEvD,cAAc;wBACZ,6CAA6C,CAAC;oBAChD;gBACF;YACF;QACF;OAEGP,mBACAC"}
+{"version":3,"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["import svgToTinyDataUri from 'mini-svg-data-uri';\r\n\r\nconst MenuVerticalNav = () => ({\r\n  '.sk-menu-vertical-nav': {\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&.ul, & ul': {\r\n        '@apply pt-12 pr-16 pb-16': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '@apply font-bold': {},\r\n\r\n          '&-medium &-button': {\r\n            '@apply py-6 pl-14': {},\r\n          },\r\n          '&-large &-button': {\r\n            '@apply text-large': {},\r\n            '@apply py-10 pl-14': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst MenuVerticalSidebar = () => ({\r\n  '.sk-menu-vertical-sidebar': {\r\n    '@apply rounded-button': {},\r\n\r\n    '> ul > li > .sk-menu-vertical-item-submenu': {\r\n      '> .sk-menu-vertical-item-submenu-button': {\r\n        '@apply min-h-52': {},\r\n      },\r\n    },\r\n\r\n    '> ul': {\r\n      '@apply py-16 px-24': {},\r\n    },\r\n\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&-header': {\r\n        '@apply bg-primary-surface': {},\r\n\r\n        '@apply rounded-t-button': {},\r\n        '@apply py-20 px-32': {},\r\n\r\n        '&, a': {\r\n          '@apply text-light-primary': {},\r\n        },\r\n\r\n        '.sk-divider': {\r\n          '@apply border-inverted-divider': {},\r\n        },\r\n\r\n        '.sk-logo': {\r\n          '@apply text-light-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&.ul, & ul': {\r\n        '@apply py-8 pl-20 ml-20': {},\r\n      },\r\n\r\n      'li ul': {\r\n        '@apply gap-8': {},\r\n\r\n        ul: {\r\n          li: {\r\n            '@apply text-small leading-18': {},\r\n\r\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n              '@apply py-6 pr-14': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        li: {\r\n          '@apply relative -ml-4': {},\r\n\r\n          // hook\r\n          '&:before': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\r\n            </svg>`\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n\r\n          // line\r\n          '&:not(:last-child):after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'repeat-y',\r\n          },\r\n\r\n          // lastline\r\n          '&:last-child:after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n        },\r\n      },\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '&-button': {\r\n            '@apply gap-8': {},\r\n\r\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\r\n              '@apply font-bold': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '> a, > button': {\r\n          '&[aria-current=\"page\"]': {\r\n            '@apply font-bold': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport const MenuVertical = () => ({\r\n  '.sk-menu-vertical': {\r\n    '@apply flex flex-col': {},\r\n    '@apply text-base': {},\r\n\r\n    '&.hide': {\r\n      '@apply hidden': {},\r\n    },\r\n\r\n    '&-backbutton': {\r\n      '@apply flex items-center gap-16 text-lead mb-40': {},\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply mb-24': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply flex flex-col': {},\r\n\r\n      '&.hide': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '[aria-disabled=\"true\"]': {\r\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\r\n          {},\r\n      },\r\n\r\n      'a, button': {\r\n        '@apply flex': {},\r\n        color: 'unset',\r\n      },\r\n\r\n      '& > a, > button': {\r\n        '@apply flex items-center min-h-44': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n        },\r\n\r\n        '> *': {\r\n          '@apply flex w-full py-6 pl-14': {},\r\n          '@apply rounded-button cursor-pointer': {},\r\n        },\r\n\r\n        '&:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-primitives-overlay-darken-3': {},\r\n        },\r\n\r\n        '&[aria-current=\"page\"]:not(:hover) > *': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-submenu': {\r\n        '@apply flex justify-between w-full': {},\r\n        '@apply rounded-button': {},\r\n\r\n        '&:hover': {\r\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\r\n            {\r\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\r\n            },\r\n        },\r\n\r\n        '&:focus-within': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n\r\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n            '&:focus-visible': {\r\n              '@apply ring-0 ring-offset-0 outline-0': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-medium &-button': {\r\n          '@apply py-6 pl-14': {},\r\n        },\r\n        '&-large &-button': {\r\n          '@apply py-10 pl-14': {},\r\n        },\r\n\r\n        '&-button-expand': {\r\n          '@apply items-center': {},\r\n          '@apply rounded-r-button rounded-l-0': {},\r\n          '@apply py-10 pr-14 pl-8': {},\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply items-center': {},\r\n          '@apply py-10 pl-14': {},\r\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\r\n\r\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\r\n            '@apply bg-primary-surface text-light-primary': {},\r\n          },\r\n\r\n          '&[aria-expanded=\"true\"]': {\r\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\r\n              {\r\n                '@apply bg-vattjom-surface-accent': {},\r\n              },\r\n          },\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-tool-item': {\r\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\r\n\r\n        '.sk-avatar': {\r\n          '@apply border-2 border-background-content': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...MenuVerticalNav(),\r\n  ...MenuVerticalSidebar(),\r\n});\r\n"],"names":["MenuVertical","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","svgToTinyDataUri","backgroundRepeat","color"],"mappings":"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"}

package/dist/cjs/components/menubar.js

@@ -8,60 +8,7 @@ Object.defineProperty(exports, "MenuBar", {
         return MenuBar;
     }
 });
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-var MenuBar = function(colors) {
-    return {
+const MenuBar = (colors)=>({
         '.sk-menubar': {
             '@apply flex flex-row': {},
             '@apply rounded-cards': {},
@@ -75,7 +22,7 @@ var MenuBar = function(colors) {
             '&[data-size="lg"]': {
                 '@apply p-8 gap-16 rounded-cards': {}
             },
-            '&-item': _object_spread({
+            '&-item': {
                 '@apply inline-block': {},
                 '@apply relative': {},
                 // sizes
@@ -103,15 +50,23 @@ var MenuBar = function(colors) {
                         '@apply bg-primary-surface text-light-primary': {},
                         '@apply focus-visible:ring': {}
                     }
-                }
-            }, colors.reduce(function(styles, color) {
-                var _obj, _obj1;
-                return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
-                    '> *:first-child': (_obj1 = {}, _define_property(_obj1, "@apply hover:bg-".concat(color, "-surface-accent"), {}), _define_property(_obj1, "@apply hover:text-".concat(color, "-text-primary"), {}), _define_property(_obj1, '@apply focus-visible:bg-background-content focus-visible:ring', {}), _define_property(_obj1, '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)', (_obj = {}, _define_property(_obj, "@apply bg-".concat(color, "-surface-primary"), {}), _define_property(_obj, '@apply focus-visible:ring', {}), _obj)), _obj1)
-                }));
-            }, {}))
+                },
+                ...colors.reduce((styles, color)=>({
+                        ...styles,
+                        [`&[data-color="${color}"]`]: {
+                            '> *:first-child': {
+                                [`@apply hover:bg-${color}-surface-accent`]: {},
+                                [`@apply hover:text-${color}-text-primary`]: {},
+                                '@apply focus-visible:bg-background-content focus-visible:ring': {},
+                                '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)': {
+                                    [`@apply bg-${color}-surface-primary`]: {},
+                                    '@apply focus-visible:ring': {}
+                                }
+                            }
+                        }
+                    }), {})
+            }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=menubar.js.map

package/dist/cjs/components/menubar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n  '.sk-menubar': {\r\n    '@apply flex flex-row': {},\r\n    '@apply rounded-cards': {},\r\n\r\n    '&[data-background=\"true\"]': {\r\n      '@apply bg-background-color-mixin-1': {},\r\n    },\r\n\r\n    // sizes\r\n    '&[data-size=\"md\"]': {\r\n      '@apply p-6 gap-8 rounded-groups': {},\r\n    },\r\n    '&[data-size=\"lg\"]': {\r\n      '@apply p-8 gap-16 rounded-cards': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n\r\n      // sizes\r\n      '&[data-size=\"md\"]': {\r\n        '@apply h-34': {},\r\n\r\n        '> *': {\r\n          '@apply text-small leading-[1.8rem]': {},\r\n        },\r\n      },\r\n      '&[data-size=\"lg\"]': {\r\n        '@apply h-40': {},\r\n      },\r\n\r\n      '> *:first-child': {\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '@apply cursor-pointer': {},\r\n        '@apply bg-transparent text-dark-primary': {},\r\n        '@apply hover:bg-tertiary-surface': {},\r\n        '@apply font-bold': {},\r\n        '@apply gap-2 px-14 py-8': {},\r\n        '@apply h-full min-h-full': {},\r\n        '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n        '@apply border-0': {},\r\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            '> *:first-child': {\r\n              [`@apply hover:bg-${color}-surface-accent`]: {},\r\n              [`@apply hover:text-${color}-text-primary`]: {},\r\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n                '@apply focus-visible:ring': {},\r\n              },\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"names":["MenuBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,QAAQ;YACR,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YACA,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBAEpB,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAEhB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;eACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;oBAOuE,MAJzD;uBAHH,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;oBAC5B,iBAAiB,GAAE,YACjB,iBADiB,OAChB,AAAC,mBAAwB,OAANA,OAAM,oBAAmB,CAAC,IAC9C,iBAFiB,OAEhB,AAAC,qBAA0B,OAANA,OAAM,kBAAiB,CAAC,IAC9C,iBAHiB,OAGjB,iEAAiE,CAAC,qBAHjD,OAIjB,2EAA0E,WACxE,iBADwE,MACvE,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC,IACzC,iBAFwE,MAExE,6BAA6B,CAAC,IAF0C,QAJzD;gBASrB;eAEF,CAAC;QAGP;IACF"}
+{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n  '.sk-menubar': {\r\n    '@apply flex flex-row': {},\r\n    '@apply rounded-cards': {},\r\n\r\n    '&[data-background=\"true\"]': {\r\n      '@apply bg-background-color-mixin-1': {},\r\n    },\r\n\r\n    // sizes\r\n    '&[data-size=\"md\"]': {\r\n      '@apply p-6 gap-8 rounded-groups': {},\r\n    },\r\n    '&[data-size=\"lg\"]': {\r\n      '@apply p-8 gap-16 rounded-cards': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n\r\n      // sizes\r\n      '&[data-size=\"md\"]': {\r\n        '@apply h-34': {},\r\n\r\n        '> *': {\r\n          '@apply text-small leading-[1.8rem]': {},\r\n        },\r\n      },\r\n      '&[data-size=\"lg\"]': {\r\n        '@apply h-40': {},\r\n      },\r\n\r\n      '> *:first-child': {\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '@apply cursor-pointer': {},\r\n        '@apply bg-transparent text-dark-primary': {},\r\n        '@apply hover:bg-tertiary-surface': {},\r\n        '@apply font-bold': {},\r\n        '@apply gap-2 px-14 py-8': {},\r\n        '@apply h-full min-h-full': {},\r\n        '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n        '@apply border-0': {},\r\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            '> *:first-child': {\r\n              [`@apply hover:bg-${color}-surface-accent`]: {},\r\n              [`@apply hover:text-${color}-text-primary`]: {},\r\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n                '@apply focus-visible:ring': {},\r\n              },\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"names":["MenuBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,UAAU,CAACC,SAAsB,CAAA;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,QAAQ;YACR,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YACA,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBAEpB,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAEhB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;gBACA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;wBAClB,GAAGD,MAAM;wBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;4BAC5B,mBAAmB;gCACjB,CAAC,CAAC,gBAAgB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;gCAC9C,CAAC,CAAC,kBAAkB,EAAEA,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC;gCAC9C,iEAAiE,CAAC;gCAClE,0EAA0E;oCACxE,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;oCACzC,6BAA6B,CAAC;gCAChC;4BACF;wBACF;oBACF,CAAA,GACA,CAAC,EACF;YACH;QACF;IACF,CAAA"}

package/dist/cjs/components/modal.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "Modal", {
         return Modal;
     }
 });
-var Modal = function() {
-    return {
+const Modal = ()=>({
         '.sk-modal': {
             '&-wrapper': {
                 '@apply fixed inset-0 z-20 overflow-y-auto': {},
@@ -56,7 +55,6 @@ var Modal = function() {
                 '@apply p-0 gap-12': {}
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=modal.js.map

package/dist/cjs/components/modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/modal.ts"],"sourcesContent":["export const Modal = () => ({\r\n  '.sk-modal': {\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n\r\n      '&-inner': {\r\n        '@apply min-h-screen px-4 text-center': {},\r\n      },\r\n    },\r\n\r\n    '&-overlay': {\r\n      '@apply fixed inset-0': {},\r\n    },\r\n\r\n    '&-trixter': {\r\n      '@apply inline-block h-screen align-middle': {},\r\n    },\r\n\r\n    '&-dialog': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply inline-flex flex-col': {},\r\n      '@apply text-left': {},\r\n      '@apply align-middle': {},\r\n      '@apply transition-all transform': {},\r\n      '@apply rounded-cards': {},\r\n      '@apply bg-background-content': {},\r\n      '@apply dark:bg-background-100': {},\r\n      '@apply px-24 pt-24 pb-40': {},\r\n      '@apply gap-16': {},\r\n\r\n      '&-header': {\r\n        '@apply flex justify-between items-center w-full': {},\r\n        '&-title': {\r\n          '@apply grow': {},\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-col': {},\r\n      '@apply py-8 pb-16 gap-12': {},\r\n      'h1, h2, h3, h4, h5, h6': {\r\n        '@apply text-dark-primary': {},\r\n      },\r\n    },\r\n    '&-footer': {\r\n      '@apply flex flex-row justify-start': {},\r\n      '@apply p-0 gap-12': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Modal"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,QAAQ;WAAO;QAC1B,aAAa;YACX,aAAa;gBACX,6CAA6C,CAAC;gBAC9C,yCAAyC,CAAC;gBAC1C,8CAA8C,CAAC;gBAE/C,WAAW;oBACT,wCAAwC,CAAC;gBAC3C;YACF;YAEA,aAAa;gBACX,wBAAwB,CAAC;YAC3B;YAEA,aAAa;gBACX,6CAA6C,CAAC;YAChD;YAEA,YAAY;gBACV,8BAA8B,CAAC;gBAC/B,+BAA+B,CAAC;gBAChC,oBAAoB,CAAC;gBACrB,uBAAuB,CAAC;gBACxB,mCAAmC,CAAC;gBACpC,wBAAwB,CAAC;gBACzB,gCAAgC,CAAC;gBACjC,iCAAiC,CAAC;gBAClC,4BAA4B,CAAC;gBAC7B,iBAAiB,CAAC;gBAElB,YAAY;oBACV,mDAAmD,CAAC;oBACpD,WAAW;wBACT,eAAe,CAAC;wBAChB,4BAA4B,CAAC;oBAC/B;gBACF;YACF;YACA,aAAa;gBACX,wBAAwB,CAAC;gBACzB,4BAA4B,CAAC;gBAC7B,0BAA0B;oBACxB,4BAA4B,CAAC;gBAC/B;YACF;YACA,YAAY;gBACV,sCAAsC,CAAC;gBACvC,qBAAqB,CAAC;YACxB;QACF;IACF"}
+{"version":3,"sources":["../../../src/components/modal.ts"],"sourcesContent":["export const Modal = () => ({\r\n  '.sk-modal': {\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n\r\n      '&-inner': {\r\n        '@apply min-h-screen px-4 text-center': {},\r\n      },\r\n    },\r\n\r\n    '&-overlay': {\r\n      '@apply fixed inset-0': {},\r\n    },\r\n\r\n    '&-trixter': {\r\n      '@apply inline-block h-screen align-middle': {},\r\n    },\r\n\r\n    '&-dialog': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply inline-flex flex-col': {},\r\n      '@apply text-left': {},\r\n      '@apply align-middle': {},\r\n      '@apply transition-all transform': {},\r\n      '@apply rounded-cards': {},\r\n      '@apply bg-background-content': {},\r\n      '@apply dark:bg-background-100': {},\r\n      '@apply px-24 pt-24 pb-40': {},\r\n      '@apply gap-16': {},\r\n\r\n      '&-header': {\r\n        '@apply flex justify-between items-center w-full': {},\r\n        '&-title': {\r\n          '@apply grow': {},\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-col': {},\r\n      '@apply py-8 pb-16 gap-12': {},\r\n      'h1, h2, h3, h4, h5, h6': {\r\n        '@apply text-dark-primary': {},\r\n      },\r\n    },\r\n    '&-footer': {\r\n      '@apply flex flex-row justify-start': {},\r\n      '@apply p-0 gap-12': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Modal"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,QAAQ,IAAO,CAAA;QAC1B,aAAa;YACX,aAAa;gBACX,6CAA6C,CAAC;gBAC9C,yCAAyC,CAAC;gBAC1C,8CAA8C,CAAC;gBAE/C,WAAW;oBACT,wCAAwC,CAAC;gBAC3C;YACF;YAEA,aAAa;gBACX,wBAAwB,CAAC;YAC3B;YAEA,aAAa;gBACX,6CAA6C,CAAC;YAChD;YAEA,YAAY;gBACV,8BAA8B,CAAC;gBAC/B,+BAA+B,CAAC;gBAChC,oBAAoB,CAAC;gBACrB,uBAAuB,CAAC;gBACxB,mCAAmC,CAAC;gBACpC,wBAAwB,CAAC;gBACzB,gCAAgC,CAAC;gBACjC,iCAAiC,CAAC;gBAClC,4BAA4B,CAAC;gBAC7B,iBAAiB,CAAC;gBAElB,YAAY;oBACV,mDAAmD,CAAC;oBACpD,WAAW;wBACT,eAAe,CAAC;wBAChB,4BAA4B,CAAC;oBAC/B;gBACF;YACF;YACA,aAAa;gBACX,wBAAwB,CAAC;gBACzB,4BAA4B,CAAC;gBAC7B,0BAA0B;oBACxB,4BAA4B,CAAC;gBAC/B;YACF;YACA,YAAY;gBACV,sCAAsC,CAAC;gBACvC,qBAAqB,CAAC;YACxB;QACF;IACF,CAAA"}

package/dist/cjs/components/pagination.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "Pagination", {
         return Pagination;
     }
 });
-var Pagination = function() {
-    return {
+const Pagination = ()=>({
         '.sk-pagination': {
             '@apply select-none': {},
             '@apply text-base': {},
@@ -109,7 +108,6 @@ var Pagination = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=pagination.js.map

package/dist/cjs/components/pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/pagination.ts"],"sourcesContent":["export const Pagination = () => ({\r\n  '.sk-pagination': {\r\n    '@apply select-none': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-list': {\r\n      '@apply flex justify-between items-center': {},\r\n\r\n      '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n        '@apply w-fit': {},\r\n      },\r\n\r\n      li: {\r\n        '@apply min-w-40 text-center': {},\r\n      },\r\n\r\n      'li:first-child': {\r\n        '@apply text-left': {},\r\n      },\r\n\r\n      'li:last-child': {\r\n        '@apply text-right': {},\r\n      },\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset': {},\r\n      '@apply rounded-full': {},\r\n      '@apply h-32 w-32': {},\r\n      \"&[aria-current='true']\": {\r\n        '@apply font-bold no-underline text-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-dark-secondary': {},\r\n\r\n      '&.sk-btn': {\r\n        '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n          '@apply bg-transparent !important': {},\r\n          '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          '.sk-icon': {\r\n            '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          },\r\n        },\r\n\r\n        '.sk-icon': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply text-dark-primary': {},\r\n          '@apply bg-tertiary-surface-hover': {},\r\n\r\n          '.sk-icon': {\r\n            '@apply text-dark-primary': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.sk-pagination-list': {\r\n        '@apply w-full flex justify-center': {},\r\n        '@apply gap-0 md:gap-24': {},\r\n        '&-item': {\r\n          '@apply px-0 grow-0 text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink': {},\r\n            '&.prev': {\r\n              '@apply text-left': {},\r\n            },\r\n            '&.next': {\r\n              '@apply text-right': {},\r\n            },\r\n          },\r\n          '.sk-pagination-pageLabel': {\r\n            '@apply mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Pagination","li"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,aAAa;WAAO;QAC/B,kBAAkB;YAChB,sBAAsB,CAAC;YACvB,oBAAoB,CAAC;YAErB,UAAU;gBACR,4CAA4C,CAAC;gBAE7C,mDAAmD;oBACjD,gBAAgB,CAAC;gBACnB;gBAEAC,IAAI;oBACF,+BAA+B,CAAC;gBAClC;gBAEA,kBAAkB;oBAChB,oBAAoB,CAAC;gBACvB;gBAEA,iBAAiB;oBACf,qBAAqB,CAAC;gBACxB;YACF;YACA,wBAAwB;gBACtB,gBAAgB,CAAC;YACnB;YACA,eAAe;gBACb,6EAA6E,CAAC;gBAC9E,mDAAmD,CAAC;gBACpD,uBAAuB,CAAC;gBACxB,oBAAoB,CAAC;gBACrB,0BAA0B;oBACxB,mDAAmD,CAAC;gBACtD;YACF;YAEA,oBAAoB;gBAClB,8BAA8B,CAAC;gBAE/B,YAAY;oBACV,yDAAyD,CAAC;oBAE1D,sEAAsE;wBACpE,oCAAoC,CAAC;wBACrC,sDAAsD,CAAC;wBACvD,YAAY;4BACV,sDAAsD,CAAC;wBACzD;oBACF;oBAEA,YAAY;wBACV,6CAA6C,CAAC;oBAChD;oBAEA,WAAW;wBACT,4BAA4B,CAAC;wBAC7B,oCAAoC,CAAC;wBAErC,YAAY;4BACV,4BAA4B,CAAC;wBAC/B;oBACF;gBACF;gBAEA,eAAe;oBACb,yBAAyB,CAAC;gBAC5B;gBAEA,uBAAuB;oBACrB,2EAA2E;wBACzE,yBAAyB,CAAC;oBAC5B;gBACF;gBAEA,WAAW;oBACT,8CAA8C,CAAC;gBACjD;gBAEA,UAAU;oBACR,6CAA6C,CAAC;gBAChD;YACF;YAEA,cAAc;gBACZ,wCAAwC,CAAC;YAC3C;YACA,iBAAiB;gBACf,4BAA4B,CAAC;gBAC7B,uBAAuB;oBACrB,qCAAqC,CAAC;oBACtC,0BAA0B,CAAC;oBAC3B,UAAU;wBACR,kCAAkC,CAAC;wBACnC,cAAc;4BACZ,6BAA6B,CAAC;wBAChC;wBACA,eAAe;4BACb,sBAAsB,CAAC;4BACvB,UAAU;gCACR,oBAAoB,CAAC;4BACvB;4BACA,UAAU;gCACR,qBAAqB,CAAC;4BACxB;wBACF;wBACA,4BAA4B;4BAC1B,gBAAgB,CAAC;wBACnB;oBACF;gBACF;gBACA,wBAAwB;oBACtB,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF"}
+{"version":3,"sources":["../../../src/components/pagination.ts"],"sourcesContent":["export const Pagination = () => ({\r\n  '.sk-pagination': {\r\n    '@apply select-none': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-list': {\r\n      '@apply flex justify-between items-center': {},\r\n\r\n      '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n        '@apply w-fit': {},\r\n      },\r\n\r\n      li: {\r\n        '@apply min-w-40 text-center': {},\r\n      },\r\n\r\n      'li:first-child': {\r\n        '@apply text-left': {},\r\n      },\r\n\r\n      'li:last-child': {\r\n        '@apply text-right': {},\r\n      },\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset': {},\r\n      '@apply rounded-full': {},\r\n      '@apply h-32 w-32': {},\r\n      \"&[aria-current='true']\": {\r\n        '@apply font-bold no-underline text-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-dark-secondary': {},\r\n\r\n      '&.sk-btn': {\r\n        '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n          '@apply bg-transparent !important': {},\r\n          '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          '.sk-icon': {\r\n            '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          },\r\n        },\r\n\r\n        '.sk-icon': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply text-dark-primary': {},\r\n          '@apply bg-tertiary-surface-hover': {},\r\n\r\n          '.sk-icon': {\r\n            '@apply text-dark-primary': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.sk-pagination-list': {\r\n        '@apply w-full flex justify-center': {},\r\n        '@apply gap-0 md:gap-24': {},\r\n        '&-item': {\r\n          '@apply px-0 grow-0 text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink': {},\r\n            '&.prev': {\r\n              '@apply text-left': {},\r\n            },\r\n            '&.next': {\r\n              '@apply text-right': {},\r\n            },\r\n          },\r\n          '.sk-pagination-pageLabel': {\r\n            '@apply mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Pagination","li"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,aAAa,IAAO,CAAA;QAC/B,kBAAkB;YAChB,sBAAsB,CAAC;YACvB,oBAAoB,CAAC;YAErB,UAAU;gBACR,4CAA4C,CAAC;gBAE7C,mDAAmD;oBACjD,gBAAgB,CAAC;gBACnB;gBAEAC,IAAI;oBACF,+BAA+B,CAAC;gBAClC;gBAEA,kBAAkB;oBAChB,oBAAoB,CAAC;gBACvB;gBAEA,iBAAiB;oBACf,qBAAqB,CAAC;gBACxB;YACF;YACA,wBAAwB;gBACtB,gBAAgB,CAAC;YACnB;YACA,eAAe;gBACb,6EAA6E,CAAC;gBAC9E,mDAAmD,CAAC;gBACpD,uBAAuB,CAAC;gBACxB,oBAAoB,CAAC;gBACrB,0BAA0B;oBACxB,mDAAmD,CAAC;gBACtD;YACF;YAEA,oBAAoB;gBAClB,8BAA8B,CAAC;gBAE/B,YAAY;oBACV,yDAAyD,CAAC;oBAE1D,sEAAsE;wBACpE,oCAAoC,CAAC;wBACrC,sDAAsD,CAAC;wBACvD,YAAY;4BACV,sDAAsD,CAAC;wBACzD;oBACF;oBAEA,YAAY;wBACV,6CAA6C,CAAC;oBAChD;oBAEA,WAAW;wBACT,4BAA4B,CAAC;wBAC7B,oCAAoC,CAAC;wBAErC,YAAY;4BACV,4BAA4B,CAAC;wBAC/B;oBACF;gBACF;gBAEA,eAAe;oBACb,yBAAyB,CAAC;gBAC5B;gBAEA,uBAAuB;oBACrB,2EAA2E;wBACzE,yBAAyB,CAAC;oBAC5B;gBACF;gBAEA,WAAW;oBACT,8CAA8C,CAAC;gBACjD;gBAEA,UAAU;oBACR,6CAA6C,CAAC;gBAChD;YACF;YAEA,cAAc;gBACZ,wCAAwC,CAAC;YAC3C;YACA,iBAAiB;gBACf,4BAA4B,CAAC;gBAC7B,uBAAuB;oBACrB,qCAAqC,CAAC;oBACtC,0BAA0B,CAAC;oBAC3B,UAAU;wBACR,kCAAkC,CAAC;wBACnC,cAAc;4BACZ,6BAA6B,CAAC;wBAChC;wBACA,eAAe;4BACb,sBAAsB,CAAC;4BACvB,UAAU;gCACR,oBAAoB,CAAC;4BACvB;4BACA,UAAU;gCACR,qBAAqB,CAAC;4BACxB;wBACF;wBACA,4BAA4B;4BAC1B,gBAAgB,CAAC;wBACnB;oBACF;gBACF;gBACA,wBAAwB;oBACtB,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF,CAAA"}

package/dist/cjs/components/popup-menu.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "PopupMenu", {
         return PopupMenu;
     }
 });
-var PopupMenu = function() {
-    return {
+const PopupMenu = ()=>({
         '.sk-popup-menu': {
             '@apply hidden': {},
             '&[data-open="true"]': {
@@ -148,7 +147,6 @@ var PopupMenu = function() {
                 '@apply right-0': {}
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=popup-menu.js.map

package/dist/cjs/components/popup-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\r\n  '.sk-popup-menu': {\r\n    '@apply hidden': {},\r\n    '&[data-open=\"true\"]': {\r\n      '@apply flex': {},\r\n    },\r\n    '&[data-position=\"left\"]': {\r\n      '@apply mt-0 mr-8 right-full': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply bottom-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply top-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"right\"]': {\r\n      '@apply mt-0 ml-8 left-full': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply bottom-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply top-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"over\"]': {\r\n      '@apply mt-0 mb-8 bottom-full': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply right-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply left-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"under\"]': {\r\n      '&[data-align=\"end\"]': {\r\n        '@apply right-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply left-0': {},\r\n      },\r\n    },\r\n    '> *': {\r\n      '@apply max-w-full w-full': {},\r\n    },\r\n\r\n    '@apply absolute flex-col justify-start items-start mt-8': {},\r\n    '@apply w-max': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply bg-background-100': {},\r\n    '@apply z-10': {},\r\n    '@apply p-8 gap-4': {},\r\n    '@apply shadow-100': {},\r\n    '@apply border-0': {},\r\n    '@apply focus-within:border-0': {},\r\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\r\n    '.sk-form-checkbox-label-left .sk-icon': {\r\n      '@apply right-8': {},\r\n    },\r\n    '.sk-form-checkbox-label-right .sk-icon': {\r\n      '@apply left-8': {},\r\n    },\r\n    '.sk-popup-menu-item': {\r\n      '@apply list-none': {},\r\n      '@apply w-full': {},\r\n      '@apply h-40': {},\r\n      '@apply min-h-40': {},\r\n      '@apply bg-transparent hover:bg-menu-item-surface-hover': {},\r\n      '@apply cursor-pointer': {},\r\n      '@apply flex flex-row shrink-0': {},\r\n      '@apply pl-8 pr-8 py-4 gap-12': {},\r\n      '@apply ring-offset-0': {},\r\n      '@apply focus-visible:ring ring-ring': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply text-body font-normal': {},\r\n      '> *': {\r\n        '@apply max-w-full': {},\r\n      },\r\n      '&:focus-visible, &:focus-within': {\r\n        '@apply bg-menu-item-surface-hover': {},\r\n      },\r\n      svg: {\r\n        '@apply w-20 h-20': {},\r\n      },\r\n\r\n      '@apply justify-start': {},\r\n\r\n      '@apply border-0': {},\r\n      '@apply items-center': {},\r\n      '@apply no-underline': {},\r\n      '&-submenu': {\r\n        '&-wrapper': {\r\n          '@apply relative': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-group': {\r\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},\r\n      '&:first-child': {\r\n        '@apply pt-0': {},\r\n      },\r\n      '&:last-child': {\r\n        '@apply border-0 pb-0': {},\r\n      },\r\n    },\r\n\r\n    '&-items': {\r\n      '@apply w-full': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply focus-within:ring ring-ring': {},\r\n      '.sk-popup-menu-item': {\r\n        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\r\n        '> *': {\r\n          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\r\n        },\r\n      },\r\n      '&:focus-within': {\r\n        '.sk-popup-menu-item.active': {\r\n          '@apply bg-menu-item-surface-hover': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply p-8 gap-6': {},\r\n\r\n      '.sk-popup-menu-item': {\r\n        '@apply h-32': {},\r\n        '@apply min-h-32': {},\r\n        '@apply gap-10 pl-8 pr-8 py-4': {},\r\n\r\n        '@apply text-small': {},\r\n        '&-group': {\r\n          '@apply gap-6 pb-6': {},\r\n          '> *': {\r\n            '@apply gap-10 pl-8 pr-8 py-4': {},\r\n          },\r\n        },\r\n        svg: {\r\n          '@apply w-18 h-18': {},\r\n        },\r\n      },\r\n    },\r\n    '&.right': {\r\n      '@apply right-0': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["PopupMenu","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,YAAY;WAAO;QAC9B,kBAAkB;YAChB,iBAAiB,CAAC;YAClB,uBAAuB;gBACrB,eAAe,CAAC;YAClB;YACA,2BAA2B;gBACzB,+BAA+B,CAAC;gBAChC,uBAAuB;oBACrB,mBAAmB,CAAC;gBACtB;gBACA,yBAAyB;oBACvB,gBAAgB,CAAC;gBACnB;YACF;YACA,4BAA4B;gBAC1B,8BAA8B,CAAC;gBAC/B,uBAAuB;oBACrB,mBAAmB,CAAC;gBACtB;gBACA,yBAAyB;oBACvB,gBAAgB,CAAC;gBACnB;YACF;YACA,2BAA2B;gBACzB,gCAAgC,CAAC;gBACjC,uBAAuB;oBACrB,kBAAkB,CAAC;gBACrB;gBACA,yBAAyB;oBACvB,iBAAiB,CAAC;gBACpB;YACF;YACA,4BAA4B;gBAC1B,uBAAuB;oBACrB,kBAAkB,CAAC;gBACrB;gBACA,yBAAyB;oBACvB,iBAAiB,CAAC;gBACpB;YACF;YACA,OAAO;gBACL,4BAA4B,CAAC;YAC/B;YAEA,2DAA2D,CAAC;YAC5D,gBAAgB,CAAC;YACjB,0BAA0B,CAAC;YAC3B,4BAA4B,CAAC;YAC7B,eAAe,CAAC;YAChB,oBAAoB,CAAC;YACrB,qBAAqB,CAAC;YACtB,mBAAmB,CAAC;YACpB,gCAAgC,CAAC;YACjC,qEAAqE,CAAC;YACtE,yCAAyC;gBACvC,kBAAkB,CAAC;YACrB;YACA,0CAA0C;gBACxC,iBAAiB,CAAC;YACpB;YACA,uBAAuB;gBACrB,oBAAoB,CAAC;gBACrB,iBAAiB,CAAC;gBAClB,eAAe,CAAC;gBAChB,mBAAmB,CAAC;gBACpB,0DAA0D,CAAC;gBAC3D,yBAAyB,CAAC;gBAC1B,iCAAiC,CAAC;gBAClC,gCAAgC,CAAC;gBACjC,wBAAwB,CAAC;gBACzB,uCAAuC,CAAC;gBACxC,0BAA0B,CAAC;gBAC3B,gCAAgC,CAAC;gBACjC,OAAO;oBACL,qBAAqB,CAAC;gBACxB;gBACA,mCAAmC;oBACjC,qCAAqC,CAAC;gBACxC;gBACAC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;gBAEA,wBAAwB,CAAC;gBAEzB,mBAAmB,CAAC;gBACpB,uBAAuB,CAAC;gBACxB,uBAAuB,CAAC;gBACxB,aAAa;oBACX,aAAa;wBACX,mBAAmB,CAAC;oBACtB;gBACF;YACF;YAEA,WAAW;gBACT,yEAAyE,CAAC;gBAC1E,iBAAiB;oBACf,eAAe,CAAC;gBAClB;gBACA,gBAAgB;oBACd,wBAAwB,CAAC;gBAC3B;YACF;YAEA,WAAW;gBACT,iBAAiB,CAAC;gBAClB,0BAA0B,CAAC;gBAC3B,sCAAsC,CAAC;gBACvC,uBAAuB;oBACrB,8DAA8D,CAAC;oBAC/D,OAAO;wBACL,8DAA8D,CAAC;oBACjE;gBACF;gBACA,kBAAkB;oBAChB,8BAA8B;wBAC5B,qCAAqC,CAAC;oBACxC;gBACF;YACF;YAEA,QAAQ;gBACN,oBAAoB,CAAC;gBAErB,uBAAuB;oBACrB,eAAe,CAAC;oBAChB,mBAAmB,CAAC;oBACpB,gCAAgC,CAAC;oBAEjC,qBAAqB,CAAC;oBACtB,WAAW;wBACT,qBAAqB,CAAC;wBACtB,OAAO;4BACL,gCAAgC,CAAC;wBACnC;oBACF;oBACAA,KAAK;wBACH,oBAAoB,CAAC;oBACvB;gBACF;YACF;YACA,WAAW;gBACT,kBAAkB,CAAC;YACrB;QACF;IACF"}
+{"version":3,"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\r\n  '.sk-popup-menu': {\r\n    '@apply hidden': {},\r\n    '&[data-open=\"true\"]': {\r\n      '@apply flex': {},\r\n    },\r\n    '&[data-position=\"left\"]': {\r\n      '@apply mt-0 mr-8 right-full': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply bottom-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply top-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"right\"]': {\r\n      '@apply mt-0 ml-8 left-full': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply bottom-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply top-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"over\"]': {\r\n      '@apply mt-0 mb-8 bottom-full': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply right-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply left-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"under\"]': {\r\n      '&[data-align=\"end\"]': {\r\n        '@apply right-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply left-0': {},\r\n      },\r\n    },\r\n    '> *': {\r\n      '@apply max-w-full w-full': {},\r\n    },\r\n\r\n    '@apply absolute flex-col justify-start items-start mt-8': {},\r\n    '@apply w-max': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply bg-background-100': {},\r\n    '@apply z-10': {},\r\n    '@apply p-8 gap-4': {},\r\n    '@apply shadow-100': {},\r\n    '@apply border-0': {},\r\n    '@apply focus-within:border-0': {},\r\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\r\n    '.sk-form-checkbox-label-left .sk-icon': {\r\n      '@apply right-8': {},\r\n    },\r\n    '.sk-form-checkbox-label-right .sk-icon': {\r\n      '@apply left-8': {},\r\n    },\r\n    '.sk-popup-menu-item': {\r\n      '@apply list-none': {},\r\n      '@apply w-full': {},\r\n      '@apply h-40': {},\r\n      '@apply min-h-40': {},\r\n      '@apply bg-transparent hover:bg-menu-item-surface-hover': {},\r\n      '@apply cursor-pointer': {},\r\n      '@apply flex flex-row shrink-0': {},\r\n      '@apply pl-8 pr-8 py-4 gap-12': {},\r\n      '@apply ring-offset-0': {},\r\n      '@apply focus-visible:ring ring-ring': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply text-body font-normal': {},\r\n      '> *': {\r\n        '@apply max-w-full': {},\r\n      },\r\n      '&:focus-visible, &:focus-within': {\r\n        '@apply bg-menu-item-surface-hover': {},\r\n      },\r\n      svg: {\r\n        '@apply w-20 h-20': {},\r\n      },\r\n\r\n      '@apply justify-start': {},\r\n\r\n      '@apply border-0': {},\r\n      '@apply items-center': {},\r\n      '@apply no-underline': {},\r\n      '&-submenu': {\r\n        '&-wrapper': {\r\n          '@apply relative': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-group': {\r\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},\r\n      '&:first-child': {\r\n        '@apply pt-0': {},\r\n      },\r\n      '&:last-child': {\r\n        '@apply border-0 pb-0': {},\r\n      },\r\n    },\r\n\r\n    '&-items': {\r\n      '@apply w-full': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply focus-within:ring ring-ring': {},\r\n      '.sk-popup-menu-item': {\r\n        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\r\n        '> *': {\r\n          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\r\n        },\r\n      },\r\n      '&:focus-within': {\r\n        '.sk-popup-menu-item.active': {\r\n          '@apply bg-menu-item-surface-hover': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply p-8 gap-6': {},\r\n\r\n      '.sk-popup-menu-item': {\r\n        '@apply h-32': {},\r\n        '@apply min-h-32': {},\r\n        '@apply gap-10 pl-8 pr-8 py-4': {},\r\n\r\n        '@apply text-small': {},\r\n        '&-group': {\r\n          '@apply gap-6 pb-6': {},\r\n          '> *': {\r\n            '@apply gap-10 pl-8 pr-8 py-4': {},\r\n          },\r\n        },\r\n        svg: {\r\n          '@apply w-18 h-18': {},\r\n        },\r\n      },\r\n    },\r\n    '&.right': {\r\n      '@apply right-0': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["PopupMenu","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,YAAY,IAAO,CAAA;QAC9B,kBAAkB;YAChB,iBAAiB,CAAC;YAClB,uBAAuB;gBACrB,eAAe,CAAC;YAClB;YACA,2BAA2B;gBACzB,+BAA+B,CAAC;gBAChC,uBAAuB;oBACrB,mBAAmB,CAAC;gBACtB;gBACA,yBAAyB;oBACvB,gBAAgB,CAAC;gBACnB;YACF;YACA,4BAA4B;gBAC1B,8BAA8B,CAAC;gBAC/B,uBAAuB;oBACrB,mBAAmB,CAAC;gBACtB;gBACA,yBAAyB;oBACvB,gBAAgB,CAAC;gBACnB;YACF;YACA,2BAA2B;gBACzB,gCAAgC,CAAC;gBACjC,uBAAuB;oBACrB,kBAAkB,CAAC;gBACrB;gBACA,yBAAyB;oBACvB,iBAAiB,CAAC;gBACpB;YACF;YACA,4BAA4B;gBAC1B,uBAAuB;oBACrB,kBAAkB,CAAC;gBACrB;gBACA,yBAAyB;oBACvB,iBAAiB,CAAC;gBACpB;YACF;YACA,OAAO;gBACL,4BAA4B,CAAC;YAC/B;YAEA,2DAA2D,CAAC;YAC5D,gBAAgB,CAAC;YACjB,0BAA0B,CAAC;YAC3B,4BAA4B,CAAC;YAC7B,eAAe,CAAC;YAChB,oBAAoB,CAAC;YACrB,qBAAqB,CAAC;YACtB,mBAAmB,CAAC;YACpB,gCAAgC,CAAC;YACjC,qEAAqE,CAAC;YACtE,yCAAyC;gBACvC,kBAAkB,CAAC;YACrB;YACA,0CAA0C;gBACxC,iBAAiB,CAAC;YACpB;YACA,uBAAuB;gBACrB,oBAAoB,CAAC;gBACrB,iBAAiB,CAAC;gBAClB,eAAe,CAAC;gBAChB,mBAAmB,CAAC;gBACpB,0DAA0D,CAAC;gBAC3D,yBAAyB,CAAC;gBAC1B,iCAAiC,CAAC;gBAClC,gCAAgC,CAAC;gBACjC,wBAAwB,CAAC;gBACzB,uCAAuC,CAAC;gBACxC,0BAA0B,CAAC;gBAC3B,gCAAgC,CAAC;gBACjC,OAAO;oBACL,qBAAqB,CAAC;gBACxB;gBACA,mCAAmC;oBACjC,qCAAqC,CAAC;gBACxC;gBACAC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;gBAEA,wBAAwB,CAAC;gBAEzB,mBAAmB,CAAC;gBACpB,uBAAuB,CAAC;gBACxB,uBAAuB,CAAC;gBACxB,aAAa;oBACX,aAAa;wBACX,mBAAmB,CAAC;oBACtB;gBACF;YACF;YAEA,WAAW;gBACT,yEAAyE,CAAC;gBAC1E,iBAAiB;oBACf,eAAe,CAAC;gBAClB;gBACA,gBAAgB;oBACd,wBAAwB,CAAC;gBAC3B;YACF;YAEA,WAAW;gBACT,iBAAiB,CAAC;gBAClB,0BAA0B,CAAC;gBAC3B,sCAAsC,CAAC;gBACvC,uBAAuB;oBACrB,8DAA8D,CAAC;oBAC/D,OAAO;wBACL,8DAA8D,CAAC;oBACjE;gBACF;gBACA,kBAAkB;oBAChB,8BAA8B;wBAC5B,qCAAqC,CAAC;oBACxC;gBACF;YACF;YAEA,QAAQ;gBACN,oBAAoB,CAAC;gBAErB,uBAAuB;oBACrB,eAAe,CAAC;oBAChB,mBAAmB,CAAC;oBACpB,gCAAgC,CAAC;oBAEjC,qBAAqB,CAAC;oBACtB,WAAW;wBACT,qBAAqB,CAAC;wBACtB,OAAO;4BACL,gCAAgC,CAAC;wBACnC;oBACF;oBACAA,KAAK;wBACH,oBAAoB,CAAC;oBACvB;gBACF;YACF;YACA,WAAW;gBACT,kBAAkB,CAAC;YACrB;QACF;IACF,CAAA"}

package/dist/cjs/components/progress-bar.js

@@ -8,76 +8,29 @@ Object.defineProperty(exports, "ProgressBar", {
         return ProgressBar;
     }
 });
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-var ProgressBar = function(colors) {
-    return {
-        '.sk-progress-bar': _object_spread_props(_object_spread({
+const ProgressBar = (colors)=>({
+        '.sk-progress-bar': {
             '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},
             '&-fill': {
                 '@apply rounded-circular': {}
-            }
-        }, colors.reduce(function(styles, color) {
-            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
-                '.sk-progress-bar-fill': _define_property({}, "@apply bg-".concat(color, "-surface-primary"), {}),
-                '&[data-accent="true"]': _define_property({}, "@apply bg-inverted-".concat(color, "-surface-primary"), {})
-            }));
-        }, {})), {
+            },
+            ...colors.reduce((styles, color)=>({
+                    ...styles,
+                    [`&[data-color="${color}"]`]: {
+                        '.sk-progress-bar-fill': {
+                            [`@apply bg-${color}-surface-primary`]: {}
+                        },
+                        '&[data-accent="true"]': {
+                            [`@apply bg-inverted-${color}-surface-primary`]: {}
+                        }
+                    }
+                }), {}),
             "&[data-color='tertiary']": {
-                '.sk-progress-bar-fill': _define_property({}, "@apply bg-primary-surface", {})
+                '.sk-progress-bar-fill': {
+                    [`@apply bg-primary-surface`]: {}
+                }
             }
-        })
-    };
-};
+        }
+    });
 
 //# sourceMappingURL=progress-bar.js.map

package/dist/cjs/components/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\r\n  '.sk-progress-bar': {\r\n    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},\r\n\r\n    '&-fill': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-progress-bar-fill': {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-progress-bar-fill': {\r\n        [`@apply bg-primary-surface`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ProgressBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,cAAc,SAACC;WAAsB;QAChD,oBAAoB;YAClB,gEAAgE,CAAC;YAEjE,UAAU;gBACR,2BAA2B,CAAC;YAC9B;WAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;mBAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;gBAC5B,yBACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;gBAG3C,yBACE,qBAAC,AAAC,sBAA2B,OAANA,OAAM,qBAAoB,CAAC;YAEtD;WAEF,CAAC;YAGH,4BAA4B;gBAC1B,yBACE,qBAAE,6BAA6B,CAAC;YAEpC;;IAEJ"}
+{"version":3,"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\r\n  '.sk-progress-bar': {\r\n    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},\r\n\r\n    '&-fill': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-progress-bar-fill': {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-progress-bar-fill': {\r\n        [`@apply bg-primary-surface`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ProgressBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,cAAc,CAACC,SAAsB,CAAA;QAChD,oBAAoB;YAClB,gEAAgE,CAAC;YAEjE,UAAU;gBACR,2BAA2B,CAAC;YAC9B;YAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,yBAAyB;4BACvB,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBAC3C;wBAEA,yBAAyB;4BACvB,CAAC,CAAC,mBAAmB,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBACpD;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,4BAA4B;gBAC1B,yBAAyB;oBACvB,CAAC,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC;gBAClC;YACF;QACF;IACF,CAAA"}

package/dist/cjs/components/progress-stepper.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "ProgressStepper", {
         return ProgressStepper;
     }
 });
-var ProgressStepper = function() {
-    return {
+const ProgressStepper = ()=>({
         '.sk-progress-stepper': {
             '@apply flex justify-between': {},
             hr: {
@@ -78,7 +77,6 @@ var ProgressStepper = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=progress-stepper.js.map

package/dist/cjs/components/progress-stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\r\n  '.sk-progress-stepper': {\r\n    '@apply flex justify-between': {},\r\n    hr: {\r\n      '@apply w-full mt-19': {},\r\n    },\r\n    '&-step': {\r\n      '@apply flex flex-col items-center': {},\r\n      '@apply gap-4': {},\r\n      '@apply w-auto': {},\r\n      '@apply shrink-0': {},\r\n      '@apply text-base leading-base text-dark-primary font-normal': {},\r\n      svg: {\r\n        '@apply w-20 h-20': {},\r\n      },\r\n      '&-wrapper': {\r\n        '@apply flex flex-row shrink w-full gap-4': {},\r\n        hr: {\r\n          '@apply w-full grow shrink mt-19': {},\r\n        },\r\n      },\r\n      '&:first-of-type': {\r\n        '.sk-divider:first-of-type': {\r\n          '@apply invisible': {},\r\n        },\r\n      },\r\n      '&:last-of-type': {\r\n        '.sk-divider:last-of-type': {\r\n          '@apply invisible': {},\r\n        },\r\n      },\r\n      '&-box': {\r\n        '@apply box-border': {},\r\n        '@apply shrink-0': {},\r\n        '@apply h-40 w-40': {},\r\n        '@apply bg-secondary-surface': {},\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply text-label-medium': {},\r\n        '@apply border-2 border-secondary-outline': {},\r\n        '@apply text-dark-secondary': {},\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-full': {},\r\n        },\r\n\r\n        '&&-sm': {\r\n          '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n          '@apply text-label-small': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"current\"]': {\r\n        '@apply font-bold': {},\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-vattjom-surface-primary': {},\r\n          '@apply bg-vattjom-surface-primary': {},\r\n          '@apply text-vattjom-text-secondary': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"done\"]': {\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-success-surface-primary': {},\r\n          '@apply bg-success-surface-primary': {},\r\n          '@apply text-success-text-secondary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ProgressStepper","hr","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,kBAAkB;WAAO;QACpC,wBAAwB;YACtB,+BAA+B,CAAC;YAChCC,IAAI;gBACF,uBAAuB,CAAC;YAC1B;YACA,UAAU;gBACR,qCAAqC,CAAC;gBACtC,gBAAgB,CAAC;gBACjB,iBAAiB,CAAC;gBAClB,mBAAmB,CAAC;gBACpB,+DAA+D,CAAC;gBAChEC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;gBACA,aAAa;oBACX,4CAA4C,CAAC;oBAC7CD,IAAI;wBACF,mCAAmC,CAAC;oBACtC;gBACF;gBACA,mBAAmB;oBACjB,6BAA6B;wBAC3B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,kBAAkB;oBAChB,4BAA4B;wBAC1B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,SAAS;oBACP,qBAAqB,CAAC;oBACtB,mBAAmB,CAAC;oBACpB,oBAAoB,CAAC;oBACrB,+BAA+B,CAAC;oBAChC,2CAA2C,CAAC;oBAC5C,4BAA4B,CAAC;oBAC7B,4CAA4C,CAAC;oBAC7C,8BAA8B,CAAC;oBAC/B,sEAAsE,CAAC;oBACvE,0BAA0B;wBACxB,uBAAuB,CAAC;oBAC1B;oBAEA,SAAS;wBACP,wDAAwD,CAAC;wBACzD,2BAA2B,CAAC;oBAC9B;oBACA,SAAS;wBACP,wDAAwD,CAAC;oBAC3D;gBACF;gBACA,8BAA8B;oBAC5B,oBAAoB,CAAC;oBACrB,iCAAiC;wBAC/B,yCAAyC,CAAC;wBAC1C,qCAAqC,CAAC;wBACtC,sCAAsC,CAAC;oBACzC;gBACF;gBACA,2BAA2B;oBACzB,iCAAiC;wBAC/B,yCAAyC,CAAC;wBAC1C,qCAAqC,CAAC;wBACtC,sCAAsC,CAAC;oBACzC;gBACF;YACF;QACF;IACF"}
+{"version":3,"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\r\n  '.sk-progress-stepper': {\r\n    '@apply flex justify-between': {},\r\n    hr: {\r\n      '@apply w-full mt-19': {},\r\n    },\r\n    '&-step': {\r\n      '@apply flex flex-col items-center': {},\r\n      '@apply gap-4': {},\r\n      '@apply w-auto': {},\r\n      '@apply shrink-0': {},\r\n      '@apply text-base leading-base text-dark-primary font-normal': {},\r\n      svg: {\r\n        '@apply w-20 h-20': {},\r\n      },\r\n      '&-wrapper': {\r\n        '@apply flex flex-row shrink w-full gap-4': {},\r\n        hr: {\r\n          '@apply w-full grow shrink mt-19': {},\r\n        },\r\n      },\r\n      '&:first-of-type': {\r\n        '.sk-divider:first-of-type': {\r\n          '@apply invisible': {},\r\n        },\r\n      },\r\n      '&:last-of-type': {\r\n        '.sk-divider:last-of-type': {\r\n          '@apply invisible': {},\r\n        },\r\n      },\r\n      '&-box': {\r\n        '@apply box-border': {},\r\n        '@apply shrink-0': {},\r\n        '@apply h-40 w-40': {},\r\n        '@apply bg-secondary-surface': {},\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply text-label-medium': {},\r\n        '@apply border-2 border-secondary-outline': {},\r\n        '@apply text-dark-secondary': {},\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-full': {},\r\n        },\r\n\r\n        '&&-sm': {\r\n          '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n          '@apply text-label-small': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"current\"]': {\r\n        '@apply font-bold': {},\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-vattjom-surface-primary': {},\r\n          '@apply bg-vattjom-surface-primary': {},\r\n          '@apply text-vattjom-text-secondary': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"done\"]': {\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-success-surface-primary': {},\r\n          '@apply bg-success-surface-primary': {},\r\n          '@apply text-success-text-secondary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ProgressStepper","hr","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,kBAAkB,IAAO,CAAA;QACpC,wBAAwB;YACtB,+BAA+B,CAAC;YAChCC,IAAI;gBACF,uBAAuB,CAAC;YAC1B;YACA,UAAU;gBACR,qCAAqC,CAAC;gBACtC,gBAAgB,CAAC;gBACjB,iBAAiB,CAAC;gBAClB,mBAAmB,CAAC;gBACpB,+DAA+D,CAAC;gBAChEC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;gBACA,aAAa;oBACX,4CAA4C,CAAC;oBAC7CD,IAAI;wBACF,mCAAmC,CAAC;oBACtC;gBACF;gBACA,mBAAmB;oBACjB,6BAA6B;wBAC3B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,kBAAkB;oBAChB,4BAA4B;wBAC1B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,SAAS;oBACP,qBAAqB,CAAC;oBACtB,mBAAmB,CAAC;oBACpB,oBAAoB,CAAC;oBACrB,+BAA+B,CAAC;oBAChC,2CAA2C,CAAC;oBAC5C,4BAA4B,CAAC;oBAC7B,4CAA4C,CAAC;oBAC7C,8BAA8B,CAAC;oBAC/B,sEAAsE,CAAC;oBACvE,0BAA0B;wBACxB,uBAAuB,CAAC;oBAC1B;oBAEA,SAAS;wBACP,wDAAwD,CAAC;wBACzD,2BAA2B,CAAC;oBAC9B;oBACA,SAAS;wBACP,wDAAwD,CAAC;oBAC3D;gBACF;gBACA,8BAA8B;oBAC5B,oBAAoB,CAAC;oBACrB,iCAAiC;wBAC/B,yCAAyC,CAAC;wBAC1C,qCAAqC,CAAC;wBACtC,sCAAsC,CAAC;oBACzC;gBACF;gBACA,2BAA2B;oBACzB,iCAAiC;wBAC/B,yCAAyC,CAAC;wBAC1C,qCAAqC,CAAC;wBACtC,sCAAsC,CAAC;oBACzC;gBACF;YACF;QACF;IACF,CAAA"}

package/dist/cjs/components/radio.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "Radio", {
         return Radio;
     }
 });
-var Radio = function() {
-    return {
+const Radio = ()=>({
         '.sk-form-radio': {
             backgroundImage: 'none',
             '@apply relative': {},
@@ -138,7 +137,6 @@ var Radio = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=radio.js.map