@sk-web-gui/core 3.9.0 → 3.10.0

package/dist/cjs/components/logo.js

@@ -1,55 +1,2 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Logo = void 0;
-var Logo = exports.Logo = function Logo() {
-  return {
-    '.sk-logo': {
-      '@apply flex w-auto h-auto': {},
-      '@apply items-center': {},
-      '@apply text-dark-primary': {},
-      '&[data-inverted="true"]': {
-        '@apply text-light-primary': {},
-        '.sk-logo-divider': {
-          '@apply border-inverted-divider': {}
-        }
-      },
-      '&-figure': {
-        '@apply w-full h-full': {}
-      },
-      '&[data-variant="service"]': {
-        '@apply flex-row gap-6': {},
-        '@apply w-max': {},
-        '@apply h-60': {},
-        '@apply pb-4': {},
-        '.sk-logo-figure': {
-          '@apply w-auto h-56': {}
-        }
-      },
-      'a:focus-within &': {
-        '@apply outline outline-2 outline-ring': {}
-      },
-      'a &': {
-        '@apply no-underline': {}
-      },
-      'a:hover &': {
-        '@apply underline': {}
-      },
-      '&-service-content': {
-        '@apply h-full w-max': {},
-        '@apply flex flex-col justify-center': {},
-        '@apply pl-2 pt-2 pr-8 pb-0': {}
-      },
-      '&-title': {
-        '@apply font-header text-logo-header': {}
-      },
-      '&-subtitle': {
-        '@apply text-small font-normal block': {}
-      },
-      '&-divider': {
-        '@apply pt-8 pb-4': {}
-      }
-    }
-  };
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Logo",{enumerable:true,get:function(){return Logo}});var Logo=function(){return{".sk-logo":{"@apply flex w-auto h-auto":{},"@apply items-center":{},"@apply text-dark-primary":{},'&[data-inverted="true"]':{"@apply text-light-primary":{},".sk-logo-divider":{"@apply border-inverted-divider":{}}},"&-figure":{"@apply w-full h-full":{}},'&[data-variant="service"]':{"@apply flex-row gap-6":{},"@apply w-max":{},"@apply h-60":{},"@apply pb-4":{},".sk-logo-figure":{"@apply w-auto h-56":{}}},"a:focus-within &":{"@apply outline outline-2 outline-ring":{}},"a &":{"@apply no-underline":{}},"a:hover &":{"@apply underline":{}},"&-service-content":{"@apply h-full w-max":{},"@apply flex flex-col justify-center":{},"@apply pl-2 pt-2 pr-8 pb-0":{}},"&-title":{"@apply font-header text-logo-header":{}},"&-subtitle":{"@apply text-small font-normal block":{}},"&-divider":{"@apply pt-8 pb-4":{}}}}};
 //# sourceMappingURL=logo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"logo.js","names":["Logo","exports"],"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\n  '.sk-logo': {\n    '@apply flex w-auto h-auto': {},\n    '@apply items-center': {},\n    '@apply text-dark-primary': {},\n    '&[data-inverted=\"true\"]': {\n      '@apply text-light-primary': {},\n      '.sk-logo-divider': {\n        '@apply border-inverted-divider': {},\n      },\n    },\n\n    '&-figure': {\n      '@apply w-full h-full': {},\n    },\n    '&[data-variant=\"service\"]': {\n      '@apply flex-row gap-6': {},\n      '@apply w-max': {},\n      '@apply h-60': {},\n      '@apply pb-4': {},\n      '.sk-logo-figure': {\n        '@apply w-auto h-56': {},\n      },\n    },\n    'a:focus-within &': {\n      '@apply outline outline-2 outline-ring': {},\n    },\n    'a &': {\n      '@apply no-underline': {},\n    },\n    'a:hover &': {\n      '@apply underline': {},\n    },\n    '&-service-content': {\n      '@apply h-full w-max': {},\n      '@apply flex flex-col justify-center': {},\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\n    },\n    '&-title': {\n      '@apply font-header text-logo-header': {},\n    },\n    '&-subtitle': {\n      '@apply text-small font-normal block': {},\n    },\n    '&-divider': {\n      '@apply pt-8 pb-4': {},\n    },\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV,2BAA2B,EAAE,CAAC,CAAC;MAC/B,qBAAqB,EAAE,CAAC,CAAC;MACzB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,yBAAyB,EAAE;QACzB,2BAA2B,EAAE,CAAC,CAAC;QAC/B,kBAAkB,EAAE;UAClB,gCAAgC,EAAE,CAAC;QACrC;MACF,CAAC;MAED,UAAU,EAAE;QACV,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,2BAA2B,EAAE;QAC3B,uBAAuB,EAAE,CAAC,CAAC;QAC3B,cAAc,EAAE,CAAC,CAAC;QAClB,aAAa,EAAE,CAAC,CAAC;QACjB,aAAa,EAAE,CAAC,CAAC;QACjB,iBAAiB,EAAE;UACjB,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MACD,kBAAkB,EAAE;QAClB,uCAAuC,EAAE,CAAC;MAC5C,CAAC;MACD,KAAK,EAAE;QACL,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,WAAW,EAAE;QACX,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,mBAAmB,EAAE;QACnB,qBAAqB,EAAE,CAAC,CAAC;QACzB,qCAAqC,EAAE,CAAC,CAAC;QACzC,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,qCAAqC,EAAE,CAAC;MAC1C,CAAC;MACD,YAAY,EAAE;QACZ,qCAAqC,EAAE,CAAC;MAC1C,CAAC;MACD,WAAW,EAAE;QACX,kBAAkB,EAAE,CAAC;MACvB;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\n  '.sk-logo': {\n    '@apply flex w-auto h-auto': {},\n    '@apply items-center': {},\n    '@apply text-dark-primary': {},\n    '&[data-inverted=\"true\"]': {\n      '@apply text-light-primary': {},\n      '.sk-logo-divider': {\n        '@apply border-inverted-divider': {},\n      },\n    },\n\n    '&-figure': {\n      '@apply w-full h-full': {},\n    },\n    '&[data-variant=\"service\"]': {\n      '@apply flex-row gap-6': {},\n      '@apply w-max': {},\n      '@apply h-60': {},\n      '@apply pb-4': {},\n      '.sk-logo-figure': {\n        '@apply w-auto h-56': {},\n      },\n    },\n    'a:focus-within &': {\n      '@apply outline outline-2 outline-ring': {},\n    },\n    'a &': {\n      '@apply no-underline': {},\n    },\n    'a:hover &': {\n      '@apply underline': {},\n    },\n    '&-service-content': {\n      '@apply h-full w-max': {},\n      '@apply flex flex-col justify-center': {},\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\n    },\n    '&-title': {\n      '@apply font-header text-logo-header': {},\n    },\n    '&-subtitle': {\n      '@apply text-small font-normal block': {},\n    },\n    '&-divider': {\n      '@apply pt-8 pb-4': {},\n    },\n  },\n});\n"],"names":["Logo"],"mappings":"oGAAaA,8CAAAA,QAAN,IAAMA,KAAO,iBAAO,CACzB,WAAY,CACV,4BAA6B,CAAC,EAC9B,sBAAuB,CAAC,EACxB,2BAA4B,CAAC,EAC7B,0BAA2B,CACzB,4BAA6B,CAAC,EAC9B,mBAAoB,CAClB,iCAAkC,CAAC,CACrC,CACF,EAEA,WAAY,CACV,uBAAwB,CAAC,CAC3B,EACA,4BAA6B,CAC3B,wBAAyB,CAAC,EAC1B,eAAgB,CAAC,EACjB,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,kBAAmB,CACjB,qBAAsB,CAAC,CACzB,CACF,EACA,mBAAoB,CAClB,wCAAyC,CAAC,CAC5C,EACA,MAAO,CACL,sBAAuB,CAAC,CAC1B,EACA,YAAa,CACX,mBAAoB,CAAC,CACvB,EACA,oBAAqB,CACnB,sBAAuB,CAAC,EACxB,sCAAuC,CAAC,EACxC,6BAA8B,CAAC,CACjC,EACA,UAAW,CACT,sCAAuC,CAAC,CAC1C,EACA,aAAc,CACZ,sCAAuC,CAAC,CAC1C,EACA,YAAa,CACX,mBAAoB,CAAC,CACvB,CACF,CACF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"menu-vertical.js","names":["svgToDataUri","require","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","backgroundRepeat","MenuVertical","exports","_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":["MenuVertical","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","svgToTinyDataUri","backgroundRepeat","color"],"mappings":"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"}

package/dist/cjs/components/menubar.js

@@ -1,47 +1,2 @@
-"use strict";
-
-exports.__esModule = true;
-exports.MenuBar = void 0;
-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); }
-var MenuBar = exports.MenuBar = function MenuBar(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': _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(function (styles, color) {
-        var _ariaCurrentPage, _firstChild, _extends2;
-        return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = {
-          '> *:first-child': (_firstChild = {}, _firstChild["@apply hover:bg-" + color + "-surface-accent"] = {}, _firstChild["@apply hover:text-" + color + "-text-primary"] = {}, _firstChild['@apply focus-visible:bg-background-content focus-visible:ring'] = {}, _firstChild['&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)'] = (_ariaCurrentPage = {}, _ariaCurrentPage["@apply bg-" + color + "-surface-primary"] = {}, _ariaCurrentPage['@apply focus-visible:ring'] = {}, _ariaCurrentPage), _firstChild)
-        }, _extends2));
-      }, {}))
-    }
-  };
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"MenuBar",{enumerable:true,get:function(){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{".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/cjs/components/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":["MenuBar","exports","colors","_extends","color","reduce","styles","_ariaCurrentPage","_firstChild","_extends2"],"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":";;;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAIE,MAAgB;EAAA,OAAM;IAC5C,aAAa,EAAE;MACb,sBAAsB,EAAE,CAAC,CAAC;MAC1B,mBAAmB,EAAE,CAAC,CAAC;MACvB,sBAAsB,EAAE,CAAC,CAAC;MAE1B,2BAA2B,EAAE;QAC3B,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,QAAQ,EAAAC,QAAA;QACN,qBAAqB,EAAE,CAAC,CAAC;QACzB,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,WAAW,EAAE;UACXC,KAAK,EAAE;QACT,CAAC;QAED,iBAAiB,EAAE;UACjB,oEAAoE,EAAE,CAAC,CAAC;UACxE,uBAAuB,EAAE,CAAC,CAAC;UAC3B,yCAAyC,EAAE,CAAC,CAAC;UAC7C,kCAAkC,EAAE,CAAC,CAAC;UACtC,kBAAkB,EAAE,CAAC,CAAC;UACtB,yBAAyB,EAAE,CAAC,CAAC;UAC7B,0BAA0B,EAAE,CAAC,CAAC;UAC9B,yCAAyC,EAAE,CAAC,CAAC;UAE7C,iBAAiB,EAAE,CAAC,CAAC;UACrB,+DAA+D,EAAE,CAAC,CAAC;UACnE,0EAA0E,EAAE;YAC1E,8CAA8C,EAAE,CAAC,CAAC;YAClD,2BAA2B,EAAE,CAAC;UAChC;QACF;MAAC,GACEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEF,KAAK;QAAA,IAAAG,gBAAA,EAAAC,WAAA,EAAAC,SAAA;QAAA,OAAAN,QAAA,KACTG,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSL,KAAK,YAAO;UAC5B,iBAAiB,GAAAI,WAAA,OAAAA,WAAA,sBACKJ,KAAK,wBAAoB,CAAC,CAAC,EAAAI,WAAA,wBACzBJ,KAAK,sBAAkB,CAAC,CAAC,EAAAI,WAAA,CAC/C,+DAA+D,IAAE,CAAC,CAAC,EAAAA,WAAA,CACnE,wEAAwE,KAAAD,gBAAA,OAAAA,gBAAA,gBACxDH,KAAK,yBAAqB,CAAC,CAAC,EAAAG,gBAAA,CAC1C,2BAA2B,IAAE,CAAC,CAAC,EAAAA,gBAAA,GAAAC,WAAA;QAGrC,CAAC,EAAAC,SAAA;MAAA,CACD,EACF,CAAC,CACH,CAAC;IAEL;EACF,CAAC;AAAA,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":"oGAAaA,iDAAAA,kvCAAN,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"}

package/dist/cjs/components/modal.js

@@ -1,55 +1,2 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Modal = void 0;
-var Modal = exports.Modal = function Modal() {
-  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': {}
-      }
-    }
-  };
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Modal",{enumerable:true,get:function(){return Modal}});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/cjs/components/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":["Modal","exports"],"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":";;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAU;IAC1B,WAAW,EAAE;MACX,WAAW,EAAE;QACX,2CAA2C,EAAE,CAAC,CAAC;QAC/C,uCAAuC,EAAE,CAAC,CAAC;QAC3C,4CAA4C,EAAE,CAAC,CAAC;QAEhD,SAAS,EAAE;UACT,sCAAsC,EAAE,CAAC;QAC3C;MACF,CAAC;MAED,WAAW,EAAE;QACX,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,WAAW,EAAE;QACX,2CAA2C,EAAE,CAAC;MAChD,CAAC;MAED,UAAU,EAAE;QACV,4BAA4B,EAAE,CAAC,CAAC;QAChC,6BAA6B,EAAE,CAAC,CAAC;QACjC,kBAAkB,EAAE,CAAC,CAAC;QACtB,qBAAqB,EAAE,CAAC,CAAC;QACzB,iCAAiC,EAAE,CAAC,CAAC;QACrC,sBAAsB,EAAE,CAAC,CAAC;QAC1B,8BAA8B,EAAE,CAAC,CAAC;QAClC,+BAA+B,EAAE,CAAC,CAAC;QACnC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,eAAe,EAAE,CAAC,CAAC;QAEnB,UAAU,EAAE;UACV,iDAAiD,EAAE,CAAC,CAAC;UACrD,SAAS,EAAE;YACT,aAAa,EAAE,CAAC,CAAC;YACjB,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MACD,WAAW,EAAE;QACX,sBAAsB,EAAE,CAAC,CAAC;QAC1B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,wBAAwB,EAAE;UACxB,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MACD,UAAU,EAAE;QACV,oCAAoC,EAAE,CAAC,CAAC;QACxC,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF,CAAC;AAAA,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":"oGAAaA,+CAAAA,SAAN,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"}