@sk-web-gui/core 0.1.75 → 0.1.76

package/dist/esm/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","names":["withOpacity","require","module","exports","primary","DEFAULT","dark","light","active","secondary","success","info","warning","error","neutral","whiteAlpha","blackAlpha"],"sources":["../../src/colors.js"],"sourcesContent":["const withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\r\n  primary: {\r\n    DEFAULT: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    dark: withOpacity('--vc-colors-primary-dark'),\r\n    light: withOpacity('--vc-colors-primary-light'),\r\n    active: withOpacity('--vc-colors-primary-active'),\r\n    50: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    100: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    200: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    300: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    400: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    500: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    600: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    700: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    800: withOpacity('--vc-colors-primary-DEFAULT'),\r\n    900: withOpacity('--vc-colors-primary-DEFAULT'),\r\n  },\r\n\r\n  secondary: {\r\n    DEFAULT: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    dark: withOpacity('--vc-colors-secondary-dark'),\r\n    light: withOpacity('--vc-colors-secondary-light'),\r\n    active: withOpacity('--vc-colors-secondary-active'),\r\n    50: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    100: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    200: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    300: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    400: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    500: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    600: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    700: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    800: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n    900: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n  },\r\n\r\n  success: {\r\n    DEFAULT: withOpacity('--vc-colors-success-DEFAULT'),\r\n    dark: withOpacity('--vc-colors-success-dark'),\r\n    light: withOpacity('--vc-colors-success-light'),\r\n    active: withOpacity('--vc-colors-success-active'),\r\n    50: withOpacity('--vc-colors-success-DEFAULT'),\r\n    100: withOpacity('--vc-colors-success-DEFAULT'),\r\n    200: withOpacity('--vc-colors-success-DEFAULT'),\r\n    300: withOpacity('--vc-colors-success-DEFAULT'),\r\n    400: withOpacity('--vc-colors-success-DEFAULT'),\r\n    500: withOpacity('--vc-colors-success-DEFAULT'),\r\n    600: withOpacity('--vc-colors-success-DEFAULT'),\r\n    700: withOpacity('--vc-colors-success-DEFAULT'),\r\n    800: withOpacity('--vc-colors-success-DEFAULT'),\r\n    900: withOpacity('--vc-colors-success-DEFAULT'),\r\n  },\r\n\r\n  info: {\r\n    DEFAULT: withOpacity('--vc-colors-info-DEFAULT'),\r\n    dark: withOpacity('--vc-colors-info-dark'),\r\n    light: withOpacity('--vc-colors-info-light'),\r\n    active: withOpacity('--vc-colors-info-active'),\r\n    50: withOpacity('--vc-colors-info-DEFAULT'),\r\n    100: withOpacity('--vc-colors-info-DEFAULT'),\r\n    200: withOpacity('--vc-colors-info-DEFAULT'),\r\n    300: withOpacity('--vc-colors-info-DEFAULT'),\r\n    400: withOpacity('--vc-colors-info-DEFAULT'),\r\n    500: withOpacity('--vc-colors-info-DEFAULT'),\r\n    600: withOpacity('--vc-colors-info-DEFAULT'),\r\n    700: withOpacity('--vc-colors-info-DEFAULT'),\r\n    800: withOpacity('--vc-colors-info-DEFAULT'),\r\n    900: withOpacity('--vc-colors-info-DEFAULT'),\r\n  },\r\n\r\n  warning: {\r\n    DEFAULT: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    dark: withOpacity('--vc-colors-warning-dark'),\r\n    light: withOpacity('--vc-colors-warning-light'),\r\n    active: withOpacity('--vc-colors-warning-active'),\r\n    50: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    100: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    200: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    300: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    400: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    500: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    600: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    700: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    800: withOpacity('--vc-colors-warning-DEFAULT'),\r\n    900: withOpacity('--vc-colors-warning-DEFAULT'),\r\n  },\r\n\r\n  error: {\r\n    DEFAULT: withOpacity('--vc-colors-error-DEFAULT'),\r\n    dark: withOpacity('--vc-colors-error-dark'),\r\n    light: withOpacity('--vc-colors-error-light'),\r\n    active: withOpacity('--vc-colors-error-active'),\r\n    50: withOpacity('--vc-colors-error-DEFAULT'),\r\n    100: withOpacity('--vc-colors-error-DEFAULT'),\r\n    200: withOpacity('--vc-colors-error-DEFAULT'),\r\n    300: withOpacity('--vc-colors-error-DEFAULT'),\r\n    400: withOpacity('--vc-colors-error-DEFAULT'),\r\n    500: withOpacity('--vc-colors-error-DEFAULT'),\r\n    600: withOpacity('--vc-colors-error-DEFAULT'),\r\n    700: withOpacity('--vc-colors-error-DEFAULT'),\r\n    800: withOpacity('--vc-colors-error-DEFAULT'),\r\n    900: withOpacity('--vc-colors-error-DEFAULT'),\r\n  },\r\n\r\n  neutral: {\r\n    DEFAULT: withOpacity('--vc-colors-neutral'),\r\n    50: withOpacity('--vc-colors-neutral-50'),\r\n    100: withOpacity('--vc-colors-neutral-100'),\r\n    200: withOpacity('--vc-colors-neutral-200'),\r\n    300: withOpacity('--vc-colors-neutral-300'),\r\n    400: withOpacity('--vc-colors-neutral-400'),\r\n    500: withOpacity('--vc-colors-neutral-500'),\r\n    600: withOpacity('--vc-colors-neutral-600'),\r\n    700: withOpacity('--vc-colors-neutral-700'),\r\n    800: withOpacity('--vc-colors-neutral-800'),\r\n    900: withOpacity('--vc-colors-neutral-900'),\r\n  },\r\n\r\n  whiteAlpha: {\r\n    50: 'rgba(255, 255, 255, 0.04)',\r\n    100: 'rgba(255, 255, 255, 0.06)',\r\n    200: 'rgba(255, 255, 255, 0.08)',\r\n    300: 'rgba(255, 255, 255, 0.16)',\r\n    400: 'rgba(255, 255, 255, 0.24)',\r\n    500: 'rgba(255, 255, 255, 0.36)',\r\n    600: 'rgba(255, 255, 255, 0.48)',\r\n    700: 'rgba(255, 255, 255, 0.64)',\r\n    800: 'rgba(255, 255, 255, 0.80)',\r\n    900: 'rgba(255, 255, 255, 0.92)',\r\n  },\r\n\r\n  blackAlpha: {\r\n    50: 'rgba(0, 0, 0, 0.04)',\r\n    100: 'rgba(0, 0, 0, 0.06)',\r\n    200: 'rgba(0, 0, 0, 0.08)',\r\n    300: 'rgba(0, 0, 0, 0.16)',\r\n    400: 'rgba(0, 0, 0, 0.24)',\r\n    500: 'rgba(0, 0, 0, 0.36)',\r\n    600: 'rgba(0, 0, 0, 0.48)',\r\n    700: 'rgba(0, 0, 0, 0.64)',\r\n    800: 'rgba(0, 0, 0, 0.80)',\r\n    900: 'rgba(0, 0, 0, 0.92)',\r\n  },\r\n};\r\n"],"mappings":"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"}

package/dist/esm/components/accordion.js

@@ -0,0 +1,106 @@
+module.exports = Accordion = colors => ({
+  '.accordion': {
+    '&-header': {
+      '@apply flex flex-col text-left': {},
+      '[aria-expanded="true"] &': {
+        '@apply bg-hover': {}
+      },
+      '&-icon': {
+        '@apply ml-auto !text-2xl': {}
+      }
+    },
+    '&-is-open &-header': {
+      '@apply bg-hover': {}
+    },
+    '&-toggle': {
+      '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-md sm:mx-lg my-md': {},
+      fontWeight: 'bold',
+      //"@apply focus-visible:shadow shadow-lg": {},
+      '&:focus-visible': {
+        boxShadow: '0 0 0 0.4rem #fff!important',
+        outline: '0'
+        //"@apply border-4": {},
+      },
+
+      '.accordion-title': {
+        '@apply mr-md text-base leading-base md:text-lg md:leading-lg': {}
+      },
+      '.accordion-subtitle': {
+        '@apply m-0 mr-md text-sm font-normal': {}
+      }
+    },
+    '&-body': {
+      '@apply h-0 overflow-hidden': {},
+      transitionProperty: 'visibility, height, padding, margin',
+      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
+      transitionDuration: '180ms',
+      '&[aria-hidden="true"], &[data-hidden="true"]': {
+        '@apply my-0 invisible': {}
+      },
+      '&[aria-hidden="false"], &[data-hidden="false"]': {
+        '@apply block h-auto visible': {}
+      }
+    },
+    '&-solid': {
+      '@apply border border-primary': {},
+      '.accordion-header': {
+        '@apply bg-primary text-white': {},
+        '[aria-expanded="true"] &': {
+          '@apply bg-hover': {}
+        }
+      }
+    },
+    '&-alert': {
+      '@apply border border-warning': {},
+      '.accordion-header': {
+        '@apply bg-warning-light text-warning': {},
+        '[aria-expanded="true"] &': {
+          '@apply bg-warning-light': {}
+        }
+      }
+    },
+    '&-is-open': {
+      '@apply border border-gray-stroke': {},
+      '& .accordion-header': {
+        '@apply bg-hover text-white': {}
+      }
+    },
+    '&-is-open-alert': {
+      '@apply border border-warning': {},
+      '& .accordion-header': {
+        '@apply border-b border-warning': {}
+      }
+    },
+    '&-is-open &-body &-is-open-alert': {
+      '@apply overflow-visible animate-reset-overflow': {}
+    },
+    '&-outline': {
+      '@apply border border-gray-stroke': {},
+      '.accordion-body': {
+        '@apply mt-0': {}
+      },
+      '.accordion-toggle': {
+        '&:focus-visible': {
+          boxShadow: '0 0 0 0.4rem #4b4b4b!important',
+          outline: '0'
+        }
+      },
+      '.accordion-header': {
+        '@apply bg-transparent text-body': {},
+        '[aria-expanded="true"] &': {
+          '@apply bg-hover': {}
+        }
+      }
+    },
+    '&-disabled, &-disabled button': {
+      '@apply disabled:cursor-not-allowed cursor-not-allowed': {}
+    },
+    '&-disabled &-header': {
+      '@apply bg-gray-lighter text-gray': {}
+    },
+    '&-disabled, &&-disabled': {
+      '@apply border-gray': {}
+    }
+  }
+});
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":["module","exports","Accordion","colors","fontWeight","boxShadow","outline","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.js"],"sourcesContent":["module.exports = Accordion = (colors) => ({\r\n  '.accordion': {\r\n    '&-header': {\r\n      '@apply flex flex-col text-left': {},\r\n\r\n      '[aria-expanded=\"true\"] &': {\r\n        '@apply bg-hover': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto !text-2xl': {},\r\n      },\r\n    },\r\n\r\n    '&-is-open &-header': {\r\n      '@apply bg-hover': {},\r\n    },\r\n\r\n    '&-toggle': {\r\n      '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-md sm:mx-lg my-md': {},\r\n      fontWeight: 'bold',\r\n      //\"@apply focus-visible:shadow shadow-lg\": {},\r\n      '&:focus-visible': {\r\n        boxShadow: '0 0 0 0.4rem #fff!important',\r\n        outline: '0',\r\n        //\"@apply border-4\": {},\r\n      },\r\n      '.accordion-title': {\r\n        '@apply mr-md text-base leading-base md:text-lg md:leading-lg': {},\r\n      },\r\n      '.accordion-subtitle': {\r\n        '@apply m-0 mr-md text-sm font-normal': {},\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-auto visible': {},\r\n      },\r\n    },\r\n\r\n    '&-solid': {\r\n      '@apply border border-primary': {},\r\n      '.accordion-header': {\r\n        '@apply bg-primary text-white': {},\r\n\r\n        '[aria-expanded=\"true\"] &': {\r\n          '@apply bg-hover': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-alert': {\r\n      '@apply border border-warning': {},\r\n      '.accordion-header': {\r\n        '@apply bg-warning-light text-warning': {},\r\n\r\n        '[aria-expanded=\"true\"] &': {\r\n          '@apply bg-warning-light': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '@apply border border-gray-stroke': {},\r\n      '& .accordion-header': {\r\n        '@apply bg-hover text-white': {},\r\n      },\r\n    },\r\n\r\n    '&-is-open-alert': {\r\n      '@apply border border-warning': {},\r\n      '& .accordion-header': {\r\n        '@apply border-b border-warning': {},\r\n      },\r\n    },\r\n\r\n    '&-is-open &-body &-is-open-alert': {\r\n      '@apply overflow-visible animate-reset-overflow': {},\r\n    },\r\n\r\n    '&-outline': {\r\n      '@apply border border-gray-stroke': {},\r\n      '.accordion-body': {\r\n        '@apply mt-0': {},\r\n      },\r\n      '.accordion-toggle': {\r\n        '&:focus-visible': {\r\n          boxShadow: '0 0 0 0.4rem #4b4b4b!important',\r\n          outline: '0',\r\n        },\r\n      },\r\n      '.accordion-header': {\r\n        '@apply bg-transparent text-body': {},\r\n\r\n        '[aria-expanded=\"true\"] &': {\r\n          '@apply bg-hover': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-disabled, &-disabled button': {\r\n      '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n    },\r\n\r\n    '&-disabled &-header': {\r\n      '@apply bg-gray-lighter text-gray': {},\r\n    },\r\n\r\n    '&-disabled, &&-disabled': {\r\n      '@apply border-gray': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAIC,MAAM,KAAM;EACxC,YAAY,EAAE;IACZ,UAAU,EAAE;MACV,gCAAgC,EAAE,CAAC,CAAC;MAEpC,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,oBAAoB,EAAE;MACpB,iBAAiB,EAAE,CAAC;IACtB,CAAC;IAED,UAAU,EAAE;MACV,iGAAiG,EAAE,CAAC,CAAC;MACrGC,UAAU,EAAE,MAAM;MAClB;MACA,iBAAiB,EAAE;QACjBC,SAAS,EAAE,6BAA6B;QACxCC,OAAO,EAAE;QACT;MACF,CAAC;;MACD,kBAAkB,EAAE;QAClB,8DAA8D,EAAE,CAAC;MACnE,CAAC;MACD,qBAAqB,EAAE;QACrB,sCAAsC,EAAE,CAAC;MAC3C;IACF,CAAC;IAED,QAAQ,EAAE;MACR,4BAA4B,EAAE,CAAC,CAAC;MAChCC,kBAAkB,EAAE,qCAAqC;MACzDC,wBAAwB,EAAE,8BAA8B;MACxDC,kBAAkB,EAAE,OAAO;MAE3B,8CAA8C,EAAE;QAC9C,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,gDAAgD,EAAE;QAChD,6BAA6B,EAAE,CAAC;MAClC;IACF,CAAC;IAED,SAAS,EAAE;MACT,8BAA8B,EAAE,CAAC,CAAC;MAClC,mBAAmB,EAAE;QACnB,8BAA8B,EAAE,CAAC,CAAC;QAElC,0BAA0B,EAAE;UAC1B,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF,CAAC;IAED,SAAS,EAAE;MACT,8BAA8B,EAAE,CAAC,CAAC;MAClC,mBAAmB,EAAE;QACnB,sCAAsC,EAAE,CAAC,CAAC;QAE1C,0BAA0B,EAAE;UAC1B,yBAAyB,EAAE,CAAC;QAC9B;MACF;IACF,CAAC;IAED,WAAW,EAAE;MACX,kCAAkC,EAAE,CAAC,CAAC;MACtC,qBAAqB,EAAE;QACrB,4BAA4B,EAAE,CAAC;MACjC;IACF,CAAC;IAED,iBAAiB,EAAE;MACjB,8BAA8B,EAAE,CAAC,CAAC;MAClC,qBAAqB,EAAE;QACrB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,kCAAkC,EAAE;MAClC,gDAAgD,EAAE,CAAC;IACrD,CAAC;IAED,WAAW,EAAE;MACX,kCAAkC,EAAE,CAAC,CAAC;MACtC,iBAAiB,EAAE;QACjB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,mBAAmB,EAAE;QACnB,iBAAiB,EAAE;UACjBJ,SAAS,EAAE,gCAAgC;UAC3CC,OAAO,EAAE;QACX;MACF,CAAC;MACD,mBAAmB,EAAE;QACnB,iCAAiC,EAAE,CAAC,CAAC;QAErC,0BAA0B,EAAE;UAC1B,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF,CAAC;IAED,+BAA+B,EAAE;MAC/B,uDAAuD,EAAE,CAAC;IAC5D,CAAC;IAED,qBAAqB,EAAE;MACrB,kCAAkC,EAAE,CAAC;IACvC,CAAC;IAED,yBAAyB,EAAE;MACzB,oBAAoB,EAAE,CAAC;IACzB;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/alert-banner.js

@@ -0,0 +1,24 @@
+module.exports = Modal = () => ({
+  '.alert-banner': {
+    '@apply p-md': {},
+    '&-content': {
+      '@apply w-full m-auto flex': {},
+      '&-wrapper': {
+        '@apply flex-grow flex': {}
+      }
+    },
+    '&-icon': {
+      '@apply mr-[10px]': {}
+    },
+    '&-children': {
+      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {}
+    },
+    '&-close': {
+      '@apply p-4 -m-4 flex flex-col': {}
+    }
+  },
+  '.tab': {
+    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
+  }
+});
+//# sourceMappingURL=alert-banner.js.map

package/dist/esm/components/alert-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n  \r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,eAAe,EAAE;IACf,aAAa,EAAE,CAAC,CAAC;IAEjB,WAAW,EAAE;MACX,2BAA2B,EAAE,CAAC,CAAC;MAE/B,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IAED,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,YAAY,EAAE;MACZ,wEAAwE,EAAE,CAAC;IAC7E,CAAC;IAED,SAAS,EAAE;MACT,+BAA+B,EAAE,CAAC;IACpC;EACF,CAAC;EAED,MAAM,EAAE;IACN,mGAAmG,EAAE,CAAC;EACxG;AAEF,CAAC,CAAC"}

package/dist/esm/components/alert.js

@@ -0,0 +1,61 @@
+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); }
+function alertSubtle(colors) {
+  return {
+    '.alert-subtle': _extends({
+      '@apply border rounded-base': {},
+      '@apply text-body': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color + "-50 border-" + color + "-500"]: {},
+        ["@apply dark:text-" + color + "-300 dark:bg-" + color + "-500"]: {},
+        '@apply dark:bg-opacity-15': {},
+        '@apply dark:border-opacity-40': {}
+      }
+    }), {}))
+  };
+}
+function alertSolid(colors) {
+  return {
+    '.alert-solid': _extends({
+      '@apply border rounded-base': {},
+      '@apply text-white': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color + "-500 border-" + color + "-700 border-opacity-20"]: {},
+        ["@apply dark:bg-" + color + "-600 dark:border-" + color + "-500"]: {},
+        '@apply dark:border-opacity-40': {}
+      }
+    }), {}))
+  };
+}
+function alertLeftAccent(colors) {
+  return {
+    '.alert-left-accent': _extends({
+      '@apply border-l-2 rounded-none': {},
+      '@apply text-body': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-transparent border-" + color + "-500"]: {},
+        ["@apply dark:text-" + color + "-300"]: {}
+      }
+    }), {}))
+  };
+}
+function alertCloseButton(colors) {
+  return {
+    '.alert-close-button': _extends({
+      '@apply absolute right-4 cursor-base focus-visible:outline-none': {},
+      '@apply text-neutral-600 hover:text-neutral-700': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply dark:text-" + color + "-300 dark:hover:text-" + color + "-400"]: {}
+      }
+    }), {}))
+  };
+}
+module.exports = Alert = colors => _extends({
+  '.alert': {
+    '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-sm': {}
+  }
+}, alertSubtle(colors), alertSolid(colors), alertLeftAccent(colors), alertCloseButton(colors));
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":["alertSubtle","colors","_extends","reduce","styles","color","alertSolid","alertLeftAccent","alertCloseButton","module","exports","Alert"],"sources":["../../../src/components/alert.js"],"sourcesContent":["function alertSubtle(colors) {\r\n  return {\r\n    '.alert-subtle': {\r\n      '@apply border rounded-base': {},\r\n      '@apply text-body': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-50 border-${color}-500`]: {},\r\n\r\n            [`@apply dark:text-${color}-300 dark:bg-${color}-500`]: {},\r\n            '@apply dark:bg-opacity-15': {},\r\n            '@apply dark:border-opacity-40': {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction alertSolid(colors) {\r\n  return {\r\n    '.alert-solid': {\r\n      '@apply border rounded-base': {},\r\n      '@apply text-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-500 border-${color}-700 border-opacity-20`]: {},\r\n\r\n            [`@apply dark:bg-${color}-600 dark:border-${color}-500`]: {},\r\n            '@apply dark:border-opacity-40': {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction alertLeftAccent(colors) {\r\n  return {\r\n    '.alert-left-accent': {\r\n      '@apply border-l-2 rounded-none': {},\r\n      '@apply text-body': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-transparent border-${color}-500`]: {},\r\n\r\n            [`@apply dark:text-${color}-300`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction alertCloseButton(colors) {\r\n  return {\r\n    '.alert-close-button': {\r\n      '@apply absolute right-4 cursor-base focus-visible:outline-none': {},\r\n      '@apply text-neutral-600 hover:text-neutral-700': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply dark:text-${color}-300 dark:hover:text-${color}-400`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Alert = (colors) => ({\r\n  '.alert': {\r\n    '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-sm': {},\r\n  },\r\n\r\n  // variants\r\n  ...alertSubtle(colors),\r\n  ...alertSolid(colors),\r\n  ...alertLeftAccent(colors),\r\n\r\n  // close button\r\n  ...alertCloseButton(colors),\r\n});\r\n"],"mappings":";AAAA,SAASA,WAAWA,CAACC,MAAM,EAAE;EAC3B,OAAO;IACL,eAAe,EAAAC,QAAA;MACb,4BAA4B,EAAE,CAAC,CAAC;MAChC,kBAAkB,EAAE,CAAC;IAAC,GAEnBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,mBAAcA,KAAK,YAAS,CAAC,CAAC;QAEjD,uBAAqBA,KAAK,qBAAgBA,KAAK,YAAS,CAAC,CAAC;QAC1D,2BAA2B,EAAE,CAAC,CAAC;QAC/B,+BAA+B,EAAE,CAAC;MACpC;IAAC,EACD,EACF,CAAC,CAAC,CACH;EAEL,CAAC;AACH;AAEA,SAASC,UAAUA,CAACL,MAAM,EAAE;EAC1B,OAAO;IACL,cAAc,EAAAC,QAAA;MACZ,4BAA4B,EAAE,CAAC,CAAC;MAChC,mBAAmB,EAAE,CAAC;IAAC,GAEpBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,oBAAeA,KAAK,8BAA2B,CAAC,CAAC;QAEpE,qBAAmBA,KAAK,yBAAoBA,KAAK,YAAS,CAAC,CAAC;QAC5D,+BAA+B,EAAE,CAAC;MACpC;IAAC,EACD,EACF,CAAC,CAAC,CACH;EAEL,CAAC;AACH;AAEA,SAASE,eAAeA,CAACN,MAAM,EAAE;EAC/B,OAAO;IACL,oBAAoB,EAAAC,QAAA;MAClB,gCAAgC,EAAE,CAAC,CAAC;MACpC,kBAAkB,EAAE,CAAC;IAAC,GAEnBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,mCAAiCA,KAAK,YAAS,CAAC,CAAC;QAEjD,uBAAqBA,KAAK,YAAS,CAAC;MACtC;IAAC,EACD,EACF,CAAC,CAAC,CACH;EAEL,CAAC;AACH;AAEA,SAASG,gBAAgBA,CAACP,MAAM,EAAE;EAChC,OAAO;IACL,qBAAqB,EAAAC,QAAA;MACnB,gEAAgE,EAAE,CAAC,CAAC;MACpE,gDAAgD,EAAE,CAAC;IAAC,GAEjDD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,uBAAqBA,KAAK,6BAAwBA,KAAK,YAAS,CAAC;MACnE;IAAC,EACD,EACF,CAAC,CAAC,CACH;EAEL,CAAC;AACH;AAEAI,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAIV,MAAM,IAAAC,QAAA;EAC9B,QAAQ,EAAE;IACR,4EAA4E,EAAE,CAAC;EACjF;AAAC,GAGEF,WAAW,CAACC,MAAM,CAAC,EACnBK,UAAU,CAACL,MAAM,CAAC,EAClBM,eAAe,CAACN,MAAM,CAAC,EAGvBO,gBAAgB,CAACP,MAAM,CAAC,CAC3B"}

package/dist/esm/components/avatar.js

@@ -0,0 +1,67 @@
+module.exports = Avatar = () => ({
+  '.avatar': {
+    '@apply relative inline-flex items-center justify-center flex-shrink-0 align-top rounded-full': {},
+    '@apply bg-neutral-300 text-neutral-800': {},
+    // dark colors
+    '@apply dark:bg-neutral-600 dark:text-neutral-100': {},
+    '&-2xs': {
+      '@apply w-4 h-4': {}
+    },
+    '&-xs': {
+      '@apply w-5 h-5': {}
+    },
+    '&-sm': {
+      '@apply w-6 h-6': {}
+    },
+    '&-md': {
+      '@apply w-7 h-7': {}
+    },
+    '&-lg': {
+      '@apply w-8 h-8': {}
+    },
+    '&-xl': {
+      '@apply w-10 h-10': {}
+    },
+    '&-2xl': {
+      '@apply w-12 h-12': {}
+    },
+    '&-3xl': {
+      '@apply w-16 h-16': {}
+    }
+  },
+  '.avatar-bordered': {
+    '@apply border-2 border-white': {},
+    '@apply dark:border-neutral-800': {}
+  },
+  '.avatar-name': {
+    '@apply font-medium text-center uppercase': {},
+    '&-2xs': {
+      '@apply w-4 h-4': {}
+    },
+    '&-xs': {
+      '@apply w-5 h-5': {}
+    },
+    '&-sm': {
+      '@apply w-6 h-6': {}
+    },
+    '&-md': {
+      '@apply w-7 h-7': {}
+    },
+    '&-lg': {
+      '@apply w-8 h-8': {}
+    },
+    '&-xl': {
+      '@apply w-10 h-10': {}
+    },
+    '&-2xl': {
+      '@apply w-12 h-12': {}
+    },
+    '&-3xl': {
+      '@apply w-16 h-16': {}
+    }
+  },
+  '.avatar-group': {
+    '@apply flex items-center justify-end flex-row-reverse': {}
+  }
+});
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["module","exports","Avatar"],"sources":["../../../src/components/avatar.js"],"sourcesContent":["module.exports = Avatar = () => ({\r\n  '.avatar': {\r\n    '@apply relative inline-flex items-center justify-center flex-shrink-0 align-top rounded-full': {},\r\n    '@apply bg-neutral-300 text-neutral-800': {},\r\n    // dark colors\r\n    '@apply dark:bg-neutral-600 dark:text-neutral-100': {},\r\n\r\n    '&-2xs': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-7 h-7': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-10 h-10': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-12 h-12': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-16 h-16': {},\r\n    },\r\n  },\r\n\r\n  '.avatar-bordered': {\r\n    '@apply border-2 border-white': {},\r\n    '@apply dark:border-neutral-800': {},\r\n  },\r\n\r\n  '.avatar-name': {\r\n    '@apply font-medium text-center uppercase': {},\r\n\r\n    '&-2xs': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-7 h-7': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-10 h-10': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-12 h-12': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-16 h-16': {},\r\n    },\r\n  },\r\n\r\n  '.avatar-group': {\r\n    '@apply flex items-center justify-end flex-row-reverse': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAGA,CAAA,MAAO;EAC/B,SAAS,EAAE;IACT,8FAA8F,EAAE,CAAC,CAAC;IAClG,wCAAwC,EAAE,CAAC,CAAC;IAC5C;IACA,kDAAkD,EAAE,CAAC,CAAC;IAEtD,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,EAAE;MACP,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,EAAE;MACP,kBAAkB,EAAE,CAAC;IACvB;EACF,CAAC;EAED,kBAAkB,EAAE;IAClB,8BAA8B,EAAE,CAAC,CAAC;IAClC,gCAAgC,EAAE,CAAC;EACrC,CAAC;EAED,cAAc,EAAE;IACd,0CAA0C,EAAE,CAAC,CAAC;IAE9C,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,EAAE;MACP,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,EAAE;MACP,kBAAkB,EAAE,CAAC;IACvB;EACF,CAAC;EAED,eAAe,EAAE;IACf,uDAAuD,EAAE,CAAC;EAC5D;AACF,CAAC,CAAC"}

package/dist/esm/components/badge.js

@@ -0,0 +1,178 @@
+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); }
+function badgeSolid(colors) {
+  return {
+    '&-solid': _extends({
+      '@apply border-2 border-white box-border': {},
+      '@apply text-white': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        //[`@apply border-${color}`]: {},
+        ["@apply text-white bg-" + color]: {}
+      }
+    }), {}), {
+      "&[data-color='primary']": {
+        '@apply bg-primary': {}
+      },
+      "&[data-color='warning']": {
+        '@apply bg-warning': {}
+      },
+      "&[data-color='error']": {
+        '@apply bg-error': {}
+      },
+      "&[data-color='neutral']": {
+        '@apply bg-neutral-400': {}
+      }
+    })
+  };
+}
+function badgeOutline(colors) {
+  return {
+    '&-outline': _extends({
+      '@apply border border-gray-stroke': {},
+      '@apply text-body bg-transparent': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply border-current"]: {},
+        ["@apply text-" + color]: {}
+      }
+    }), {}), {
+      '&.badge': {
+        '&-disabled': {
+          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},
+          '&.active': {
+            '@apply border-gray-stroke': {}
+          }
+        }
+      },
+      "&[data-color='primary']": {
+        '@apply border-primary': {},
+        '@apply text-primary': {}
+      },
+      "&[data-color='warning']": {
+        '@apply border-warning': {},
+        '@apply text-warning': {}
+      },
+      "&[data-color='error']": {
+        '@apply border-error': {},
+        '@apply text-error': {}
+      },
+      "&[data-color='neutral']": {
+        '@apply border-neutral-300': {}
+      }
+    })
+  };
+}
+module.exports = badge = colors => ({
+  '.badge': _extends({
+    '@apply relative': {},
+    '@apply m-0': {},
+    '@apply inline-flex items-center justify-center content-center align-middle': {},
+    '@apply font-sans leading-none': {},
+    '&-fullrounded': {
+      '@apply rounded-full': {}
+    },
+    //rounding
+    '&-roundedcorners-md': {
+      '@apply rounded-3xl px-sm': {}
+    },
+    '&-roundedcorners-lg': {
+      '@apply rounded-3xl px-sm': {}
+    },
+    // sizing
+    '&-sm': {
+      '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},
+      minHeight: '10px',
+      maxHeight: '10px',
+      minWidth: '10px',
+      '&.noborder': {
+        '@apply border-none': {},
+        minHeight: '6px',
+        maxHeight: '6px',
+        minWidth: '6px'
+      }
+    },
+    '&-md': {
+      '@apply text-xs font-bold': {},
+      minHeight: '24px',
+      maxHeight: '24px',
+      minWidth: '24px',
+      '&.noborder': {
+        '@apply border-none': {},
+        minHeight: '20px',
+        maxHeight: '20px',
+        minWidth: '20px'
+      }
+    },
+    '&-lg': {
+      '@apply text-sm font-bold': {},
+      minHeight: '28px',
+      maxHeight: '28px',
+      minWidth: '28px',
+      '&.noborder': {
+        '@apply border-none': {},
+        minHeight: '24px',
+        maxHeight: '24px',
+        minWidth: '24px'
+      }
+    },
+    '&-standard-sm': {
+      '@apply right-[-4px] self-center': {},
+      '&.noborder': {
+        '@apply right-[-5px]': {}
+      }
+    },
+    '&-standard-md': {
+      '@apply right-[-4px] self-center': {},
+      '&.noborder': {
+        '@apply right-[-5px]': {}
+      }
+    },
+    '&-standard-lg': {
+      '@apply right-[-4px] self-center': {},
+      '&.noborder': {
+        '@apply right-[-5px]': {}
+      }
+    },
+    '&-super-sm': {
+      '@apply right-[-2px] top-[-5px]': {},
+      '&.noborder': {
+        '@apply right-[-3px]': {}
+      }
+    },
+    '&-super-md': {
+      '@apply right-[-3px] top-[-8px]': {},
+      '&.noborder': {
+        '@apply right-[-4px]': {}
+      }
+    },
+    '&-super-lg': {
+      '@apply right-[-4px] top-[-8px]': {},
+      '&.noborder': {
+        '@apply right-[-5px]': {}
+      }
+    },
+    '&-superoverlap-sm': {
+      '@apply right-[3px] top-[-5px]': {},
+      '&.noborder': {
+        '@apply right-[2px]': {}
+      }
+    },
+    '&-superoverlap-md': {
+      '@apply right-[8px] top-[-6px]': {},
+      '&.noborder': {
+        '@apply right-[7px]': {}
+      }
+    },
+    '&-superoverlap-lg': {
+      '@apply right-[8px] top-[-8px]': {},
+      '&.noborder': {
+        '@apply right-[7px]': {}
+      }
+    },
+    '&-fit-content': {
+      '@apply p-0': {},
+      fontSize: 'inherit'
+    }
+  }, badgeSolid(colors), badgeOutline(colors))
+});
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","badgeOutline","module","exports","badge","minHeight","maxHeight","minWidth","fontSize"],"sources":["../../../src/components/badge.js"],"sourcesContent":["function badgeSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border-2 border-white box-border': {},\r\n      '@apply text-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply bg-warning': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply bg-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply bg-neutral-400': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction badgeOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.badge': {\r\n        '&-disabled': {\r\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary': {},\r\n        '@apply text-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply border-warning': {},\r\n        '@apply text-warning': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply border-error': {},\r\n        '@apply text-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply border-neutral-300': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = badge = (colors) => ({\r\n  '.badge': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply inline-flex items-center justify-center content-center align-middle': {},\r\n    '@apply font-sans leading-none': {},\r\n\r\n    '&-fullrounded': {\r\n      '@apply rounded-full': {},\r\n    },\r\n\r\n    //rounding\r\n    '&-roundedcorners-md': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    '&-roundedcorners-lg': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},\r\n      minHeight: '10px',\r\n      maxHeight: '10px',\r\n      minWidth: '10px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '6px',\r\n        maxHeight: '6px',\r\n        minWidth: '6px',\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-xs font-bold': {},\r\n      minHeight: '24px',\r\n      maxHeight: '24px',\r\n      minWidth: '24px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '20px',\r\n        maxHeight: '20px',\r\n        minWidth: '20px',\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-sm font-bold': {},\r\n      minHeight: '28px',\r\n      maxHeight: '28px',\r\n      minWidth: '28px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '24px',\r\n        maxHeight: '24px',\r\n        minWidth: '24px',\r\n      },\r\n    },\r\n\r\n    '&-standard-sm': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-md': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-lg': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-super-sm': {\r\n      '@apply right-[-2px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-3px]': {},\r\n      },\r\n    },\r\n    '&-super-md': {\r\n      '@apply right-[-3px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-4px]': {},\r\n      },\r\n    },\r\n    '&-super-lg': {\r\n      '@apply right-[-4px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-superoverlap-sm': {\r\n      '@apply right-[3px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[2px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-md': {\r\n      '@apply right-[8px] top-[-6px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-lg': {\r\n      '@apply right-[8px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // variants\r\n    ...badgeSolid(colors),\r\n    ...badgeOutline(colors),\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/breadcrumb.js

@@ -0,0 +1,12 @@
+module.exports = Breadcrumb = () => ({
+  '.breadcrumb': {
+    '@apply text-body relative': {},
+    '&-item': {
+      '@apply inline-flex items-center whitespace-nowrap': {}
+    },
+    '&-separator': {
+      '@apply mx-2': {}
+    }
+  }
+});
+//# sourceMappingURL=breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":["module","exports","Breadcrumb"],"sources":["../../../src/components/breadcrumb.js"],"sourcesContent":["module.exports = Breadcrumb = () => ({\r\n  '.breadcrumb': {\r\n    '@apply text-body relative': {},\r\n\r\n    '&-item': {\r\n      '@apply inline-flex items-center whitespace-nowrap': {},\r\n    },\r\n\r\n    '&-separator': {\r\n      '@apply mx-2': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAGA,CAAA,MAAO;EACnC,aAAa,EAAE;IACb,2BAA2B,EAAE,CAAC,CAAC;IAE/B,QAAQ,EAAE;MACR,mDAAmD,EAAE,CAAC;IACxD,CAAC;IAED,aAAa,EAAE;MACb,aAAa,EAAE,CAAC;IAClB;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/button-group.js

@@ -0,0 +1,39 @@
+// TODO: how it works with prefix?
+module.exports = ButtonGroup = () => ({
+  '.btn-group': {
+    '@apply inline-block': {},
+    '&.btn-group-attached': {
+      '> .btn-icon': {
+        boxSizing: 'content-box'
+      },
+      '> *:first-of-type:not(:last-of-type)': {
+        borderTopRightRadius: '0px',
+        borderBottomRightRadius: '0px'
+      },
+      '> *:not(:first-of-type):not(:last-of-type)': {
+        borderRadius: '0px'
+      },
+      '> *:not(:first-of-type):last-of-type': {
+        borderTopLeftRadius: '0px',
+        borderBottomLeftRadius: '0px'
+      },
+      '> .btn-solid:not(:last-child), > .btn-outline:not(:last-child)': {
+        borderRightWidth: '0px'
+      },
+      '> .btn-solid:hover, > .btn-outline:hover': {
+        borderRightWidth: '1px'
+      },
+      '> *:not(:last-of-type):hover + .btn-solid, > *:not(:last-of-type):hover + .btn-outline': {
+        borderLeftWidth: '0px'
+      },
+      '> .btn-solid:focus, > .btn-outline:focus': {
+        zIndex: '1px',
+        borderRightWidth: '1px'
+      },
+      '> *:not(:last-of-type):focus + .btn-solid, > *:not(:last-of-type):focus + .btn-outline': {
+        borderLeftWidth: '0px'
+      }
+    }
+  }
+});
+//# sourceMappingURL=button-group.js.map

package/dist/esm/components/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","names":["module","exports","ButtonGroup","boxSizing","borderTopRightRadius","borderBottomRightRadius","borderRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRightWidth","borderLeftWidth","zIndex"],"sources":["../../../src/components/button-group.js"],"sourcesContent":["// TODO: how it works with prefix?\r\nmodule.exports = ButtonGroup = () => ({\r\n  '.btn-group': {\r\n    '@apply inline-block': {},\r\n\r\n    '&.btn-group-attached': {\r\n      '> .btn-icon': {\r\n        boxSizing: 'content-box',\r\n      },\r\n      '> *:first-of-type:not(:last-of-type)': {\r\n        borderTopRightRadius: '0px',\r\n        borderBottomRightRadius: '0px',\r\n      },\r\n\r\n      '> *:not(:first-of-type):not(:last-of-type)': {\r\n        borderRadius: '0px',\r\n      },\r\n\r\n      '> *:not(:first-of-type):last-of-type': {\r\n        borderTopLeftRadius: '0px',\r\n        borderBottomLeftRadius: '0px',\r\n      },\r\n\r\n      '> .btn-solid:not(:last-child), > .btn-outline:not(:last-child)': {\r\n        borderRightWidth: '0px',\r\n      },\r\n\r\n      '> .btn-solid:hover, > .btn-outline:hover': {\r\n        borderRightWidth: '1px',\r\n      },\r\n\r\n      '> *:not(:last-of-type):hover + .btn-solid, > *:not(:last-of-type):hover + .btn-outline': {\r\n        borderLeftWidth: '0px',\r\n      },\r\n\r\n      '> .btn-solid:focus, > .btn-outline:focus': {\r\n        zIndex: '1px',\r\n        borderRightWidth: '1px',\r\n      },\r\n\r\n      '> *:not(:last-of-type):focus + .btn-solid, > *:not(:last-of-type):focus + .btn-outline': {\r\n        borderLeftWidth: '0px',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA;AACAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAGA,CAAA,MAAO;EACpC,YAAY,EAAE;IACZ,qBAAqB,EAAE,CAAC,CAAC;IAEzB,sBAAsB,EAAE;MACtB,aAAa,EAAE;QACbC,SAAS,EAAE;MACb,CAAC;MACD,sCAAsC,EAAE;QACtCC,oBAAoB,EAAE,KAAK;QAC3BC,uBAAuB,EAAE;MAC3B,CAAC;MAED,4CAA4C,EAAE;QAC5CC,YAAY,EAAE;MAChB,CAAC;MAED,sCAAsC,EAAE;QACtCC,mBAAmB,EAAE,KAAK;QAC1BC,sBAAsB,EAAE;MAC1B,CAAC;MAED,gEAAgE,EAAE;QAChEC,gBAAgB,EAAE;MACpB,CAAC;MAED,0CAA0C,EAAE;QAC1CA,gBAAgB,EAAE;MACpB,CAAC;MAED,wFAAwF,EAAE;QACxFC,eAAe,EAAE;MACnB,CAAC;MAED,0CAA0C,EAAE;QAC1CC,MAAM,EAAE,KAAK;QACbF,gBAAgB,EAAE;MACpB,CAAC;MAED,wFAAwF,EAAE;QACxFC,eAAe,EAAE;MACnB;IACF;EACF;AACF,CAAC,CAAC"}