@sk-web-gui/core 0.1.82 → 0.1.83

package/dist/cjs/colors.js

@@ -1,5 +1,6 @@
 "use strict";
 
+// File unused
 var withOpacity = require('./with-opacity');
 module.exports = {
   primary: {

package/dist/cjs/colors.js.map

@@ -1 +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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"}
+{"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":["// File unused\r\nconst 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/cjs/components/accordion.js

@@ -74,7 +74,7 @@ module.exports = Accordion = function Accordion(colors) {
           '@apply border-b border-warning': {}
         }
       },
-      '&-is-open &-body &-is-open-alert': {
+      '&-is-open &-body, &-is-open-alert &-body': {
         '@apply overflow-visible animate-reset-overflow': {}
       },
       '&-outline': {

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

@@ -1 +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,GAAG,SAAAA,UAACC,MAAM;EAAA,OAAM;IACxC,YAAY,EAAE;MACZ,UAAU,EAAE;QACV,gCAAgC,EAAE,CAAC,CAAC;QAEpC,0BAA0B,EAAE;UAC1B,iBAAiB,EAAE,CAAC;QACtB,CAAC;QAED,QAAQ,EAAE;UACR,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,oBAAoB,EAAE;QACpB,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,UAAU,EAAE;QACV,iGAAiG,EAAE,CAAC,CAAC;QACrGC,UAAU,EAAE,MAAM;QAClB;QACA,iBAAiB,EAAE;UACjBC,SAAS,EAAE,6BAA6B;UACxCC,OAAO,EAAE;UACT;QACF,CAAC;;QACD,kBAAkB,EAAE;UAClB,8DAA8D,EAAE,CAAC;QACnE,CAAC;QACD,qBAAqB,EAAE;UACrB,sCAAsC,EAAE,CAAC;QAC3C;MACF,CAAC;MAED,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC,CAAC;QAChCC,kBAAkB,EAAE,qCAAqC;QACzDC,wBAAwB,EAAE,8BAA8B;QACxDC,kBAAkB,EAAE,OAAO;QAE3B,8CAA8C,EAAE;UAC9C,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QAED,gDAAgD,EAAE;UAChD,6BAA6B,EAAE,CAAC;QAClC;MACF,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE,CAAC,CAAC;QAClC,mBAAmB,EAAE;UACnB,8BAA8B,EAAE,CAAC,CAAC;UAElC,0BAA0B,EAAE;YAC1B,iBAAiB,EAAE,CAAC;UACtB;QACF;MACF,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE,CAAC,CAAC;QAClC,mBAAmB,EAAE;UACnB,sCAAsC,EAAE,CAAC,CAAC;UAE1C,0BAA0B,EAAE;YAC1B,yBAAyB,EAAE,CAAC;UAC9B;QACF;MACF,CAAC;MAED,WAAW,EAAE;QACX,kCAAkC,EAAE,CAAC,CAAC;QACtC,qBAAqB,EAAE;UACrB,4BAA4B,EAAE,CAAC;QACjC;MACF,CAAC;MAED,iBAAiB,EAAE;QACjB,8BAA8B,EAAE,CAAC,CAAC;QAClC,qBAAqB,EAAE;UACrB,gCAAgC,EAAE,CAAC;QACrC;MACF,CAAC;MAED,kCAAkC,EAAE;QAClC,gDAAgD,EAAE,CAAC;MACrD,CAAC;MAED,WAAW,EAAE;QACX,kCAAkC,EAAE,CAAC,CAAC;QACtC,iBAAiB,EAAE;UACjB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,mBAAmB,EAAE;UACnB,iBAAiB,EAAE;YACjBJ,SAAS,EAAE,gCAAgC;YAC3CC,OAAO,EAAE;UACX;QACF,CAAC;QACD,mBAAmB,EAAE;UACnB,iCAAiC,EAAE,CAAC,CAAC;UAErC,0BAA0B,EAAE;YAC1B,iBAAiB,EAAE,CAAC;UACtB;QACF;MACF,CAAC;MAED,+BAA+B,EAAE;QAC/B,uDAAuD,EAAE,CAAC;MAC5D,CAAC;MAED,qBAAqB,EAAE;QACrB,kCAAkC,EAAE,CAAC;MACvC,CAAC;MAED,yBAAyB,EAAE;QACzB,oBAAoB,EAAE,CAAC;MACzB;IACF;EACF,CAAC;AAAA,CAAC"}
+{"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 &-body': {\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,GAAG,SAAAA,UAACC,MAAM;EAAA,OAAM;IACxC,YAAY,EAAE;MACZ,UAAU,EAAE;QACV,gCAAgC,EAAE,CAAC,CAAC;QAEpC,0BAA0B,EAAE;UAC1B,iBAAiB,EAAE,CAAC;QACtB,CAAC;QAED,QAAQ,EAAE;UACR,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,oBAAoB,EAAE;QACpB,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,UAAU,EAAE;QACV,iGAAiG,EAAE,CAAC,CAAC;QACrGC,UAAU,EAAE,MAAM;QAClB;QACA,iBAAiB,EAAE;UACjBC,SAAS,EAAE,6BAA6B;UACxCC,OAAO,EAAE;UACT;QACF,CAAC;;QACD,kBAAkB,EAAE;UAClB,8DAA8D,EAAE,CAAC;QACnE,CAAC;QACD,qBAAqB,EAAE;UACrB,sCAAsC,EAAE,CAAC;QAC3C;MACF,CAAC;MAED,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC,CAAC;QAChCC,kBAAkB,EAAE,qCAAqC;QACzDC,wBAAwB,EAAE,8BAA8B;QACxDC,kBAAkB,EAAE,OAAO;QAE3B,8CAA8C,EAAE;UAC9C,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QAED,gDAAgD,EAAE;UAChD,6BAA6B,EAAE,CAAC;QAClC;MACF,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE,CAAC,CAAC;QAClC,mBAAmB,EAAE;UACnB,8BAA8B,EAAE,CAAC,CAAC;UAElC,0BAA0B,EAAE;YAC1B,iBAAiB,EAAE,CAAC;UACtB;QACF;MACF,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE,CAAC,CAAC;QAClC,mBAAmB,EAAE;UACnB,sCAAsC,EAAE,CAAC,CAAC;UAE1C,0BAA0B,EAAE;YAC1B,yBAAyB,EAAE,CAAC;UAC9B;QACF;MACF,CAAC;MAED,WAAW,EAAE;QACX,kCAAkC,EAAE,CAAC,CAAC;QACtC,qBAAqB,EAAE;UACrB,4BAA4B,EAAE,CAAC;QACjC;MACF,CAAC;MAED,iBAAiB,EAAE;QACjB,8BAA8B,EAAE,CAAC,CAAC;QAClC,qBAAqB,EAAE;UACrB,gCAAgC,EAAE,CAAC;QACrC;MACF,CAAC;MAED,0CAA0C,EAAE;QAC1C,gDAAgD,EAAE,CAAC;MACrD,CAAC;MAED,WAAW,EAAE;QACX,kCAAkC,EAAE,CAAC,CAAC;QACtC,iBAAiB,EAAE;UACjB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,mBAAmB,EAAE;UACnB,iBAAiB,EAAE;YACjBJ,SAAS,EAAE,gCAAgC;YAC3CC,OAAO,EAAE;UACX;QACF,CAAC;QACD,mBAAmB,EAAE;UACnB,iCAAiC,EAAE,CAAC,CAAC;UAErC,0BAA0B,EAAE;YAC1B,iBAAiB,EAAE,CAAC;UACtB;QACF;MACF,CAAC;MAED,+BAA+B,EAAE;QAC/B,uDAAuD,EAAE,CAAC;MAC5D,CAAC;MAED,qBAAqB,EAAE;QACrB,kCAAkC,EAAE,CAAC;MACvC,CAAC;MAED,yBAAyB,EAAE;QACzB,oBAAoB,EAAE,CAAC;MACzB;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":["alertSubtle","colors","_extends","reduce","styles","color","_ref","_extends2","alertSolid","_ref2","_extends3","alertLeftAccent","_ref3","_extends4","alertCloseButton","_ref4","_extends5","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":"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"}
+{"version":3,"file":"alert.js","names":["alertSubtle","colors","_extends","reduce","styles","color","_ref","_extends2","alertSolid","_ref2","_extends3","alertLeftAccent","_ref3","_extends4","alertCloseButton","_ref4","_extends5","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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","_ref","_extends2","badgeOutline","_ref2","_extends3","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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"}
+{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","_ref","_extends2","badgeOutline","_ref2","_extends3","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/cjs/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buttonSolid","colors","_extends","reduce","styles","color","_active","_ref","_extends2","buttonOutline","_active2","_ref2","_extends3","buttonGhost","_ref3","_extends4","buttonLight","_ref4","_extends5","buttonLink","_ref5","_extends6","module","exports","Button","transitionProperty","borderRadius","minHeight","maxHeight","fontSize","width","height","minWidth","maxWidth"],"sources":["../../../src/components/button.js"],"sourcesContent":["function buttonSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      //\"@apply text-\": {},\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-white': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-hover border-primary-active': {},\r\n        /* dark */\r\n        '@apply dark:border-hover dark:bg-neutral-600': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-black': {},\r\n      /* active */\r\n      '@apply active:bg-hover active:text-white': {},\r\n\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {},\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            // hover\r\n            [`@apply hover:text-white hover:bg-${color}-active`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active`]: {},\r\n            },\r\n\r\n            [`@apply active:text-white active:bg-${color}-active`]: {},\r\n            [`@apply focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n\r\n            // focus\r\n            //[`@apply focus-visible:bg-${color}-700`]: {},\r\n            //[`@apply focus-visible:border-${color}-500`]: {},\r\n            //[`@apply focus-visible:ring-${color}-500`]: {},\r\n            // active\r\n            //[`@apply active:bg-${color}-600`]: {},\r\n            // dark mode\r\n            //[`@apply dark:border-${color}-500`]: {},\r\n            //[`@apply dark:bg-${color}-600`]: {},\r\n            // dark hover\r\n            //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},\r\n            // dark focus\r\n            //[`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            //[`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            // dark active\r\n            //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary hover:border-primary-active': {},\r\n        '&.active': {\r\n          '@apply border-primary-active': {},\r\n        },\r\n      },\r\n\r\n      '&.btn': {\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  };\r\n}\r\n\r\nfunction buttonOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-primary-active border-primary-active': {},\r\n        /* dark keyboard active */\r\n        '@apply dark:border-neutral-300 dark:bg-neutral-700': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary-500': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-200': {},\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {},\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}-600 bg-transparent`]: {},\r\n            /* hover */\r\n            [`@apply hover:text-white hover:bg-${color}-active hover:border-${color}-active`]: {},\r\n            /* keyboard active */\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active border-${color}-active`]: {},\r\n\r\n              /* dark keyboard active */\r\n              [`@apply dark:bg-${color}-200`]: {},\r\n              [`@apply dark:bg-opacity-15`]: {},\r\n            },\r\n            /* focus */\r\n            [`@apply focus-visible:border-${color}-500`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            /* active */\r\n            [`@apply active:bg-${color}-100`]: {},\r\n            /* dark mode */\r\n            [`@apply dark:border-${color}-200`]: {},\r\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n            /* dark hover */\r\n            [`@apply dark:hover:bg-${color}-200`]: {},\r\n            [`@apply dark:hover:bg-opacity-15`]: {},\r\n            /* dark focus */\r\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            /* dark active */\r\n            [`@apply dark:active:bg-${color}-200`]: {},\r\n            [`@apply dark:active:bg-opacity-25`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.btn': {\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  };\r\n}\r\n\r\nfunction buttonGhost(colors) {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-body bg-transparent': {},\r\n      '@apply hover:bg-neutral-100': {},\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-200': {},\r\n      /* dark mode */\r\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-400': {},\r\n\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 hover:bg-${color}-50`]: {},\r\n            /* focus */\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            [`@apply active:bg-${color}-100`]: {},\r\n            // dark colors\r\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n            [`@apply dark:border-${color}-300 dark:hover:bg-${color}-200`]: {},\r\n            [`@apply dark:hover:bg-opacity-15`]: {},\r\n            [`@apply dark:active:bg-${color}-200`]: {},\r\n            [`@apply dark:active:bg-opacity-25`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLight(colors) {\r\n  return {\r\n    '&-light': {\r\n      '@apply shadow-sm': {},\r\n      '@apply border border-transparent': {},\r\n      '@apply text-body bg-neutral-100': {},\r\n      /* hover */\r\n      '@apply hover:bg-neutral-200': {},\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary-500': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-300': {},\r\n      /* dark mode */\r\n      '@apply dark:border-transparent': {},\r\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:bg-neutral-600': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600 bg-${color}-50`]: {},\r\n            /* hover */\r\n            [`@apply hover:bg-${color}-100`]: {},\r\n            /* focus */\r\n            [`@apply focus-visible:border-${color}-500`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            /* active */\r\n            [`@apply active:bg-${color}-200`]: {},\r\n            /* dark mode */\r\n            [`@apply dark:text-${color}-300 dark:bg-${color}-500`]: {},\r\n            [`@apply dark:bg-opacity-15`]: {},\r\n            /* dark hover */\r\n            [`@apply dark:hover:bg-${color}-500`]: {},\r\n            [`@apply dark:hover:bg-opacity-25`]: {},\r\n            /* dark focus */\r\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            /* dark active */\r\n            [`@apply dark:active:bg-${color}-500`]: {},\r\n            [`@apply dark:active:bg-opacity-30`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600 active:text-${color}-700`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            // dark colors\r\n            [`@apply dark:text-${color}-200`]: {},\r\n            [`@apply dark:active:text-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Button = (colors) => ({\r\n  '.btn': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-[3.2rem]': {},\r\n    '@apply py-0': {},\r\n    '@apply rounded-[0.4rem] inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply font-medium leading-tight': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      borderRadius: '3.2rem',\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minHeight: '4rem',\r\n      maxHeight: '4rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-sm': {},\r\n      minHeight: '4.4rem',\r\n      maxHeight: '4.4rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minHeight: '4.8rem',\r\n      maxHeight: '4.8rem',\r\n    },\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // State\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:shadow-none disabled:cursor-not-allowed': {},\r\n      '@apply disabled:text-gray disabled:bg-gray-light !important': {},\r\n    },\r\n    '.MuiSvgIcon-root': {\r\n      fontSize: '1.5em',\r\n      width: '1em',\r\n      height: '1em',\r\n    },\r\n\r\n    // variants\r\n    ...buttonSolid(colors),\r\n    ...buttonOutline(colors),\r\n    //...buttonGhost(colors),\r\n    //...buttonLight(colors),\r\n    ...buttonLink(colors),\r\n  },\r\n  '.btn-has-icon': {\r\n    '&-left .MuiSvgIcon-root': {\r\n      '@apply mr-sm': {},\r\n    },\r\n    '&-right .MuiSvgIcon-root': {\r\n      '@apply ml-sm': {},\r\n    },\r\n  },\r\n  '[data-icon=true]': {\r\n    '@apply p-0': {},\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&.btn-sm': {\r\n      minWidth: '4rem',\r\n      maxWidth: '4rem',\r\n    },\r\n\r\n    '&.btn-md': {\r\n      minWidth: '4.4rem',\r\n      maxWidth: '4.4rem',\r\n    },\r\n\r\n    '&.btn-lg': {\r\n      minWidth: '4.8rem',\r\n      maxWidth: '4.8rem',\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left .MuiSvgIcon-root': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-right .MuiSvgIcon-root': {\r\n        '@apply ml-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":["buttonSolid","colors","_extends","reduce","styles","color","_active","_ref","_extends2","buttonOutline","_active2","_ref2","_extends3","buttonGhost","_ref3","_extends4","buttonLight","_ref4","_extends5","buttonLink","_ref5","_extends6","module","exports","Button","transitionProperty","borderRadius","minHeight","maxHeight","fontSize","width","height","minWidth","maxWidth"],"sources":["../../../src/components/button.js"],"sourcesContent":["function buttonSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      //\"@apply text-\": {},\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-white': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-hover border-primary-active': {},\r\n        /* dark */\r\n        '@apply dark:border-hover dark:bg-neutral-600': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-black': {},\r\n      /* active */\r\n      '@apply active:bg-hover active:text-white': {},\r\n\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {},\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            // hover\r\n            [`@apply hover:text-white hover:bg-${color}-active`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active`]: {},\r\n            },\r\n\r\n            [`@apply active:text-white active:bg-${color}-active`]: {},\r\n            [`@apply focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n\r\n            // focus\r\n            //[`@apply focus-visible:bg-${color}-700`]: {},\r\n            //[`@apply focus-visible:border-${color}-500`]: {},\r\n            //[`@apply focus-visible:ring-${color}-500`]: {},\r\n            // active\r\n            //[`@apply active:bg-${color}-600`]: {},\r\n            // dark mode\r\n            //[`@apply dark:border-${color}-500`]: {},\r\n            //[`@apply dark:bg-${color}-600`]: {},\r\n            // dark hover\r\n            //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},\r\n            // dark focus\r\n            //[`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            //[`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            // dark active\r\n            //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary hover:border-primary-active': {},\r\n        '&.active': {\r\n          '@apply border-primary-active': {},\r\n        },\r\n      },\r\n\r\n      '&.btn': {\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  };\r\n}\r\n\r\nfunction buttonOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-primary-active border-primary-active': {},\r\n        /* dark keyboard active */\r\n        '@apply dark:border-neutral-300 dark:bg-neutral-700': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary-500': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-200': {},\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {},\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}-600 bg-transparent`]: {},\r\n            /* hover */\r\n            [`@apply hover:text-white hover:bg-${color}-active hover:border-${color}-active`]: {},\r\n            /* keyboard active */\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active border-${color}-active`]: {},\r\n\r\n              /* dark keyboard active */\r\n              [`@apply dark:bg-${color}-200`]: {},\r\n              [`@apply dark:bg-opacity-15`]: {},\r\n            },\r\n            /* focus */\r\n            [`@apply focus-visible:border-${color}-500`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            /* active */\r\n            [`@apply active:bg-${color}-100`]: {},\r\n            /* dark mode */\r\n            [`@apply dark:border-${color}-200`]: {},\r\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n            /* dark hover */\r\n            [`@apply dark:hover:bg-${color}-200`]: {},\r\n            [`@apply dark:hover:bg-opacity-15`]: {},\r\n            /* dark focus */\r\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            /* dark active */\r\n            [`@apply dark:active:bg-${color}-200`]: {},\r\n            [`@apply dark:active:bg-opacity-25`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.btn': {\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  };\r\n}\r\n\r\nfunction buttonGhost(colors) {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-body bg-transparent': {},\r\n      '@apply hover:bg-neutral-100': {},\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-200': {},\r\n      /* dark mode */\r\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-400': {},\r\n\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 hover:bg-${color}-50`]: {},\r\n            /* focus */\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            [`@apply active:bg-${color}-100`]: {},\r\n            // dark colors\r\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n            [`@apply dark:border-${color}-300 dark:hover:bg-${color}-200`]: {},\r\n            [`@apply dark:hover:bg-opacity-15`]: {},\r\n            [`@apply dark:active:bg-${color}-200`]: {},\r\n            [`@apply dark:active:bg-opacity-25`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLight(colors) {\r\n  return {\r\n    '&-light': {\r\n      '@apply shadow-sm': {},\r\n      '@apply border border-transparent': {},\r\n      '@apply text-body bg-neutral-100': {},\r\n      /* hover */\r\n      '@apply hover:bg-neutral-200': {},\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary-500': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-300': {},\r\n      /* dark mode */\r\n      '@apply dark:border-transparent': {},\r\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:bg-neutral-600': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600 bg-${color}-50`]: {},\r\n            /* hover */\r\n            [`@apply hover:bg-${color}-100`]: {},\r\n            /* focus */\r\n            [`@apply focus-visible:border-${color}-500`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            /* active */\r\n            [`@apply active:bg-${color}-200`]: {},\r\n            /* dark mode */\r\n            [`@apply dark:text-${color}-300 dark:bg-${color}-500`]: {},\r\n            [`@apply dark:bg-opacity-15`]: {},\r\n            /* dark hover */\r\n            [`@apply dark:hover:bg-${color}-500`]: {},\r\n            [`@apply dark:hover:bg-opacity-25`]: {},\r\n            /* dark focus */\r\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            /* dark active */\r\n            [`@apply dark:active:bg-${color}-500`]: {},\r\n            [`@apply dark:active:bg-opacity-30`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600 active:text-${color}-700`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            // dark colors\r\n            [`@apply dark:text-${color}-200`]: {},\r\n            [`@apply dark:active:text-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Button = (colors) => ({\r\n  '.btn': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-[3.2rem]': {},\r\n    '@apply py-0': {},\r\n    '@apply rounded-[0.4rem] inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply font-medium leading-tight': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      borderRadius: '3.2rem',\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minHeight: '4rem',\r\n      maxHeight: '4rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-sm': {},\r\n      minHeight: '4.4rem',\r\n      maxHeight: '4.4rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minHeight: '4.8rem',\r\n      maxHeight: '4.8rem',\r\n    },\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // State\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:shadow-none disabled:cursor-not-allowed': {},\r\n      '@apply disabled:text-gray disabled:bg-gray-light !important': {},\r\n    },\r\n    '.MuiSvgIcon-root': {\r\n      fontSize: '1.5em',\r\n      width: '1em',\r\n      height: '1em',\r\n    },\r\n\r\n    // variants\r\n    ...buttonSolid(colors),\r\n    ...buttonOutline(colors),\r\n    //...buttonGhost(colors),\r\n    //...buttonLight(colors),\r\n    ...buttonLink(colors),\r\n  },\r\n  '.btn-has-icon': {\r\n    '&-left .MuiSvgIcon-root': {\r\n      '@apply mr-sm': {},\r\n    },\r\n    '&-right .MuiSvgIcon-root': {\r\n      '@apply ml-sm': {},\r\n    },\r\n  },\r\n  '[data-icon=true]': {\r\n    '@apply p-0': {},\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&.btn-sm': {\r\n      minWidth: '4rem',\r\n      maxWidth: '4rem',\r\n    },\r\n\r\n    '&.btn-md': {\r\n      minWidth: '4.4rem',\r\n      maxWidth: '4.4rem',\r\n    },\r\n\r\n    '&.btn-lg': {\r\n      minWidth: '4.8rem',\r\n      maxWidth: '4.8rem',\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left .MuiSvgIcon-root': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-right .MuiSvgIcon-root': {\r\n        '@apply ml-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/components/checkbox.js

@@ -61,9 +61,13 @@ module.exports = Checkbox = function Checkbox(colors) {
       //"@apply disabled:bg-gray-stroke": {},
       //"@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": {},
+    }, _formCheckbox['&-label-left &-label'] = {
+      marginRight: '0.8rem'
+    }, _formCheckbox['&-label-right &-label'] = {
+      marginLeft: '0.8rem'
     }, _formCheckbox['&-label'] = {
       '@apply text-body select-none text-sm': {},
-      marginLeft: '0.8rem',
+      // marginLeft: '0.8rem',
       //"@apply text-black": {},
       // dark colors
       '@apply dark:text-neutral-100': {},

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["svgToDataUri","require","module","exports","Checkbox","colors","_checked","_formCheckbox","backgroundColor","borderColor","backgroundImage","width","height","marginLeft"],"sources":["../../../src/components/checkbox.js"],"sourcesContent":["const svgToDataUri = require('mini-svg-data-uri');\r\n\r\nmodule.exports = Checkbox = (colors) => ({\r\n  '.form-checkbox': {\r\n    //\"@apply rounded shadow-sm\": {},\r\n    backgroundColor: 'inherit',\r\n    '@apply border-gray-stroke focus:bg-white': {},\r\n\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      '@apply text-white bg-white border-primary': {},\r\n      [`@apply focus-visible:border-primary focus-visible:ring-primary`]: {},\r\n\r\n      backgroundImage: `url(\"${svgToDataUri(\r\n        `<svg viewBox=\"0 0 16 16\" fill=\"#005595\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>`\r\n      )}\")`,\r\n      //borderColor: \"transparent\",\r\n    },\r\n\r\n    [`&[data-color=\"primary\"]`]: {\r\n      //[`@apply text-primary`]: {},\r\n      // dark\r\n      //[`@apply dark:text-primary`]: {},\r\n      //[`@apply dark:focus-visible:border-primary-400 dark:focus-visible:ring-primary-400`]: {},\r\n    },\r\n\r\n    // Fix focus stylign\r\n    '&:checked:hover, &:checked:focus': {\r\n      '@apply bg-white border-primary': {},\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          [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n          backgroundImage: `url(\"${svgToDataUri(\r\n            `<svg viewBox=\"0 0 16 16\" fill=\"${theme(`colors.primary_raw.DEFAULT`)}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>`\r\n          )}\")`,\r\n          // dark\r\n          [`@apply dark:text-${color}`]: {},\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      width: '1.4rem',\r\n      height: '1.4rem',\r\n    },\r\n\r\n    '&-md': {\r\n      width: '1.6rem',\r\n      height: '1.6rem',\r\n      //\"@apply w-4 h-4\": {},\r\n    },\r\n\r\n    '&-lg': {\r\n      width: '1.8rem',\r\n      height: '1.8rem',\r\n    },\r\n\r\n    // disabled\r\n    '&-disabled, &-disabled:checked': {\r\n      '@apply grayscale cursor-not-allowed bg-gray-middle hover:bg-gray-middle': {},\r\n      //\"@apply disabled:bg-gray-stroke\": {},\r\n      //\"@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300\": {},\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 text-body select-none text-sm': {},\r\n      marginLeft: '0.8rem',\r\n      //\"@apply text-black\": {},\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  },\r\n});\r\n"],"mappings":";;AAAA,IAAMA,YAAY,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAEjDC,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAACC,MAAM;EAAA,IAAAC,QAAA,EAAAC,aAAA;EAAA,OAAM;IACvC,gBAAgB,GAAAA,aAAA;MACd;MACAC,eAAe,EAAE,SAAS;MAC1B,0CAA0C,EAAE,CAAC,CAAC;MAE9C,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,GAAAH,QAAA;QACT,2CAA2C,EAAE,CAAC;MAAC,GAAAA,QAAA,qEACqB,CAAC,CAAC,EAAAA,QAAA,CAEtEI,eAAe,cAAUV,YAAY,4NAEpC,UAAAM,QAAA;IAEF,GAAAC,aAAA,gCAE4B;MAC3B;MACA;MACA;MACA;IAAA,CACD,EAAAA,aAAA,CAGD,kCAAkC,IAAE;MAClC,gCAAgC,EAAE,CAAC;IACrC,CAAC,EAAAA,aAAA,CAoBD,mDAAmD,IAAE,CAAC,CAAC,EAAAA,aAAA,CAGvD,MAAM,IAAE;MACNI,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;IACV,CAAC,EAAAL,aAAA,CAED,MAAM,IAAE;MACNI,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;MACR;IACF,CAAC,EAAAL,aAAA,CAED,MAAM,IAAE;MACNI,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;IACV,CAAC,EAAAL,aAAA,CAGD,gCAAgC,IAAE;MAChC,yEAAyE,EAAE,CAAC;MAC5E;MACA;MACA;IACF,CAAC,EAAAA,aAAA,CAGD,SAAS,IAAE;MACT,sCAAsC,EAAE,CAAC,CAAC;MAC1CM,UAAU,EAAE,QAAQ;MACpB;MACA;MACA,8BAA8B,EAAE,CAAC,CAAC;MAElC,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC,EAAAN,aAAA;EAEL,CAAC;AAAA,CAAC"}
+{"version":3,"file":"checkbox.js","names":["svgToDataUri","require","module","exports","Checkbox","colors","_checked","_formCheckbox","backgroundColor","borderColor","backgroundImage","width","height","marginRight","marginLeft"],"sources":["../../../src/components/checkbox.js"],"sourcesContent":["const svgToDataUri = require('mini-svg-data-uri');\r\n\r\nmodule.exports = Checkbox = (colors) => ({\r\n  '.form-checkbox': {\r\n    //\"@apply rounded shadow-sm\": {},\r\n    backgroundColor: 'inherit',\r\n    '@apply border-gray-stroke focus:bg-white': {},\r\n\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      '@apply text-white bg-white border-primary': {},\r\n      [`@apply focus-visible:border-primary focus-visible:ring-primary`]: {},\r\n\r\n      backgroundImage: `url(\"${svgToDataUri(\r\n        `<svg viewBox=\"0 0 16 16\" fill=\"#005595\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>`\r\n      )}\")`,\r\n      //borderColor: \"transparent\",\r\n    },\r\n\r\n    [`&[data-color=\"primary\"]`]: {\r\n      //[`@apply text-primary`]: {},\r\n      // dark\r\n      //[`@apply dark:text-primary`]: {},\r\n      //[`@apply dark:focus-visible:border-primary-400 dark:focus-visible:ring-primary-400`]: {},\r\n    },\r\n\r\n    // Fix focus stylign\r\n    '&:checked:hover, &:checked:focus': {\r\n      '@apply bg-white border-primary': {},\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          [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n          backgroundImage: `url(\"${svgToDataUri(\r\n            `<svg viewBox=\"0 0 16 16\" fill=\"${theme(`colors.primary_raw.DEFAULT`)}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>`\r\n          )}\")`,\r\n          // dark\r\n          [`@apply dark:text-${color}`]: {},\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      width: '1.4rem',\r\n      height: '1.4rem',\r\n    },\r\n\r\n    '&-md': {\r\n      width: '1.6rem',\r\n      height: '1.6rem',\r\n      //\"@apply w-4 h-4\": {},\r\n    },\r\n\r\n    '&-lg': {\r\n      width: '1.8rem',\r\n      height: '1.8rem',\r\n    },\r\n\r\n    // disabled\r\n    '&-disabled, &-disabled:checked': {\r\n      '@apply grayscale cursor-not-allowed bg-gray-middle hover:bg-gray-middle': {},\r\n      //\"@apply disabled:bg-gray-stroke\": {},\r\n      //\"@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300\": {},\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-left &-label': {\r\n      marginRight: '0.8rem',\r\n    },\r\n    '&-label-right &-label': {\r\n      marginLeft: '0.8rem',\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply text-body select-none text-sm': {},\r\n      // marginLeft: '0.8rem',\r\n      //\"@apply text-black\": {},\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  },\r\n});\r\n"],"mappings":";;AAAA,IAAMA,YAAY,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAEjDC,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAACC,MAAM;EAAA,IAAAC,QAAA,EAAAC,aAAA;EAAA,OAAM;IACvC,gBAAgB,GAAAA,aAAA;MACd;MACAC,eAAe,EAAE,SAAS;MAC1B,0CAA0C,EAAE,CAAC,CAAC;MAE9C,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,GAAAH,QAAA;QACT,2CAA2C,EAAE,CAAC;MAAC,GAAAA,QAAA,qEACqB,CAAC,CAAC,EAAAA,QAAA,CAEtEI,eAAe,cAAUV,YAAY,2NAErC,CAAC,UAAAM,QAAA;IAEF,GAAAC,aAAA,gCAE4B;MAC3B;MACA;MACA;MACA;IAAA,CACD,EAAAA,aAAA,CAGD,kCAAkC,IAAE;MAClC,gCAAgC,EAAE,CAAC;IACrC,CAAC,EAAAA,aAAA,CAoBD,mDAAmD,IAAE,CAAC,CAAC,EAAAA,aAAA,CAGvD,MAAM,IAAE;MACNI,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;IACV,CAAC,EAAAL,aAAA,CAED,MAAM,IAAE;MACNI,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;MACR;IACF,CAAC,EAAAL,aAAA,CAED,MAAM,IAAE;MACNI,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;IACV,CAAC,EAAAL,aAAA,CAGD,gCAAgC,IAAE;MAChC,yEAAyE,EAAE,CAAC;MAC5E;MACA;MACA;IACF,CAAC,EAAAA,aAAA,CAGD,sBAAsB,IAAE;MACtBM,WAAW,EAAE;IACf,CAAC,EAAAN,aAAA,CACD,uBAAuB,IAAE;MACvBO,UAAU,EAAE;IACd,CAAC,EAAAP,aAAA,CAED,SAAS,IAAE;MACT,sCAAsC,EAAE,CAAC,CAAC;MAC1C;MACA;MACA;MACA,8BAA8B,EAAE,CAAC,CAAC;MAElC,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC,EAAAA,aAAA;EAEL,CAAC;AAAA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"dot.js","names":["module","exports","Dot","colors","_extends","reduce","styles","color","_ref","_extends2","_ref2","_extends3","_ref3","_extends4"],"sources":["../../../src/components/dot.js"],"sourcesContent":["module.exports = Dot = (colors) => ({\r\n  '.dot': {\r\n    '@apply relative inline-flex rounded-full': {},\r\n    '&-solid': {\r\n      '@apply bg-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.dot-bordered': {\r\n        '@apply border-2 border-white': {},\r\n        '@apply dark:border-neutral-800': {},\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&.dot-bordered[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-100`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-outline': {\r\n      '@apply bg-white border-2 border-neutral-500': {},\r\n      '@apply dark:bg-neutral-800': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-3xs': {\r\n      '@apply w-1.5 h-1.5': {},\r\n    },\r\n\r\n    '&-2xs': {\r\n      '@apply w-2 h-2': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-2.5 h-2.5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-3.5 h-3.5': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAACC,MAAM;EAAA,OAAM;IAClC,MAAM,EAAE;MACN,0CAA0C,EAAE,CAAC,CAAC;MAC9C,SAAS,EAAAC,QAAA;QACP,uBAAuB,EAAE,CAAC;MAAC,GAExBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;MAAA,CAEhC,EACF,CAAC,CAAC,CACH;QAED,gBAAgB,EAAE;UAChB,8BAA8B,EAAE,CAAC,CAAC;UAClC,gCAAgC,EAAE,CAAC;QACrC;MAAC,GAEEN,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAG,KAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,kCACsBJ,KAAK,aAAAG,KAAA,OAAAA,KAAA,oBAChBH,KAAK,aAAS,CAAC,CAAC,EAAAG,KAAA,yBACXH,KAAK,aAAS,CAAC,CAAC,EAAAG,KAAA,GAAAC,SAAA;MAAA,CAEzC,EACF,CAAC,CAAC,CACH,CACF;MAED,WAAW,EAAAP,QAAA;QACT,6CAA6C,EAAE,CAAC,CAAC;QACjD,4BAA4B,EAAE,CAAC;MAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAK,KAAA,EAAAC,SAAA;QAAA,OAAAT,QAAA,KACTE,MAAM,GAAAO,SAAA,OAAAA,SAAA,qBACSN,KAAK,aAAAK,KAAA,OAAAA,KAAA,oBACHL,KAAK,aAAS,CAAC,CAAC,EAAAK,KAAA,GAAAC,SAAA;MAAA,CAEpC,EACF,CAAC,CAAC,CACH,CACF;MAED,OAAO,EAAE;QACP,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"dot.js","names":["module","exports","Dot","colors","_extends","reduce","styles","color","_ref","_extends2","_ref2","_extends3","_ref3","_extends4"],"sources":["../../../src/components/dot.js"],"sourcesContent":["module.exports = Dot = (colors) => ({\r\n  '.dot': {\r\n    '@apply relative inline-flex rounded-full': {},\r\n    '&-solid': {\r\n      '@apply bg-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.dot-bordered': {\r\n        '@apply border-2 border-white': {},\r\n        '@apply dark:border-neutral-800': {},\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&.dot-bordered[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-100`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-outline': {\r\n      '@apply bg-white border-2 border-neutral-500': {},\r\n      '@apply dark:bg-neutral-800': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-3xs': {\r\n      '@apply w-1.5 h-1.5': {},\r\n    },\r\n\r\n    '&-2xs': {\r\n      '@apply w-2 h-2': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-2.5 h-2.5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-3.5 h-3.5': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAACC,MAAM;EAAA,OAAM;IAClC,MAAM,EAAE;MACN,0CAA0C,EAAE,CAAC,CAAC;MAC9C,SAAS,EAAAC,QAAA;QACP,uBAAuB,EAAE,CAAC;MAAC,GAExBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;MAAA,CAEhC,EACF,CAAC,CACH,CAAC;QAED,gBAAgB,EAAE;UAChB,8BAA8B,EAAE,CAAC,CAAC;UAClC,gCAAgC,EAAE,CAAC;QACrC;MAAC,GAEEN,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAG,KAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,kCACsBJ,KAAK,aAAAG,KAAA,OAAAA,KAAA,oBAChBH,KAAK,aAAS,CAAC,CAAC,EAAAG,KAAA,yBACXH,KAAK,aAAS,CAAC,CAAC,EAAAG,KAAA,GAAAC,SAAA;MAAA,CAEzC,EACF,CAAC,CACH,CAAC,CACF;MAED,WAAW,EAAAP,QAAA;QACT,6CAA6C,EAAE,CAAC,CAAC;QACjD,4BAA4B,EAAE,CAAC;MAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAK,KAAA,EAAAC,SAAA;QAAA,OAAAT,QAAA,KACTE,MAAM,GAAAO,SAAA,OAAAA,SAAA,qBACSN,KAAK,aAAAK,KAAA,OAAAA,KAAA,oBACHL,KAAK,aAAS,CAAC,CAAC,EAAAK,KAAA,GAAAC,SAAA;MAAA,CAEpC,EACF,CAAC,CACH,CAAC,CACF;MAED,OAAO,EAAE;QACP,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/dropdown-filter.js

@@ -39,8 +39,11 @@ module.exports = DropdownFilter = function DropdownFilter() {
           justifyContent: 'space-between',
           alignItems: 'center',
           borderBottom: '1px solid #939393',
-          '> label:first-child': {
-            '@apply flex-grow': {}
+          '> label': {
+            '@apply w-full': {},
+            '> .form-checkbox-label': {
+              '@apply flex-grow': {}
+            }
           },
           '&.disabled': {
             color: '#939393'

package/dist/cjs/components/dropdown-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-filter.js","names":["module","exports","DropdownFilter","position","height","border","display","background","borderRadius","top","left","zIndex","width","justifyContent","button","marginLeft","textDecoration","alignItems","borderBottom","color","borderTop"],"sources":["../../../src/components/dropdown-filter.js"],"sourcesContent":["module.exports = DropdownFilter = () => ({\r\n  '.dropdown-filter': {\r\n    position: 'relative',\r\n    height: 50,\r\n    border: '1px solid #939393',\r\n    display: 'flex',\r\n    background: '#fff',\r\n    borderRadius: 2,\r\n\r\n    '.dropdown-button': {\r\n      '@apply flex justify-between items-center  grow': {},\r\n      '.dropdown-button-icon': {\r\n        '@apply justify-self-end grow-0': {},\r\n      },\r\n    },\r\n\r\n    '.filter-container': {\r\n      position: 'absolute',\r\n      top: '100%',\r\n      left: '-1px',\r\n      zIndex: 10,\r\n      width: 'calc(100% + 2px)',\r\n      background: '#fff',\r\n      border: '1px solid #939393',\r\n      borderRadius: 2,\r\n\r\n      '.filter-controls': {\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n        button: {\r\n          marginLeft: '1rem',\r\n          textDecoration: 'underline',\r\n        },\r\n      },\r\n\r\n      '.filter-item': {\r\n        '@apply px-md': {},\r\n        height: 48,\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        borderBottom: '1px solid #939393',\r\n\r\n        '> label:first-child': {\r\n          '@apply flex-grow': {},\r\n        },\r\n\r\n        '&.disabled': {\r\n          color: '#939393',\r\n        },\r\n\r\n        '&:first-of-type': {\r\n          borderTop: '1px solid #939393',\r\n        },\r\n\r\n        '&:last-child': {\r\n          borderBottom: 'none',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAG,SAAAA,eAAA;EAAA,OAAO;IACvC,kBAAkB,EAAE;MAClBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE,mBAAmB;MAC3BC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,CAAC;MAEf,kBAAkB,EAAE;QAClB,gDAAgD,EAAE,CAAC,CAAC;QACpD,uBAAuB,EAAE;UACvB,gCAAgC,EAAE,CAAC;QACrC;MACF,CAAC;MAED,mBAAmB,EAAE;QACnBL,QAAQ,EAAE,UAAU;QACpBM,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,MAAM;QACZC,MAAM,EAAE,EAAE;QACVC,KAAK,EAAE,kBAAkB;QACzBL,UAAU,EAAE,MAAM;QAClBF,MAAM,EAAE,mBAAmB;QAC3BG,YAAY,EAAE,CAAC;QAEf,kBAAkB,EAAE;UAClBF,OAAO,EAAE,MAAM;UACfO,cAAc,EAAE,UAAU;UAC1BC,MAAM,EAAE;YACNC,UAAU,EAAE,MAAM;YAClBC,cAAc,EAAE;UAClB;QACF,CAAC;QAED,cAAc,EAAE;UACd,cAAc,EAAE,CAAC,CAAC;UAClBZ,MAAM,EAAE,EAAE;UACVE,OAAO,EAAE,MAAM;UACfO,cAAc,EAAE,eAAe;UAC/BI,UAAU,EAAE,QAAQ;UACpBC,YAAY,EAAE,mBAAmB;UAEjC,qBAAqB,EAAE;YACrB,kBAAkB,EAAE,CAAC;UACvB,CAAC;UAED,YAAY,EAAE;YACZC,KAAK,EAAE;UACT,CAAC;UAED,iBAAiB,EAAE;YACjBC,SAAS,EAAE;UACb,CAAC;UAED,cAAc,EAAE;YACdF,YAAY,EAAE;UAChB;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"dropdown-filter.js","names":["module","exports","DropdownFilter","position","height","border","display","background","borderRadius","top","left","zIndex","width","justifyContent","button","marginLeft","textDecoration","alignItems","borderBottom","color","borderTop"],"sources":["../../../src/components/dropdown-filter.js"],"sourcesContent":["module.exports = DropdownFilter = () => ({\r\n  '.dropdown-filter': {\r\n    position: 'relative',\r\n    height: 50,\r\n    border: '1px solid #939393',\r\n    display: 'flex',\r\n    background: '#fff',\r\n    borderRadius: 2,\r\n\r\n    '.dropdown-button': {\r\n      '@apply flex justify-between items-center  grow': {},\r\n      '.dropdown-button-icon': {\r\n        '@apply justify-self-end grow-0': {},\r\n      },\r\n    },\r\n\r\n    '.filter-container': {\r\n      position: 'absolute',\r\n      top: '100%',\r\n      left: '-1px',\r\n      zIndex: 10,\r\n      width: 'calc(100% + 2px)',\r\n      background: '#fff',\r\n      border: '1px solid #939393',\r\n      borderRadius: 2,\r\n\r\n      '.filter-controls': {\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n        button: {\r\n          marginLeft: '1rem',\r\n          textDecoration: 'underline',\r\n        },\r\n      },\r\n\r\n      '.filter-item': {\r\n        '@apply px-md': {},\r\n        height: 48,\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        borderBottom: '1px solid #939393',\r\n\r\n        '> label': {\r\n          '@apply w-full': {},\r\n\r\n          '> .form-checkbox-label': {\r\n            '@apply flex-grow': {},\r\n          },\r\n        },\r\n\r\n        '&.disabled': {\r\n          color: '#939393',\r\n        },\r\n\r\n        '&:first-of-type': {\r\n          borderTop: '1px solid #939393',\r\n        },\r\n\r\n        '&:last-child': {\r\n          borderBottom: 'none',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAG,SAAAA,eAAA;EAAA,OAAO;IACvC,kBAAkB,EAAE;MAClBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE,mBAAmB;MAC3BC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,CAAC;MAEf,kBAAkB,EAAE;QAClB,gDAAgD,EAAE,CAAC,CAAC;QACpD,uBAAuB,EAAE;UACvB,gCAAgC,EAAE,CAAC;QACrC;MACF,CAAC;MAED,mBAAmB,EAAE;QACnBL,QAAQ,EAAE,UAAU;QACpBM,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,MAAM;QACZC,MAAM,EAAE,EAAE;QACVC,KAAK,EAAE,kBAAkB;QACzBL,UAAU,EAAE,MAAM;QAClBF,MAAM,EAAE,mBAAmB;QAC3BG,YAAY,EAAE,CAAC;QAEf,kBAAkB,EAAE;UAClBF,OAAO,EAAE,MAAM;UACfO,cAAc,EAAE,UAAU;UAC1BC,MAAM,EAAE;YACNC,UAAU,EAAE,MAAM;YAClBC,cAAc,EAAE;UAClB;QACF,CAAC;QAED,cAAc,EAAE;UACd,cAAc,EAAE,CAAC,CAAC;UAClBZ,MAAM,EAAE,EAAE;UACVE,OAAO,EAAE,MAAM;UACfO,cAAc,EAAE,eAAe;UAC/BI,UAAU,EAAE,QAAQ;UACpBC,YAAY,EAAE,mBAAmB;UAEjC,SAAS,EAAE;YACT,eAAe,EAAE,CAAC,CAAC;YAEnB,wBAAwB,EAAE;cACxB,kBAAkB,EAAE,CAAC;YACvB;UACF,CAAC;UAED,YAAY,EAAE;YACZC,KAAK,EAAE;UACT,CAAC;UAED,iBAAiB,EAAE;YACjBC,SAAS,EAAE;UACb,CAAC;UAED,cAAc,EAAE;YACdF,YAAY,EAAE;UAChB;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":["module","exports","Footer","colors","_extends","reduce","styles","color","_ref","_extends2","_ref2","_extends3"],"sources":["../../../src/components/footer.js"],"sourcesContent":["module.exports = Footer = (colors) => ({\r\n  '.footer': {\r\n    '&-innerwrapper': {\r\n      '@apply bg-gray text-white py-12': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply px-md md:flex items-center justify-center m-auto': {},\r\n    },\r\n\r\n    '&-bottomlinks': {\r\n      '@apply bg-gray-middle text-body py-md': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&-container': {\r\n        '@apply px-md flex items-center items-center justify-center m-auto md:space-x-10 flex-col md:flex-row': {},\r\n        '> *': {\r\n          '@apply text-body text-sm leading-sm py-sm': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,OAAM;IACrC,SAAS,EAAE;MACT,gBAAgB,EAAAC,QAAA;QACd,iCAAiC,EAAE,CAAC;MAAC,GAElCD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;MAAA,CAE5B,EACF,CAAC,CAAC,CACH,CACF;MAED,WAAW,EAAE;QACX,yDAAyD,EAAE,CAAC;MAC9D,CAAC;MAED,eAAe,EAAAL,QAAA;QACb,uCAAuC,EAAE,CAAC;MAAC,GAExCD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAG,KAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,qBACSJ,KAAK,aAAAG,KAAA,OAAAA,KAAA,gBACPH,KAAK,IAAK,CAAC,CAAC,EAAAG,KAAA,GAAAC,SAAA;MAAA,CAE5B,EACF,CAAC,CAAC,CACH;QAED,aAAa,EAAE;UACb,sGAAsG,EAAE,CAAC,CAAC;UAC1G,KAAK,EAAE;YACL,2CAA2C,EAAE,CAAC;UAChD;QACF;MAAC;IAEL;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"footer.js","names":["module","exports","Footer","colors","_extends","reduce","styles","color","_ref","_extends2","_ref2","_extends3"],"sources":["../../../src/components/footer.js"],"sourcesContent":["module.exports = Footer = (colors) => ({\r\n  '.footer': {\r\n    '&-innerwrapper': {\r\n      '@apply bg-gray text-white py-12': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply px-md md:flex items-center justify-center m-auto': {},\r\n    },\r\n\r\n    '&-bottomlinks': {\r\n      '@apply bg-gray-middle text-body py-md': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&-container': {\r\n        '@apply px-md flex items-center items-center justify-center m-auto md:space-x-10 flex-col md:flex-row': {},\r\n        '> *': {\r\n          '@apply text-body text-sm leading-sm py-sm': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,OAAM;IACrC,SAAS,EAAE;MACT,gBAAgB,EAAAC,QAAA;QACd,iCAAiC,EAAE,CAAC;MAAC,GAElCD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;MAAA,CAE5B,EACF,CAAC,CACH,CAAC,CACF;MAED,WAAW,EAAE;QACX,yDAAyD,EAAE,CAAC;MAC9D,CAAC;MAED,eAAe,EAAAL,QAAA;QACb,uCAAuC,EAAE,CAAC;MAAC,GAExCD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAG,KAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,qBACSJ,KAAK,aAAAG,KAAA,OAAAA,KAAA,gBACPH,KAAK,IAAK,CAAC,CAAC,EAAAG,KAAA,GAAAC,SAAA;MAAA,CAE5B,EACF,CAAC,CACH,CAAC;QAED,aAAa,EAAE;UACb,sGAAsG,EAAE,CAAC,CAAC;UAC1G,KAAK,EAAE;YACL,2CAA2C,EAAE,CAAC;UAChD;QACF;MAAC;IAEL;EACF,CAAC;AAAA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","_ref","_extends2","fieldSolid","_ref2","_extends3","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border shadow-sm border-gray-stroke': {},\r\n      '@apply text-gray bg-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border border-transparent': {},\r\n      '@apply text-black bg-gray-light': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formControl() {\r\n  return {\r\n    '.form-control': {\r\n      '@apply w-full relative': {},\r\n    },\r\n    '.form-helper-text': {\r\n      '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n    },\r\n    '.form-error-message': {\r\n      '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n    },\r\n    '.form-label': {\r\n      '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n    },\r\n    '.form-required-indicator': {\r\n      '@apply ml-1 text-sm': {},\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n      '.dark &': {\r\n        '--tw-text-opacity': '1',\r\n        color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formInputGroup() {\r\n  return {\r\n    '.form-input-group': {\r\n      '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n      '&:focus-within': {\r\n        '@apply border border-primary ring-primary ring-1': {},\r\n      },\r\n\r\n      '> *': {\r\n        '@apply border-0 ring-0 shadow-none': {},\r\n\r\n        '&:focus': {\r\n          '@apply ring-0': {},\r\n        },\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n        },\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-[3.2rem]': {},\r\n\r\n        '> *:first-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n\r\n        '> *:last-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-element': {\r\n      '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n      '&-sm': {\r\n        '@apply text-xs h-7 w-7': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-sm h-8 w-8': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-base h-10 w-10': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-addon': {\r\n      '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n      '@apply text-neutral-600 bg-neutral-50': {},\r\n      // dark colors\r\n      '@apply dark:border-neutral-700': {},\r\n      '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-3 text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-4 text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-4 text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply rounded-l-none': {},\r\n      },\r\n    },\r\n    '.form-input-addin': {\r\n      '@apply flex items-center w-auto whitespace-nowrap': {},\r\n      '@apply text-body': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-[1.44rem] text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-[1.6rem] text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-[1.76rem] text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply pr-0 rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply pl-0 rounded-l-none': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n  '.form-field': {\r\n    '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n    '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n    '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-sm leading-sm': {},\r\n      '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-base leading-base': {},\r\n      '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base leading-lg': {},\r\n      '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n    },\r\n\r\n    '&-disabled, &&-disabled': {\r\n      '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n    },\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-[3.2rem]': {},\r\n    },\r\n\r\n    // variants\r\n    ...fieldOutline(colors),\r\n    ...fieldSolid(colors),\r\n  },\r\n\r\n  '.form-button': {\r\n    '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n    '&[data-icon=true]': {\r\n      '@apply p-[0.2em]': {},\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '&-wrapper': {\r\n      '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n    },\r\n  },\r\n\r\n  '.form-textarea': {\r\n    maxHeight: 'none',\r\n    '&.form-field': {\r\n      '&-sm': {\r\n        '@apply py-[0.85rem] min-h-[4rem]': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n      },\r\n    },\r\n    '&-counter': {\r\n      '@apply mt-xs text-right': {},\r\n    },\r\n  },\r\n  '.dropdown-search': {\r\n    '@apply block w-full relative': {},\r\n    '&-results': {\r\n      '@apply w-full flex justify-between items-center': {},\r\n      '&-text': {\r\n        '@apply truncate text-left grow': {},\r\n      },\r\n      '&-counter': {\r\n        '@apply grow-0': {},\r\n      },\r\n    },\r\n\r\n    '&[data-expanded=true]': {\r\n      '.form-input-group[data-rounded=true]': {\r\n        '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n\r\n        '> *:first-child': {\r\n          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n        },\r\n\r\n        '> *:last-child': {\r\n          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n        },\r\n\r\n        '& ~ #dropdown-search-results': {\r\n          '@apply rounded-b-[1.6rem]': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.form-select': {\r\n    '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n      {},\r\n    'background-image': 'none',\r\n    '&-wrapper': {\r\n      '@apply block w-full relative': {},\r\n    },\r\n    '&-icon': {\r\n      '@apply grow-0': {},\r\n    },\r\n    '&-list': {\r\n      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\r\n    },\r\n    '&-has-multiple-choices': {\r\n      '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n    },\r\n    '&-multiple-chioces': {\r\n      '@apply truncate pr-md': {},\r\n    },\r\n\r\n    '&-option': {\r\n      '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n        {},\r\n\r\n      '&.multiple.selected': {\r\n        '@apply bg-background-one': {},\r\n      },\r\n      '&.active': {\r\n        '@apply bg-primary text-white': {},\r\n      },\r\n      '&.active.selected': {\r\n        '@apply bg-gray text-white': {},\r\n      },\r\n      '&.disabled': {\r\n        '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n      },\r\n      '&-remove-button': {\r\n        '@apply w-full flex justify-between items-center': {},\r\n        '&-text': {\r\n          '@apply truncate grow text-left': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...formInputGroup(),\r\n  ...formControl(),\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","_ref","_extends2","fieldSolid","_ref2","_extends3","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border shadow-sm border-gray-stroke': {},\r\n      '@apply text-gray bg-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border border-transparent': {},\r\n      '@apply text-black bg-gray-light': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formControl() {\r\n  return {\r\n    '.form-control': {\r\n      '@apply w-full relative': {},\r\n    },\r\n    '.form-helper-text': {\r\n      '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n    },\r\n    '.form-error-message': {\r\n      '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n    },\r\n    '.form-label': {\r\n      '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n    },\r\n    '.form-required-indicator': {\r\n      '@apply ml-1 text-sm': {},\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n      '.dark &': {\r\n        '--tw-text-opacity': '1',\r\n        color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formInputGroup() {\r\n  return {\r\n    '.form-input-group': {\r\n      '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n      '&:focus-within': {\r\n        '@apply border border-primary ring-primary ring-1': {},\r\n      },\r\n\r\n      '> *': {\r\n        '@apply border-0 ring-0 shadow-none': {},\r\n\r\n        '&:focus': {\r\n          '@apply ring-0': {},\r\n        },\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n        },\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-[3.2rem]': {},\r\n\r\n        '> *:first-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n\r\n        '> *:last-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-element': {\r\n      '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n      '&-sm': {\r\n        '@apply text-xs h-7 w-7': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-sm h-8 w-8': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-base h-10 w-10': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-addon': {\r\n      '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n      '@apply text-neutral-600 bg-neutral-50': {},\r\n      // dark colors\r\n      '@apply dark:border-neutral-700': {},\r\n      '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-3 text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-4 text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-4 text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply rounded-l-none': {},\r\n      },\r\n    },\r\n    '.form-input-addin': {\r\n      '@apply flex items-center w-auto whitespace-nowrap': {},\r\n      '@apply text-body': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-[1.44rem] text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-[1.6rem] text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-[1.76rem] text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply pr-0 rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply pl-0 rounded-l-none': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n  '.form-field': {\r\n    '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n    '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n    '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-sm leading-sm': {},\r\n      '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-base leading-base': {},\r\n      '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base leading-lg': {},\r\n      '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n    },\r\n\r\n    '&-disabled, &&-disabled': {\r\n      '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n    },\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-[3.2rem]': {},\r\n    },\r\n\r\n    // variants\r\n    ...fieldOutline(colors),\r\n    ...fieldSolid(colors),\r\n  },\r\n\r\n  '.form-button': {\r\n    '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n    '&[data-icon=true]': {\r\n      '@apply p-[0.2em]': {},\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '&-wrapper': {\r\n      '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n    },\r\n  },\r\n\r\n  '.form-textarea': {\r\n    maxHeight: 'none',\r\n    '&.form-field': {\r\n      '&-sm': {\r\n        '@apply py-[0.85rem] min-h-[4rem]': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n      },\r\n    },\r\n    '&-counter': {\r\n      '@apply mt-xs text-right': {},\r\n    },\r\n  },\r\n  '.dropdown-search': {\r\n    '@apply block w-full relative': {},\r\n    '&-results': {\r\n      '@apply w-full flex justify-between items-center': {},\r\n      '&-text': {\r\n        '@apply truncate text-left grow': {},\r\n      },\r\n      '&-counter': {\r\n        '@apply grow-0': {},\r\n      },\r\n    },\r\n\r\n    '&[data-expanded=true]': {\r\n      '.form-input-group[data-rounded=true]': {\r\n        '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n\r\n        '> *:first-child': {\r\n          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n        },\r\n\r\n        '> *:last-child': {\r\n          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n        },\r\n\r\n        '& ~ #dropdown-search-results': {\r\n          '@apply rounded-b-[1.6rem]': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.form-select': {\r\n    '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n      {},\r\n    'background-image': 'none',\r\n    '&-wrapper': {\r\n      '@apply block w-full relative': {},\r\n    },\r\n    '&-icon': {\r\n      '@apply grow-0': {},\r\n    },\r\n    '&-list': {\r\n      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\r\n    },\r\n    '&-has-multiple-choices': {\r\n      '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n    },\r\n    '&-multiple-chioces': {\r\n      '@apply truncate pr-md': {},\r\n    },\r\n\r\n    '&-option': {\r\n      '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n        {},\r\n\r\n      '&.multiple.selected': {\r\n        '@apply bg-background-one': {},\r\n      },\r\n      '&.active': {\r\n        '@apply bg-primary text-white': {},\r\n      },\r\n      '&.active.selected': {\r\n        '@apply bg-gray text-white': {},\r\n      },\r\n      '&.disabled': {\r\n        '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n      },\r\n      '&-remove-button': {\r\n        '@apply w-full flex justify-between items-center': {},\r\n        '&-text': {\r\n          '@apply truncate grow text-left': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...formInputGroup(),\r\n  ...formControl(),\r\n});\r\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":["module","exports","Header","colors","_dataColorNone","_extends3","_extends","reduce","styles","color","_ref","_extends2"],"sources":["../../../src/components/header.js"],"sourcesContent":["module.exports = Header = (colors) => ({\r\n  '.header': {\r\n    '@apply lg:border-t-8 lg:border-primary lg:static lg:w-auto lg:h-auto lg:min-h-0': {},\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        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    [`&[data-color=\"none\"]`]: {\r\n      [`@apply border-none`]: {},\r\n    },\r\n\r\n    '&-container': {\r\n      '@apply flex lg:h-[112px] shadow-lg relative mx-auto px-7 pt-[22px] pb-[8px] z-10': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 text-body max-w-[140rem]': {},\r\n    },\r\n\r\n    '&-usermenu': {\r\n      '@apply lg:-mr-lg block flex-shrink lg:flex lg:items-center lg:w-auto': {},\r\n\r\n      '&-content': {\r\n        '@apply flex flex-grow lg:flex justify-end items-center lg:w-auto': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,IAAAC,cAAA,EAAAC,SAAA;EAAA,OAAM;IACrC,SAAS,EAAAC,QAAA;MACP,iFAAiF,EAAE,CAAC;IAAC,GAElFH,MAAM,CAACI,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,oBACHD,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAEhC,EACF,CAAC,CAAC,CACH,GAAAN,SAAA,OAAAA,SAAA,8BAAAD,cAAA,OAAAA,cAAA,yBAGyB,CAAC,CAAC,EAAAA,cAAA,GAAAC,SAAA,CAG5B,aAAa,IAAE;MACb,kFAAkF,EAAE,CAAC;IACvF,CAAC,EAAAA,SAAA,CAED,WAAW,IAAE;MACX,+FAA+F,EAAE,CAAC;IACpG,CAAC,EAAAA,SAAA,CAED,YAAY,IAAE;MACZ,sEAAsE,EAAE,CAAC,CAAC;MAE1E,WAAW,EAAE;QACX,kEAAkE,EAAE,CAAC;MACvE;IACF,CAAC,EAAAA,SAAA;EAEL,CAAC;AAAA,CAAC"}
+{"version":3,"file":"header.js","names":["module","exports","Header","colors","_dataColorNone","_extends3","_extends","reduce","styles","color","_ref","_extends2"],"sources":["../../../src/components/header.js"],"sourcesContent":["module.exports = Header = (colors) => ({\r\n  '.header': {\r\n    '@apply lg:border-t-8 lg:border-primary lg:static lg:w-auto lg:h-auto lg:min-h-0': {},\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        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    [`&[data-color=\"none\"]`]: {\r\n      [`@apply border-none`]: {},\r\n    },\r\n\r\n    '&-container': {\r\n      '@apply flex lg:h-[112px] shadow-lg relative mx-auto px-7 pt-[22px] pb-[8px] z-10': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 text-body max-w-[140rem]': {},\r\n    },\r\n\r\n    '&-usermenu': {\r\n      '@apply lg:-mr-lg block flex-shrink lg:flex lg:items-center lg:w-auto': {},\r\n\r\n      '&-content': {\r\n        '@apply flex flex-grow lg:flex justify-end items-center lg:w-auto': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,IAAAC,cAAA,EAAAC,SAAA;EAAA,OAAM;IACrC,SAAS,EAAAC,QAAA;MACP,iFAAiF,EAAE,CAAC;IAAC,GAElFH,MAAM,CAACI,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,oBACHD,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAEhC,EACF,CAAC,CACH,CAAC,GAAAN,SAAA,OAAAA,SAAA,8BAAAD,cAAA,OAAAA,cAAA,yBAGyB,CAAC,CAAC,EAAAA,cAAA,GAAAC,SAAA,CAG5B,aAAa,IAAE;MACb,kFAAkF,EAAE,CAAC;IACvF,CAAC,EAAAA,SAAA,CAED,WAAW,IAAE;MACX,+FAA+F,EAAE,CAAC;IACpG,CAAC,EAAAA,SAAA,CAED,YAAY,IAAE;MACZ,sEAAsE,EAAE,CAAC,CAAC;MAE1E,WAAW,EAAE;QACX,kEAAkE,EAAE,CAAC;MACvE;IACF,CAAC,EAAAA,SAAA;EAEL,CAAC;AAAA,CAAC"}

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

@@ -1 +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"}
+{"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,CACH,CAAC;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"}