@sk-web-gui/core 3.6.0 → 3.7.0

package/dist/cjs/components/ai/ai-corner-module.js

@@ -68,7 +68,7 @@ var AICornerModule = exports.AICornerModule = function AICornerModule(colors) {
         '@apply rounded-tl-groups': {},
         '@apply max-w-[26em]': {},
         '@apply w-[26em]': {},
-        '@apply max-h-[44em]': {},
+        '@apply max-h-[calc(100%-1em)]': {},
         '&[data-mobile="true"]': {
           '@apply rounded-tl-none': {},
           '@apply max-w-full': {},
@@ -246,6 +246,41 @@ var AICornerModule = exports.AICornerModule = function AICornerModule(colors) {
             }
           }
         }
+      },
+      //ASSISTANT LIBRARY
+      '&-assistant-library': {
+        '@apply flex justify-between items-center': {},
+        '@apply pl-20 pr-14 py-0': {},
+        '@apply h-80': {},
+        '@apply bg-background-content': {},
+        '&-menu': {
+          '@apply flex gap-12': {},
+          '@apply p-0 m-0': {},
+          '&-item': {
+            '@apply h-52 w-52': {},
+            '@apply rounded-groups': {},
+            '@apply relative': {},
+            '@apply flex justify-center': {},
+            '&-button, & > *:first-child': {
+              '@apply h-52 w-52': {},
+              '@apply gap-0': {},
+              '@apply rounded-groups': {},
+              '@apply p-6': {},
+              '.sk-ai-assistant-avatar': {
+                '@apply w-40 h-40': {}
+              },
+              '&[aria-current]:not([aria-current="false"])': {
+                '@apply bg-primary-surface': {},
+                '.sk-ai-assistant-avatar': {
+                  '@apply ring-1 ring-background-content': {}
+                }
+              }
+            },
+            '.sk-tooltip': {
+              '@apply absolute top-full mt-4': {}
+            }
+          }
+        }
       }
     }
   };

package/dist/cjs/components/ai/ai-corner-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-corner-module.js","names":["AICornerModule","exports","colors","_extends","reduce","styles","color","_ref","_extends2"],"sources":["../../../../src/components/ai/ai-corner-module.ts"],"sourcesContent":["export const AICornerModule = (colors: string[]) => ({\r\n  '.sk-ai-corner-module': {\r\n    '@apply fixed': {},\r\n    '@apply max-w-full': {},\r\n    '@apply max-h-full': {},\r\n    '@apply z-50': {},\r\n    '@apply flex flex-col gap-0 items-center justify-start': {},\r\n    '@apply shadow-200': {},\r\n    '@apply transition-all': {},\r\n    '@apply duration-300': {},\r\n    '@apply bottom-0 right-0': {},\r\n    '@apply bg-background-content': {},\r\n\r\n    '&-content': {\r\n      '@apply flex w-full gap-0 h-full justify-between': {},\r\n      '@apply relative': {},\r\n      '&-row': {\r\n        '@apply flex flex-col': {},\r\n      },\r\n      '&-main': {\r\n        '@apply grow shrink max-h-full max-w-full items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sidebar': {\r\n      '@apply flex flex-col': {},\r\n      '@apply lg:w-[22em]': {},\r\n      '@apply h-full': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply border-r-1 border-r-divider': {},\r\n      '@apply pt-20 px-0 gap-16': {},\r\n      '&-sessions': {\r\n        '@apply flex flex-col': {},\r\n        '@apply grow w-full': {},\r\n        '@apply overflow-y-auto': {},\r\n        '@apply px-24 pb-20 gap-16': {},\r\n      },\r\n    },\r\n    '&-feed': {\r\n      '@apply flex flex-col grow': {},\r\n      '@apply px-16 pt-16 pb-24 gap-16': {},\r\n      '@apply w-full': {},\r\n      '@apply max-h-full overflow-y-auto': {},\r\n      '@apply max-w-full overflow-x-hidden': {},\r\n      '&-readmore': {\r\n        '@apply text-center': {},\r\n        '@apply max-w-[29em]': {},\r\n        '@apply px-24 pb-16 pt-0': {},\r\n      },\r\n      '&-questions': {\r\n        '@apply flex flex-col gap-8 w-full': {},\r\n        '&-title': {\r\n          '@apply text-label-medium text-dark-primary': {},\r\n        },\r\n        '&-wrapper': {\r\n          '@apply flex flex-col gap-16 w-full': {},\r\n        },\r\n      },\r\n    },\r\n    '.sk-ai-inputsection': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&[data-fullscreen=\"false\"]': {\r\n      '@apply rounded-tl-groups': {},\r\n      '@apply max-w-[26em]': {},\r\n      '@apply w-[26em]': {},\r\n      '@apply max-h-[44em]': {},\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n        '@apply max-w-full': {},\r\n        '@apply w-full': {},\r\n        '@apply max-h-full': {},\r\n      },\r\n      '&[data-docked=\"false\"]': {\r\n        '@apply h-[44em]': {},\r\n        '&[data-mobile=\"true\"]': {\r\n          '@apply h-full': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-mobile=\"true\"]': {\r\n      '.sk-ai-corner-module-feed': {\r\n        '&-readmore': {\r\n          '@apply max-w-full': {},\r\n        },\r\n      },\r\n    },\r\n    '.sk-ai-feed': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&[data-fullscreen=\"true\"]': {\r\n      '@apply w-full': {},\r\n      '.sk-ai-corner-module-feed': {\r\n        '@apply gap-40 grow w-full items-center': {},\r\n        '.sk-ai-feed': {\r\n          '@apply text-base max-w-[50em]': {},\r\n        },\r\n        '&-questions': {\r\n          '@apply flex-row gap-16': {},\r\n          '&-wrapper': {\r\n            '@apply text-base max-w-[50em]': {},\r\n          },\r\n        },\r\n      },\r\n      '.sk-ai-inputsection': {\r\n        '@apply text-base max-w-[50em]': {},\r\n        '@apply pt-20 pb-32': {},\r\n      },\r\n    },\r\n    '&[data-docked=\"true\"]': {\r\n      '@apply h-64 md:w-[19em]': {},\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n    '&-header': {\r\n      '@apply h-64': {},\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply w-full': {},\r\n      '@apply shrink-0': {},\r\n      '@apply px-14 py-16': {},\r\n      '@apply transition-all': {},\r\n      '@apply bg-inverted-background-content': {},\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply rounded-tl-groups': {},\r\n\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n      },\r\n      '&[data-docked=\"true\"]': {\r\n        '@apply px-12 pt-10 pb-12': {},\r\n        '@apply cursor-pointer': {},\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply flex justify-start items-center': {},\r\n        '@apply gap-12 pr-16': {},\r\n      },\r\n      '&-heading': {\r\n        '@apply flex flex-col gap-0': {},\r\n        '&-name': {\r\n          '@apply text-label-medium': {},\r\n        },\r\n        '&-subtitle': {\r\n          '@apply text-small text-inverted-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&-menu': {\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply gap-12': {},\r\n        '&-item': {\r\n          '@apply relative flex justify-center': {},\r\n          '.sk-tooltip': {\r\n            '@apply absolute w-max': {},\r\n            '&[data-position=\"below\"]': {\r\n              '@apply top-full': {},\r\n              '@apply mt-12': {},\r\n            },\r\n            '&[data-position=\"above\"]': {\r\n              '@apply bottom-full': {},\r\n              '@apply mb-12': {},\r\n            },\r\n            '&[data-rightoutside=\"true\"]': {\r\n              '@apply ml-[-100%]': {},\r\n              '@apply w-auto': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply pt-0 px-24': {},\r\n        '@apply bg-transparent': {},\r\n        '.sk-avatar': {\r\n          '@apply w-40 h-40 lg:w-56 lg:h-56': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading-name': {\r\n          '@apply text-label-large text-dark-primary': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading-subtitle': {\r\n          '@apply text-small text-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&[data-fullscreen=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply text-dark-primary': {},\r\n        '@apply px-20 pt-20 pb-12': {},\r\n      },\r\n    },\r\n    '&-sessions': {\r\n      '@apply px-20': {},\r\n      '&-group': {\r\n        '@apply py-8 px-12': {},\r\n      },\r\n      '&-history': {\r\n        '@apply flex flex-col p-8 gap-16': {},\r\n        '&-list': {\r\n          '@apply flex flex-col p-0 gap-8': {},\r\n          '[role=\"menuitem\"]': {\r\n            '@apply max-w-full': {},\r\n            '@apply max-h-none h-auto text-wrap text-left': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n    '.sk-avatar': {\r\n      '@apply transition-all duration-500': {},\r\n    },\r\n    '&-mobile-menu': {\r\n      '@apply rounded-0 py-16 absolute top-0 bottom-0 overflow-x-hidden': {},\r\n      '@apply px-0': {},\r\n      '@apply rounded-l-button': {},\r\n      '@apply bg-background-100': {},\r\n      '@apply shadow-100': {},\r\n      '@apply transition-all': {},\r\n\r\n      '&-top-bar': {\r\n        '@apply flex justify-between items-start': {},\r\n        '@apply pl-0 pr-16': {},\r\n        '.sk-ai-corner-module-header': {\r\n          '@apply shrink': {},\r\n        },\r\n      },\r\n      '&-content': {\r\n        '@apply flex flex-col pt-8': {},\r\n        '[role=\"menuitem\"]': {\r\n          '@apply w-full': {},\r\n        },\r\n      },\r\n      '&[data-show=\"true\"]': {\r\n        '@apply left-16 right-0': {},\r\n      },\r\n      '&[data-show=\"false\"]': {\r\n        '@apply w-0 h-0 left-full': {},\r\n        '.sk-ai-corner-module-mobile-menu': {\r\n          '&-top-bar': {\r\n            '@apply hidden': {},\r\n          },\r\n          '&-content': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ai-corner-module.js","names":["AICornerModule","exports","colors","_extends","reduce","styles","color","_ref","_extends2"],"sources":["../../../../src/components/ai/ai-corner-module.ts"],"sourcesContent":["export const AICornerModule = (colors: string[]) => ({\r\n  '.sk-ai-corner-module': {\r\n    '@apply fixed': {},\r\n    '@apply max-w-full': {},\r\n    '@apply max-h-full': {},\r\n    '@apply z-50': {},\r\n    '@apply flex flex-col gap-0 items-center justify-start': {},\r\n    '@apply shadow-200': {},\r\n    '@apply transition-all': {},\r\n    '@apply duration-300': {},\r\n    '@apply bottom-0 right-0': {},\r\n    '@apply bg-background-content': {},\r\n\r\n    '&-content': {\r\n      '@apply flex w-full gap-0 h-full justify-between': {},\r\n      '@apply relative': {},\r\n      '&-row': {\r\n        '@apply flex flex-col': {},\r\n      },\r\n      '&-main': {\r\n        '@apply grow shrink max-h-full max-w-full items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sidebar': {\r\n      '@apply flex flex-col': {},\r\n      '@apply lg:w-[22em]': {},\r\n      '@apply h-full': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply border-r-1 border-r-divider': {},\r\n      '@apply pt-20 px-0 gap-16': {},\r\n      '&-sessions': {\r\n        '@apply flex flex-col': {},\r\n        '@apply grow w-full': {},\r\n        '@apply overflow-y-auto': {},\r\n        '@apply px-24 pb-20 gap-16': {},\r\n      },\r\n    },\r\n    '&-feed': {\r\n      '@apply flex flex-col grow': {},\r\n      '@apply px-16 pt-16 pb-24 gap-16': {},\r\n      '@apply w-full': {},\r\n      '@apply max-h-full overflow-y-auto': {},\r\n      '@apply max-w-full overflow-x-hidden': {},\r\n      '&-readmore': {\r\n        '@apply text-center': {},\r\n        '@apply max-w-[29em]': {},\r\n        '@apply px-24 pb-16 pt-0': {},\r\n      },\r\n      '&-questions': {\r\n        '@apply flex flex-col gap-8 w-full': {},\r\n        '&-title': {\r\n          '@apply text-label-medium text-dark-primary': {},\r\n        },\r\n        '&-wrapper': {\r\n          '@apply flex flex-col gap-16 w-full': {},\r\n        },\r\n      },\r\n    },\r\n    '.sk-ai-inputsection': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&[data-fullscreen=\"false\"]': {\r\n      '@apply rounded-tl-groups': {},\r\n      '@apply max-w-[26em]': {},\r\n      '@apply w-[26em]': {},\r\n      '@apply max-h-[calc(100%-1em)]': {},\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n        '@apply max-w-full': {},\r\n        '@apply w-full': {},\r\n        '@apply max-h-full': {},\r\n      },\r\n      '&[data-docked=\"false\"]': {\r\n        '@apply h-[44em]': {},\r\n        '&[data-mobile=\"true\"]': {\r\n          '@apply h-full': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-mobile=\"true\"]': {\r\n      '.sk-ai-corner-module-feed': {\r\n        '&-readmore': {\r\n          '@apply max-w-full': {},\r\n        },\r\n      },\r\n    },\r\n    '.sk-ai-feed': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&[data-fullscreen=\"true\"]': {\r\n      '@apply w-full': {},\r\n      '.sk-ai-corner-module-feed': {\r\n        '@apply gap-40 grow w-full items-center': {},\r\n        '.sk-ai-feed': {\r\n          '@apply text-base max-w-[50em]': {},\r\n        },\r\n        '&-questions': {\r\n          '@apply flex-row gap-16': {},\r\n          '&-wrapper': {\r\n            '@apply text-base max-w-[50em]': {},\r\n          },\r\n        },\r\n      },\r\n      '.sk-ai-inputsection': {\r\n        '@apply text-base max-w-[50em]': {},\r\n        '@apply pt-20 pb-32': {},\r\n      },\r\n    },\r\n    '&[data-docked=\"true\"]': {\r\n      '@apply h-64 md:w-[19em]': {},\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n    '&-header': {\r\n      '@apply h-64': {},\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply w-full': {},\r\n      '@apply shrink-0': {},\r\n      '@apply px-14 py-16': {},\r\n      '@apply transition-all': {},\r\n      '@apply bg-inverted-background-content': {},\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply rounded-tl-groups': {},\r\n\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n      },\r\n      '&[data-docked=\"true\"]': {\r\n        '@apply px-12 pt-10 pb-12': {},\r\n        '@apply cursor-pointer': {},\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply flex justify-start items-center': {},\r\n        '@apply gap-12 pr-16': {},\r\n      },\r\n      '&-heading': {\r\n        '@apply flex flex-col gap-0': {},\r\n        '&-name': {\r\n          '@apply text-label-medium': {},\r\n        },\r\n        '&-subtitle': {\r\n          '@apply text-small text-inverted-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&-menu': {\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply gap-12': {},\r\n        '&-item': {\r\n          '@apply relative flex justify-center': {},\r\n          '.sk-tooltip': {\r\n            '@apply absolute w-max': {},\r\n            '&[data-position=\"below\"]': {\r\n              '@apply top-full': {},\r\n              '@apply mt-12': {},\r\n            },\r\n            '&[data-position=\"above\"]': {\r\n              '@apply bottom-full': {},\r\n              '@apply mb-12': {},\r\n            },\r\n            '&[data-rightoutside=\"true\"]': {\r\n              '@apply ml-[-100%]': {},\r\n              '@apply w-auto': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply pt-0 px-24': {},\r\n        '@apply bg-transparent': {},\r\n        '.sk-avatar': {\r\n          '@apply w-40 h-40 lg:w-56 lg:h-56': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading-name': {\r\n          '@apply text-label-large text-dark-primary': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading-subtitle': {\r\n          '@apply text-small text-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&[data-fullscreen=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply text-dark-primary': {},\r\n        '@apply px-20 pt-20 pb-12': {},\r\n      },\r\n    },\r\n    '&-sessions': {\r\n      '@apply px-20': {},\r\n      '&-group': {\r\n        '@apply py-8 px-12': {},\r\n      },\r\n      '&-history': {\r\n        '@apply flex flex-col p-8 gap-16': {},\r\n        '&-list': {\r\n          '@apply flex flex-col p-0 gap-8': {},\r\n          '[role=\"menuitem\"]': {\r\n            '@apply max-w-full': {},\r\n            '@apply max-h-none h-auto text-wrap text-left': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n    '.sk-avatar': {\r\n      '@apply transition-all duration-500': {},\r\n    },\r\n    '&-mobile-menu': {\r\n      '@apply rounded-0 py-16 absolute top-0 bottom-0 overflow-x-hidden': {},\r\n      '@apply px-0': {},\r\n      '@apply rounded-l-button': {},\r\n      '@apply bg-background-100': {},\r\n      '@apply shadow-100': {},\r\n      '@apply transition-all': {},\r\n\r\n      '&-top-bar': {\r\n        '@apply flex justify-between items-start': {},\r\n        '@apply pl-0 pr-16': {},\r\n        '.sk-ai-corner-module-header': {\r\n          '@apply shrink': {},\r\n        },\r\n      },\r\n      '&-content': {\r\n        '@apply flex flex-col pt-8': {},\r\n        '[role=\"menuitem\"]': {\r\n          '@apply w-full': {},\r\n        },\r\n      },\r\n      '&[data-show=\"true\"]': {\r\n        '@apply left-16 right-0': {},\r\n      },\r\n      '&[data-show=\"false\"]': {\r\n        '@apply w-0 h-0 left-full': {},\r\n        '.sk-ai-corner-module-mobile-menu': {\r\n          '&-top-bar': {\r\n            '@apply hidden': {},\r\n          },\r\n          '&-content': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    //ASSISTANT LIBRARY\r\n    '&-assistant-library': {\r\n      '@apply flex justify-between items-center': {},\r\n      '@apply pl-20 pr-14 py-0': {},\r\n      '@apply h-80': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&-menu': {\r\n        '@apply flex gap-12': {},\r\n        '@apply p-0 m-0': {},\r\n        '&-item': {\r\n          '@apply h-52 w-52': {},\r\n          '@apply rounded-groups': {},\r\n          '@apply relative': {},\r\n          '@apply flex justify-center': {},\r\n          '&-button, & > *:first-child': {\r\n            '@apply h-52 w-52': {},\r\n            '@apply gap-0': {},\r\n            '@apply rounded-groups': {},\r\n            '@apply p-6': {},\r\n            '.sk-ai-assistant-avatar': {\r\n              '@apply w-40 h-40': {},\r\n            },\r\n            '&[aria-current]:not([aria-current=\"false\"])': {\r\n              '@apply bg-primary-surface': {},\r\n              '.sk-ai-assistant-avatar': {\r\n                '@apply ring-1 ring-background-content': {},\r\n              },\r\n            },\r\n          },\r\n          '.sk-tooltip': {\r\n            '@apply absolute top-full mt-4': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ai/ai-feed.js

@@ -5,6 +5,7 @@ exports.AIFeed = void 0;
 var AIFeed = exports.AIFeed = function AIFeed() {
   return {
     '.sk-ai-feed': {
+      '@apply text-left': {},
       '@apply h-auto max-h-full flex flex-col gap-32': {},
       '&-entry': {
         '@apply flex items-start gap-12': {},

package/dist/cjs/components/ai/ai-feed.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-feed.js","names":["AIFeed","exports"],"sources":["../../../../src/components/ai/ai-feed.ts"],"sourcesContent":["export const AIFeed = () => ({\r\n  '.sk-ai-feed': {\r\n    '@apply h-auto max-h-full flex flex-col gap-32': {},\r\n    '&-entry': {\r\n      '@apply flex items-start gap-12': {},\r\n      '@apply w-full': {},\r\n      '&-avatar': {\r\n        '@apply grow-0 shrink-0 w-fit': {},\r\n      },\r\n      '&-container': {\r\n        '@apply flex flex-col pb-20 gap-20': {},\r\n        '@apply w-full': {},\r\n      },\r\n      '&-content': {\r\n        '@apply break-words max-w-full flex flex-col grow gap-4': {},\r\n      },\r\n      '&-heading': {\r\n        '@apply text-large font-bold': {},\r\n        '&[data-showtitle=\"false\"]': {\r\n          '@apply w-0 h-0 opacity-0': {},\r\n        },\r\n      },\r\n      '&-references': {\r\n        '@apply rounded-button py-0 pl-20 pr-12 gap-8': {},\r\n        '@apply bg-background-200 text-dark-primary': {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-inverted-background-200 text-inverted-dark-primary': {},\r\n        },\r\n        '&-header': {\r\n          '@apply text-dark-primary': {},\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-dark-primary': {},\r\n          },\r\n        },\r\n        '&-list': {\r\n          '&-item': {\r\n            '@apply max-w-full w-full my-8 rounded-6 whitespace-normal text-base': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n    '&-live-wrapper': {\r\n      '@apply absolute w-1 h-1 -m-1 overflow-hidden whitespace-nowrap p-0 opacity-0': {},\r\n    },\r\n\r\n    '&[data-size=\"lg\"]': {\r\n      '.sk-ai-feed-avatar, .sk-avatar': {\r\n        '@apply w-40 h-40': {},\r\n      },\r\n      '.sk-ai-feed-container': {\r\n        '@apply pb-32 gap-32': {},\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n    '&[data-size=\"sm\"]': {\r\n      '.sk-ai-feed-avatar, .sk-avatar': {\r\n        '@apply w-32 h-32': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAC3B,aAAa,EAAE;MACb,+CAA+C,EAAE,CAAC,CAAC;MACnD,SAAS,EAAE;QACT,gCAAgC,EAAE,CAAC,CAAC;QACpC,eAAe,EAAE,CAAC,CAAC;QACnB,UAAU,EAAE;UACV,8BAA8B,EAAE,CAAC;QACnC,CAAC;QACD,aAAa,EAAE;UACb,mCAAmC,EAAE,CAAC,CAAC;UACvC,eAAe,EAAE,CAAC;QACpB,CAAC;QACD,WAAW,EAAE;UACX,wDAAwD,EAAE,CAAC;QAC7D,CAAC;QACD,WAAW,EAAE;UACX,6BAA6B,EAAE,CAAC,CAAC;UACjC,2BAA2B,EAAE;YAC3B,0BAA0B,EAAE,CAAC;UAC/B;QACF,CAAC;QACD,cAAc,EAAE;UACd,8CAA8C,EAAE,CAAC,CAAC;UAClD,4CAA4C,EAAE,CAAC,CAAC;UAEhD,yBAAyB,EAAE;YACzB,8DAA8D,EAAE,CAAC;UACnE,CAAC;UACD,UAAU,EAAE;YACV,0BAA0B,EAAE,CAAC,CAAC;YAC9B,yBAAyB,EAAE;cACzB,mCAAmC,EAAE,CAAC;YACxC;UACF,CAAC;UACD,QAAQ,EAAE;YACR,QAAQ,EAAE;cACR,qEAAqE,EAAE,CAAC;YAC1E;UACF;QACF;MACF,CAAC;MACD,gBAAgB,EAAE;QAChB,8EAA8E,EAAE,CAAC;MACnF,CAAC;MAED,mBAAmB,EAAE;QACnB,gCAAgC,EAAE;UAChC,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,uBAAuB,EAAE;UACvB,qBAAqB,EAAE,CAAC,CAAC;UACzB,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MACD,mBAAmB,EAAE;QACnB,gCAAgC,EAAE;UAChC,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"ai-feed.js","names":["AIFeed","exports"],"sources":["../../../../src/components/ai/ai-feed.ts"],"sourcesContent":["export const AIFeed = () => ({\r\n  '.sk-ai-feed': {\r\n    '@apply text-left': {},\r\n    '@apply h-auto max-h-full flex flex-col gap-32': {},\r\n    '&-entry': {\r\n      '@apply flex items-start gap-12': {},\r\n      '@apply w-full': {},\r\n      '&-avatar': {\r\n        '@apply grow-0 shrink-0 w-fit': {},\r\n      },\r\n      '&-container': {\r\n        '@apply flex flex-col pb-20 gap-20': {},\r\n        '@apply w-full': {},\r\n      },\r\n      '&-content': {\r\n        '@apply break-words max-w-full flex flex-col grow gap-4': {},\r\n      },\r\n      '&-heading': {\r\n        '@apply text-large font-bold': {},\r\n        '&[data-showtitle=\"false\"]': {\r\n          '@apply w-0 h-0 opacity-0': {},\r\n        },\r\n      },\r\n      '&-references': {\r\n        '@apply rounded-button py-0 pl-20 pr-12 gap-8': {},\r\n        '@apply bg-background-200 text-dark-primary': {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-inverted-background-200 text-inverted-dark-primary': {},\r\n        },\r\n        '&-header': {\r\n          '@apply text-dark-primary': {},\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-dark-primary': {},\r\n          },\r\n        },\r\n        '&-list': {\r\n          '&-item': {\r\n            '@apply max-w-full w-full my-8 rounded-6 whitespace-normal text-base': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n    '&-live-wrapper': {\r\n      '@apply absolute w-1 h-1 -m-1 overflow-hidden whitespace-nowrap p-0 opacity-0': {},\r\n    },\r\n\r\n    '&[data-size=\"lg\"]': {\r\n      '.sk-ai-feed-avatar, .sk-avatar': {\r\n        '@apply w-40 h-40': {},\r\n      },\r\n      '.sk-ai-feed-container': {\r\n        '@apply pb-32 gap-32': {},\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n    '&[data-size=\"sm\"]': {\r\n      '.sk-ai-feed-avatar, .sk-avatar': {\r\n        '@apply w-32 h-32': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAC3B,aAAa,EAAE;MACb,kBAAkB,EAAE,CAAC,CAAC;MACtB,+CAA+C,EAAE,CAAC,CAAC;MACnD,SAAS,EAAE;QACT,gCAAgC,EAAE,CAAC,CAAC;QACpC,eAAe,EAAE,CAAC,CAAC;QACnB,UAAU,EAAE;UACV,8BAA8B,EAAE,CAAC;QACnC,CAAC;QACD,aAAa,EAAE;UACb,mCAAmC,EAAE,CAAC,CAAC;UACvC,eAAe,EAAE,CAAC;QACpB,CAAC;QACD,WAAW,EAAE;UACX,wDAAwD,EAAE,CAAC;QAC7D,CAAC;QACD,WAAW,EAAE;UACX,6BAA6B,EAAE,CAAC,CAAC;UACjC,2BAA2B,EAAE;YAC3B,0BAA0B,EAAE,CAAC;UAC/B;QACF,CAAC;QACD,cAAc,EAAE;UACd,8CAA8C,EAAE,CAAC,CAAC;UAClD,4CAA4C,EAAE,CAAC,CAAC;UAEhD,yBAAyB,EAAE;YACzB,8DAA8D,EAAE,CAAC;UACnE,CAAC;UACD,UAAU,EAAE;YACV,0BAA0B,EAAE,CAAC,CAAC;YAC9B,yBAAyB,EAAE;cACzB,mCAAmC,EAAE,CAAC;YACxC;UACF,CAAC;UACD,QAAQ,EAAE;YACR,QAAQ,EAAE;cACR,qEAAqE,EAAE,CAAC;YAC1E;UACF;QACF;MACF,CAAC;MACD,gBAAgB,EAAE;QAChB,8EAA8E,EAAE,CAAC;MACnF,CAAC;MAED,mBAAmB,EAAE;QACnB,gCAAgC,EAAE;UAChC,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,uBAAuB,EAAE;UACvB,qBAAqB,EAAE,CAAC,CAAC;UACzB,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MACD,mBAAmB,EAAE;QACnB,gCAAgC,EAAE;UAChC,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/ai/assistant-switch.js

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+exports.AssistantSwitch = void 0;
+var AssistantSwitch = exports.AssistantSwitch = function AssistantSwitch() {
+  return {
+    '.sk-ai-assistant-switch': {
+      '@apply flex gap-12': {},
+      '@apply rounded-button': {},
+      '@apply focus-visible:ring ring-ring': {},
+      '@apply justify-start items-center': {},
+      '@apply pr-8': {},
+      '&-icon': {
+        '@apply leading-0': {},
+        '& > *, .sk-avatar, .sk-icon, svg': {
+          '@apply h-32 w-32': {}
+        },
+        '&-switch': {
+          '.sk-avatar-img': {
+            '@apply min-w-18 max-w-18 w-18 min-h-18 max-h-18 h-18': {}
+          }
+        }
+      },
+      '&-text': {
+        '@apply text-label-medium': {},
+        '@apply text-dark-primary': {}
+      },
+      '&-hover-icon': {
+        '@apply text-dark-secondary': {},
+        '@apply opacity-0': {},
+        '@apply leading-0': {},
+        '.sk-icon, svg': {
+          '@apply h-16 w-16': {}
+        }
+      },
+      '&:hover > &-hover-icon, &:focus-visible > &-hover-icon': {
+        '@apply opacity-100': {}
+      },
+      '&[data-inverted="true"]': {
+        '.sk-ai-assistant-switch': {
+          '&-text': {
+            '@apply text-inverted-dark-primary': {}
+          },
+          '&-hover-icon': {
+            '@apply text-inverted-dark-secondary': {}
+          }
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=assistant-switch.js.map

package/dist/cjs/components/ai/assistant-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistant-switch.js","names":["AssistantSwitch","exports"],"sources":["../../../../src/components/ai/assistant-switch.ts"],"sourcesContent":["export const AssistantSwitch = () => ({\r\n  '.sk-ai-assistant-switch': {\r\n    '@apply flex gap-12': {},\r\n    '@apply rounded-button': {},\r\n    '@apply focus-visible:ring ring-ring': {},\r\n    '@apply justify-start items-center': {},\r\n    '@apply pr-8': {},\r\n    '&-icon': {\r\n      '@apply leading-0': {},\r\n      '& > *, .sk-avatar, .sk-icon, svg': {\r\n        '@apply h-32 w-32': {},\r\n      },\r\n      '&-switch': {\r\n        '.sk-avatar-img': {\r\n          '@apply min-w-18 max-w-18 w-18 min-h-18 max-h-18 h-18': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-text': {\r\n      '@apply text-label-medium': {},\r\n      '@apply text-dark-primary': {},\r\n    },\r\n    '&-hover-icon': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply opacity-0': {},\r\n      '@apply leading-0': {},\r\n\r\n      '.sk-icon, svg': {\r\n        '@apply h-16 w-16': {},\r\n      },\r\n    },\r\n    '&:hover > &-hover-icon, &:focus-visible > &-hover-icon': {\r\n      '@apply opacity-100': {},\r\n    },\r\n\r\n    '&[data-inverted=\"true\"]': {\r\n      '.sk-ai-assistant-switch': {\r\n        '&-text': {\r\n          '@apply text-inverted-dark-primary': {},\r\n        },\r\n        '&-hover-icon': {\r\n          '@apply text-inverted-dark-secondary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAAU;IACpC,yBAAyB,EAAE;MACzB,oBAAoB,EAAE,CAAC,CAAC;MACxB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,qCAAqC,EAAE,CAAC,CAAC;MACzC,mCAAmC,EAAE,CAAC,CAAC;MACvC,aAAa,EAAE,CAAC,CAAC;MACjB,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC,CAAC;QACtB,kCAAkC,EAAE;UAClC,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,UAAU,EAAE;UACV,gBAAgB,EAAE;YAChB,sDAAsD,EAAE,CAAC;UAC3D;QACF;MACF,CAAC;MAED,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC,CAAC;QAC9B,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,cAAc,EAAE;QACd,4BAA4B,EAAE,CAAC,CAAC;QAChC,kBAAkB,EAAE,CAAC,CAAC;QACtB,kBAAkB,EAAE,CAAC,CAAC;QAEtB,eAAe,EAAE;UACf,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,wDAAwD,EAAE;QACxD,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,yBAAyB,EAAE;QACzB,yBAAyB,EAAE;UACzB,QAAQ,EAAE;YACR,mCAAmC,EAAE,CAAC;UACxC,CAAC;UACD,cAAc,EAAE;YACd,qCAAqC,EAAE,CAAC;UAC1C;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/ai/typing-sequence.js

@@ -9,11 +9,11 @@ var TypingSequence = exports.TypingSequence = function TypingSequence(colors) {
     '.sk-ai-typing-sequence': {
       '@apply bg-transparent': {},
       '@apply inline-flex': {},
-      '@apply h-[0.5rem] w-fit gap-6': {},
+      '@apply h-5 w-fit gap-6': {},
       '&-dot': _extends({
         '@apply rounded-full': {},
         '@apply block': {},
-        '@apply w-[0.5rem] h-[0.5rem]': {},
+        '@apply w-5 h-5': {},
         '@apply bg-dark-secondary': {},
         '&[data-inverted="true"]': (_dataInvertedTru = {}, _dataInvertedTru["@apply bg-inverted-dark-secondary"] = {}, _dataInvertedTru),
         '&[data-order="1"]': {

package/dist/cjs/components/ai/typing-sequence.js.map

@@ -1 +1 @@
-{"version":3,"file":"typing-sequence.js","names":["TypingSequence","exports","colors","_dataInvertedTru","_extends","reduce","styles","color","_dataInvertedTru2","_ref","_extends2"],"sources":["../../../../src/components/ai/typing-sequence.ts"],"sourcesContent":["export const TypingSequence = (colors: string[]) => ({\r\n  '.sk-ai-typing-sequence': {\r\n    '@apply bg-transparent': {},\r\n    '@apply inline-flex': {},\r\n    '@apply h-[0.5rem] w-fit gap-6': {},\r\n    '&-dot': {\r\n      '@apply rounded-full': {},\r\n      '@apply block': {},\r\n      '@apply w-[0.5rem] h-[0.5rem]': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&[data-inverted=\"true\"]': {\r\n        [`@apply bg-inverted-dark-secondary`]: {},\r\n      },\r\n      '&[data-order=\"1\"]': {\r\n        '@apply animate-typing-bounce-1': {},\r\n      },\r\n      '&[data-order=\"2\"]': {\r\n        '@apply animate-typing-bounce-2': {},\r\n      },\r\n      '&[data-order=\"3\"]': {\r\n        '@apply animate-typing-bounce-3': {},\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n            '&[data-inverted=\"true\"]': {\r\n              [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,MAAgB;EAAA,IAAAC,gBAAA;EAAA,OAAM;IACnD,wBAAwB,EAAE;MACxB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,oBAAoB,EAAE,CAAC,CAAC;MACxB,+BAA+B,EAAE,CAAC,CAAC;MACnC,OAAO,EAAAC,QAAA;QACL,qBAAqB,EAAE,CAAC,CAAC;QACzB,cAAc,EAAE,CAAC,CAAC;QAClB,8BAA8B,EAAE,CAAC,CAAC;QAClC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,yBAAyB,GAAAD,gBAAA,OAAAA,gBAAA,wCACgB,CAAC,CAAC,EAAAA,gBAAA,CAC1C;QACD,mBAAmB,EAAE;UACnB,gCAAgC,EAAE,CAAC;QACrC,CAAC;QACD,mBAAmB,EAAE;UACnB,gCAAgC,EAAE,CAAC;QACrC,CAAC;QACD,mBAAmB,EAAE;UACnB,gCAAgC,EAAE,CAAC;QACrC;MAAC,GACED,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,iBAAA,EAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBAESH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,IAAA,CAC1C,yBAAyB,KAAAD,iBAAA,OAAAA,iBAAA,yBACAD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,iBAAA,GAAAC,IAAA,GAAAC,SAAA;MAAA,CAGvD,EACF,CAAC,CACH,CAAC;IAEL;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"typing-sequence.js","names":["TypingSequence","exports","colors","_dataInvertedTru","_extends","reduce","styles","color","_dataInvertedTru2","_ref","_extends2"],"sources":["../../../../src/components/ai/typing-sequence.ts"],"sourcesContent":["export const TypingSequence = (colors: string[]) => ({\r\n  '.sk-ai-typing-sequence': {\r\n    '@apply bg-transparent': {},\r\n    '@apply inline-flex': {},\r\n    '@apply h-5 w-fit gap-6': {},\r\n    '&-dot': {\r\n      '@apply rounded-full': {},\r\n      '@apply block': {},\r\n      '@apply w-5 h-5': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&[data-inverted=\"true\"]': {\r\n        [`@apply bg-inverted-dark-secondary`]: {},\r\n      },\r\n      '&[data-order=\"1\"]': {\r\n        '@apply animate-typing-bounce-1': {},\r\n      },\r\n      '&[data-order=\"2\"]': {\r\n        '@apply animate-typing-bounce-2': {},\r\n      },\r\n      '&[data-order=\"3\"]': {\r\n        '@apply animate-typing-bounce-3': {},\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n            '&[data-inverted=\"true\"]': {\r\n              [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,MAAgB;EAAA,IAAAC,gBAAA;EAAA,OAAM;IACnD,wBAAwB,EAAE;MACxB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,oBAAoB,EAAE,CAAC,CAAC;MACxB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,OAAO,EAAAC,QAAA;QACL,qBAAqB,EAAE,CAAC,CAAC;QACzB,cAAc,EAAE,CAAC,CAAC;QAClB,gBAAgB,EAAE,CAAC,CAAC;QACpB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,yBAAyB,GAAAD,gBAAA,OAAAA,gBAAA,wCACgB,CAAC,CAAC,EAAAA,gBAAA,CAC1C;QACD,mBAAmB,EAAE;UACnB,gCAAgC,EAAE,CAAC;QACrC,CAAC;QACD,mBAAmB,EAAE;UACnB,gCAAgC,EAAE,CAAC;QACrC,CAAC;QACD,mBAAmB,EAAE;UACnB,gCAAgC,EAAE,CAAC;QACrC;MAAC,GACED,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,iBAAA,EAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBAESH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,IAAA,CAC1C,yBAAyB,KAAAD,iBAAA,OAAAA,iBAAA,yBACAD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,iBAAA,GAAAC,IAAA,GAAAC,SAAA;MAAA,CAGvD,EACF,CAAC,CACH,CAAC;IAEL;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/button.js

@@ -174,12 +174,23 @@ var Button = exports.Button = function Button(colors) {
       '&-disabled, &[aria-disabled="true"]': {
         '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},
         '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important': {}
+      },
+      '&-loading': {
+        '&-spinner': {
+          '@apply absolute mr-0': {},
+          '&[data-hastext="true"]': {
+            '@apply relative mr-2': {}
+          }
+        },
+        '&-text': {
+          '@apply opacity-0': {}
+        }
       }
     }, buttonPrimary(colors), buttonSecondary(), buttonTertiary(), buttonGhost(), buttonLink(colors), {
       '&[data-background="false"]:not(:hover)': {
         '@apply bg-transparent': {}
       },
-      '.btn-has-icon': {
+      '.sk-btn-has-icon': {
         '&-left': {
           '@apply h-full flex items-center justify-center -ml-2': {},
           '.sk-icon': {
@@ -195,10 +206,10 @@ var Button = exports.Button = function Button(colors) {
           }
         }
       },
-      '&-lg .btn-has-icon-left': {
+      '&-lg .sk-btn-has-icon-left': {
         '@apply -ml-4': {}
       },
-      '&-lg .btn-has-icon-right': {
+      '&-lg .sk-btn-has-icon-right': {
         '@apply -mr-4': {}
       },
       '&[data-icon=true]': {
@@ -228,7 +239,7 @@ var Button = exports.Button = function Button(colors) {
             '@apply h-24 w-24': {}
           }
         },
-        '.btn-has-icon': {
+        '.sk-btn-has-icon': {
           '&-left': {
             '@apply m-0': {}
           },

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buttonPrimary","colors","_dataInvertedTru2","_dataColorPrimar","_extends","reduce","styles","color","_active","_active2","_dataInvertedTru","_ref","_extends2","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","_ref2","_extends3","Button","exports","transitionProperty"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n  return {\r\n    '&-primary': {\r\n      '@apply text-light-primary': {},\r\n      /* hover */\r\n      '@apply hover:bg-primary-surface-hover': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n            // hover\r\n            [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply bg-${color}-surface-primary-hover`]: {},\r\n            },\r\n            [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n            '&[data-inverted=\"true\"]': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n              // hover\r\n              [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n              // keyboard active\r\n              '&.active': {\r\n                [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n              },\r\n              [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary-surface': {},\r\n        '@apply hover:bg-primary-surface-hover': {},\r\n        '&.active': {\r\n          '@apply bg-primary-surface-hover': {},\r\n        },\r\n        [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-inverted-primary-surface': {},\r\n          '@apply hover:bg-inverted-primary-surface-hover': {},\r\n          '&.active': {\r\n            '@apply bg-inverted-primary-surface-hover': {},\r\n          },\r\n          [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonSecondary() {\r\n  return {\r\n    '&-secondary': {\r\n      '@apply border-secondary-outline': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-secondary-surface': {},\r\n      /* hover */\r\n      '@apply hover:border-secondary-outline-hover': {},\r\n      '@apply hover:bg-secondary-surface-hover': {},\r\n      /* focus */\r\n      '@apply focus-visible:border-background-content': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply border-inverted-secondary-outline': {},\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-secondary-surface': {},\r\n        /* hover */\r\n        '@apply hover:border-inverted-secondary-outline-hover': {},\r\n        '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n        /* focus */\r\n        '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n        // State\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      /* hover */\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-tertiary-surface': {},\r\n        /* hover */\r\n        '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonGhost() {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply border-transparent': {},\r\n      /* hover */\r\n      '@apply hover:bg-transparent': {},\r\n      '@apply hover:border-transparent': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\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      // 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}-text active:text-${color}-text`]: {},\r\n            // dark colors\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n  '.sk-btn': {\r\n    '@apply box-border': {},\r\n    '@apply border-2 border-transparent': {},\r\n    '@apply cursor-pointer': {},\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-24 py-8 gap-8': {},\r\n    '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply rounded-button': {},\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 select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n    '@apply focus-visible:ring': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n      '@apply px-14 py-8 gap-6': {},\r\n      '@apply max-h-32 h-32': {},\r\n      '@apply rounded-button-sm': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-16 w-16': {},\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n      '@apply px-18 py-8 gap-8': {},\r\n      '@apply max-h-40 h-40': {},\r\n      '@apply rounded-button-md': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-18 w-18': {},\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n      '@apply px-24 py-8 gap-8': {},\r\n      '@apply max-h-48 h-48': {},\r\n      '@apply rounded-button-lg': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-20 w-20': {},\r\n      },\r\n    },\r\n\r\n    // State\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n      '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n        {},\r\n    },\r\n\r\n    // variants\r\n    ...buttonPrimary(colors),\r\n    ...buttonSecondary(),\r\n    ...buttonTertiary(),\r\n    ...buttonGhost(),\r\n    ...buttonLink(colors),\r\n\r\n    '&[data-background=\"false\"]:not(:hover)': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left': {\r\n        '@apply h-full flex items-center justify-center -ml-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n      '&-right': {\r\n        '@apply h-full flex items-center justify-center -mr-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n    },\r\n    '&-lg .btn-has-icon-left': {\r\n      '@apply -ml-4': {},\r\n    },\r\n    '&-lg .btn-has-icon-right': {\r\n      '@apply -mr-4': {},\r\n    },\r\n    '&[data-icon=true]': {\r\n      '@apply p-0': {},\r\n\r\n      '.sk-icon': {\r\n        '@apply bg-transparent': {},\r\n        color: 'currentColor',\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-full': {},\r\n      },\r\n\r\n      '&.sk-btn-sm': {\r\n        '@apply w-32 min-w-32 max-w-32': {},\r\n        'svg, .sk-icon': {\r\n          '@apply h-20 w-20': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-md': {\r\n        '@apply w-40 min-w-40 max-w-40': {},\r\n\r\n        'svg, .sk-icon': {\r\n          '@apply h-20 w-20': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-lg': {\r\n        '@apply w-48 min-w-48 max-w-48': {},\r\n\r\n        'svg, .sk-icon': {\r\n          '@apply h-24 w-24': {},\r\n        },\r\n      },\r\n      '.btn-has-icon': {\r\n        '&-left': {\r\n          '@apply m-0': {},\r\n        },\r\n        '&-right': {\r\n          '@apply m-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"button.js","names":["buttonPrimary","colors","_dataInvertedTru2","_dataColorPrimar","_extends","reduce","styles","color","_active","_active2","_dataInvertedTru","_ref","_extends2","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","_ref2","_extends3","Button","exports","transitionProperty"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n  return {\r\n    '&-primary': {\r\n      '@apply text-light-primary': {},\r\n      /* hover */\r\n      '@apply hover:bg-primary-surface-hover': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n            // hover\r\n            [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply bg-${color}-surface-primary-hover`]: {},\r\n            },\r\n            [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n            '&[data-inverted=\"true\"]': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n              // hover\r\n              [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n              // keyboard active\r\n              '&.active': {\r\n                [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n              },\r\n              [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary-surface': {},\r\n        '@apply hover:bg-primary-surface-hover': {},\r\n        '&.active': {\r\n          '@apply bg-primary-surface-hover': {},\r\n        },\r\n        [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-inverted-primary-surface': {},\r\n          '@apply hover:bg-inverted-primary-surface-hover': {},\r\n          '&.active': {\r\n            '@apply bg-inverted-primary-surface-hover': {},\r\n          },\r\n          [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonSecondary() {\r\n  return {\r\n    '&-secondary': {\r\n      '@apply border-secondary-outline': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-secondary-surface': {},\r\n      /* hover */\r\n      '@apply hover:border-secondary-outline-hover': {},\r\n      '@apply hover:bg-secondary-surface-hover': {},\r\n      /* focus */\r\n      '@apply focus-visible:border-background-content': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply border-inverted-secondary-outline': {},\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-secondary-surface': {},\r\n        /* hover */\r\n        '@apply hover:border-inverted-secondary-outline-hover': {},\r\n        '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n        /* focus */\r\n        '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n        // State\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      /* hover */\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-tertiary-surface': {},\r\n        /* hover */\r\n        '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonGhost() {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply border-transparent': {},\r\n      /* hover */\r\n      '@apply hover:bg-transparent': {},\r\n      '@apply hover:border-transparent': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\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      // 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}-text active:text-${color}-text`]: {},\r\n            // dark colors\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n  '.sk-btn': {\r\n    '@apply box-border': {},\r\n    '@apply border-2 border-transparent': {},\r\n    '@apply cursor-pointer': {},\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-24 py-8 gap-8': {},\r\n    '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply rounded-button': {},\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 select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n    '@apply focus-visible:ring': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n      '@apply px-14 py-8 gap-6': {},\r\n      '@apply max-h-32 h-32': {},\r\n      '@apply rounded-button-sm': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-16 w-16': {},\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n      '@apply px-18 py-8 gap-8': {},\r\n      '@apply max-h-40 h-40': {},\r\n      '@apply rounded-button-md': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-18 w-18': {},\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n      '@apply px-24 py-8 gap-8': {},\r\n      '@apply max-h-48 h-48': {},\r\n      '@apply rounded-button-lg': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-20 w-20': {},\r\n      },\r\n    },\r\n\r\n    // State\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n      '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n        {},\r\n    },\r\n\r\n    '&-loading': {\r\n      '&-spinner': {\r\n        '@apply absolute mr-0': {},\r\n        '&[data-hastext=\"true\"]': {\r\n          '@apply relative mr-2': {},\r\n        },\r\n      },\r\n      '&-text': {\r\n        '@apply opacity-0': {},\r\n      },\r\n    },\r\n    // variants\r\n    ...buttonPrimary(colors),\r\n    ...buttonSecondary(),\r\n    ...buttonTertiary(),\r\n    ...buttonGhost(),\r\n    ...buttonLink(colors),\r\n\r\n    '&[data-background=\"false\"]:not(:hover)': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.sk-btn-has-icon': {\r\n      '&-left': {\r\n        '@apply h-full flex items-center justify-center -ml-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n      '&-right': {\r\n        '@apply h-full flex items-center justify-center -mr-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n    },\r\n    '&-lg .sk-btn-has-icon-left': {\r\n      '@apply -ml-4': {},\r\n    },\r\n    '&-lg .sk-btn-has-icon-right': {\r\n      '@apply -mr-4': {},\r\n    },\r\n    '&[data-icon=true]': {\r\n      '@apply p-0': {},\r\n\r\n      '.sk-icon': {\r\n        '@apply bg-transparent': {},\r\n        color: 'currentColor',\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-full': {},\r\n      },\r\n\r\n      '&.sk-btn-sm': {\r\n        '@apply w-32 min-w-32 max-w-32': {},\r\n        'svg, .sk-icon': {\r\n          '@apply h-20 w-20': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-md': {\r\n        '@apply w-40 min-w-40 max-w-40': {},\r\n\r\n        'svg, .sk-icon': {\r\n          '@apply h-20 w-20': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-lg': {\r\n        '@apply w-48 min-w-48 max-w-48': {},\r\n\r\n        'svg, .sk-icon': {\r\n          '@apply h-24 w-24': {},\r\n        },\r\n      },\r\n      '.sk-btn-has-icon': {\r\n        '&-left': {\r\n          '@apply m-0': {},\r\n        },\r\n        '&-right': {\r\n          '@apply m-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/combobox.js

@@ -59,17 +59,35 @@ var ComboBox = exports.ComboBox = function ComboBox() {
           '@apply border-transparent': {}
         }
       },
-      '&-list': {
+      '&-list, &-list.sk-popup-menu': {
         '@apply w-full': {},
         '@apply max-h-[15em] overflow-y-auto': {},
-        '&-option': {
+        '.sk-form-combobox-list-option': {
           '&.sk-popup-menu-item': {
             '@apply cursor-default': {},
             '@apply leading-none': {},
             '@apply h-auto': {}
           },
+          '&-group': {
+            '&-label': {
+              '&.sk-popup-menu-item': {
+                '@apply cursor-default': {},
+                '@apply leading-none': {},
+                '@apply h-auto': {},
+                '@apply text-label-medium': {},
+                '@apply pl-6': {},
+                '@apply bg-transparent hover:bg-transparent': {}
+              }
+            }
+          },
           '&-checkbox': {
             '@apply w-0 h-0 m-0 p-0 opacity-0': {}
+          },
+          '&-tick': {
+            '@apply opacity-0': {},
+            '&[data-checked="true"]': {
+              '@apply opacity-100': {}
+            }
           }
         }
       }

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","names":["ComboBox","exports"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\r\n  '.sk-combobox-base': {\r\n    '@apply w-auto inline-block relative': {},\r\n  },\r\n  '.sk-form-combobox': {\r\n    '@apply focus-within:ring ring-ring ring-offset': {},\r\n    '@apply relative w-auto': {},\r\n    '@apply inline-block': {},\r\n    '&-sm': {\r\n      '@apply h-32': {},\r\n      '@apply rounded-button-sm': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-small': {},\r\n        '@apply pr-52': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply h-40': {},\r\n      '@apply rounded-button-md': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-medium': {},\r\n        '@apply pr-62': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply h-48': {},\r\n      '@apply rounded-button-lg': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-large': {},\r\n        '@apply pr-68': {},\r\n      },\r\n    },\r\n\r\n    '&[data-showvalue=\"true\"]': {\r\n      '.sk-form-combobox-select': {\r\n        '@apply caret-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-select': {\r\n      '@apply bg-right-12 bg-no-repeat': {},\r\n\r\n      '&.sk-form-select': { '@apply focus:outline-none focus:ring-0 focus:ring-transparent': {} },\r\n      '@apply w-full': {},\r\n\r\n      '&:not(.active)': {\r\n        '@apply cursor-default': {},\r\n      },\r\n      '@apply focus:border-transparent': {},\r\n      '@apply focus:hover:border-transparent': {},\r\n      '&.active': {\r\n        '@apply bg-primitives-overlay-lighten-10': {},\r\n        '@apply dark:bg-primitives-overlay-darken-6': {},\r\n        '@apply placeholder:text-dark-placeholder': {},\r\n        '@apply text-dark-primary': {},\r\n        '@apply border-transparent': {},\r\n      },\r\n    },\r\n    '&-list': {\r\n      '@apply w-full': {},\r\n      '@apply max-h-[15em] overflow-y-auto': {},\r\n      '&-option': {\r\n        '&.sk-popup-menu-item': {\r\n          '@apply cursor-default': {},\r\n          '@apply leading-none': {},\r\n          '@apply h-auto': {},\r\n        },\r\n\r\n        '&-checkbox': {\r\n          '@apply w-0 h-0 m-0 p-0 opacity-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,mBAAmB,EAAE;MACnB,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,mBAAmB,EAAE;MACnB,gDAAgD,EAAE,CAAC,CAAC;MACpD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,qBAAqB,EAAE,CAAC,CAAC;MACzB,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QACjB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MACD,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QACjB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,0BAA0B,EAAE,CAAC,CAAC;UAC9B,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MACD,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QACjB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MAED,0BAA0B,EAAE;QAC1B,0BAA0B,EAAE;UAC1B,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,UAAU,EAAE;QACV,iCAAiC,EAAE,CAAC,CAAC;QAErC,kBAAkB,EAAE;UAAE,+DAA+D,EAAE,CAAC;QAAE,CAAC;QAC3F,eAAe,EAAE,CAAC,CAAC;QAEnB,gBAAgB,EAAE;UAChB,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,iCAAiC,EAAE,CAAC,CAAC;QACrC,uCAAuC,EAAE,CAAC,CAAC;QAC3C,UAAU,EAAE;UACV,yCAAyC,EAAE,CAAC,CAAC;UAC7C,4CAA4C,EAAE,CAAC,CAAC;UAChD,0CAA0C,EAAE,CAAC,CAAC;UAC9C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,2BAA2B,EAAE,CAAC;QAChC;MACF,CAAC;MACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC;QACnB,qCAAqC,EAAE,CAAC,CAAC;QACzC,UAAU,EAAE;UACV,sBAAsB,EAAE;YACtB,uBAAuB,EAAE,CAAC,CAAC;YAC3B,qBAAqB,EAAE,CAAC,CAAC;YACzB,eAAe,EAAE,CAAC;UACpB,CAAC;UAED,YAAY,EAAE;YACZ,kCAAkC,EAAE,CAAC;UACvC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"combobox.js","names":["ComboBox","exports"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\r\n  '.sk-combobox-base': {\r\n    '@apply w-auto inline-block relative': {},\r\n  },\r\n  '.sk-form-combobox': {\r\n    '@apply focus-within:ring ring-ring ring-offset': {},\r\n    '@apply relative w-auto': {},\r\n    '@apply inline-block': {},\r\n    '&-sm': {\r\n      '@apply h-32': {},\r\n      '@apply rounded-button-sm': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-small': {},\r\n        '@apply pr-52': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply h-40': {},\r\n      '@apply rounded-button-md': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-medium': {},\r\n        '@apply pr-62': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply h-48': {},\r\n      '@apply rounded-button-lg': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-large': {},\r\n        '@apply pr-68': {},\r\n      },\r\n    },\r\n\r\n    '&[data-showvalue=\"true\"]': {\r\n      '.sk-form-combobox-select': {\r\n        '@apply caret-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-select': {\r\n      '@apply bg-right-12 bg-no-repeat': {},\r\n\r\n      '&.sk-form-select': { '@apply focus:outline-none focus:ring-0 focus:ring-transparent': {} },\r\n      '@apply w-full': {},\r\n\r\n      '&:not(.active)': {\r\n        '@apply cursor-default': {},\r\n      },\r\n      '@apply focus:border-transparent': {},\r\n      '@apply focus:hover:border-transparent': {},\r\n      '&.active': {\r\n        '@apply bg-primitives-overlay-lighten-10': {},\r\n        '@apply dark:bg-primitives-overlay-darken-6': {},\r\n        '@apply placeholder:text-dark-placeholder': {},\r\n        '@apply text-dark-primary': {},\r\n        '@apply border-transparent': {},\r\n      },\r\n    },\r\n    '&-list, &-list.sk-popup-menu': {\r\n      '@apply w-full': {},\r\n      '@apply max-h-[15em] overflow-y-auto': {},\r\n      '.sk-form-combobox-list-option': {\r\n        '&.sk-popup-menu-item': {\r\n          '@apply cursor-default': {},\r\n          '@apply leading-none': {},\r\n          '@apply h-auto': {},\r\n        },\r\n        '&-group': {\r\n          '&-label': {\r\n            '&.sk-popup-menu-item': {\r\n              '@apply cursor-default': {},\r\n              '@apply leading-none': {},\r\n              '@apply h-auto': {},\r\n              '@apply text-label-medium': {},\r\n              '@apply pl-6': {},\r\n              '@apply bg-transparent hover:bg-transparent': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-checkbox': {\r\n          '@apply w-0 h-0 m-0 p-0 opacity-0': {},\r\n        },\r\n        '&-tick': {\r\n          '@apply opacity-0': {},\r\n          '&[data-checked=\"true\"]': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,mBAAmB,EAAE;MACnB,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,mBAAmB,EAAE;MACnB,gDAAgD,EAAE,CAAC,CAAC;MACpD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,qBAAqB,EAAE,CAAC,CAAC;MACzB,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QACjB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MACD,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QACjB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,0BAA0B,EAAE,CAAC,CAAC;UAC9B,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MACD,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QACjB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MAED,0BAA0B,EAAE;QAC1B,0BAA0B,EAAE;UAC1B,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,UAAU,EAAE;QACV,iCAAiC,EAAE,CAAC,CAAC;QAErC,kBAAkB,EAAE;UAAE,+DAA+D,EAAE,CAAC;QAAE,CAAC;QAC3F,eAAe,EAAE,CAAC,CAAC;QAEnB,gBAAgB,EAAE;UAChB,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,iCAAiC,EAAE,CAAC,CAAC;QACrC,uCAAuC,EAAE,CAAC,CAAC;QAC3C,UAAU,EAAE;UACV,yCAAyC,EAAE,CAAC,CAAC;UAC7C,4CAA4C,EAAE,CAAC,CAAC;UAChD,0CAA0C,EAAE,CAAC,CAAC;UAC9C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,2BAA2B,EAAE,CAAC;QAChC;MACF,CAAC;MACD,8BAA8B,EAAE;QAC9B,eAAe,EAAE,CAAC,CAAC;QACnB,qCAAqC,EAAE,CAAC,CAAC;QACzC,+BAA+B,EAAE;UAC/B,sBAAsB,EAAE;YACtB,uBAAuB,EAAE,CAAC,CAAC;YAC3B,qBAAqB,EAAE,CAAC,CAAC;YACzB,eAAe,EAAE,CAAC;UACpB,CAAC;UACD,SAAS,EAAE;YACT,SAAS,EAAE;cACT,sBAAsB,EAAE;gBACtB,uBAAuB,EAAE,CAAC,CAAC;gBAC3B,qBAAqB,EAAE,CAAC,CAAC;gBACzB,eAAe,EAAE,CAAC,CAAC;gBACnB,0BAA0B,EAAE,CAAC,CAAC;gBAC9B,aAAa,EAAE,CAAC,CAAC;gBACjB,4CAA4C,EAAE,CAAC;cACjD;YACF;UACF,CAAC;UAED,YAAY,EAAE;YACZ,kCAAkC,EAAE,CAAC;UACvC,CAAC;UACD,QAAQ,EAAE;YACR,kBAAkB,EAAE,CAAC,CAAC;YACtB,wBAAwB,EAAE;cACxB,oBAAoB,EAAE,CAAC;YACzB;UACF;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/cookie-consent.js

@@ -33,7 +33,10 @@ var CookieConsent = exports.CookieConsent = function CookieConsent() {
         '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {}
       },
       '&-custom-wrapper': {
-        '@apply flex flex-col gap-24': {}
+        '@apply flex flex-col gap-24': {},
+        '&-legend': {
+          '@apply text-label-medium': {}
+        }
       },
       '&-description': {
         '@apply text-base flex flex-col gap-8': {}

package/dist/cjs/components/cookie-consent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cookie-consent.js","names":["CookieConsent","exports"],"sources":["../../../src/components/cookie-consent.ts"],"sourcesContent":["export const CookieConsent = () => ({\r\n  '.sk-cookie-consent': {\r\n    '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply p-40': {},\r\n    '@apply pt-24': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n    },\r\n    '&-close-btn': {\r\n      // '@apply cursor-pointer hover:text-dark-secondary absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\r\n      // {},\r\n\r\n      '&-icon': {\r\n        // '@apply !text-2xl': {},\r\n      },\r\n    },\r\n\r\n    '&-content-wrapper': {\r\n      '@apply flex flex-col gap-24 container max-w-[64em] relative': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col gap-8': {},\r\n      '@apply max-w-[50em]': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n    },\r\n    '&-custom-wrapper': {\r\n      '@apply flex flex-col gap-24': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-base flex flex-col gap-8': {},\r\n    },\r\n\r\n    '&-btn-wrapper': {\r\n      '@apply flex flex-col md:flex-row gap-12 flex-wrap': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAAU;IAClC,oBAAoB,EAAE;MACpB,0EAA0E,EAAE,CAAC,CAAC;MAC9E,8BAA8B,EAAE,CAAC,CAAC;MAClC,aAAa,EAAE,CAAC,CAAC;MACjB,cAAc,EAAE,CAAC,CAAC;MAElB,WAAW,EAAE;QACX,2CAA2C,EAAE,CAAC,CAAC;QAC/C,uCAAuC,EAAE,CAAC,CAAC;QAC3C,4CAA4C,EAAE,CAAC;MACjD,CAAC;MACD,aAAa,EAAE;QACb;QACA;;QAEA,QAAQ,EAAE;UACR;QAAA;MAEJ,CAAC;MAED,mBAAmB,EAAE;QACnB,6DAA6D,EAAE,CAAC;MAClE,CAAC;MAED,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC,CAAC;QAChC,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,SAAS,EAAE;QACT,+CAA+C,EAAE,CAAC;MACpD,CAAC;MACD,kBAAkB,EAAE;QAClB,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,eAAe,EAAE;QACf,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MAED,eAAe,EAAE;QACf,mDAAmD,EAAE,CAAC;MACxD;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"cookie-consent.js","names":["CookieConsent","exports"],"sources":["../../../src/components/cookie-consent.ts"],"sourcesContent":["export const CookieConsent = () => ({\r\n  '.sk-cookie-consent': {\r\n    '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply p-40': {},\r\n    '@apply pt-24': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n    },\r\n    '&-close-btn': {\r\n      // '@apply cursor-pointer hover:text-dark-secondary absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\r\n      // {},\r\n\r\n      '&-icon': {\r\n        // '@apply !text-2xl': {},\r\n      },\r\n    },\r\n\r\n    '&-content-wrapper': {\r\n      '@apply flex flex-col gap-24 container max-w-[64em] relative': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col gap-8': {},\r\n      '@apply max-w-[50em]': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n    },\r\n    '&-custom-wrapper': {\r\n      '@apply flex flex-col gap-24': {},\r\n      '&-legend': {\r\n        '@apply text-label-medium': {},\r\n      },\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-base flex flex-col gap-8': {},\r\n    },\r\n\r\n    '&-btn-wrapper': {\r\n      '@apply flex flex-col md:flex-row gap-12 flex-wrap': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAAU;IAClC,oBAAoB,EAAE;MACpB,0EAA0E,EAAE,CAAC,CAAC;MAC9E,8BAA8B,EAAE,CAAC,CAAC;MAClC,aAAa,EAAE,CAAC,CAAC;MACjB,cAAc,EAAE,CAAC,CAAC;MAElB,WAAW,EAAE;QACX,2CAA2C,EAAE,CAAC,CAAC;QAC/C,uCAAuC,EAAE,CAAC,CAAC;QAC3C,4CAA4C,EAAE,CAAC;MACjD,CAAC;MACD,aAAa,EAAE;QACb;QACA;;QAEA,QAAQ,EAAE;UACR;QAAA;MAEJ,CAAC;MAED,mBAAmB,EAAE;QACnB,6DAA6D,EAAE,CAAC;MAClE,CAAC;MAED,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC,CAAC;QAChC,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,SAAS,EAAE;QACT,+CAA+C,EAAE,CAAC;MACpD,CAAC;MACD,kBAAkB,EAAE;QAClB,6BAA6B,EAAE,CAAC,CAAC;QACjC,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,eAAe,EAAE;QACf,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MAED,eAAe,EAAE;QACf,mDAAmD,EAAE,CAAC;MACxD;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/dialog.js

@@ -2,10 +2,24 @@
 
 exports.__esModule = true;
 exports.Dialog = void 0;
-var Dialog = exports.Dialog = function Dialog() {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var Dialog = exports.Dialog = function Dialog(colors) {
   return {
     '.sk-dialog': {
-      '@apply w-fit max-w-prose md:min-w-[25em]': {}
+      '@apply w-fit max-w-prose md:min-w-[25em]': {},
+      //Confirm dialog
+      '&-confirm': {
+        '&-label': _extends({
+          '@apply flex items-center justify-start gap-4': {},
+          '@apply text-dark-primary': {}
+        }, colors.reduce(function (classes, color) {
+          var _ref, _extends2;
+          return _extends({}, classes, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply text-" + color + "-text-primary"] = {}, _ref), _extends2));
+        }, {})),
+        '&-heading': {
+          '@apply text-h3': {}
+        }
+      }
     }
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["Dialog","exports"],"sources":["../../../src/components/dialog.ts"],"sourcesContent":["export const Dialog = () => ({\r\n  '.sk-dialog': {\r\n    '@apply w-fit max-w-prose md:min-w-[25em]': {},\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAC3B,YAAY,EAAE;MACZ,0CAA0C,EAAE,CAAC;IAC/C;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"dialog.js","names":["Dialog","exports","colors","_extends","reduce","classes","color","_ref","_extends2"],"sources":["../../../src/components/dialog.ts"],"sourcesContent":["export const Dialog = (colors: string[]) => ({\r\n  '.sk-dialog': {\r\n    '@apply w-fit max-w-prose md:min-w-[25em]': {},\r\n\r\n    //Confirm dialog\r\n    '&-confirm': {\r\n      '&-label': {\r\n        '@apply flex items-center justify-start gap-4': {},\r\n        '@apply text-dark-primary': {},\r\n        ...colors.reduce(\r\n          (classes, color) => ({\r\n            ...classes,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              [`@apply text-${color}-text-primary`]: {},\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n      },\r\n      '&-heading': {\r\n        '@apply text-h3': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,MAAgB;EAAA,OAAM;IAC3C,YAAY,EAAE;MACZ,0CAA0C,EAAE,CAAC,CAAC;MAE9C;MACA,WAAW,EAAE;QACX,SAAS,EAAAC,QAAA;UACP,8CAA8C,EAAE,CAAC,CAAC;UAClD,0BAA0B,EAAE,CAAC;QAAC,GAC3BD,MAAM,CAACE,MAAM,CACd,UAACC,OAAO,EAAEC,KAAK;UAAA,IAAAC,IAAA,EAAAC,SAAA;UAAA,OAAAL,QAAA,KACVE,OAAO,GAAAG,SAAA,OAAAA,SAAA,qBACQF,KAAK,aAAAC,IAAA,OAAAA,IAAA,kBACLD,KAAK,sBAAkB,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;QAAA,CAE3C,EACF,CAAC,CACH,CAAC,CACF;QACD,WAAW,EAAE;UACX,gBAAgB,EAAE,CAAC;QACrB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/input.js

@@ -211,7 +211,10 @@ var Input = exports.Input = function Input() {
         '@apply h-32': {}
       },
       '&&-textarea': {
-        '@apply h-auto': {}
+        '@apply h-auto': {},
+        '&-warning': {
+          '@apply sr-only': {}
+        }
       },
       //Focus
       '@apply focus:ring': {},

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","exports","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-primitives-overlay-darken-6': {},\r\n    '@apply dark:border-primitives-overlay-lighten-6': {},\r\n    '@apply hover:border-primitives-overlay-darken-8': {},\r\n    '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-primitives-overlay-lighten-10': {},\r\n    '@apply dark:bg-primitives-overlay-darken-6': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-primitives-overlay-darken-1': {},\r\n      '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n      '@apply border-primitives-overlay-darken-3': {},\r\n      '@apply dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply hover:border-primitives-overlay-darken-3': {},\r\n      '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n      '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\r\n        '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-primitives-overlay-lighten-10': {},\r\n    '@apply dark:focus:border-primitives-overlay-darken-6': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n    '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-primitives-overlay-lighten-10': {},\r\n      '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","exports","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-primitives-overlay-darken-6': {},\r\n    '@apply dark:border-primitives-overlay-lighten-6': {},\r\n    '@apply hover:border-primitives-overlay-darken-8': {},\r\n    '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-primitives-overlay-lighten-10': {},\r\n    '@apply dark:bg-primitives-overlay-darken-6': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-primitives-overlay-darken-1': {},\r\n      '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n      '@apply border-primitives-overlay-darken-3': {},\r\n      '@apply dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply hover:border-primitives-overlay-darken-3': {},\r\n      '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n      '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\r\n        '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-primitives-overlay-lighten-10': {},\r\n    '@apply dark:focus:border-primitives-overlay-darken-6': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n    '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-primitives-overlay-lighten-10': {},\r\n      '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}