@sk-web-gui/core 0.1.75 → 0.1.77

package/dist/cjs/base.js

@@ -0,0 +1,73 @@
+"use strict";
+
+module.exports = {
+  html: {
+    '@apply text-foreground antialiased bg-base': {},
+    fontSize: '62.5%',
+    lineHeight: '1.5',
+    textRendering: 'optimizeLegibility',
+    textSizeAdjust: '100%',
+    touchAction: 'manipulation'
+  },
+  body: {
+    '@apply text-base leading-base': {},
+    position: 'relative',
+    minHeight: '100%',
+    fontFeatureSettings: "'kern'"
+  },
+  'h1,h2,h3,h4,h5,h6': {
+    '@apply font-bold': {}
+  },
+  small: {
+    fontSize: '1.4rem'
+  },
+  h1: {
+    '@apply text-3xl leading-3xl': {}
+  },
+  h2: {
+    '@apply text-2xl leading-2xl': {}
+  },
+  h3: {
+    '@apply text-xl leading-xl': {}
+  },
+  h4: {
+    '@apply text-lg leading-lg': {}
+  },
+  h5: {
+    '@apply text-base leading-base': {}
+  },
+  h6: {
+    '@apply text-sm leading-sm': {}
+  },
+  p: {
+    '@apply my-4': {}
+  },
+  '.text-content': {
+    '@apply max-w-[80rem]': {},
+    h1: {
+      '@apply mb-md': {},
+      '+ p': {
+        '@apply mb-[40px] mt-0': {}
+      }
+    },
+    h2: {
+      '@apply mt-lg': {}
+    },
+    h3: {
+      '@apply mt-lg': {}
+    },
+    h4: {
+      '@apply mt-lg': {}
+    },
+    h5: {
+      '@apply mt-lg': {}
+    },
+    h6: {
+      '@apply mt-lg': {}
+    },
+    p: {
+      '@apply mt-sm leading-[1.5]': {}
+    }
+  }
+};
+//# sourceMappingURL=base.js.map

package/dist/cjs/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","names":["module","exports","html","fontSize","lineHeight","textRendering","textSizeAdjust","touchAction","body","position","minHeight","fontFeatureSettings","small","h1","h2","h3","h4","h5","h6","p"],"sources":["../../src/base.js"],"sourcesContent":["module.exports = {\r\n  html: {\r\n    '@apply text-foreground antialiased bg-base': {},\r\n    fontSize: '62.5%',\r\n    lineHeight: '1.5',\r\n    textRendering: 'optimizeLegibility',\r\n    textSizeAdjust: '100%',\r\n    touchAction: 'manipulation',\r\n  },\r\n  body: {\r\n    '@apply text-base leading-base': {},\r\n    position: 'relative',\r\n    minHeight: '100%',\r\n    fontFeatureSettings: \"'kern'\",\r\n  },\r\n  'h1,h2,h3,h4,h5,h6': {\r\n    '@apply font-bold': {},\r\n  },\r\n  small: {\r\n    fontSize: '1.4rem',\r\n  },\r\n  h1: { '@apply text-3xl leading-3xl': {} },\r\n  h2: { '@apply text-2xl leading-2xl': {} },\r\n  h3: { '@apply text-xl leading-xl': {} },\r\n  h4: { '@apply text-lg leading-lg': {} },\r\n  h5: { '@apply text-base leading-base': {} },\r\n  h6: { '@apply text-sm leading-sm': {} },\r\n  p: { '@apply my-4': {} },\r\n\r\n  '.text-content': {\r\n    '@apply max-w-[80rem]': {},\r\n\r\n    h1: {\r\n      '@apply mb-md': {},\r\n\r\n      '+ p': {\r\n        '@apply mb-[40px] mt-0': {},\r\n      },\r\n    },\r\n    h2: { '@apply mt-lg': {} },\r\n    h3: { '@apply mt-lg': {} },\r\n    h4: { '@apply mt-lg': {} },\r\n    h5: { '@apply mt-lg': {} },\r\n    h6: { '@apply mt-lg': {} },\r\n    p: { '@apply mt-sm leading-[1.5]': {} },\r\n  },\r\n};\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAG;EACfC,IAAI,EAAE;IACJ,4CAA4C,EAAE,CAAC,CAAC;IAChDC,QAAQ,EAAE,OAAO;IACjBC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,oBAAoB;IACnCC,cAAc,EAAE,MAAM;IACtBC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,+BAA+B,EAAE,CAAC,CAAC;IACnCC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,mBAAmB,EAAE;IACnB,kBAAkB,EAAE,CAAC;EACvB,CAAC;EACDC,KAAK,EAAE;IACLT,QAAQ,EAAE;EACZ,CAAC;EACDU,EAAE,EAAE;IAAE,6BAA6B,EAAE,CAAC;EAAE,CAAC;EACzCC,EAAE,EAAE;IAAE,6BAA6B,EAAE,CAAC;EAAE,CAAC;EACzCC,EAAE,EAAE;IAAE,2BAA2B,EAAE,CAAC;EAAE,CAAC;EACvCC,EAAE,EAAE;IAAE,2BAA2B,EAAE,CAAC;EAAE,CAAC;EACvCC,EAAE,EAAE;IAAE,+BAA+B,EAAE,CAAC;EAAE,CAAC;EAC3CC,EAAE,EAAE;IAAE,2BAA2B,EAAE,CAAC;EAAE,CAAC;EACvCC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BN,EAAE,EAAE;MACF,cAAc,EAAE,CAAC,CAAC;MAElB,KAAK,EAAE;QACL,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IACDC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,CAAC,EAAE;MAAE,4BAA4B,EAAE,CAAC;IAAE;EACxC;AACF,CAAC"}

package/dist/cjs/colors.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var withOpacity = require('./with-opacity');
+module.exports = {
+  primary: {
+    DEFAULT: withOpacity('--vc-colors-primary-DEFAULT'),
+    dark: withOpacity('--vc-colors-primary-dark'),
+    light: withOpacity('--vc-colors-primary-light'),
+    active: withOpacity('--vc-colors-primary-active'),
+    50: withOpacity('--vc-colors-primary-DEFAULT'),
+    100: withOpacity('--vc-colors-primary-DEFAULT'),
+    200: withOpacity('--vc-colors-primary-DEFAULT'),
+    300: withOpacity('--vc-colors-primary-DEFAULT'),
+    400: withOpacity('--vc-colors-primary-DEFAULT'),
+    500: withOpacity('--vc-colors-primary-DEFAULT'),
+    600: withOpacity('--vc-colors-primary-DEFAULT'),
+    700: withOpacity('--vc-colors-primary-DEFAULT'),
+    800: withOpacity('--vc-colors-primary-DEFAULT'),
+    900: withOpacity('--vc-colors-primary-DEFAULT')
+  },
+  secondary: {
+    DEFAULT: withOpacity('--vc-colors-secondary-DEFAULT'),
+    dark: withOpacity('--vc-colors-secondary-dark'),
+    light: withOpacity('--vc-colors-secondary-light'),
+    active: withOpacity('--vc-colors-secondary-active'),
+    50: withOpacity('--vc-colors-secondary-DEFAULT'),
+    100: withOpacity('--vc-colors-secondary-DEFAULT'),
+    200: withOpacity('--vc-colors-secondary-DEFAULT'),
+    300: withOpacity('--vc-colors-secondary-DEFAULT'),
+    400: withOpacity('--vc-colors-secondary-DEFAULT'),
+    500: withOpacity('--vc-colors-secondary-DEFAULT'),
+    600: withOpacity('--vc-colors-secondary-DEFAULT'),
+    700: withOpacity('--vc-colors-secondary-DEFAULT'),
+    800: withOpacity('--vc-colors-secondary-DEFAULT'),
+    900: withOpacity('--vc-colors-secondary-DEFAULT')
+  },
+  success: {
+    DEFAULT: withOpacity('--vc-colors-success-DEFAULT'),
+    dark: withOpacity('--vc-colors-success-dark'),
+    light: withOpacity('--vc-colors-success-light'),
+    active: withOpacity('--vc-colors-success-active'),
+    50: withOpacity('--vc-colors-success-DEFAULT'),
+    100: withOpacity('--vc-colors-success-DEFAULT'),
+    200: withOpacity('--vc-colors-success-DEFAULT'),
+    300: withOpacity('--vc-colors-success-DEFAULT'),
+    400: withOpacity('--vc-colors-success-DEFAULT'),
+    500: withOpacity('--vc-colors-success-DEFAULT'),
+    600: withOpacity('--vc-colors-success-DEFAULT'),
+    700: withOpacity('--vc-colors-success-DEFAULT'),
+    800: withOpacity('--vc-colors-success-DEFAULT'),
+    900: withOpacity('--vc-colors-success-DEFAULT')
+  },
+  info: {
+    DEFAULT: withOpacity('--vc-colors-info-DEFAULT'),
+    dark: withOpacity('--vc-colors-info-dark'),
+    light: withOpacity('--vc-colors-info-light'),
+    active: withOpacity('--vc-colors-info-active'),
+    50: withOpacity('--vc-colors-info-DEFAULT'),
+    100: withOpacity('--vc-colors-info-DEFAULT'),
+    200: withOpacity('--vc-colors-info-DEFAULT'),
+    300: withOpacity('--vc-colors-info-DEFAULT'),
+    400: withOpacity('--vc-colors-info-DEFAULT'),
+    500: withOpacity('--vc-colors-info-DEFAULT'),
+    600: withOpacity('--vc-colors-info-DEFAULT'),
+    700: withOpacity('--vc-colors-info-DEFAULT'),
+    800: withOpacity('--vc-colors-info-DEFAULT'),
+    900: withOpacity('--vc-colors-info-DEFAULT')
+  },
+  warning: {
+    DEFAULT: withOpacity('--vc-colors-warning-DEFAULT'),
+    dark: withOpacity('--vc-colors-warning-dark'),
+    light: withOpacity('--vc-colors-warning-light'),
+    active: withOpacity('--vc-colors-warning-active'),
+    50: withOpacity('--vc-colors-warning-DEFAULT'),
+    100: withOpacity('--vc-colors-warning-DEFAULT'),
+    200: withOpacity('--vc-colors-warning-DEFAULT'),
+    300: withOpacity('--vc-colors-warning-DEFAULT'),
+    400: withOpacity('--vc-colors-warning-DEFAULT'),
+    500: withOpacity('--vc-colors-warning-DEFAULT'),
+    600: withOpacity('--vc-colors-warning-DEFAULT'),
+    700: withOpacity('--vc-colors-warning-DEFAULT'),
+    800: withOpacity('--vc-colors-warning-DEFAULT'),
+    900: withOpacity('--vc-colors-warning-DEFAULT')
+  },
+  error: {
+    DEFAULT: withOpacity('--vc-colors-error-DEFAULT'),
+    dark: withOpacity('--vc-colors-error-dark'),
+    light: withOpacity('--vc-colors-error-light'),
+    active: withOpacity('--vc-colors-error-active'),
+    50: withOpacity('--vc-colors-error-DEFAULT'),
+    100: withOpacity('--vc-colors-error-DEFAULT'),
+    200: withOpacity('--vc-colors-error-DEFAULT'),
+    300: withOpacity('--vc-colors-error-DEFAULT'),
+    400: withOpacity('--vc-colors-error-DEFAULT'),
+    500: withOpacity('--vc-colors-error-DEFAULT'),
+    600: withOpacity('--vc-colors-error-DEFAULT'),
+    700: withOpacity('--vc-colors-error-DEFAULT'),
+    800: withOpacity('--vc-colors-error-DEFAULT'),
+    900: withOpacity('--vc-colors-error-DEFAULT')
+  },
+  neutral: {
+    DEFAULT: withOpacity('--vc-colors-neutral'),
+    50: withOpacity('--vc-colors-neutral-50'),
+    100: withOpacity('--vc-colors-neutral-100'),
+    200: withOpacity('--vc-colors-neutral-200'),
+    300: withOpacity('--vc-colors-neutral-300'),
+    400: withOpacity('--vc-colors-neutral-400'),
+    500: withOpacity('--vc-colors-neutral-500'),
+    600: withOpacity('--vc-colors-neutral-600'),
+    700: withOpacity('--vc-colors-neutral-700'),
+    800: withOpacity('--vc-colors-neutral-800'),
+    900: withOpacity('--vc-colors-neutral-900')
+  },
+  whiteAlpha: {
+    50: 'rgba(255, 255, 255, 0.04)',
+    100: 'rgba(255, 255, 255, 0.06)',
+    200: 'rgba(255, 255, 255, 0.08)',
+    300: 'rgba(255, 255, 255, 0.16)',
+    400: 'rgba(255, 255, 255, 0.24)',
+    500: 'rgba(255, 255, 255, 0.36)',
+    600: 'rgba(255, 255, 255, 0.48)',
+    700: 'rgba(255, 255, 255, 0.64)',
+    800: 'rgba(255, 255, 255, 0.80)',
+    900: 'rgba(255, 255, 255, 0.92)'
+  },
+  blackAlpha: {
+    50: 'rgba(0, 0, 0, 0.04)',
+    100: 'rgba(0, 0, 0, 0.06)',
+    200: 'rgba(0, 0, 0, 0.08)',
+    300: 'rgba(0, 0, 0, 0.16)',
+    400: 'rgba(0, 0, 0, 0.24)',
+    500: 'rgba(0, 0, 0, 0.36)',
+    600: 'rgba(0, 0, 0, 0.48)',
+    700: 'rgba(0, 0, 0, 0.64)',
+    800: 'rgba(0, 0, 0, 0.80)',
+    900: 'rgba(0, 0, 0, 0.92)'
+  }
+};
+//# sourceMappingURL=colors.js.map

package/dist/cjs/colors.js.map

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

package/dist/cjs/components/accordion.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n  \r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,eAAe,EAAE;MACf,aAAa,EAAE,CAAC,CAAC;MAEjB,WAAW,EAAE;QACX,2BAA2B,EAAE,CAAC,CAAC;QAE/B,WAAW,EAAE;UACX,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,YAAY,EAAE;QACZ,wEAAwE,EAAE,CAAC;MAC7E,CAAC;MAED,SAAS,EAAE;QACT,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,MAAM,EAAE;MACN,mGAAmG,EAAE,CAAC;IACxG;EAEF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/alert.js

@@ -0,0 +1,55 @@
+"use strict";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function alertSubtle(colors) {
+  return {
+    '.alert-subtle': _extends({
+      '@apply border rounded-base': {},
+      '@apply text-body': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref, _extends2;
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-50 border-" + color + "-500"] = {}, _ref["@apply dark:text-" + color + "-300 dark:bg-" + color + "-500"] = {}, _ref['@apply dark:bg-opacity-15'] = {}, _ref['@apply dark:border-opacity-40'] = {}, _ref), _extends2));
+    }, {}))
+  };
+}
+function alertSolid(colors) {
+  return {
+    '.alert-solid': _extends({
+      '@apply border rounded-base': {},
+      '@apply text-white': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref2, _extends3;
+      return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply bg-" + color + "-500 border-" + color + "-700 border-opacity-20"] = {}, _ref2["@apply dark:bg-" + color + "-600 dark:border-" + color + "-500"] = {}, _ref2['@apply dark:border-opacity-40'] = {}, _ref2), _extends3));
+    }, {}))
+  };
+}
+function alertLeftAccent(colors) {
+  return {
+    '.alert-left-accent': _extends({
+      '@apply border-l-2 rounded-none': {},
+      '@apply text-body': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref3, _extends4;
+      return _extends({}, styles, (_extends4 = {}, _extends4["&[data-color=\"" + color + "\"]"] = (_ref3 = {}, _ref3["@apply bg-transparent border-" + color + "-500"] = {}, _ref3["@apply dark:text-" + color + "-300"] = {}, _ref3), _extends4));
+    }, {}))
+  };
+}
+function alertCloseButton(colors) {
+  return {
+    '.alert-close-button': _extends({
+      '@apply absolute right-4 cursor-base focus-visible:outline-none': {},
+      '@apply text-neutral-600 hover:text-neutral-700': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref4, _extends5;
+      return _extends({}, styles, (_extends5 = {}, _extends5["&[data-color=\"" + color + "\"]"] = (_ref4 = {}, _ref4["@apply dark:text-" + color + "-300 dark:hover:text-" + color + "-400"] = {}, _ref4), _extends5));
+    }, {}))
+  };
+}
+module.exports = Alert = function Alert(colors) {
+  return _extends({
+    '.alert': {
+      '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-sm': {}
+    }
+  }, alertSubtle(colors), alertSolid(colors), alertLeftAccent(colors), alertCloseButton(colors));
+};
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +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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"}

package/dist/cjs/components/avatar.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["module","exports","Avatar"],"sources":["../../../src/components/avatar.js"],"sourcesContent":["module.exports = Avatar = () => ({\r\n  '.avatar': {\r\n    '@apply relative inline-flex items-center justify-center flex-shrink-0 align-top rounded-full': {},\r\n    '@apply bg-neutral-300 text-neutral-800': {},\r\n    // dark colors\r\n    '@apply dark:bg-neutral-600 dark:text-neutral-100': {},\r\n\r\n    '&-2xs': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-7 h-7': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-10 h-10': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-12 h-12': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-16 h-16': {},\r\n    },\r\n  },\r\n\r\n  '.avatar-bordered': {\r\n    '@apply border-2 border-white': {},\r\n    '@apply dark:border-neutral-800': {},\r\n  },\r\n\r\n  '.avatar-name': {\r\n    '@apply font-medium text-center uppercase': {},\r\n\r\n    '&-2xs': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-7 h-7': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-10 h-10': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-12 h-12': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-16 h-16': {},\r\n    },\r\n  },\r\n\r\n  '.avatar-group': {\r\n    '@apply flex items-center justify-end flex-row-reverse': {},\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAAA;EAAA,OAAO;IAC/B,SAAS,EAAE;MACT,8FAA8F,EAAE,CAAC,CAAC;MAClG,wCAAwC,EAAE,CAAC,CAAC;MAC5C;MACA,kDAAkD,EAAE,CAAC,CAAC;MAEtD,OAAO,EAAE;QACP,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,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,OAAO,EAAE;QACP,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,OAAO,EAAE;QACP,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,kBAAkB,EAAE;MAClB,8BAA8B,EAAE,CAAC,CAAC;MAClC,gCAAgC,EAAE,CAAC;IACrC,CAAC;IAED,cAAc,EAAE;MACd,0CAA0C,EAAE,CAAC,CAAC;MAE9C,OAAO,EAAE;QACP,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,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,OAAO,EAAE;QACP,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,OAAO,EAAE;QACP,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,eAAe,EAAE;MACf,uDAAuD,EAAE,CAAC;IAC5D;EACF,CAAC;AAAA,CAAC"}