@sk-web-gui/core 0.1.75 → 0.1.77

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":["module","exports","Pagination","width","height","fontSize"],"sources":["../../../src/components/pagination.js"],"sourcesContent":["module.exports = Pagination = () => ({\r\n  '.pagination': {\r\n    '@apply select-none': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-lg': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-xl': {},\r\n    },\r\n\r\n    '&-list': {\r\n      '@apply flex items-center': {},\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply cursor-pointer m-sm box-content': {},\r\n      width: '1.5em',\r\n      height: '1.75em',\r\n\r\n      \"&[aria-disabled='true']\": {\r\n        '@apply border-primary border-b cursor-default text-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-body ml-4 my-sm inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},\r\n      height: '1.75em',\r\n\r\n      '&[data-reverse=true]': {\r\n        '@apply mr-4 ml-0 flex-row-reverse': {},\r\n\r\n        '.pagination-prevNextButton-label': {\r\n          '@apply mr-sm ml-0': {},\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply opacity-50 cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '&-label, &-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        '.MuiSvgIcon-root': {\r\n          fontSize: '1em',\r\n        },\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      '.pagination-list': {\r\n        '@apply w-full flex justify-between': {},\r\n        '&-item': {\r\n          '@apply px-0  flex-shrink grow text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '.pagination-pageLabel': {\r\n            '@apply w-full max-w-[1.5em] 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":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,OAAO;IACnC,aAAa,EAAE;MACb,oBAAoB,EAAE,CAAC,CAAC;MAExB,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,sBAAsB,EAAE;QACtB,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,aAAa,EAAE;QACb,wCAAwC,EAAE,CAAC,CAAC;QAC5CC,KAAK,EAAE,OAAO;QACdC,MAAM,EAAE,QAAQ;QAEhB,yBAAyB,EAAE;UACzB,4DAA4D,EAAE,CAAC;QACjE;MACF,CAAC;MAED,kBAAkB,EAAE;QAClB,kGAAkG,EAAE,CAAC,CAAC;QACtGA,MAAM,EAAE,QAAQ;QAEhB,sBAAsB,EAAE;UACtB,mCAAmC,EAAE,CAAC,CAAC;UAEvC,kCAAkC,EAAE;YAClC,mBAAmB,EAAE,CAAC;UACxB;QACF,CAAC;QAED,aAAa,EAAE;UACb,kCAAkC,EAAE,CAAC;QACvC,CAAC;QAED,qBAAqB,EAAE;UACrB,iBAAiB,EAAE;YACjB,uBAAuB,EAAE,CAAC;UAC5B;QACF,CAAC;QAED,SAAS,EAAE;UACT,4CAA4C,EAAE,CAAC;QACjD,CAAC;QAED,QAAQ,EAAE;UACR,2CAA2C,EAAE,CAAC,CAAC;UAE/C,kBAAkB,EAAE;YAClBC,QAAQ,EAAE;UACZ;QACF;MACF,CAAC;MAED,YAAY,EAAE;QACZ,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,eAAe,EAAE;QACf,0BAA0B,EAAE,CAAC,CAAC;QAC9B,kBAAkB,EAAE;UAClB,oCAAoC,EAAE,CAAC,CAAC;UACxC,QAAQ,EAAE;YACR,2CAA2C,EAAE,CAAC,CAAC;YAC/C,YAAY,EAAE;cACZ,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,aAAa,EAAE;cACb,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,uBAAuB,EAAE;cACvB,mCAAmC,EAAE,CAAC;YACxC;UACF;QACF,CAAC;QACD,sBAAsB,EAAE;UACtB,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/profile-picture.js

@@ -0,0 +1,17 @@
+"use strict";
+
+module.exports = ProfilePicture = function ProfilePicture() {
+  return {
+    '.profile-picture': {
+      '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary': {},
+      '.profile-picture-img': {
+        '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {}
+      },
+      '.icon': {
+        width: '3.8rem!important',
+        height: '3.8rem!important'
+      }
+    }
+  };
+};
+//# sourceMappingURL=profile-picture.js.map

package/dist/cjs/components/profile-picture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-picture.js","names":["module","exports","ProfilePicture","width","height"],"sources":["../../../src/components/profile-picture.js"],"sourcesContent":["module.exports = ProfilePicture = () => ({\r\n  '.profile-picture': {\r\n    '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary':\r\n      {},\r\n\r\n    '.profile-picture-img': {\r\n      '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {},\r\n    },\r\n    '.icon': {\r\n      width: '3.8rem!important',\r\n      height: '3.8rem!important',\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAG,SAAAA,eAAA;EAAA,OAAO;IACvC,kBAAkB,EAAE;MAClB,8KAA8K,EAC5K,CAAC,CAAC;MAEJ,sBAAsB,EAAE;QACtB,iEAAiE,EAAE,CAAC;MACtE,CAAC;MACD,OAAO,EAAE;QACPC,KAAK,EAAE,kBAAkB;QACzBC,MAAM,EAAE;MACV;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/profile.js

@@ -0,0 +1,36 @@
+"use strict";
+
+module.exports = Profile = function Profile() {
+  return {
+    '.profile-container': {
+      '@apply flex items-center': {},
+      '.profile-title': {
+        '@apply font-bold text-base m-0': {}
+      },
+      '.profile-subtitle': {
+        '@apply text-sm leading-[20px] m-0': {}
+      },
+      '&.minimal': {
+        '.profile-title': {
+          overflow: 'hidden',
+          'text-overflow': 'ellipsis',
+          display: '-webkit-box',
+          '-webkit-line-clamp': '1' /* number of lines to show */,
+          'line-clamp': '1',
+          '-webkit-box-orient': 'vertical'
+        },
+        '.profile-subtitle': {
+          overflow: 'hidden',
+          'text-overflow': 'ellipsis',
+          display: '-webkit-box',
+          '-webkit-line-clamp': '1' /* number of lines to show */,
+          'line-clamp': '1',
+          '-webkit-box-orient': 'vertical'
+        }
+      }
+
+      // '&.truncate': { '@apply truncate pr-md': {} },
+    }
+  };
+};
+//# sourceMappingURL=profile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profile.js","names":["module","exports","Profile","overflow","display"],"sources":["../../../src/components/profile.js"],"sourcesContent":["module.exports = Profile = () => ({\r\n  '.profile-container': {\r\n    '@apply flex items-center': {},\r\n\r\n    '.profile-title': {\r\n      '@apply font-bold text-base m-0': {},\r\n    },\r\n    '.profile-subtitle': {\r\n      '@apply text-sm leading-[20px] m-0': {},\r\n    },\r\n\r\n    '&.minimal': {\r\n      '.profile-title': {\r\n        overflow: 'hidden',\r\n        'text-overflow': 'ellipsis',\r\n        display: '-webkit-box',\r\n        '-webkit-line-clamp': '1' /* number of lines to show */,\r\n        'line-clamp': '1',\r\n        '-webkit-box-orient': 'vertical',\r\n      },\r\n      '.profile-subtitle': {\r\n        overflow: 'hidden',\r\n        'text-overflow': 'ellipsis',\r\n        display: '-webkit-box',\r\n        '-webkit-line-clamp': '1' /* number of lines to show */,\r\n        'line-clamp': '1',\r\n        '-webkit-box-orient': 'vertical',\r\n      },\r\n    },\r\n\r\n    // '&.truncate': { '@apply truncate pr-md': {} },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,oBAAoB,EAAE;MACpB,0BAA0B,EAAE,CAAC,CAAC;MAE9B,gBAAgB,EAAE;QAChB,gCAAgC,EAAE,CAAC;MACrC,CAAC;MACD,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC,CAAC;MAED,WAAW,EAAE;QACX,gBAAgB,EAAE;UAChBC,QAAQ,EAAE,QAAQ;UAClB,eAAe,EAAE,UAAU;UAC3BC,OAAO,EAAE,aAAa;UACtB,oBAAoB,EAAE,GAAG,CAAC;UAC1B,YAAY,EAAE,GAAG;UACjB,oBAAoB,EAAE;QACxB,CAAC;QACD,mBAAmB,EAAE;UACnBD,QAAQ,EAAE,QAAQ;UAClB,eAAe,EAAE,UAAU;UAC3BC,OAAO,EAAE,aAAa;UACtB,oBAAoB,EAAE,GAAG,CAAC;UAC1B,YAAY,EAAE,GAAG;UACjB,oBAAoB,EAAE;QACxB;MACF;;MAEA;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/radio.js

@@ -0,0 +1,86 @@
+"use strict";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+module.exports = Radio = function Radio(colors) {
+  return {
+    '.form-radio': _extends({
+      '@apply shadow-sm': {},
+      backgroundColor: 'inherit',
+      '@apply border-neutral-300': {},
+      '&[aria-invalid=true]': {
+        '--tw-border-opacity': '1',
+        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))'
+      },
+      '&[aria-invalid=true]:hover': {
+        '--tw-border-opacity': '1',
+        'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))'
+      },
+      // dark colors
+      '@apply dark:border-neutral-400': {},
+      '.dark &[aria-invalid=true]': {
+        '--tw-border-opacity': '1',
+        borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))'
+      },
+      '.dark &[aria-invalid=true]:hover': {
+        '--tw-border-opacity': '1',
+        borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))'
+      },
+      '@media (prefers-color-scheme: dark)': {
+        '&[aria-invalid=true]': {
+          '--tw-border-opacity': '1',
+          borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))'
+        },
+        '&[aria-invalid=true]:hover': {
+          '--tw-border-opacity': '1',
+          'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))'
+        }
+      },
+      '&:checked': {
+        borderColor: 'transparent'
+      }
+    }, colors.reduce(function (styles, color) {
+      var _ref, _extends2;
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply text-" + color + "-600"] = {}, _ref["@apply focus-visible:border-" + color + "-600 focus-visible:ring-" + color + "-600"] = {}, _ref["@apply dark:text-" + color + "-500"] = {}, _ref["@apply dark:focus-visible:border-" + color + "-400 dark:focus-visible:ring-" + color + "-400"] = {}, _ref), _extends2));
+    }, {}), {
+      '@apply dark:focus-visible:ring-offset-neutral-900': {},
+      // sizing
+      '&-sm': {
+        '@apply w-3 h-3': {}
+      },
+      '&-md': {
+        '@apply w-4 h-4': {}
+      },
+      '&-lg': {
+        '@apply w-5 h-5': {}
+      },
+      '&-xl': {
+        '@apply w-6 h-6': {}
+      },
+      // disabled
+      '&-disabled': {
+        '@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300': {},
+        '@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20': {}
+      },
+      // label
+      '&-label': {
+        '@apply ml-2 select-none text-sm': {},
+        '@apply text-body': {},
+        // dark colors
+        '@apply dark:text-neutral-100': {},
+        '&-sm': {
+          '@apply text-xs': {}
+        },
+        '&-md': {
+          '@apply text-sm': {}
+        },
+        '&-lg': {
+          '@apply text-base': {}
+        },
+        '&-xl': {
+          '@apply text-lg': {}
+        }
+      }
+    })
+  };
+};
+//# sourceMappingURL=radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","names":["module","exports","Radio","colors","_extends","backgroundColor","borderColor","reduce","styles","color","_ref","_extends2"],"sources":["../../../src/components/radio.js"],"sourcesContent":["module.exports = Radio = (colors) => ({\r\n  '.form-radio': {\r\n    '@apply shadow-sm': {},\r\n    backgroundColor: 'inherit',\r\n    '@apply border-neutral-300': {},\r\n    '&[aria-invalid=true]': {\r\n      '--tw-border-opacity': '1',\r\n      borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n    },\r\n    '&[aria-invalid=true]:hover': {\r\n      '--tw-border-opacity': '1',\r\n      'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n    },\r\n    // dark colors\r\n    '@apply dark:border-neutral-400': {},\r\n    '.dark &[aria-invalid=true]': {\r\n      '--tw-border-opacity': '1',\r\n      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n    },\r\n    '.dark &[aria-invalid=true]:hover': {\r\n      '--tw-border-opacity': '1',\r\n      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n    },\r\n\r\n    '@media (prefers-color-scheme: dark)': {\r\n      '&[aria-invalid=true]': {\r\n        '--tw-border-opacity': '1',\r\n        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n      },\r\n      '&[aria-invalid=true]:hover': {\r\n        '--tw-border-opacity': '1',\r\n        'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n      },\r\n    },\r\n\r\n    '&:checked': {\r\n      borderColor: 'transparent',\r\n    },\r\n\r\n    // colors\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply text-${color}-600`]: {},\r\n          [`@apply focus-visible:border-${color}-600 focus-visible:ring-${color}-600`]: {},\r\n          [`@apply dark:text-${color}-500`]: {},\r\n          [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    '@apply dark:focus-visible:ring-offset-neutral-900': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    // disabled\r\n    '&-disabled': {\r\n      '@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300':\r\n        {},\r\n      '@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20': {},\r\n    },\r\n\r\n    // label\r\n    '&-label': {\r\n      '@apply ml-2 select-none text-sm': {},\r\n      '@apply text-body': {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-100': {},\r\n\r\n      '&-sm': {\r\n        '@apply text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-base': {},\r\n      },\r\n\r\n      '&-xl': {\r\n        '@apply text-lg': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAACC,MAAM;EAAA,OAAM;IACpC,aAAa,EAAAC,QAAA;MACX,kBAAkB,EAAE,CAAC,CAAC;MACtBC,eAAe,EAAE,SAAS;MAC1B,2BAA2B,EAAE,CAAC,CAAC;MAC/B,sBAAsB,EAAE;QACtB,qBAAqB,EAAE,GAAG;QAC1BC,WAAW,EAAE;MACf,CAAC;MACD,4BAA4B,EAAE;QAC5B,qBAAqB,EAAE,GAAG;QAC1B,cAAc,EAAE;MAClB,CAAC;MACD;MACA,gCAAgC,EAAE,CAAC,CAAC;MACpC,4BAA4B,EAAE;QAC5B,qBAAqB,EAAE,GAAG;QAC1BA,WAAW,EAAE;MACf,CAAC;MACD,kCAAkC,EAAE;QAClC,qBAAqB,EAAE,GAAG;QAC1BA,WAAW,EAAE;MACf,CAAC;MAED,qCAAqC,EAAE;QACrC,sBAAsB,EAAE;UACtB,qBAAqB,EAAE,GAAG;UAC1BA,WAAW,EAAE;QACf,CAAC;QACD,4BAA4B,EAAE;UAC5B,qBAAqB,EAAE,GAAG;UAC1B,cAAc,EAAE;QAClB;MACF,CAAC;MAED,WAAW,EAAE;QACXA,WAAW,EAAE;MACf;IAAC,GAGEH,MAAM,CAACI,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAP,QAAA,KACTI,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,kBACLD,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,kCACAD,KAAK,gCAA2BA,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,uBAC3DD,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,uCACAD,KAAK,qCAAgCA,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAE5F,EACF,CAAC,CAAC,CACH;MAED,mDAAmD,EAAE,CAAC,CAAC;MAEvD;MACA,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED;MACA,YAAY,EAAE;QACZ,iHAAiH,EAC/G,CAAC,CAAC;QACJ,qGAAqG,EAAE,CAAC;MAC1G,CAAC;MAED;MACA,SAAS,EAAE;QACT,iCAAiC,EAAE,CAAC,CAAC;QACrC,kBAAkB,EAAE,CAAC,CAAC;QACtB;QACA,8BAA8B,EAAE,CAAC,CAAC;QAElC,MAAM,EAAE;UACN,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAED,MAAM,EAAE;UACN,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAED,MAAM,EAAE;UACN,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,MAAM,EAAE;UACN,gBAAgB,EAAE,CAAC;QACrB;MACF;IAAC;EAEL,CAAC;AAAA,CAAC"}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+module.exports = SearchBar = function SearchBar() {
+  return {
+    '.search-bar': {
+      '@apply w-full relative': {}
+    }
+  };
+};
+//# sourceMappingURL=search-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.js","names":["module","exports","SearchBar"],"sources":["../../../src/components/search-bar.js"],"sourcesContent":["module.exports = SearchBar = () => ({\r\n  '.search-bar': {\r\n    '@apply w-full relative': {},\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAG,SAAAA,UAAA;EAAA,OAAO;IAClC,aAAa,EAAE;MACb,wBAAwB,EAAE,CAAC;IAC7B;EACF,CAAC;AAAA,CAAC"}

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

@@ -0,0 +1,207 @@
+"use strict";
+
+module.exports = Menu = function Menu() {
+  return {
+    '.side-menu': {
+      '@apply w-[440px]': {},
+      '.menu-header': {
+        '@apply py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
+        '.label-small': {
+          '@apply text-[1.6rem]': {}
+        },
+        '.label-button': {
+          '@apply w-full justify-between p-0': {},
+          '&-icon': {
+            '@apply !text-xl': {}
+          }
+        },
+        '.label-header': {
+          '@apply flex items-center': {},
+          'label, .label': {
+            '@apply text-xl font-bold': {}
+          },
+          span: {
+            '@apply ml-auto': {}
+          }
+        }
+      },
+      '.menu-item': {
+        '@apply bg-white h-full': {},
+        '.items': {
+          '@apply block': {}
+        },
+        '&-label': {
+          '@apply flex-grow select-none flex items-center': {}
+        },
+        '&.active': {
+          '> .wrapper': {
+            boxShadow: 'inset 6px 0 0 0 #005595',
+            '.menu-item-label': {
+              '@apply underline': {}
+            }
+          }
+        },
+        '.expand path': {
+          '@apply fill-primary': {}
+        },
+        '& .wrapper': {
+          '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},
+          '.menu-item-link': {
+            '@apply flex-grow relative flex items-center text-base text-left justify-start py-sm pr-sm h-full': {}
+          },
+          '.expand': {
+            '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},
+            '&-button': {
+              '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {}
+            }
+          }
+        },
+        '&.open': {
+          '& + .menu-item > .wrapper': {
+            '@apply border-t': {}
+          }
+        },
+        '&.draggable': {
+          '&.dragenter': {
+            '> .wrapper': {
+              '@apply h-full max-h-full': {}
+            },
+            "> .wrapper > *:not([draggable='true'])": {
+              '@apply pointer-events-none': {}
+            },
+            '& > .wrapper::after': {
+              '@apply bg-info-light block relative w-full h-[44px]': {},
+              content: "''"
+            }
+          },
+          '&.moving': {
+            '@apply hidden': {}
+          },
+          '& .menu-item-move-button': {
+            '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},
+            svg: {
+              '@apply h-full': {}
+            },
+            '&-label': {
+              '@apply text-[#B65A06]': {}
+            }
+          },
+          '&.moved-here': {
+            "[draggable='true']": {
+              '@apply text-warning': {}
+            }
+          },
+          '&.separator': {
+            '@apply bg-transparent relative': {},
+            '> div.wrapper, > .menu-item-link': {
+              '@apply h-[44px]': {}
+            }
+          }
+        },
+        '&-separator': {
+          '@apply text-svartvik-200': {},
+          height: '1px',
+          width: '100%',
+          backgroundImage: "repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)",
+          backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',
+          backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',
+          backgroundRepeat: 'no-repeat'
+        },
+        '&.lvl-0': {
+          '&:first-child > .wrapper': {
+            '@apply border-t-0': {}
+          },
+          '> .wrapper': {
+            '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},
+            '> .menu-item-link': {
+              '@apply  py-md': {},
+              paddingLeft: '3.2rem'
+            }
+          },
+          '.menu-item-link': {
+            '@apply h-[64px] max-h-[64px]': {}
+          },
+          '& + .menu-item > .wrapper': {
+            '@apply border-t-0': {}
+          },
+          '> .items': {
+            '@apply border-l border-r border-svartvik-200': {}
+          },
+          '&.open > .items': {
+            '@apply border-b border-svartvik-200': {}
+          },
+          '&.separator > .wrapper': {
+            '@apply border-l-0 border-r-0': {}
+          }
+        },
+        '&.lvl-1': {
+          '@apply bg-gray-lighter': {},
+          '> .wrapper, .menu-item-link': {
+            '@apply h-[56px] max-h-[56px]': {}
+          },
+          '&.open > .wrapper': {
+            '@apply border-b border-svartvik-200': {}
+          },
+          '> .wrapper > .menu-item-link': {
+            paddingLeft: '4.8rem'
+          }
+        },
+        '&.lvl-2': {
+          '.wrapper': {
+            '@apply bg-gray-middle h-[48px] max-h-[48px]': {},
+            '> .menu-item-link': {
+              '@apply h-[48px] max-h-[48px]': {}
+            }
+          },
+          '> .wrapper > .menu-item-link': {
+            paddingLeft: '6.4rem'
+          }
+        },
+        '&.lvl-3': {
+          '> .wrapper > .menu-item-link': {
+            paddingLeft: '8rem'
+          }
+        },
+        '&.lvl-4': {
+          '.wrapper': {
+            '@apply bg-[#d4d4d4]': {}
+          },
+          '> .wrapper > .menu-item-link': {
+            paddingLeft: '9.6rem'
+          }
+        },
+        '&.lvl-5': {
+          '> .wrapper > .menu-item-link': {
+            paddingLeft: '11.2rem'
+          }
+        },
+        '&.lvl-6': {
+          '> .wrapper > .menu-item-link': {
+            paddingLeft: '12.8rem'
+          }
+        },
+        '&.lvl-7': {
+          '> .wrapper > .menu-item-link': {
+            paddingLeft: '14.4rem'
+          }
+        },
+        '&.lvl-8': {
+          '> .wrapper > .menu-item-link': {
+            paddingLeft: '16rem'
+          }
+        },
+        '&.lvl-9': {
+          '> .wrapper > .menu-item-link': {
+            paddingLeft: '17.6rem'
+          }
+        },
+        '&.lvl-10': {
+          '> .wrapper > .menu-item-link': {
+            paddingLeft: '19.2rem'
+          }
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=side-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n  '.side-menu': {\r\n    '@apply w-[440px]': {},\r\n\r\n    '.menu-header': {\r\n      '@apply py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n      '.label-small': {\r\n        '@apply text-[1.6rem]': {},\r\n      },\r\n\r\n      '.label-button': {\r\n        '@apply w-full justify-between p-0': {},\r\n\r\n        '&-icon': {\r\n          '@apply !text-xl': {},\r\n        },\r\n      },\r\n\r\n      '.label-header': {\r\n        '@apply flex items-center': {},\r\n\r\n        'label, .label': {\r\n          '@apply text-xl font-bold': {},\r\n        },\r\n\r\n        span: {\r\n          '@apply ml-auto': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '.menu-item': {\r\n      '@apply bg-white h-full': {},\r\n\r\n      '.items': {\r\n        '@apply block': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex-grow select-none flex items-center': {},\r\n      },\r\n\r\n      '&.active': {\r\n        '> .wrapper': {\r\n          boxShadow: 'inset 6px 0 0 0 #005595',\r\n          '.menu-item-label': {\r\n            '@apply underline': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '.expand path': {\r\n        '@apply fill-primary': {},\r\n      },\r\n\r\n      '& .wrapper': {\r\n        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n        '.menu-item-link': {\r\n          '@apply flex-grow relative flex items-center text-base text-left justify-start py-sm pr-sm h-full': {},\r\n        },\r\n\r\n        '.expand': {\r\n          '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n          '&-button': {\r\n            '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&.open': {\r\n        '& + .menu-item > .wrapper': {\r\n          '@apply border-t': {},\r\n        },\r\n      },\r\n\r\n      '&.draggable': {\r\n        '&.dragenter': {\r\n          '> .wrapper': {\r\n            '@apply h-full max-h-full': {},\r\n          },\r\n          \"> .wrapper > *:not([draggable='true'])\": {\r\n            '@apply pointer-events-none': {},\r\n          },\r\n\r\n          '& > .wrapper::after': {\r\n            '@apply bg-info-light block relative w-full h-[44px]': {},\r\n            content: \"''\",\r\n          },\r\n        },\r\n\r\n        '&.moving': {\r\n          '@apply hidden': {},\r\n        },\r\n\r\n        '& .menu-item-move-button': {\r\n          '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n          svg: {\r\n            '@apply h-full': {},\r\n          },\r\n          '&-label': {\r\n            '@apply text-[#B65A06]': {},\r\n          },\r\n        },\r\n\r\n        '&.moved-here': {\r\n          \"[draggable='true']\": {\r\n            '@apply text-warning': {},\r\n          },\r\n        },\r\n\r\n        '&.separator': {\r\n          '@apply bg-transparent relative': {},\r\n\r\n          '> div.wrapper, > .menu-item-link': {\r\n            '@apply h-[44px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-separator': {\r\n        '@apply text-svartvik-200': {},\r\n        height: '1px',\r\n        width: '100%',\r\n        backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n        backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n        backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n        backgroundRepeat: 'no-repeat',\r\n      },\r\n\r\n      '&.lvl-0': {\r\n        '&:first-child > .wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n        '> .wrapper': {\r\n          '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n          '> .menu-item-link': {\r\n            '@apply  py-md': {},\r\n            paddingLeft: '3.2rem',\r\n          },\r\n        },\r\n\r\n        '.menu-item-link': {\r\n          '@apply h-[64px] max-h-[64px]': {},\r\n        },\r\n\r\n        '& + .menu-item > .wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n\r\n        '> .items': {\r\n          '@apply border-l border-r border-svartvik-200': {},\r\n        },\r\n\r\n        '&.open > .items': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '&.separator > .wrapper': {\r\n          '@apply border-l-0 border-r-0': {},\r\n        },\r\n      },\r\n\r\n      '&.lvl-1': {\r\n        '@apply bg-gray-lighter': {},\r\n\r\n        '> .wrapper, .menu-item-link': {\r\n          '@apply h-[56px] max-h-[56px]': {},\r\n        },\r\n\r\n        '&.open > .wrapper': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '4.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-2': {\r\n        '.wrapper': {\r\n          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n          '> .menu-item-link': {\r\n            '@apply h-[48px] max-h-[48px]': {},\r\n          },\r\n        },\r\n\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '6.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-3': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-4': {\r\n        '.wrapper': {\r\n          '@apply bg-[#d4d4d4]': {},\r\n        },\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '9.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-5': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '11.2rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-6': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '12.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-7': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '14.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-8': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '16rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-9': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '17.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-10': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '19.2rem',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,YAAY,EAAE;MACZ,kBAAkB,EAAE,CAAC,CAAC;MAEtB,cAAc,EAAE;QACd,sEAAsE,EAAE,CAAC,CAAC;QAE1E,cAAc,EAAE;UACd,sBAAsB,EAAE,CAAC;QAC3B,CAAC;QAED,eAAe,EAAE;UACf,mCAAmC,EAAE,CAAC,CAAC;UAEvC,QAAQ,EAAE;YACR,iBAAiB,EAAE,CAAC;UACtB;QACF,CAAC;QAED,eAAe,EAAE;UACf,0BAA0B,EAAE,CAAC,CAAC;UAE9B,eAAe,EAAE;YACf,0BAA0B,EAAE,CAAC;UAC/B,CAAC;UAEDC,IAAI,EAAE;YACJ,gBAAgB,EAAE,CAAC;UACrB;QACF;MACF,CAAC;MAED,YAAY,EAAE;QACZ,wBAAwB,EAAE,CAAC,CAAC;QAE5B,QAAQ,EAAE;UACR,cAAc,EAAE,CAAC;QACnB,CAAC;QAED,SAAS,EAAE;UACT,gDAAgD,EAAE,CAAC;QACrD,CAAC;QAED,UAAU,EAAE;UACV,YAAY,EAAE;YACZC,SAAS,EAAE,yBAAyB;YACpC,kBAAkB,EAAE;cAClB,kBAAkB,EAAE,CAAC;YACvB;UACF;QACF,CAAC;QAED,cAAc,EAAE;UACd,qBAAqB,EAAE,CAAC;QAC1B,CAAC;QAED,YAAY,EAAE;UACZ,uEAAuE,EAAE,CAAC,CAAC;UAE3E,iBAAiB,EAAE;YACjB,kGAAkG,EAAE,CAAC;UACvG,CAAC;UAED,SAAS,EAAE;YACT,qEAAqE,EAAE,CAAC,CAAC;YAEzE,UAAU,EAAE;cACV,uFAAuF,EAAE,CAAC;YAC5F;UACF;QACF,CAAC;QAED,QAAQ,EAAE;UACR,2BAA2B,EAAE;YAC3B,iBAAiB,EAAE,CAAC;UACtB;QACF,CAAC;QAED,aAAa,EAAE;UACb,aAAa,EAAE;YACb,YAAY,EAAE;cACZ,0BAA0B,EAAE,CAAC;YAC/B,CAAC;YACD,wCAAwC,EAAE;cACxC,4BAA4B,EAAE,CAAC;YACjC,CAAC;YAED,qBAAqB,EAAE;cACrB,qDAAqD,EAAE,CAAC,CAAC;cACzDC,OAAO,EAAE;YACX;UACF,CAAC;UAED,UAAU,EAAE;YACV,eAAe,EAAE,CAAC;UACpB,CAAC;UAED,0BAA0B,EAAE;YAC1B,yFAAyF,EAAE,CAAC,CAAC;YAE7FC,GAAG,EAAE;cACH,eAAe,EAAE,CAAC;YACpB,CAAC;YACD,SAAS,EAAE;cACT,uBAAuB,EAAE,CAAC;YAC5B;UACF,CAAC;UAED,cAAc,EAAE;YACd,oBAAoB,EAAE;cACpB,qBAAqB,EAAE,CAAC;YAC1B;UACF,CAAC;UAED,aAAa,EAAE;YACb,gCAAgC,EAAE,CAAC,CAAC;YAEpC,kCAAkC,EAAE;cAClC,iBAAiB,EAAE,CAAC;YACtB;UACF;QACF,CAAC;QAED,aAAa,EAAE;UACb,0BAA0B,EAAE,CAAC,CAAC;UAC9BC,MAAM,EAAE,KAAK;UACbC,KAAK,EAAE,MAAM;UACbC,eAAe,2eAA2e;UAC1fC,cAAc,EAAE,yCAAyC;UACzDC,kBAAkB,EAAE,0BAA0B;UAC9CC,gBAAgB,EAAE;QACpB,CAAC;QAED,SAAS,EAAE;UACT,0BAA0B,EAAE;YAC1B,mBAAmB,EAAE,CAAC;UACxB,CAAC;UACD,YAAY,EAAE;YACZ,yDAAyD,EAAE,CAAC,CAAC;YAE7D,mBAAmB,EAAE;cACnB,eAAe,EAAE,CAAC,CAAC;cACnBC,WAAW,EAAE;YACf;UACF,CAAC;UAED,iBAAiB,EAAE;YACjB,8BAA8B,EAAE,CAAC;UACnC,CAAC;UAED,2BAA2B,EAAE;YAC3B,mBAAmB,EAAE,CAAC;UACxB,CAAC;UAED,UAAU,EAAE;YACV,8CAA8C,EAAE,CAAC;UACnD,CAAC;UAED,iBAAiB,EAAE;YACjB,qCAAqC,EAAE,CAAC;UAC1C,CAAC;UAED,wBAAwB,EAAE;YACxB,8BAA8B,EAAE,CAAC;UACnC;QACF,CAAC;QAED,SAAS,EAAE;UACT,wBAAwB,EAAE,CAAC,CAAC;UAE5B,6BAA6B,EAAE;YAC7B,8BAA8B,EAAE,CAAC;UACnC,CAAC;UAED,mBAAmB,EAAE;YACnB,qCAAqC,EAAE,CAAC;UAC1C,CAAC;UAED,8BAA8B,EAAE;YAC9BA,WAAW,EAAE;UACf;QACF,CAAC;QAED,SAAS,EAAE;UACT,UAAU,EAAE;YACV,6CAA6C,EAAE,CAAC,CAAC;YAEjD,mBAAmB,EAAE;cACnB,8BAA8B,EAAE,CAAC;YACnC;UACF,CAAC;UAED,8BAA8B,EAAE;YAC9BA,WAAW,EAAE;UACf;QACF,CAAC;QAED,SAAS,EAAE;UACT,8BAA8B,EAAE;YAC9BA,WAAW,EAAE;UACf;QACF,CAAC;QAED,SAAS,EAAE;UACT,UAAU,EAAE;YACV,qBAAqB,EAAE,CAAC;UAC1B,CAAC;UACD,8BAA8B,EAAE;YAC9BA,WAAW,EAAE;UACf;QACF,CAAC;QAED,SAAS,EAAE;UACT,8BAA8B,EAAE;YAC9BA,WAAW,EAAE;UACf;QACF,CAAC;QAED,SAAS,EAAE;UACT,8BAA8B,EAAE;YAC9BA,WAAW,EAAE;UACf;QACF,CAAC;QAED,SAAS,EAAE;UACT,8BAA8B,EAAE;YAC9BA,WAAW,EAAE;UACf;QACF,CAAC;QAED,SAAS,EAAE;UACT,8BAA8B,EAAE;YAC9BA,WAAW,EAAE;UACf;QACF,CAAC;QAED,SAAS,EAAE;UACT,8BAA8B,EAAE;YAC9BA,WAAW,EAAE;UACf;QACF,CAAC;QAED,UAAU,EAAE;UACV,8BAA8B,EAAE;YAC9BA,WAAW,EAAE;UACf;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/switch.js

@@ -0,0 +1,95 @@
+"use strict";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+module.exports = Switch = function Switch(colors) {
+  return {
+    '.form-switch-label': {
+      '@apply inline-block align-middle': {},
+      "&[type='hidden']": {
+        '@apply hidden': {},
+        '.form-switch': {
+          '@apply hidden': {}
+        }
+      }
+    },
+    '.form-switch': _extends({
+      '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},
+      '@apply bg-gray-stroke dark:bg-neutral-700': {},
+      // Hover
+      //"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600": {},
+
+      border: '0.1rem solid transparent',
+      'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {
+        backgroundColor: 'currentColor',
+        '.form-switch-box-sm': {
+          transform: 'translateX(1.42rem)'
+        },
+        '.form-switch-box-md': {
+          transform: 'translateX(1.6rem)'
+        },
+        '.form-switch-box-lg': {
+          transform: 'translateX(1.78rem)'
+        }
+      },
+      'input[type=checkbox]:focus-visible + &': {
+        '@apply z-base !important': {},
+        '@apply border-primary !important': {},
+        '@apply ring-4 ring-black !important': {}
+      },
+      'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {
+        '@apply ring-black !important': {}
+      },
+      '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &': {
+        '@apply ring-black !important': {}
+      },
+      'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &': {
+        '@apply cursor-base': {}
+      }
+    }, colors.reduce(function (styles, color) {
+      var _ref, _extends2;
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply text-" + color] = {}, _ref), _extends2));
+    }, {}), {
+      // disabled
+      '&-disabled': {
+        '@apply cursor-not-allowed': {},
+        '&': {
+          backgroundColor: '#ECECEC'
+        }
+      },
+      'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {
+        '@apply bg-gray-stroke': {}
+      },
+      // sizing
+      '&-sm': {
+        height: '2.16rem',
+        width: '3.6rem'
+      },
+      '&-md': {
+        height: '2.4rem',
+        width: '4rem'
+      },
+      '&-lg': {
+        height: '2.64rem',
+        width: '4.4rem'
+      }
+    }),
+    // Knob
+    '.form-switch-box': {
+      '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},
+      // sizing
+      '&-sm': {
+        height: '1.6rem',
+        width: '1.7rem'
+      },
+      '&-md': {
+        height: '2rem',
+        width: '2rem'
+      },
+      '&-lg': {
+        height: '2.2rem',
+        width: '2.2rem'
+      }
+    }
+  };
+};
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["module","exports","Switch","colors","_extends","border","backgroundColor","transform","reduce","styles","color","_ref","_extends2","height","width"],"sources":["../../../src/components/switch.js"],"sourcesContent":["module.exports = Switch = (colors) => ({\r\n  '.form-switch-label': {\r\n    '@apply inline-block align-middle': {},\r\n\r\n    \"&[type='hidden']\": {\r\n      '@apply hidden': {},\r\n\r\n      '.form-switch': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n  '.form-switch': {\r\n    '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},\r\n    '@apply bg-gray-stroke dark:bg-neutral-700': {},\r\n    // Hover\r\n    //\"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600\": {},\r\n\r\n    border: '0.1rem solid transparent',\r\n\r\n    'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {\r\n      backgroundColor: 'currentColor',\r\n      '.form-switch-box-sm': {\r\n        transform: 'translateX(1.42rem)',\r\n      },\r\n      '.form-switch-box-md': {\r\n        transform: 'translateX(1.6rem)',\r\n      },\r\n      '.form-switch-box-lg': {\r\n        transform: 'translateX(1.78rem)',\r\n      },\r\n    },\r\n\r\n    'input[type=checkbox]:focus-visible + &': {\r\n      '@apply z-base !important': {},\r\n      '@apply border-primary !important': {},\r\n      '@apply ring-4 ring-black !important': {},\r\n    },\r\n\r\n    'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {\r\n      '@apply ring-black !important': {},\r\n    },\r\n    '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &':\r\n      {\r\n        '@apply ring-black !important': {},\r\n      },\r\n    'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &':\r\n      {\r\n        '@apply cursor-base': {},\r\n      },\r\n\r\n    // colors\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply text-${color}`]: {},\r\n\r\n          // 'input[type=checkbox]:focus + &': {\r\n          //   borderColor: `${theme(`colors.${color}.DEFAULT`)}`,\r\n          //   boxShadow: `0 0 5px ${theme(`colors.${color}.DEFAULT`)}`,\r\n          //   borderWidth: '0.1rem',\r\n          // },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    // disabled\r\n    '&-disabled': {\r\n      '@apply cursor-not-allowed': {},\r\n\r\n      '&': {\r\n        backgroundColor: '#ECECEC',\r\n      },\r\n    },\r\n\r\n    'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {\r\n      '@apply bg-gray-stroke': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      height: '2.16rem',\r\n      width: '3.6rem',\r\n    },\r\n\r\n    '&-md': {\r\n      height: '2.4rem',\r\n      width: '4rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      height: '2.64rem',\r\n      width: '4.4rem',\r\n    },\r\n  },\r\n\r\n  // Knob\r\n  '.form-switch-box': {\r\n    '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      height: '1.6rem',\r\n      width: '1.7rem',\r\n    },\r\n\r\n    '&-md': {\r\n      height: '2rem',\r\n      width: '2rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      height: '2.2rem',\r\n      width: '2.2rem',\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,OAAM;IACrC,oBAAoB,EAAE;MACpB,kCAAkC,EAAE,CAAC,CAAC;MAEtC,kBAAkB,EAAE;QAClB,eAAe,EAAE,CAAC,CAAC;QAEnB,cAAc,EAAE;UACd,eAAe,EAAE,CAAC;QACpB;MACF;IACF,CAAC;IACD,cAAc,EAAAC,QAAA;MACZ,0DAA0D,EAAE,CAAC,CAAC;MAC9D,2CAA2C,EAAE,CAAC,CAAC;MAC/C;MACA;;MAEAC,MAAM,EAAE,0BAA0B;MAElC,gFAAgF,EAAE;QAChFC,eAAe,EAAE,cAAc;QAC/B,qBAAqB,EAAE;UACrBC,SAAS,EAAE;QACb,CAAC;QACD,qBAAqB,EAAE;UACrBA,SAAS,EAAE;QACb,CAAC;QACD,qBAAqB,EAAE;UACrBA,SAAS,EAAE;QACb;MACF,CAAC;MAED,wCAAwC,EAAE;QACxC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,kCAAkC,EAAE,CAAC,CAAC;QACtC,qCAAqC,EAAE,CAAC;MAC1C,CAAC;MAED,4GAA4G,EAAE;QAC5G,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,uHAAuH,EACrH;QACE,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACH,0HAA0H,EACxH;QACE,oBAAoB,EAAE,CAAC;MACzB;IAAC,GAGAJ,MAAM,CAACK,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAR,QAAA,KACTK,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,kBACLD,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAQ9B,EACF,CAAC,CAAC,CACH;MAED;MACA,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAE/B,GAAG,EAAE;UACHN,eAAe,EAAE;QACnB;MACF,CAAC;MAED,kEAAkE,EAAE;QAClE,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED;MACA,MAAM,EAAE;QACNO,MAAM,EAAE,SAAS;QACjBC,KAAK,EAAE;MACT,CAAC;MAED,MAAM,EAAE;QACND,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAE;MACT,CAAC;MAED,MAAM,EAAE;QACND,MAAM,EAAE,SAAS;QACjBC,KAAK,EAAE;MACT;IAAC,EACF;IAED;IACA,kBAAkB,EAAE;MAClB,2GAA2G,EAAE,CAAC,CAAC;MAE/G;MACA,MAAM,EAAE;QACND,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAE;MACT,CAAC;MAED,MAAM,EAAE;QACND,MAAM,EAAE,MAAM;QACdC,KAAK,EAAE;MACT,CAAC;MAED,MAAM,EAAE;QACND,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAE;MACT;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+module.exports = TabMenu = function TabMenu() {
+  return {
+    '.sk-tab-menu': {
+      '&-wrapper': {
+        display: 'flex',
+        flexDirection: 'row',
+        margin: 'auto'
+      },
+      '&-right': {
+        '@apply justify-end': {}
+      },
+      '&-center': {
+        '@apply justify-center': {}
+      },
+      '&-list': {
+        all: 'unset',
+        display: 'flex',
+        '&-stretch': {
+          '@apply w-full justify-between': {}
+        }
+      },
+      '&-underline': {
+        width: '100%',
+        height: 6,
+        '@apply bg-gray-light': {}
+      },
+      '&-item': {
+        all: 'unset',
+        height: 65,
+        display: 'flex',
+        padding: '0 1rem',
+        marginRight: '5rem',
+        alignItems: 'center',
+        position: 'relative',
+        cursor: 'pointer',
+        '&-stretch': {
+          '@apply mr-0': {}
+        },
+        '&-right': {
+          '@apply mr-0 ml-[5rem]': {}
+        },
+        '&-center:last-of-type': {
+          '@apply mr-0': {}
+        },
+        '&.active::after': {
+          content: '""',
+          display: 'block',
+          position: 'absolute',
+          width: '100%',
+          height: 6,
+          top: '100%',
+          left: 0,
+          '@apply bg-primary': {}
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=tab-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\n  '.sk-tab-menu': {\n    '&-wrapper': {\n      display: 'flex',\n      flexDirection: 'row',\n      margin: 'auto',\n    },\n    '&-right': {\n      '@apply justify-end': {},\n    },\n    '&-center': {\n      '@apply justify-center': {},\n    },\n    '&-list': {\n      all: 'unset',\n      display: 'flex',\n      '&-stretch': {\n        '@apply w-full justify-between': {},\n      },\n    },\n\n    '&-underline': {\n      width: '100%',\n      height: 6,\n      '@apply bg-gray-light': {},\n    },\n    '&-item': {\n      all: 'unset',\n      height: 65,\n      display: 'flex',\n      padding: '0 1rem',\n      marginRight: '5rem',\n      alignItems: 'center',\n      position: 'relative',\n      cursor: 'pointer',\n      '&-stretch': {\n        '@apply mr-0': {},\n      },\n      '&-right': {\n        '@apply mr-0 ml-[5rem]': {},\n      },\n      '&-center:last-of-type': {\n        '@apply mr-0': {},\n      },\n\n      '&.active::after': {\n        content: '\"\"',\n        display: 'block',\n        position: 'absolute',\n        width: '100%',\n        height: 6,\n        top: '100%',\n        left: 0,\n        '@apply bg-primary': {},\n      },\n    },\n  },\n});\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,cAAc,EAAE;MACd,WAAW,EAAE;QACXC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,KAAK;QACpBC,MAAM,EAAE;MACV,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE,CAAC;MACzB,CAAC;MACD,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,QAAQ,EAAE;QACRC,GAAG,EAAE,OAAO;QACZH,OAAO,EAAE,MAAM;QACf,WAAW,EAAE;UACX,+BAA+B,EAAE,CAAC;QACpC;MACF,CAAC;MAED,aAAa,EAAE;QACbI,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,QAAQ,EAAE;QACRF,GAAG,EAAE,OAAO;QACZE,MAAM,EAAE,EAAE;QACVL,OAAO,EAAE,MAAM;QACfM,OAAO,EAAE,QAAQ;QACjBC,WAAW,EAAE,MAAM;QACnBC,UAAU,EAAE,QAAQ;QACpBC,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,SAAS,EAAE;UACT,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,iBAAiB,EAAE;UACjBC,OAAO,EAAE,IAAI;UACbX,OAAO,EAAE,OAAO;UAChBS,QAAQ,EAAE,UAAU;UACpBL,KAAK,EAAE,MAAM;UACbC,MAAM,EAAE,CAAC;UACTO,GAAG,EAAE,MAAM;UACXC,IAAI,EAAE,CAAC;UACP,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/table.js

@@ -0,0 +1,16 @@
+"use strict";
+
+module.exports = Table = function Table() {
+  return {
+    '.table': {
+      '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},
+      '&-item': {
+        '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},
+        '&:nth-child(odd)': {
+          '@apply bg-gray-lighter': {}
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":["module","exports","Table"],"sources":["../../../src/components/table.js"],"sourcesContent":["module.exports = Table = () => ({\r\n  '.table': {\r\n    '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},\r\n\r\n    '&-item': {\r\n      '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},\r\n\r\n      '&:nth-child(odd)': {\r\n        '@apply bg-gray-lighter': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,QAAQ,EAAE;MACR,qFAAqF,EAAE,CAAC,CAAC;MAEzF,QAAQ,EAAE;QACR,8DAA8D,EAAE,CAAC,CAAC;QAElE,kBAAkB,EAAE;UAClB,wBAAwB,EAAE,CAAC;QAC7B;MACF;IACF;EACF,CAAC;AAAA,CAAC"}