@sk-web-gui/core 3.6.0 → 3.7.1

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/ai-service-module.js

@@ -9,18 +9,34 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
       '@apply flex gap-0': {},
       '@apply rounded-groups': {},
       '@apply bg-background-content': {},
-      '@apply shadow-100': {},
       '&[data-inverted="true"]': {
         '@apply text-inverted-dark-primary': {},
         '@apply bg-inverted-background-content': {}
       },
+      '&[data-variant="secondary"]': {
+        '@apply border-1 border-divider': {},
+        '@apply bg-transparent': {},
+        '@apply flex-col': {}
+      },
+      '&[data-variant="primary"]': {
+        '@apply shadow-100': {}
+      },
       '&-row': _extends({
         '@apply flex flex-col': {},
         '@apply grow shrink': {},
-        '@apply p-16 md:p-32': {},
         '@apply bg-transparent': {},
-        '@apply first:rounded-l-groups': {},
-        '@apply last:rounded-r-groups': {}
+        '&[data-variant="primary"]': {
+          '@apply p-16 md:p-32': {},
+          '@apply first:rounded-l-groups': {},
+          '@apply last:rounded-r-groups': {}
+        },
+        '&[data-variant="secondary"]': {
+          '@apply px-24 md:px-32 pb-20': {},
+          '@apply first:pt-24 first:md:pt-32': {},
+          '@apply last:pb-24 last:md:pb-32': {},
+          '@apply first:rounded-t-groups': {},
+          '@apply last:rounded-b-groups': {}
+        }
       }, colors.reduce(function (styles, color) {
         var _dataInvertedTru, _ref, _extends2;
         return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-primary"] = {}, _ref['@apply text-light-primary'] = {}, _ref['&[data-inverted="true"]'] = (_dataInvertedTru = {}, _dataInvertedTru["@apply bg-inverted-" + color + "-surface-primary"] = {}, _dataInvertedTru['@apply text-inverted-light-primary'] = {}, _dataInvertedTru), _ref), _extends2));
@@ -28,10 +44,29 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
       '&-content': {
         '@apply flex flex-col gap-6 md:gap-24': {},
         '@apply p-4 md:p-8': {},
-        '@apply w-full': {}
+        '@apply w-full': {},
+        '&[data-variant="secondary"]': {
+          '@apply md:gap-16': {},
+          '@apply py-4 md:py-8 px-24 md:px-48': {}
+        }
       },
-      '&-header, &-header > *': {
-        '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {}
+      '&-header': {
+        '@apply relative': {},
+        '&, > *': {
+          '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {}
+        },
+        '&[data-variant="secondary"], &[data-variant="secondary"] > *': {
+          '@apply font-header text-h2-sm md:text-h2-md': {}
+        },
+        '&-icon': _extends({
+          '@apply absolute -left-52 -top-2': {},
+          '.sk-icon, svg': {
+            '@apply h-40 w-40': {}
+          }
+        }, colors.reduce(function (styles, color) {
+          var _dataInvertedTru2, _ref2, _extends3;
+          return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply text-" + color + "-surface-primary"] = {}, _ref2['&[data-inverted="true"]'] = (_dataInvertedTru2 = {}, _dataInvertedTru2["@apply text-inverted-" + color + "-surface-primary"] = {}, _dataInvertedTru2), _ref2), _extends3));
+        }, {}))
       },
       '&-form': {
         '@apply w-full': {},
@@ -101,7 +136,6 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
         }
       },
       '&-questions': {
-        '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},
         '@apply flex flex-col gap-12': {},
         '@apply pb-8': {},
         '@apply text-dark-primary': {},
@@ -113,6 +147,16 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
         },
         '&[data-inverted="true"]': {
           '@apply text-inverted-dark-primary': {}
+        },
+        '&[data-variant="primary"]': {
+          '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {}
+        },
+        '&[data-variant="secondary"]': {
+          '@apply w-full': {},
+          '@apply px-24 md:px-48': {},
+          '.sk-ai-service-module-questions-list': {
+            '@apply flex-row flex-wrap': {}
+          }
         }
       }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"ai-service-module.js","names":["AIServiceModule","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"sources":["../../../../src/components/ai/ai-service-module.ts"],"sourcesContent":["export const AIServiceModule = (colors: string[]) => ({\r\n  '.sk-ai-service-module': {\r\n    '@apply flex gap-0': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply shadow-100': {},\r\n\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply bg-inverted-background-content': {},\r\n    },\r\n    '&-row': {\r\n      '@apply flex flex-col': {},\r\n      '@apply grow shrink': {},\r\n      '@apply p-16 md:p-32': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply first:rounded-l-groups': {},\r\n      '@apply last:rounded-r-groups': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n            '@apply text-light-primary': {},\r\n            '&[data-inverted=\"true\"]': {\r\n              [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n              '@apply text-inverted-light-primary': {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex flex-col gap-6 md:gap-24': {},\r\n      '@apply p-4 md:p-8': {},\r\n      '@apply w-full': {},\r\n    },\r\n\r\n    '&-header, &-header > *': {\r\n      '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {},\r\n    },\r\n\r\n    '&-form': {\r\n      '@apply w-full': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply gap-8': {},\r\n      '@apply relative': {},\r\n\r\n      '&-control': {\r\n        '@apply w-full': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply text-label-large': {},\r\n      },\r\n\r\n      '&-error': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&-input': {\r\n        '@apply w-full': {},\r\n        '&-group': {\r\n          '@apply w-full': {},\r\n          '.sk-form-input-addin-right': {\r\n            '@apply pr-8': {},\r\n          },\r\n        },\r\n        '&-wrapper': {\r\n          '@apply relative': {},\r\n          '@apply w-full h-48': {},\r\n        },\r\n      },\r\n\r\n      '&-readmore': {\r\n        '@apply text-small': {},\r\n        '@apply text-light-secondary': {},\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-assistant': {\r\n      '&-expanded': {\r\n        '@apply h-[35em] max-h-[35em]': {},\r\n        '@apply rounded-button': {},\r\n        '@apply overflow-hidden': {},\r\n        '@apply flex flex-col gap-0': {},\r\n        '@apply shadow-200': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply absolute top-0 left-0 right-0': {},\r\n\r\n        '&-feed': {\r\n          '@apply shrink grow': {},\r\n          '@apply pl-16 pt-16 pr-48 pb-24': {},\r\n          '@apply max-h-full overflow-y-auto': {},\r\n          '@apply text-dark-primary': {},\r\n          'sk-ai-markdown': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n        },\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-inverted-background-content': {},\r\n          '.sk-ai-service-module-feed': {\r\n            '@apply text-inverted-dark-primary': {},\r\n            'sk-ai-markdown': {\r\n              '@apply text-inverted-dark-secondary': {},\r\n            },\r\n          },\r\n        },\r\n        '&-close-button': {\r\n          '@apply absolute right-12 top-12': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-questions': {\r\n      '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},\r\n      '@apply flex flex-col gap-12': {},\r\n      '@apply pb-8': {},\r\n      '@apply text-dark-primary': {},\r\n      '&-title, &-title > *': {\r\n        '@apply text-label-large': {},\r\n      },\r\n      '&-list': {\r\n        '@apply flex flex-col gap-8': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ai-service-module.js","names":["AIServiceModule","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2","_dataInvertedTru2","_ref2","_extends3"],"sources":["../../../../src/components/ai/ai-service-module.ts"],"sourcesContent":["export const AIServiceModule = (colors: string[]) => ({\r\n  '.sk-ai-service-module': {\r\n    '@apply flex gap-0': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply bg-background-content': {},\r\n\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply bg-inverted-background-content': {},\r\n    },\r\n\r\n    '&[data-variant=\"secondary\"]': {\r\n      '@apply border-1 border-divider': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply flex-col': {},\r\n    },\r\n    '&[data-variant=\"primary\"]': {\r\n      '@apply shadow-100': {},\r\n    },\r\n    '&-row': {\r\n      '@apply flex flex-col': {},\r\n      '@apply grow shrink': {},\r\n      '@apply bg-transparent': {},\r\n      '&[data-variant=\"primary\"]': {\r\n        '@apply p-16 md:p-32': {},\r\n        '@apply first:rounded-l-groups': {},\r\n        '@apply last:rounded-r-groups': {},\r\n      },\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply px-24 md:px-32 pb-20': {},\r\n        '@apply first:pt-24 first:md:pt-32': {},\r\n        '@apply last:pb-24 last:md:pb-32': {},\r\n        '@apply first:rounded-t-groups': {},\r\n        '@apply last:rounded-b-groups': {},\r\n      },\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`]: {},\r\n            '@apply text-light-primary': {},\r\n            '&[data-inverted=\"true\"]': {\r\n              [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n              '@apply text-inverted-light-primary': {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex flex-col gap-6 md:gap-24': {},\r\n      '@apply p-4 md:p-8': {},\r\n      '@apply w-full': {},\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply md:gap-16': {},\r\n        '@apply py-4 md:py-8 px-24 md:px-48': {},\r\n      },\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply relative': {},\r\n      '&, > *': {\r\n        '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {},\r\n      },\r\n      '&[data-variant=\"secondary\"], &[data-variant=\"secondary\"] > *': {\r\n        '@apply font-header text-h2-sm md:text-h2-md': {},\r\n      },\r\n      '&-icon': {\r\n        '@apply absolute -left-52 -top-2': {},\r\n        '.sk-icon, svg': {\r\n          '@apply h-40 w-40': {},\r\n        },\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              [`@apply text-${color}-surface-primary`]: {},\r\n              '&[data-inverted=\"true\"]': {\r\n                [`@apply text-inverted-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n      },\r\n    },\r\n\r\n    '&-form': {\r\n      '@apply w-full': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply gap-8': {},\r\n      '@apply relative': {},\r\n\r\n      '&-control': {\r\n        '@apply w-full': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply text-label-large': {},\r\n      },\r\n\r\n      '&-error': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&-input': {\r\n        '@apply w-full': {},\r\n        '&-group': {\r\n          '@apply w-full': {},\r\n          '.sk-form-input-addin-right': {\r\n            '@apply pr-8': {},\r\n          },\r\n        },\r\n        '&-wrapper': {\r\n          '@apply relative': {},\r\n          '@apply w-full h-48': {},\r\n        },\r\n      },\r\n\r\n      '&-readmore': {\r\n        '@apply text-small': {},\r\n        '@apply text-light-secondary': {},\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-assistant': {\r\n      '&-expanded': {\r\n        '@apply h-[35em] max-h-[35em]': {},\r\n        '@apply rounded-button': {},\r\n        '@apply overflow-hidden': {},\r\n        '@apply flex flex-col gap-0': {},\r\n        '@apply shadow-200': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply absolute top-0 left-0 right-0': {},\r\n\r\n        '&-feed': {\r\n          '@apply shrink grow': {},\r\n          '@apply pl-16 pt-16 pr-48 pb-24': {},\r\n          '@apply max-h-full overflow-y-auto': {},\r\n          '@apply text-dark-primary': {},\r\n          'sk-ai-markdown': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n        },\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-inverted-background-content': {},\r\n          '.sk-ai-service-module-feed': {\r\n            '@apply text-inverted-dark-primary': {},\r\n            'sk-ai-markdown': {\r\n              '@apply text-inverted-dark-secondary': {},\r\n            },\r\n          },\r\n        },\r\n        '&-close-button': {\r\n          '@apply absolute right-12 top-12': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-questions': {\r\n      '@apply flex flex-col gap-12': {},\r\n      '@apply pb-8': {},\r\n      '@apply text-dark-primary': {},\r\n      '&-title, &-title > *': {\r\n        '@apply text-label-large': {},\r\n      },\r\n      '&-list': {\r\n        '@apply flex flex-col gap-8': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n      '&[data-variant=\"primary\"]': {\r\n        '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},\r\n      },\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply w-full': {},\r\n        '@apply px-24 md:px-48': {},\r\n        '.sk-ai-service-module-questions-list': {\r\n          '@apply flex-row flex-wrap': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","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/bubble.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 exports.Bubble = void 0;
 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 Bubble = exports.Bubble = function Bubble(colors) {
+  var _skAiBubbleTail5, _skAiBubbleTail6, _skAiBubbleTail7, _skAiBubbleTail8;
   return {
     '.sk-ai-bubble': _extends({
       '@apply inline-flex text-left items-center justify-start': {},
@@ -13,15 +14,33 @@ var Bubble = exports.Bubble = function Bubble(colors) {
       '@apply rounded-t-button rounded-br-button': {},
       '@apply pt-10 pr-12 pb-10 pl-14': {},
       '@apply gap-16': {},
-      '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},
       '@apply text-small': {},
-      '@apply text-dark-secondary': {}
+      '@apply text-dark-secondary': {},
+      '&[data-inverted="true"]': {
+        '@apply text-inverted-dark-secondary': {}
+      }
     }, colors.reduce(function (styles, color) {
-      var _skAiBubbleTail, _skAiBubbleTail2, _ref, _extends2;
+      var _skAiBubbleTail, _skAiBubbleTail2, _skAiBubbleTail3, _skAiBubbleTail4, _dataInvertedTru, _ref, _extends2;
       return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-accent hover:bg-" + color + "-surface-accent-hover"] = {}, _ref['.sk-ai-bubble-tail'] = (_skAiBubbleTail = {}, _skAiBubbleTail["@apply shadow-" + color + "-surface-accent"] = {}, _skAiBubbleTail), _ref['&:hover'] = {
         '.sk-ai-bubble-tail': (_skAiBubbleTail2 = {}, _skAiBubbleTail2["@apply shadow-" + color + "-surface-accent-hover"] = {}, _skAiBubbleTail2)
-      }, _ref), _extends2));
+      }, _ref['&[data-inverted="true"]'] = (_dataInvertedTru = {}, _dataInvertedTru["@apply bg-" + color + "-surface-primary hover:bg-" + color + "-surface-primary-hover"] = {}, _dataInvertedTru['.sk-ai-bubble-tail'] = (_skAiBubbleTail3 = {}, _skAiBubbleTail3["@apply shadow-" + color + "-surface-primary"] = {}, _skAiBubbleTail3), _dataInvertedTru['&:hover'] = {
+        '.sk-ai-bubble-tail': (_skAiBubbleTail4 = {}, _skAiBubbleTail4["@apply shadow-" + color + "-surface-primary-hover"] = {}, _skAiBubbleTail4)
+      }, _dataInvertedTru), _ref), _extends2));
     }, {}), {
+      '&[data-color="primary"]': {
+        '@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},
+        '.sk-ai-bubble-tail': (_skAiBubbleTail5 = {}, _skAiBubbleTail5["@apply shadow-inverted-primary-surface"] = {}, _skAiBubbleTail5),
+        '&:hover': {
+          '.sk-ai-bubble-tail': (_skAiBubbleTail6 = {}, _skAiBubbleTail6["@apply shadow-inverted-primary-surface-hover"] = {}, _skAiBubbleTail6)
+        },
+        '&[data-inverted="true"]': {
+          '@apply bg-primary-surface hover:bg-primary-surface-hover': {},
+          '.sk-ai-bubble-tail': (_skAiBubbleTail7 = {}, _skAiBubbleTail7["@apply shadow-primary-surface"] = {}, _skAiBubbleTail7),
+          '&:hover': {
+            '.sk-ai-bubble-tail': (_skAiBubbleTail8 = {}, _skAiBubbleTail8["@apply shadow-primary-surface-hover"] = {}, _skAiBubbleTail8)
+          }
+        }
+      },
       '&-tail': {
         '@apply text-base': {},
         '@apply absolute left-0 bottom-[-1.25em]': {},
@@ -31,6 +50,12 @@ var Bubble = exports.Bubble = function Bubble(colors) {
         '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},
         '@apply scale-y-[25%]': {},
         '&:before': {
+          '&[data-shadow="true"]': {}
+        }
+      },
+      '&[data-shadow="true"]': {
+        '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},
+        '.sk-ai-bubble-tail:before': {
           '@apply content-[""]': {},
           '@apply absolute left-0 bottom-[-0.15625em]': {},
           '@apply w-32 h-32': {},

package/dist/cjs/components/ai/bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"bubble.js","names":["Bubble","exports","colors","_extends","reduce","styles","color","_skAiBubbleTail","_skAiBubbleTail2","_ref","_extends2"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n  '.sk-ai-bubble': {\r\n    '@apply inline-flex text-left items-center justify-start': {},\r\n    '@apply w-fit': {},\r\n    '@apply focus-visible:ring ring-ring': {},\r\n    '@apply relative': {},\r\n    '@apply rounded-t-button rounded-br-button': {},\r\n    '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n    '@apply gap-16': {},\r\n    '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n    '@apply text-small': {},\r\n    '@apply text-dark-secondary': {},\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n          '.sk-ai-bubble-tail': {\r\n            [`@apply shadow-${color}-surface-accent`]: {},\r\n          },\r\n          '&:hover': {\r\n            '.sk-ai-bubble-tail': {\r\n              [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&-tail': {\r\n      '@apply text-base': {},\r\n      '@apply absolute left-0 bottom-[-1.25em]': {},\r\n      '@apply w-32 h-32': {},\r\n      '@apply rounded-tl-16 rounded-bl-0': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n      '@apply scale-y-[25%]': {},\r\n      '&:before': {\r\n        '@apply content-[\"\"]': {},\r\n        '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n        '@apply w-32 h-32': {},\r\n        '@apply rounded-tl-16 rounded-bl-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n        'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\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,eAAe,EAAAC,QAAA;MACb,yDAAyD,EAAE,CAAC,CAAC;MAC7D,cAAc,EAAE,CAAC,CAAC;MAClB,qCAAqC,EAAE,CAAC,CAAC;MACzC,iBAAiB,EAAE,CAAC,CAAC;MACrB,2CAA2C,EAAE,CAAC,CAAC;MAC/C,gCAAgC,EAAE,CAAC,CAAC;MACpC,eAAe,EAAE,CAAC,CAAC;MACnB,2CAA2C,EAAE,CAAC,CAAC;MAC/C,mBAAmB,EAAE,CAAC,CAAC;MACvB,4BAA4B,EAAE,CAAC;IAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,qBAESJ,KAAK,aAAAG,IAAA,OAAAA,IAAA,gBACPH,KAAK,iCAA4BA,KAAK,8BAA0B,CAAC,CAAC,EAAAG,IAAA,CAChF,oBAAoB,KAAAF,eAAA,OAAAA,eAAA,oBACAD,KAAK,wBAAoB,CAAC,CAAC,EAAAC,eAAA,GAAAE,IAAA,CAE/C,SAAS,IAAE;QACT,oBAAoB,GAAAD,gBAAA,OAAAA,gBAAA,oBACAF,KAAK,8BAA0B,CAAC,CAAC,EAAAE,gBAAA;MAEvD,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAEH,EACF,CAAC,CACH,CAAC;MACD,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC,CAAC;QACtB,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,mDAAmD,EAAE,CAAC,CAAC;QACvD,sBAAsB,EAAE,CAAC,CAAC;QAC1B,UAAU,EAAE;UACV,qBAAqB,EAAE,CAAC,CAAC;UACzB,4CAA4C,EAAE,CAAC,CAAC;UAChD,kBAAkB,EAAE,CAAC,CAAC;UACtB,mCAAmC,EAAE,CAAC,CAAC;UACvC,uBAAuB,EAAE,CAAC,CAAC;UAC3B,iDAAiD,EAAE,CAAC,CAAC;UACrD,WAAW,EAAE;QACf;MACF;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"bubble.js","names":["Bubble","exports","colors","_skAiBubbleTail5","_skAiBubbleTail6","_skAiBubbleTail7","_skAiBubbleTail8","_extends","reduce","styles","color","_skAiBubbleTail","_skAiBubbleTail2","_skAiBubbleTail3","_skAiBubbleTail4","_dataInvertedTru","_ref","_extends2"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n  '.sk-ai-bubble': {\r\n    '@apply inline-flex text-left items-center justify-start': {},\r\n    '@apply w-fit': {},\r\n    '@apply focus-visible:ring ring-ring': {},\r\n    '@apply relative': {},\r\n    '@apply rounded-t-button rounded-br-button': {},\r\n    '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n    '@apply gap-16': {},\r\n\r\n    '@apply text-small': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-secondary': {},\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-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n          '.sk-ai-bubble-tail': {\r\n            [`@apply shadow-${color}-surface-accent`]: {},\r\n          },\r\n          '&:hover': {\r\n            '.sk-ai-bubble-tail': {\r\n              [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n            },\r\n          },\r\n          '&[data-inverted=\"true\"]': {\r\n            [`@apply bg-${color}-surface-primary hover:bg-${color}-surface-primary-hover`]: {},\r\n            '.sk-ai-bubble-tail': {\r\n              [`@apply shadow-${color}-surface-primary`]: {},\r\n            },\r\n            '&:hover': {\r\n              '.sk-ai-bubble-tail': {\r\n                [`@apply shadow-${color}-surface-primary-hover`]: {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"primary\"]': {\r\n      '@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},\r\n      '.sk-ai-bubble-tail': {\r\n        [`@apply shadow-inverted-primary-surface`]: {},\r\n      },\r\n      '&:hover': {\r\n        '.sk-ai-bubble-tail': {\r\n          [`@apply shadow-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply bg-primary-surface hover:bg-primary-surface-hover': {},\r\n        '.sk-ai-bubble-tail': {\r\n          [`@apply shadow-primary-surface`]: {},\r\n        },\r\n        '&:hover': {\r\n          '.sk-ai-bubble-tail': {\r\n            [`@apply shadow-primary-surface-hover`]: {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n    '&-tail': {\r\n      '@apply text-base': {},\r\n      '@apply absolute left-0 bottom-[-1.25em]': {},\r\n      '@apply w-32 h-32': {},\r\n      '@apply rounded-tl-16 rounded-bl-0': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n      '@apply scale-y-[25%]': {},\r\n      '&:before': {\r\n        '&[data-shadow=\"true\"]': {},\r\n      },\r\n    },\r\n\r\n    '&[data-shadow=\"true\"]': {\r\n      '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n      '.sk-ai-bubble-tail:before': {\r\n        '@apply content-[\"\"]': {},\r\n        '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n        '@apply w-32 h-32': {},\r\n        '@apply rounded-tl-16 rounded-bl-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n        'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","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': {}
           },