@sk-web-gui/core 3.9.0 → 3.10.0

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

@@ -1 +1 @@
-{"version":3,"file":"menu-vertical.js","names":["svgToDataUri","require","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","backgroundRepeat","MenuVertical","_extends","color"],"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["const svgToDataUri = require('mini-svg-data-uri');\n\nconst MenuVerticalNav = () => ({\n  '.sk-menu-vertical-nav': {\n    '.sk-menu-vertical': {\n      '@apply gap-12': {},\n\n      '&.ul, & ul': {\n        '@apply pt-12 pr-16 pb-16': {},\n      },\n\n      '&-item': {\n        '.sk-menu-vertical-item-submenu': {\n          '@apply font-bold': {},\n\n          '&-medium': {\n            'button, a': {\n              '@apply py-6 px-14': {},\n            },\n          },\n          '&-large': {\n            'button, a': {\n              '@apply text-large': {},\n              '@apply py-10 px-14': {},\n            },\n          },\n        },\n      },\n    },\n  },\n});\n\nconst MenuVerticalSidebar = () => ({\n  '.sk-menu-vertical-sidebar': {\n    '@apply rounded-button': {},\n\n    '> ul > li > .sk-menu-vertical-item-submenu': {\n      '> .sk-menu-vertical-item-submenu-button': {\n        '@apply min-h-52': {},\n      },\n    },\n\n    '> ul': {\n      '@apply py-16 px-24': {},\n    },\n\n    '.sk-menu-vertical': {\n      '@apply gap-12': {},\n\n      '&-header': {\n        '@apply bg-primary-surface': {},\n\n        '@apply rounded-t-button': {},\n        '@apply py-20 px-32': {},\n\n        '&, a': {\n          '@apply text-light-primary': {},\n        },\n\n        '.sk-divider': {\n          '@apply border-inverted-divider': {},\n        },\n\n        '.sk-logo': {\n          '@apply text-light-secondary': {},\n        },\n      },\n\n      '&.ul, & ul': {\n        '@apply py-8 pl-20 ml-20': {},\n      },\n\n      'li ul': {\n        '@apply gap-8': {},\n\n        ul: {\n          li: {\n            '@apply text-small leading-18': {},\n\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\n              '@apply py-6 px-14': {},\n            },\n          },\n        },\n\n        li: {\n          '@apply relative -ml-4': {},\n\n          // hook\n          '&:before': {\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\n\n            backgroundImage: `url(\"${svgToDataUri(\n              `<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>`\n            )}\")`,\n            backgroundRepeat: 'no-repeat',\n          },\n\n          // line\n          '&:not(:last-child):after': {\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\n\n            backgroundImage: `url(\"${svgToDataUri(\n              `<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> `\n            )}\")`,\n            backgroundRepeat: 'repeat-y',\n          },\n\n          // lastline\n          '&:last-child:after': {\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\n\n            backgroundImage: `url(\"${svgToDataUri(\n              `<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> `\n            )}\")`,\n            backgroundRepeat: 'no-repeat',\n          },\n        },\n      },\n      '&-item': {\n        '.sk-menu-vertical-item-submenu': {\n          '&-button': {\n            '@apply gap-8': {},\n\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\n              '@apply font-bold': {},\n            },\n          },\n        },\n\n        '> a, > button': {\n          '&[aria-current=\"page\"]': {\n            '@apply font-bold': {},\n          },\n        },\n      },\n    },\n  },\n});\n\nexport const MenuVertical = () => ({\n  '.sk-menu-vertical': {\n    '@apply flex flex-col': {},\n    '@apply text-base': {},\n\n    '&.hide': {\n      '@apply hidden': {},\n    },\n\n    '&-backbutton': {\n      '@apply flex items-center gap-16 text-lead mb-40': {},\n    },\n\n    '&-label': {\n      '@apply mb-24': {},\n    },\n\n    '&-item': {\n      '@apply flex flex-col': {},\n\n      '&.hide': {\n        '@apply hidden': {},\n      },\n\n      '[aria-disabled=\"true\"]': {\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\n          {},\n      },\n\n      'a, button': {\n        '@apply flex': {},\n        color: 'unset',\n      },\n\n      '& > a, > button': {\n        '@apply flex items-center min-h-44': {},\n\n        '&:focus-visible': {\n          '@apply outline outline-2 outline-ring': {},\n        },\n\n        '> *': {\n          '@apply flex w-full py-6 px-14': {},\n          '@apply rounded-button cursor-pointer': {},\n        },\n\n        '&:not([aria-disabled=\"true\"]) > *': {\n          '@apply bg-transparent text-dark-secondary': {},\n        },\n\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\n          '@apply bg-primitives-overlay-darken-3': {},\n        },\n\n        '&[aria-current=\"page\"]:not(:hover) > *': {\n          '@apply bg-primary-surface text-light-primary': {},\n          '@apply focus-visible:ring': {},\n        },\n      },\n\n      '.sk-menu-vertical-item-submenu': {\n        '@apply flex justify-between w-full': {},\n        '@apply rounded-button': {},\n\n        '&:hover': {\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\"])':\n            {\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\n            },\n        },\n\n        '&:focus-within': {\n          '@apply outline outline-2 outline-ring': {},\n\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\n            '&:focus-visible': {\n              '@apply ring-0 ring-offset-0 outline-0': {},\n            },\n          },\n        },\n\n        '&-medium': {\n          'button, a': {\n            '@apply py-6 px-14': {},\n          },\n        },\n        '&-large': {\n          'button, a': {\n            '@apply py-10 px-14': {},\n          },\n        },\n\n        '&-button, &-button-expand': {\n          '@apply items-center': {},\n          '@apply py-10 px-14': {},\n        },\n\n        '&-button-expand': {\n          '@apply rounded-r-button rounded-l-0': {},\n        },\n\n        '&-button': {\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\n\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\n            '@apply bg-primary-surface text-light-primary': {},\n          },\n\n          '&[aria-expanded=\"true\"]': {\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\n              {\n                '@apply bg-vattjom-surface-accent': {},\n              },\n          },\n        },\n      },\n\n      '.sk-menu-vertical-item-tool-item': {\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\n\n        '.sk-avatar': {\n          '@apply border-2 border-background-content': {},\n        },\n      },\n    },\n  },\n\n  ...MenuVerticalNav(),\n  ...MenuVerticalSidebar(),\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["import svgToTinyDataUri from 'mini-svg-data-uri';\n\nconst MenuVerticalNav = () => ({\n  '.sk-menu-vertical-nav': {\n    '.sk-menu-vertical': {\n      '@apply gap-12': {},\n\n      '&.ul, & ul': {\n        '@apply pt-12 pr-16 pb-16': {},\n      },\n\n      '&-item': {\n        '.sk-menu-vertical-item-submenu': {\n          '@apply font-bold': {},\n\n          '&-medium': {\n            'button, a': {\n              '@apply py-6 px-14': {},\n            },\n          },\n          '&-large': {\n            'button, a': {\n              '@apply text-large': {},\n              '@apply py-10 px-14': {},\n            },\n          },\n        },\n      },\n    },\n  },\n});\n\nconst MenuVerticalSidebar = () => ({\n  '.sk-menu-vertical-sidebar': {\n    '@apply rounded-button': {},\n\n    '> ul > li > .sk-menu-vertical-item-submenu': {\n      '> .sk-menu-vertical-item-submenu-button': {\n        '@apply min-h-52': {},\n      },\n    },\n\n    '> ul': {\n      '@apply py-16 px-24': {},\n    },\n\n    '.sk-menu-vertical': {\n      '@apply gap-12': {},\n\n      '&-header': {\n        '@apply bg-primary-surface': {},\n\n        '@apply rounded-t-button': {},\n        '@apply py-20 px-32': {},\n\n        '&, a': {\n          '@apply text-light-primary': {},\n        },\n\n        '.sk-divider': {\n          '@apply border-inverted-divider': {},\n        },\n\n        '.sk-logo': {\n          '@apply text-light-secondary': {},\n        },\n      },\n\n      '&.ul, & ul': {\n        '@apply py-8 pl-20 ml-20': {},\n      },\n\n      'li ul': {\n        '@apply gap-8': {},\n\n        ul: {\n          li: {\n            '@apply text-small leading-18': {},\n\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\n              '@apply py-6 px-14': {},\n            },\n          },\n        },\n\n        li: {\n          '@apply relative -ml-4': {},\n\n          // hook\n          '&:before': {\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\n\n            backgroundImage: `url(\"${svgToTinyDataUri(\n              `<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>`\n            )}\")`,\n            backgroundRepeat: 'no-repeat',\n          },\n\n          // line\n          '&:not(:last-child):after': {\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\n\n            backgroundImage: `url(\"${svgToTinyDataUri(\n              `<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> `\n            )}\")`,\n            backgroundRepeat: 'repeat-y',\n          },\n\n          // lastline\n          '&:last-child:after': {\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\n\n            backgroundImage: `url(\"${svgToTinyDataUri(\n              `<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> `\n            )}\")`,\n            backgroundRepeat: 'no-repeat',\n          },\n        },\n      },\n      '&-item': {\n        '.sk-menu-vertical-item-submenu': {\n          '&-button': {\n            '@apply gap-8': {},\n\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\n              '@apply font-bold': {},\n            },\n          },\n        },\n\n        '> a, > button': {\n          '&[aria-current=\"page\"]': {\n            '@apply font-bold': {},\n          },\n        },\n      },\n    },\n  },\n});\n\nexport const MenuVertical = () => ({\n  '.sk-menu-vertical': {\n    '@apply flex flex-col': {},\n    '@apply text-base': {},\n\n    '&.hide': {\n      '@apply hidden': {},\n    },\n\n    '&-backbutton': {\n      '@apply flex items-center gap-16 text-lead mb-40': {},\n    },\n\n    '&-label': {\n      '@apply mb-24': {},\n    },\n\n    '&-item': {\n      '@apply flex flex-col': {},\n\n      '&.hide': {\n        '@apply hidden': {},\n      },\n\n      '[aria-disabled=\"true\"]': {\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\n          {},\n      },\n\n      'a, button': {\n        '@apply flex': {},\n        color: 'unset',\n      },\n\n      '& > a, > button': {\n        '@apply flex items-center min-h-44': {},\n\n        '&:focus-visible': {\n          '@apply outline outline-2 outline-ring': {},\n        },\n\n        '> *': {\n          '@apply flex w-full py-6 px-14': {},\n          '@apply rounded-button cursor-pointer': {},\n        },\n\n        '&:not([aria-disabled=\"true\"]) > *': {\n          '@apply bg-transparent text-dark-secondary': {},\n        },\n\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\n          '@apply bg-primitives-overlay-darken-3': {},\n        },\n\n        '&[aria-current=\"page\"]:not(:hover) > *': {\n          '@apply bg-primary-surface text-light-primary': {},\n          '@apply focus-visible:ring': {},\n        },\n      },\n\n      '.sk-menu-vertical-item-submenu': {\n        '@apply flex justify-between w-full': {},\n        '@apply rounded-button': {},\n\n        '&:hover': {\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\"])':\n            {\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\n            },\n        },\n\n        '&:focus-within': {\n          '@apply outline outline-2 outline-ring': {},\n\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\n            '&:focus-visible': {\n              '@apply ring-0 ring-offset-0 outline-0': {},\n            },\n          },\n        },\n\n        '&-medium': {\n          'button, a': {\n            '@apply py-6 px-14': {},\n          },\n        },\n        '&-large': {\n          'button, a': {\n            '@apply py-10 px-14': {},\n          },\n        },\n\n        '&-button, &-button-expand': {\n          '@apply items-center': {},\n          '@apply py-10 px-14': {},\n        },\n\n        '&-button-expand': {\n          '@apply rounded-r-button rounded-l-0': {},\n        },\n\n        '&-button': {\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\n\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\n            '@apply bg-primary-surface text-light-primary': {},\n          },\n\n          '&[aria-expanded=\"true\"]': {\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\n              {\n                '@apply bg-vattjom-surface-accent': {},\n              },\n          },\n        },\n      },\n\n      '.sk-menu-vertical-item-tool-item': {\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\n\n        '.sk-avatar': {\n          '@apply border-2 border-background-content': {},\n        },\n      },\n    },\n  },\n\n  ...MenuVerticalNav(),\n  ...MenuVerticalSidebar(),\n});\n"],"names":["svgToTinyDataUri","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","backgroundRepeat","MenuVertical","color"],"mappings":"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"}

package/dist/esm/components/menubar.js

@@ -1,48 +1,2 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-export var MenuBar = colors => ({
-  '.sk-menubar': {
-    '@apply flex flex-row': {},
-    '@apply p-8 gap-16': {},
-    '@apply rounded-cards': {},
-    '&[data-background="true"]': {
-      '@apply bg-background-color-mixin-1': {}
-    },
-    '&-item': _extends({
-      '@apply inline-block': {},
-      '@apply relative': {},
-      '@apply h-40': {},
-      'a, button': {
-        color: 'unset'
-      },
-      '> *:first-child': {
-        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
-        '@apply cursor-pointer': {},
-        '@apply bg-transparent text-dark-primary': {},
-        '@apply hover:bg-tertiary-surface': {},
-        '@apply font-bold': {},
-        '@apply gap-2 px-14 py-8': {},
-        '@apply h-full min-h-full': {},
-        '@apply inline-flex shrink-0 flex-nowrap': {},
-        '@apply border-0': {},
-        '@apply focus-visible:bg-background-content focus-visible:ring': {},
-        '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
-          '@apply bg-primary-surface text-light-primary': {},
-          '@apply focus-visible:ring': {}
-        }
-      }
-    }, colors.reduce((styles, color) => _extends({}, 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': {}
-          }
-        }
-      }
-    }), {}))
-  }
-});
+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}export var MenuBar=function(colors){return{".sk-menubar":{"@apply flex flex-row":{},"@apply p-8 gap-16":{},"@apply rounded-cards":{},'&[data-background="true"]':{"@apply bg-background-color-mixin-1":{}},"&-item":_object_spread({"@apply inline-block":{},"@apply relative":{},"@apply h-40":{},"a, button":{color:"unset"},"> *:first-child":{"@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg":{},"@apply cursor-pointer":{},"@apply bg-transparent text-dark-primary":{},"@apply hover:bg-tertiary-surface":{},"@apply font-bold":{},"@apply gap-2 px-14 py-8":{},"@apply h-full min-h-full":{},"@apply inline-flex shrink-0 flex-nowrap":{},"@apply border-0":{},"@apply focus-visible:bg-background-content focus-visible:ring":{},'&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ':{"@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)}))},{}))}}};
 //# sourceMappingURL=menubar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":["MenuBar","colors","_extends","color","reduce","styles"],"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\n  '.sk-menubar': {\n    '@apply flex flex-row': {},\n    '@apply p-8 gap-16': {},\n    '@apply rounded-cards': {},\n\n    '&[data-background=\"true\"]': {\n      '@apply bg-background-color-mixin-1': {},\n    },\n\n    '&-item': {\n      '@apply inline-block': {},\n      '@apply relative': {},\n      '@apply h-40': {},\n      'a, button': {\n        color: 'unset',\n      },\n\n      '> *:first-child': {\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n        '@apply cursor-pointer': {},\n        '@apply bg-transparent text-dark-primary': {},\n        '@apply hover:bg-tertiary-surface': {},\n        '@apply font-bold': {},\n        '@apply gap-2 px-14 py-8': {},\n        '@apply h-full min-h-full': {},\n        '@apply inline-flex shrink-0 flex-nowrap': {},\n\n        '@apply border-0': {},\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\n          '@apply bg-primary-surface text-light-primary': {},\n          '@apply focus-visible:ring': {},\n        },\n      },\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            '> *:first-child': {\n              [`@apply hover:bg-${color}-surface-accent`]: {},\n              [`@apply hover:text-${color}-text-primary`]: {},\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\n                [`@apply bg-${color}-surface-primary`]: {},\n                '@apply focus-visible:ring': {},\n              },\n            },\n          },\n        }),\n        {}\n      ),\n    },\n  },\n});\n"],"mappings":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAE;IACb,sBAAsB,EAAE,CAAC,CAAC;IAC1B,mBAAmB,EAAE,CAAC,CAAC;IACvB,sBAAsB,EAAE,CAAC,CAAC;IAE1B,2BAA2B,EAAE;MAC3B,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,QAAQ,EAAAC,QAAA;MACN,qBAAqB,EAAE,CAAC,CAAC;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACXC,KAAK,EAAE;MACT,CAAC;MAED,iBAAiB,EAAE;QACjB,oEAAoE,EAAE,CAAC,CAAC;QACxE,uBAAuB,EAAE,CAAC,CAAC;QAC3B,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kCAAkC,EAAE,CAAC,CAAC;QACtC,kBAAkB,EAAE,CAAC,CAAC;QACtB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,yCAAyC,EAAE,CAAC,CAAC;QAE7C,iBAAiB,EAAE,CAAC,CAAC;QACrB,+DAA+D,EAAE,CAAC,CAAC;QACnE,0EAA0E,EAAE;UAC1E,8CAA8C,EAAE,CAAC,CAAC;UAClD,2BAA2B,EAAE,CAAC;QAChC;MACF;IAAC,GACEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEF,KAAK,KAAAD,QAAA,KACTG,MAAM;MACT,qBAAkBF,KAAK,WAAO;QAC5B,iBAAiB,EAAE;UACjB,sBAAoBA,KAAK,uBAAoB,CAAC,CAAC;UAC/C,wBAAsBA,KAAK,qBAAkB,CAAC,CAAC;UAC/C,+DAA+D,EAAE,CAAC,CAAC;UACnE,wEAAwE,EAAE;YACxE,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;YAC1C,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\n  '.sk-menubar': {\n    '@apply flex flex-row': {},\n    '@apply p-8 gap-16': {},\n    '@apply rounded-cards': {},\n\n    '&[data-background=\"true\"]': {\n      '@apply bg-background-color-mixin-1': {},\n    },\n\n    '&-item': {\n      '@apply inline-block': {},\n      '@apply relative': {},\n      '@apply h-40': {},\n      'a, button': {\n        color: 'unset',\n      },\n\n      '> *:first-child': {\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n        '@apply cursor-pointer': {},\n        '@apply bg-transparent text-dark-primary': {},\n        '@apply hover:bg-tertiary-surface': {},\n        '@apply font-bold': {},\n        '@apply gap-2 px-14 py-8': {},\n        '@apply h-full min-h-full': {},\n        '@apply inline-flex shrink-0 flex-nowrap': {},\n\n        '@apply border-0': {},\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\n          '@apply bg-primary-surface text-light-primary': {},\n          '@apply focus-visible:ring': {},\n        },\n      },\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            '> *:first-child': {\n              [`@apply hover:bg-${color}-surface-accent`]: {},\n              [`@apply hover:text-${color}-text-primary`]: {},\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\n                [`@apply bg-${color}-surface-primary`]: {},\n                '@apply focus-visible:ring': {},\n              },\n            },\n          },\n        }),\n        {}\n      ),\n    },\n  },\n});\n"],"names":["MenuBar","colors","color","reduce","styles"],"mappings":"uuCAAA,OAAO,IAAMA,QAAU,SAACC,cAAsB,CAC5C,cAAe,CACb,uBAAwB,CAAC,EACzB,oBAAqB,CAAC,EACtB,uBAAwB,CAAC,EAEzB,4BAA6B,CAC3B,qCAAsC,CAAC,CACzC,EAEA,SAAU,gBACR,sBAAuB,CAAC,EACxB,kBAAmB,CAAC,EACpB,cAAe,CAAC,EAChB,YAAa,CACXC,MAAO,OACT,EAEA,kBAAmB,CACjB,qEAAsE,CAAC,EACvE,wBAAyB,CAAC,EAC1B,0CAA2C,CAAC,EAC5C,mCAAoC,CAAC,EACrC,mBAAoB,CAAC,EACrB,0BAA2B,CAAC,EAC5B,2BAA4B,CAAC,EAC7B,0CAA2C,CAAC,EAE5C,kBAAmB,CAAC,EACpB,gEAAiE,CAAC,EAClE,2EAA4E,CAC1E,+CAAgD,CAAC,EACjD,4BAA6B,CAAC,CAChC,CACF,GACGD,OAAOE,MAAM,CACd,SAACC,OAAQF,WAOuE,KAJzD,aAHH,uCACfE,QACH,oBAAC,AAAC,iBAAsB,OAANF,MAAM,MAAM,CAC5B,iBAAiB,EAAE,SACjB,iBADiB,MAChB,AAAC,mBAAwB,OAANA,MAAM,mBAAmB,CAAC,GAC9C,iBAFiB,MAEhB,AAAC,qBAA0B,OAANA,MAAM,iBAAiB,CAAC,GAC9C,iBAHiB,MAGjB,gEAAiE,CAAC,oBAHjD,MAIjB,0EAA0E,QACxE,iBADwE,KACvE,AAAC,aAAkB,OAANA,MAAM,oBAAoB,CAAC,GACzC,iBAFwE,KAExE,4BAA6B,CAAC,GAF0C,OAJzD,MASrB,KAEF,CAAC,GAGP,CACF,EAAG"}

package/dist/esm/components/modal.js

@@ -1,49 +1,2 @@
-export var Modal = () => ({
-  '.sk-modal': {
-    '&-wrapper': {
-      '@apply fixed inset-0 z-20 overflow-y-auto': {},
-      '@apply bg-primitives-overlay-darken-6': {},
-      '@apply dark:bg-primitives-overlay-darken-8': {},
-      '&-inner': {
-        '@apply min-h-screen px-4 text-center': {}
-      }
-    },
-    '&-overlay': {
-      '@apply fixed inset-0': {}
-    },
-    '&-trixter': {
-      '@apply inline-block h-screen align-middle': {}
-    },
-    '&-dialog': {
-      '@apply text-dark-secondary': {},
-      '@apply inline-flex flex-col': {},
-      '@apply text-left': {},
-      '@apply align-middle': {},
-      '@apply transition-all transform': {},
-      '@apply rounded-cards': {},
-      '@apply bg-background-content': {},
-      '@apply dark:bg-background-100': {},
-      '@apply px-24 pt-24 pb-40': {},
-      '@apply gap-16': {},
-      '&-header': {
-        '@apply flex justify-between items-center w-full': {},
-        '&-title': {
-          '@apply grow': {},
-          '@apply text-label-medium': {}
-        }
-      }
-    },
-    '&-content': {
-      '@apply flex flex-col': {},
-      '@apply py-8 pb-16 gap-12': {},
-      'h1, h2, h3, h4, h5, h6': {
-        '@apply text-dark-primary': {}
-      }
-    },
-    '&-footer': {
-      '@apply flex flex-row justify-start': {},
-      '@apply p-0 gap-12': {}
-    }
-  }
-});
+export var Modal=function(){return{".sk-modal":{"&-wrapper":{"@apply fixed inset-0 z-20 overflow-y-auto":{},"@apply bg-primitives-overlay-darken-6":{},"@apply dark:bg-primitives-overlay-darken-8":{},"&-inner":{"@apply min-h-screen px-4 text-center":{}}},"&-overlay":{"@apply fixed inset-0":{}},"&-trixter":{"@apply inline-block h-screen align-middle":{}},"&-dialog":{"@apply text-dark-secondary":{},"@apply inline-flex flex-col":{},"@apply text-left":{},"@apply align-middle":{},"@apply transition-all transform":{},"@apply rounded-cards":{},"@apply bg-background-content":{},"@apply dark:bg-background-100":{},"@apply px-24 pt-24 pb-40":{},"@apply gap-16":{},"&-header":{"@apply flex justify-between items-center w-full":{},"&-title":{"@apply grow":{},"@apply text-label-medium":{}}}},"&-content":{"@apply flex flex-col":{},"@apply py-8 pb-16 gap-12":{},"h1, h2, h3, h4, h5, h6":{"@apply text-dark-primary":{}}},"&-footer":{"@apply flex flex-row justify-start":{},"@apply p-0 gap-12":{}}}}};
 //# sourceMappingURL=modal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":["Modal"],"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"],"mappings":"AAAA,OAAO,IAAMA,KAAK,GAAGA,CAAA,MAAO;EAC1B,WAAW,EAAE;IACX,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC,CAAC;MAC/C,uCAAuC,EAAE,CAAC,CAAC;MAC3C,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,EAAE;QACT,sCAAsC,EAAE,CAAC;MAC3C;IACF,CAAC;IAED,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC;IAChD,CAAC;IAED,UAAU,EAAE;MACV,4BAA4B,EAAE,CAAC,CAAC;MAChC,6BAA6B,EAAE,CAAC,CAAC;MACjC,kBAAkB,EAAE,CAAC,CAAC;MACtB,qBAAqB,EAAE,CAAC,CAAC;MACzB,iCAAiC,EAAE,CAAC,CAAC;MACrC,sBAAsB,EAAE,CAAC,CAAC;MAC1B,8BAA8B,EAAE,CAAC,CAAC;MAClC,+BAA+B,EAAE,CAAC,CAAC;MACnC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,eAAe,EAAE,CAAC,CAAC;MAEnB,UAAU,EAAE;QACV,iDAAiD,EAAE,CAAC,CAAC;QACrD,SAAS,EAAE;UACT,aAAa,EAAE,CAAC,CAAC;UACjB,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC,CAAC;MAC1B,0BAA0B,EAAE,CAAC,CAAC;MAC9B,wBAAwB,EAAE;QACxB,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IACD,UAAU,EAAE;MACV,oCAAoC,EAAE,CAAC,CAAC;MACxC,mBAAmB,EAAE,CAAC;IACxB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"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":"AAAA,OAAO,IAAMA,MAAQ,iBAAO,CAC1B,YAAa,CACX,YAAa,CACX,4CAA6C,CAAC,EAC9C,wCAAyC,CAAC,EAC1C,6CAA8C,CAAC,EAE/C,UAAW,CACT,uCAAwC,CAAC,CAC3C,CACF,EAEA,YAAa,CACX,uBAAwB,CAAC,CAC3B,EAEA,YAAa,CACX,4CAA6C,CAAC,CAChD,EAEA,WAAY,CACV,6BAA8B,CAAC,EAC/B,8BAA+B,CAAC,EAChC,mBAAoB,CAAC,EACrB,sBAAuB,CAAC,EACxB,kCAAmC,CAAC,EACpC,uBAAwB,CAAC,EACzB,+BAAgC,CAAC,EACjC,gCAAiC,CAAC,EAClC,2BAA4B,CAAC,EAC7B,gBAAiB,CAAC,EAElB,WAAY,CACV,kDAAmD,CAAC,EACpD,UAAW,CACT,cAAe,CAAC,EAChB,2BAA4B,CAAC,CAC/B,CACF,CACF,EACA,YAAa,CACX,uBAAwB,CAAC,EACzB,2BAA4B,CAAC,EAC7B,yBAA0B,CACxB,2BAA4B,CAAC,CAC/B,CACF,EACA,WAAY,CACV,qCAAsC,CAAC,EACvC,oBAAqB,CAAC,CACxB,CACF,CACF,EAAG"}

package/dist/esm/components/pagination.js

@@ -1,102 +1,2 @@
-export var Pagination = () => ({
-  '.sk-pagination': {
-    '@apply select-none': {},
-    '@apply text-base': {},
-    '&-list': {
-      '@apply flex justify-between items-center': {},
-      '.sk-pagination[data-hideprevnextlabel="true"] &': {
-        '@apply w-fit': {}
-      },
-      li: {
-        '@apply min-w-40 text-center': {}
-      },
-      'li:first-child': {
-        '@apply text-left': {}
-      },
-      'li:last-child': {
-        '@apply text-right': {}
-      }
-    },
-    '.form-select-wrapper': {
-      '@apply w-fit': {}
-    },
-    '&-pageLabel': {
-      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},
-      '@apply focus-visible:ring ring-ring ring-offset': {},
-      '@apply rounded-full': {},
-      '@apply h-32 w-32': {},
-      "&[aria-current='true']": {
-        '@apply font-bold no-underline text-dark-primary': {}
-      }
-    },
-    '&-prevNextButton': {
-      '@apply text-dark-secondary': {},
-      '&.sk-btn': {
-        '@apply bg-transparent text-dark-secondary font-normal': {},
-        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled="true"]:disabled': {
-          '@apply bg-transparent !important': {},
-          '@apply text-dark-disabled hover:text-dark-disabled': {},
-          '.sk-icon': {
-            '@apply text-dark-disabled hover:text-dark-disabled': {}
-          }
-        },
-        '.sk-icon': {
-          '@apply bg-transparent text-dark-secondary': {}
-        },
-        '&:hover': {
-          '@apply text-dark-primary': {},
-          '@apply bg-tertiary-surface-hover': {},
-          '.sk-icon': {
-            '@apply text-dark-primary': {}
-          }
-        }
-      },
-      '&[disabled]': {
-        '@apply cursor-default': {}
-      },
-      "&[disabled='false']": {
-        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {
-          '@apply cursor-pointer': {}
-        }
-      },
-      '&-label': {
-        '@apply hidden sm:inline ml-sm leading-none': {}
-      },
-      '&-icon': {
-        '@apply m-1 leading-none flex items-center': {}
-      }
-    },
-    '&-ellipsis': {
-      '@apply inline-block w-16 text-center': {}
-    },
-    '&.fit-content': {
-      '@apply w-full max-w-full': {},
-      '.sk-pagination-list': {
-        '@apply w-full flex justify-center': {},
-        '@apply gap-24': {},
-        '&-item': {
-          '@apply px-0 grow-0 text-center': {},
-          '&.ellipsis': {
-            '@apply flex-shrink grow-0': {}
-          },
-          '&.prev-next': {
-            '@apply flex-shrink grow': {},
-            '&.prev': {
-              '@apply text-left': {}
-            },
-            '&.next': {
-              '@apply text-right': {}
-            }
-          },
-          '.sk-pagination-pageLabel': {
-            '@apply mx-xs': {}
-          }
-        }
-      },
-      '.form-select-wrapper': {
-        '@apply w-full': {}
-      }
-    }
-  }
-});
+export var Pagination=function(){return{".sk-pagination":{"@apply select-none":{},"@apply text-base":{},"&-list":{"@apply flex justify-between items-center":{},'.sk-pagination[data-hideprevnextlabel="true"] &':{"@apply w-fit":{}},li:{"@apply min-w-40 text-center":{}},"li:first-child":{"@apply text-left":{}},"li:last-child":{"@apply text-right":{}}},".form-select-wrapper":{"@apply w-fit":{}},"&-pageLabel":{"@apply leading-base cursor-pointer underline text-vattjom-surface-primary":{},"@apply focus-visible:ring ring-ring ring-offset":{},"@apply rounded-full":{},"@apply h-32 w-32":{},"&[aria-current='true']":{"@apply font-bold no-underline text-dark-primary":{}}},"&-prevNextButton":{"@apply text-dark-secondary":{},"&.sk-btn":{"@apply bg-transparent text-dark-secondary font-normal":{},'&.sk-btn-disabled:disabled, .sk-btn[aria-disabled="true"]:disabled':{"@apply bg-transparent !important":{},"@apply text-dark-disabled hover:text-dark-disabled":{},".sk-icon":{"@apply text-dark-disabled hover:text-dark-disabled":{}}},".sk-icon":{"@apply bg-transparent text-dark-secondary":{}},"&:hover":{"@apply text-dark-primary":{},"@apply bg-tertiary-surface-hover":{},".sk-icon":{"@apply text-dark-primary":{}}}},"&[disabled]":{"@apply cursor-default":{}},"&[disabled='false']":{".sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon":{"@apply cursor-pointer":{}}},"&-label":{"@apply hidden sm:inline ml-sm leading-none":{}},"&-icon":{"@apply m-1 leading-none flex items-center":{}}},"&-ellipsis":{"@apply inline-block w-16 text-center":{}},"&.fit-content":{"@apply w-full max-w-full":{},".sk-pagination-list":{"@apply w-full flex justify-center":{},"@apply gap-0 md:gap-24":{},"&-item":{"@apply px-0 grow-0 text-center":{},"&.ellipsis":{"@apply flex-shrink grow-0":{}},"&.prev-next":{"@apply flex-shrink":{},"&.prev":{"@apply text-left":{}},"&.next":{"@apply text-right":{}}},".sk-pagination-pageLabel":{"@apply mx-xs":{}}}},".form-select-wrapper":{"@apply w-full":{}}}}}};
 //# sourceMappingURL=pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["Pagination","li"],"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-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 grow': {},\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"],"mappings":"AAAA,OAAO,IAAMA,UAAU,GAAGA,CAAA,MAAO;EAC/B,gBAAgB,EAAE;IAChB,oBAAoB,EAAE,CAAC,CAAC;IACxB,kBAAkB,EAAE,CAAC,CAAC;IAEtB,QAAQ,EAAE;MACR,0CAA0C,EAAE,CAAC,CAAC;MAE9C,iDAAiD,EAAE;QACjD,cAAc,EAAE,CAAC;MACnB,CAAC;MAEDC,EAAE,EAAE;QACF,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,gBAAgB,EAAE;QAChB,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,eAAe,EAAE;QACf,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IACD,sBAAsB,EAAE;MACtB,cAAc,EAAE,CAAC;IACnB,CAAC;IACD,aAAa,EAAE;MACb,2EAA2E,EAAE,CAAC,CAAC;MAC/E,iDAAiD,EAAE,CAAC,CAAC;MACrD,qBAAqB,EAAE,CAAC,CAAC;MACzB,kBAAkB,EAAE,CAAC,CAAC;MACtB,wBAAwB,EAAE;QACxB,iDAAiD,EAAE,CAAC;MACtD;IACF,CAAC;IAED,kBAAkB,EAAE;MAClB,4BAA4B,EAAE,CAAC,CAAC;MAEhC,UAAU,EAAE;QACV,uDAAuD,EAAE,CAAC,CAAC;QAE3D,oEAAoE,EAAE;UACpE,kCAAkC,EAAE,CAAC,CAAC;UACtC,oDAAoD,EAAE,CAAC,CAAC;UACxD,UAAU,EAAE;YACV,oDAAoD,EAAE,CAAC;UACzD;QACF,CAAC;QAED,UAAU,EAAE;UACV,2CAA2C,EAAE,CAAC;QAChD,CAAC;QAED,SAAS,EAAE;UACT,0BAA0B,EAAE,CAAC,CAAC;UAC9B,kCAAkC,EAAE,CAAC,CAAC;UAEtC,UAAU,EAAE;YACV,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MAED,aAAa,EAAE;QACb,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,qBAAqB,EAAE;QACrB,yEAAyE,EAAE;UACzE,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,SAAS,EAAE;QACT,4CAA4C,EAAE,CAAC;MACjD,CAAC;MAED,QAAQ,EAAE;QACR,2CAA2C,EAAE,CAAC;MAChD;IACF,CAAC;IAED,YAAY,EAAE;MACZ,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IACD,eAAe,EAAE;MACf,0BAA0B,EAAE,CAAC,CAAC;MAC9B,qBAAqB,EAAE;QACrB,mCAAmC,EAAE,CAAC,CAAC;QACvC,eAAe,EAAE,CAAC,CAAC;QACnB,QAAQ,EAAE;UACR,gCAAgC,EAAE,CAAC,CAAC;UACpC,YAAY,EAAE;YACZ,2BAA2B,EAAE,CAAC;UAChC,CAAC;UACD,aAAa,EAAE;YACb,yBAAyB,EAAE,CAAC,CAAC;YAC7B,QAAQ,EAAE;cACR,kBAAkB,EAAE,CAAC;YACvB,CAAC;YACD,QAAQ,EAAE;cACR,mBAAmB,EAAE,CAAC;YACxB;UACF,CAAC;UACD,0BAA0B,EAAE;YAC1B,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"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":"AAAA,OAAO,IAAMA,WAAa,iBAAO,CAC/B,iBAAkB,CAChB,qBAAsB,CAAC,EACvB,mBAAoB,CAAC,EAErB,SAAU,CACR,2CAA4C,CAAC,EAE7C,kDAAmD,CACjD,eAAgB,CAAC,CACnB,EAEAC,GAAI,CACF,8BAA+B,CAAC,CAClC,EAEA,iBAAkB,CAChB,mBAAoB,CAAC,CACvB,EAEA,gBAAiB,CACf,oBAAqB,CAAC,CACxB,CACF,EACA,uBAAwB,CACtB,eAAgB,CAAC,CACnB,EACA,cAAe,CACb,4EAA6E,CAAC,EAC9E,kDAAmD,CAAC,EACpD,sBAAuB,CAAC,EACxB,mBAAoB,CAAC,EACrB,yBAA0B,CACxB,kDAAmD,CAAC,CACtD,CACF,EAEA,mBAAoB,CAClB,6BAA8B,CAAC,EAE/B,WAAY,CACV,wDAAyD,CAAC,EAE1D,qEAAsE,CACpE,mCAAoC,CAAC,EACrC,qDAAsD,CAAC,EACvD,WAAY,CACV,qDAAsD,CAAC,CACzD,CACF,EAEA,WAAY,CACV,4CAA6C,CAAC,CAChD,EAEA,UAAW,CACT,2BAA4B,CAAC,EAC7B,mCAAoC,CAAC,EAErC,WAAY,CACV,2BAA4B,CAAC,CAC/B,CACF,CACF,EAEA,cAAe,CACb,wBAAyB,CAAC,CAC5B,EAEA,sBAAuB,CACrB,0EAA2E,CACzE,wBAAyB,CAAC,CAC5B,CACF,EAEA,UAAW,CACT,6CAA8C,CAAC,CACjD,EAEA,SAAU,CACR,4CAA6C,CAAC,CAChD,CACF,EAEA,aAAc,CACZ,uCAAwC,CAAC,CAC3C,EACA,gBAAiB,CACf,2BAA4B,CAAC,EAC7B,sBAAuB,CACrB,oCAAqC,CAAC,EACtC,yBAA0B,CAAC,EAC3B,SAAU,CACR,iCAAkC,CAAC,EACnC,aAAc,CACZ,4BAA6B,CAAC,CAChC,EACA,cAAe,CACb,qBAAsB,CAAC,EACvB,SAAU,CACR,mBAAoB,CAAC,CACvB,EACA,SAAU,CACR,oBAAqB,CAAC,CACxB,CACF,EACA,2BAA4B,CAC1B,eAAgB,CAAC,CACnB,CACF,CACF,EACA,uBAAwB,CACtB,gBAAiB,CAAC,CACpB,CACF,CACF,CACF,EAAG"}

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

@@ -1,144 +1,2 @@
-export var PopupMenu = () => ({
-  '.sk-popup-menu': {
-    '@apply hidden': {},
-    '&[data-open="true"]': {
-      '@apply flex': {}
-    },
-    '&[data-position="left"]': {
-      '@apply mt-0 mr-8 right-full': {},
-      '&[data-align="end"]': {
-        '@apply bottom-0': {}
-      },
-      '&[data-align="start"]': {
-        '@apply top-0': {}
-      }
-    },
-    '&[data-position="right"]': {
-      '@apply mt-0 ml-8 left-full': {},
-      '&[data-align="end"]': {
-        '@apply bottom-0': {}
-      },
-      '&[data-align="start"]': {
-        '@apply top-0': {}
-      }
-    },
-    '&[data-position="over"]': {
-      '@apply mt-0 mb-8 bottom-full': {},
-      '&[data-align="end"]': {
-        '@apply right-0': {}
-      },
-      '&[data-align="start"]': {
-        '@apply left-0': {}
-      }
-    },
-    '&[data-position="under"]': {
-      '&[data-align="end"]': {
-        '@apply right-0': {}
-      },
-      '&[data-align="start"]': {
-        '@apply left-0': {}
-      }
-    },
-    '> *': {
-      '@apply max-w-full w-full': {}
-    },
-    '@apply absolute flex-col justify-start items-start mt-8': {},
-    '@apply w-max': {},
-    '@apply rounded-utility': {},
-    '@apply bg-background-100': {},
-    '@apply z-10': {},
-    '@apply p-8 gap-4': {},
-    '@apply shadow-100': {},
-    '@apply border-0': {},
-    '@apply focus-within:border-0': {},
-    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},
-    '.sk-form-checkbox-label-left .sk-icon': {
-      '@apply right-8': {}
-    },
-    '.sk-form-checkbox-label-right .sk-icon': {
-      '@apply left-8': {}
-    },
-    '.sk-popup-menu-item': {
-      '@apply list-none': {},
-      '@apply w-full': {},
-      '@apply h-40': {},
-      '@apply min-h-40': {},
-      '@apply bg-transparent hover:bg-primitives-gray-200': {},
-      '@apply dark:hover:bg-primitives-overlay-lighten-1': {},
-      '@apply cursor-pointer': {},
-      '@apply flex flex-row shrink-0': {},
-      '@apply pl-8 pr-8 py-4 gap-12': {},
-      '@apply ring-offset-0': {},
-      '@apply focus-visible:ring ring-ring': {},
-      '@apply rounded-utility': {},
-      '@apply text-body font-normal': {},
-      '> *': {
-        '@apply max-w-full': {}
-      },
-      '&:focus-visible, &:focus-within': {
-        '@apply bg-primitives-gray-200': {},
-        '@apply dark:bg-primitives-overlay-lighten-1': {}
-      },
-      svg: {
-        '@apply w-20 h-20': {}
-      },
-      '@apply justify-start': {},
-      '@apply border-0': {},
-      '@apply items-center': {},
-      '@apply no-underline': {},
-      '&-submenu': {
-        '&-wrapper': {
-          '@apply relative': {}
-        }
-      }
-    },
-    '&-group': {
-      '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},
-      '&:first-child': {
-        '@apply pt-0': {}
-      },
-      '&:last-child': {
-        '@apply border-0 pb-0': {}
-      }
-    },
-    '&-items': {
-      '@apply w-full': {},
-      '@apply rounded-utility': {},
-      '@apply focus-within:ring ring-ring': {},
-      '.sk-popup-menu-item': {
-        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},
-        '> *': {
-          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {}
-        }
-      },
-      '&:focus-within': {
-        '.sk-popup-menu-item.active': {
-          '@apply bg-primitives-gray-200': {},
-          '@apply dark:bg-primitives-overlay-lighten-1': {}
-        }
-      }
-    },
-    '&-sm': {
-      '@apply p-8 gap-6': {},
-      '.sk-popup-menu-item': {
-        '@apply h-32': {},
-        '@apply min-h-32': {},
-        '@apply gap-10 pl-8 pr-8 py-4': {},
-        '@apply text-small': {},
-        '&-group': {
-          '@apply gap-6 pb-6': {},
-          '> *': {
-            '@apply gap-10 pl-8 pr-8 py-4': {}
-          }
-        },
-        svg: {
-          '@apply w-18 h-18': {}
-        }
-      }
-    },
-    '&.right': {
-      '@apply right-0': {}
-    }
-  }
-});
+export var PopupMenu=function(){return{".sk-popup-menu":{"@apply hidden":{},'&[data-open="true"]':{"@apply flex":{}},'&[data-position="left"]':{"@apply mt-0 mr-8 right-full":{},'&[data-align="end"]':{"@apply bottom-0":{}},'&[data-align="start"]':{"@apply top-0":{}}},'&[data-position="right"]':{"@apply mt-0 ml-8 left-full":{},'&[data-align="end"]':{"@apply bottom-0":{}},'&[data-align="start"]':{"@apply top-0":{}}},'&[data-position="over"]':{"@apply mt-0 mb-8 bottom-full":{},'&[data-align="end"]':{"@apply right-0":{}},'&[data-align="start"]':{"@apply left-0":{}}},'&[data-position="under"]':{'&[data-align="end"]':{"@apply right-0":{}},'&[data-align="start"]':{"@apply left-0":{}}},"> *":{"@apply max-w-full w-full":{}},"@apply absolute flex-col justify-start items-start mt-8":{},"@apply w-max":{},"@apply rounded-utility":{},"@apply bg-background-100":{},"@apply z-10":{},"@apply p-8 gap-4":{},"@apply shadow-100":{},"@apply border-0":{},"@apply focus-within:border-0":{},"@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring":{},".sk-form-checkbox-label-left .sk-icon":{"@apply right-8":{}},".sk-form-checkbox-label-right .sk-icon":{"@apply left-8":{}},".sk-popup-menu-item":{"@apply list-none":{},"@apply w-full":{},"@apply h-40":{},"@apply min-h-40":{},"@apply bg-transparent hover:bg-menu-item-surface-hover":{},"@apply cursor-pointer":{},"@apply flex flex-row shrink-0":{},"@apply pl-8 pr-8 py-4 gap-12":{},"@apply ring-offset-0":{},"@apply focus-visible:ring ring-ring":{},"@apply rounded-utility":{},"@apply text-body font-normal":{},"> *":{"@apply max-w-full":{}},"&:focus-visible, &:focus-within":{"@apply bg-menu-item-surface-hover":{}},svg:{"@apply w-20 h-20":{}},"@apply justify-start":{},"@apply border-0":{},"@apply items-center":{},"@apply no-underline":{},"&-submenu":{"&-wrapper":{"@apply relative":{}}}},"&-group":{"@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4":{},"&:first-child":{"@apply pt-0":{}},"&:last-child":{"@apply border-0 pb-0":{}}},"&-items":{"@apply w-full":{},"@apply rounded-utility":{},"@apply focus-within:ring ring-ring":{},".sk-popup-menu-item":{"@apply focus-visible:ring-0 ring-transparent ring-offset-0":{},"> *":{"@apply focus-visible:ring-0 ring-transparent ring-offset-0":{}}},"&:focus-within":{".sk-popup-menu-item.active":{"@apply bg-menu-item-surface-hover":{}}}},"&-sm":{"@apply p-8 gap-6":{},".sk-popup-menu-item":{"@apply h-32":{},"@apply min-h-32":{},"@apply gap-10 pl-8 pr-8 py-4":{},"@apply text-small":{},"&-group":{"@apply gap-6 pb-6":{},"> *":{"@apply gap-10 pl-8 pr-8 py-4":{}}},svg:{"@apply w-18 h-18":{}}}},"&.right":{"@apply right-0":{}}}}};
 //# sourceMappingURL=popup-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popup-menu.js","names":["PopupMenu","svg"],"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\n  '.sk-popup-menu': {\n    '@apply hidden': {},\n    '&[data-open=\"true\"]': {\n      '@apply flex': {},\n    },\n    '&[data-position=\"left\"]': {\n      '@apply mt-0 mr-8 right-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"right\"]': {\n      '@apply mt-0 ml-8 left-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"over\"]': {\n      '@apply mt-0 mb-8 bottom-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '&[data-position=\"under\"]': {\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '> *': {\n      '@apply max-w-full w-full': {},\n    },\n\n    '@apply absolute flex-col justify-start items-start mt-8': {},\n    '@apply w-max': {},\n    '@apply rounded-utility': {},\n    '@apply bg-background-100': {},\n    '@apply z-10': {},\n    '@apply p-8 gap-4': {},\n    '@apply shadow-100': {},\n    '@apply border-0': {},\n    '@apply focus-within:border-0': {},\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\n    '.sk-form-checkbox-label-left .sk-icon': {\n      '@apply right-8': {},\n    },\n    '.sk-form-checkbox-label-right .sk-icon': {\n      '@apply left-8': {},\n    },\n    '.sk-popup-menu-item': {\n      '@apply list-none': {},\n      '@apply w-full': {},\n      '@apply h-40': {},\n      '@apply min-h-40': {},\n      '@apply bg-transparent hover:bg-primitives-gray-200': {},\n      '@apply dark:hover:bg-primitives-overlay-lighten-1': {},\n      '@apply cursor-pointer': {},\n      '@apply flex flex-row shrink-0': {},\n      '@apply pl-8 pr-8 py-4 gap-12': {},\n      '@apply ring-offset-0': {},\n      '@apply focus-visible:ring ring-ring': {},\n      '@apply rounded-utility': {},\n      '@apply text-body font-normal': {},\n      '> *': {\n        '@apply max-w-full': {},\n      },\n      '&:focus-visible, &:focus-within': {\n        '@apply bg-primitives-gray-200': {},\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\n      },\n      svg: {\n        '@apply w-20 h-20': {},\n      },\n\n      '@apply justify-start': {},\n\n      '@apply border-0': {},\n      '@apply items-center': {},\n      '@apply no-underline': {},\n      '&-submenu': {\n        '&-wrapper': {\n          '@apply relative': {},\n        },\n      },\n    },\n\n    '&-group': {\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},\n      '&:first-child': {\n        '@apply pt-0': {},\n      },\n      '&:last-child': {\n        '@apply border-0 pb-0': {},\n      },\n    },\n\n    '&-items': {\n      '@apply w-full': {},\n      '@apply rounded-utility': {},\n      '@apply focus-within:ring ring-ring': {},\n      '.sk-popup-menu-item': {\n        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n        '> *': {\n          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n        },\n      },\n      '&:focus-within': {\n        '.sk-popup-menu-item.active': {\n          '@apply bg-primitives-gray-200': {},\n          '@apply dark:bg-primitives-overlay-lighten-1': {},\n        },\n      },\n    },\n\n    '&-sm': {\n      '@apply p-8 gap-6': {},\n\n      '.sk-popup-menu-item': {\n        '@apply h-32': {},\n        '@apply min-h-32': {},\n        '@apply gap-10 pl-8 pr-8 py-4': {},\n\n        '@apply text-small': {},\n        '&-group': {\n          '@apply gap-6 pb-6': {},\n          '> *': {\n            '@apply gap-10 pl-8 pr-8 py-4': {},\n          },\n        },\n        svg: {\n          '@apply w-18 h-18': {},\n        },\n      },\n    },\n    '&.right': {\n      '@apply right-0': {},\n    },\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\n  '.sk-popup-menu': {\n    '@apply hidden': {},\n    '&[data-open=\"true\"]': {\n      '@apply flex': {},\n    },\n    '&[data-position=\"left\"]': {\n      '@apply mt-0 mr-8 right-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"right\"]': {\n      '@apply mt-0 ml-8 left-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"over\"]': {\n      '@apply mt-0 mb-8 bottom-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '&[data-position=\"under\"]': {\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '> *': {\n      '@apply max-w-full w-full': {},\n    },\n\n    '@apply absolute flex-col justify-start items-start mt-8': {},\n    '@apply w-max': {},\n    '@apply rounded-utility': {},\n    '@apply bg-background-100': {},\n    '@apply z-10': {},\n    '@apply p-8 gap-4': {},\n    '@apply shadow-100': {},\n    '@apply border-0': {},\n    '@apply focus-within:border-0': {},\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\n    '.sk-form-checkbox-label-left .sk-icon': {\n      '@apply right-8': {},\n    },\n    '.sk-form-checkbox-label-right .sk-icon': {\n      '@apply left-8': {},\n    },\n    '.sk-popup-menu-item': {\n      '@apply list-none': {},\n      '@apply w-full': {},\n      '@apply h-40': {},\n      '@apply min-h-40': {},\n      '@apply bg-transparent hover:bg-menu-item-surface-hover': {},\n      '@apply cursor-pointer': {},\n      '@apply flex flex-row shrink-0': {},\n      '@apply pl-8 pr-8 py-4 gap-12': {},\n      '@apply ring-offset-0': {},\n      '@apply focus-visible:ring ring-ring': {},\n      '@apply rounded-utility': {},\n      '@apply text-body font-normal': {},\n      '> *': {\n        '@apply max-w-full': {},\n      },\n      '&:focus-visible, &:focus-within': {\n        '@apply bg-menu-item-surface-hover': {},\n      },\n      svg: {\n        '@apply w-20 h-20': {},\n      },\n\n      '@apply justify-start': {},\n\n      '@apply border-0': {},\n      '@apply items-center': {},\n      '@apply no-underline': {},\n      '&-submenu': {\n        '&-wrapper': {\n          '@apply relative': {},\n        },\n      },\n    },\n\n    '&-group': {\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},\n      '&:first-child': {\n        '@apply pt-0': {},\n      },\n      '&:last-child': {\n        '@apply border-0 pb-0': {},\n      },\n    },\n\n    '&-items': {\n      '@apply w-full': {},\n      '@apply rounded-utility': {},\n      '@apply focus-within:ring ring-ring': {},\n      '.sk-popup-menu-item': {\n        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n        '> *': {\n          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n        },\n      },\n      '&:focus-within': {\n        '.sk-popup-menu-item.active': {\n          '@apply bg-menu-item-surface-hover': {},\n        },\n      },\n    },\n\n    '&-sm': {\n      '@apply p-8 gap-6': {},\n\n      '.sk-popup-menu-item': {\n        '@apply h-32': {},\n        '@apply min-h-32': {},\n        '@apply gap-10 pl-8 pr-8 py-4': {},\n\n        '@apply text-small': {},\n        '&-group': {\n          '@apply gap-6 pb-6': {},\n          '> *': {\n            '@apply gap-10 pl-8 pr-8 py-4': {},\n          },\n        },\n        svg: {\n          '@apply w-18 h-18': {},\n        },\n      },\n    },\n    '&.right': {\n      '@apply right-0': {},\n    },\n  },\n});\n"],"names":["PopupMenu","svg"],"mappings":"AAAA,OAAO,IAAMA,UAAY,iBAAO,CAC9B,iBAAkB,CAChB,gBAAiB,CAAC,EAClB,sBAAuB,CACrB,cAAe,CAAC,CAClB,EACA,0BAA2B,CACzB,8BAA+B,CAAC,EAChC,sBAAuB,CACrB,kBAAmB,CAAC,CACtB,EACA,wBAAyB,CACvB,eAAgB,CAAC,CACnB,CACF,EACA,2BAA4B,CAC1B,6BAA8B,CAAC,EAC/B,sBAAuB,CACrB,kBAAmB,CAAC,CACtB,EACA,wBAAyB,CACvB,eAAgB,CAAC,CACnB,CACF,EACA,0BAA2B,CACzB,+BAAgC,CAAC,EACjC,sBAAuB,CACrB,iBAAkB,CAAC,CACrB,EACA,wBAAyB,CACvB,gBAAiB,CAAC,CACpB,CACF,EACA,2BAA4B,CAC1B,sBAAuB,CACrB,iBAAkB,CAAC,CACrB,EACA,wBAAyB,CACvB,gBAAiB,CAAC,CACpB,CACF,EACA,MAAO,CACL,2BAA4B,CAAC,CAC/B,EAEA,0DAA2D,CAAC,EAC5D,eAAgB,CAAC,EACjB,yBAA0B,CAAC,EAC3B,2BAA4B,CAAC,EAC7B,cAAe,CAAC,EAChB,mBAAoB,CAAC,EACrB,oBAAqB,CAAC,EACtB,kBAAmB,CAAC,EACpB,+BAAgC,CAAC,EACjC,oEAAqE,CAAC,EACtE,wCAAyC,CACvC,iBAAkB,CAAC,CACrB,EACA,yCAA0C,CACxC,gBAAiB,CAAC,CACpB,EACA,sBAAuB,CACrB,mBAAoB,CAAC,EACrB,gBAAiB,CAAC,EAClB,cAAe,CAAC,EAChB,kBAAmB,CAAC,EACpB,yDAA0D,CAAC,EAC3D,wBAAyB,CAAC,EAC1B,gCAAiC,CAAC,EAClC,+BAAgC,CAAC,EACjC,uBAAwB,CAAC,EACzB,sCAAuC,CAAC,EACxC,yBAA0B,CAAC,EAC3B,+BAAgC,CAAC,EACjC,MAAO,CACL,oBAAqB,CAAC,CACxB,EACA,kCAAmC,CACjC,oCAAqC,CAAC,CACxC,EACAC,IAAK,CACH,mBAAoB,CAAC,CACvB,EAEA,uBAAwB,CAAC,EAEzB,kBAAmB,CAAC,EACpB,sBAAuB,CAAC,EACxB,sBAAuB,CAAC,EACxB,YAAa,CACX,YAAa,CACX,kBAAmB,CAAC,CACtB,CACF,CACF,EAEA,UAAW,CACT,wEAAyE,CAAC,EAC1E,gBAAiB,CACf,cAAe,CAAC,CAClB,EACA,eAAgB,CACd,uBAAwB,CAAC,CAC3B,CACF,EAEA,UAAW,CACT,gBAAiB,CAAC,EAClB,yBAA0B,CAAC,EAC3B,qCAAsC,CAAC,EACvC,sBAAuB,CACrB,6DAA8D,CAAC,EAC/D,MAAO,CACL,6DAA8D,CAAC,CACjE,CACF,EACA,iBAAkB,CAChB,6BAA8B,CAC5B,oCAAqC,CAAC,CACxC,CACF,CACF,EAEA,OAAQ,CACN,mBAAoB,CAAC,EAErB,sBAAuB,CACrB,cAAe,CAAC,EAChB,kBAAmB,CAAC,EACpB,+BAAgC,CAAC,EAEjC,oBAAqB,CAAC,EACtB,UAAW,CACT,oBAAqB,CAAC,EACtB,MAAO,CACL,+BAAgC,CAAC,CACnC,CACF,EACAA,IAAK,CACH,mBAAoB,CAAC,CACvB,CACF,CACF,EACA,UAAW,CACT,iBAAkB,CAAC,CACrB,CACF,CACF,EAAG"}

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

@@ -1,25 +1,2 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-export var ProgressBar = colors => ({
-  '.sk-progress-bar': _extends({
-    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},
-    '&-fill': {
-      '@apply rounded-circular': {}
-    }
-  }, colors.reduce((styles, color) => _extends({}, 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': {
-        ["@apply bg-primary-surface"]: {}
-      }
-    }
-  })
-});
+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}export var ProgressBar=function(colors){return{".sk-progress-bar":_object_spread_props(_object_spread({"@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"),{})}))},{})),{"&[data-color='tertiary']":{".sk-progress-bar-fill":_define_property({},"@apply bg-primary-surface",{})}})}};
 //# sourceMappingURL=progress-bar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","names":["ProgressBar","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\n  '.sk-progress-bar': {\n    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},\n\n    '&-fill': {\n      '@apply rounded-circular': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          '.sk-progress-bar-fill': {\n            [`@apply bg-${color}-surface-primary`]: {},\n          },\n\n          '&[data-accent=\"true\"]': {\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n\n    \"&[data-color='tertiary']\": {\n      '.sk-progress-bar-fill': {\n        [`@apply bg-primary-surface`]: {},\n      },\n    },\n  },\n});\n"],"mappings":";AAAA,OAAO,IAAMA,WAAW,GAAIC,MAAgB,KAAM;EAChD,kBAAkB,EAAAC,QAAA;IAChB,8DAA8D,EAAE,CAAC,CAAC;IAElE,QAAQ,EAAE;MACR,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,uBAAuB,EAAE;QACvB,gBAAcA,KAAK,wBAAqB,CAAC;MAC3C,CAAC;MAED,uBAAuB,EAAE;QACvB,yBAAuBA,KAAK,wBAAqB,CAAC;MACpD;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,0BAA0B,EAAE;MAC1B,uBAAuB,EAAE;QACvB,+BAA+B,CAAC;MAClC;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\n  '.sk-progress-bar': {\n    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},\n\n    '&-fill': {\n      '@apply rounded-circular': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          '.sk-progress-bar-fill': {\n            [`@apply bg-${color}-surface-primary`]: {},\n          },\n\n          '&[data-accent=\"true\"]': {\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n\n    \"&[data-color='tertiary']\": {\n      '.sk-progress-bar-fill': {\n        [`@apply bg-primary-surface`]: {},\n      },\n    },\n  },\n});\n"],"names":["ProgressBar","colors","reduce","styles","color"],"mappings":"uuCAAA,OAAO,IAAMA,YAAc,SAACC,cAAsB,CAChD,mBAAoB,qCAClB,+DAAgE,CAAC,EAEjE,SAAU,CACR,0BAA2B,CAAC,CAC9B,GAEGA,OAAOC,MAAM,CACd,SAACC,OAAQC,cAAW,uCACfD,QACH,oBAAC,AAAC,iBAAsB,OAANC,MAAM,MAAM,CAC5B,wBACE,oBAAC,AAAC,aAAkB,OAANA,MAAM,oBAAoB,CAAC,GAG3C,wBACE,oBAAC,AAAC,sBAA2B,OAANA,MAAM,oBAAoB,CAAC,EAEtD,KAEF,CAAC,KAGH,2BAA4B,CAC1B,wBACE,oBAAE,4BAA6B,CAAC,EAEpC,GAEJ,EAAG"}