@sk-web-gui/core 3.1.0 → 3.3.0

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

@@ -1,22 +1,27 @@
 export var AIFeed = () => ({
   '.sk-ai-feed': {
-    '@apply mt-8 p-16 pb-24 pr-16 h-auto overflow-y-auto max-h-full flex flex-col': {},
+    '@apply h-auto max-h-full flex flex-col gap-32': {},
     '&-entry': {
       '@apply flex items-start gap-12': {},
+      '@apply w-full': {},
       '&-avatar': {
         '@apply grow-0 shrink-0 w-fit': {}
       },
       '&-container': {
-        '@apply flex flex-col pb-20 gap-20': {}
+        '@apply flex flex-col pb-20 gap-20': {},
+        '@apply w-full': {}
       },
       '&-content': {
         '@apply break-words max-w-full flex flex-col grow gap-4': {}
       },
       '&-heading': {
-        '@apply text-large font-bold': {}
+        '@apply text-large font-bold': {},
+        '&[data-showtitle="false"]': {
+          '@apply w-0 h-0 opacity-0': {}
+        }
       },
       '&-references': {
-        '@apply bg-background-200 rounded-button pt-8 pb-8 pl-20 pr-12 gap-8 text-dark-primary': {},
+        '@apply bg-background-200 rounded-button py-0 pl-20 pr-12 gap-8 text-dark-primary': {},
         '&-header': {
           '@apply text-dark-primary': {}
         },
@@ -29,6 +34,23 @@ export var AIFeed = () => ({
           }
         }
       }
+    },
+    '&-live-wrapper': {
+      '@apply absolute w-1 h-1 -m-1 overflow-hidden whitespace-nowrap p-0 opacity-0': {}
+    },
+    '&[data-size="lg"]': {
+      '.sk-ai-feed-avatar, .sk-avatar': {
+        '@apply w-40 h-40': {}
+      },
+      '.sk-ai-feed-container': {
+        '@apply pb-32 gap-32': {},
+        '@apply w-full': {}
+      }
+    },
+    '&[data-size="sm"]': {
+      '.sk-ai-feed-avatar, .sk-avatar': {
+        '@apply w-32 h-32': {}
+      }
     }
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"ai-feed.js","names":["AIFeed"],"sources":["../../../../src/components/ai/ai-feed.ts"],"sourcesContent":["export const AIFeed = () => ({\r\n  '.sk-ai-feed': {\r\n    '@apply mt-8 p-16 pb-24 pr-16 h-auto overflow-y-auto max-h-full flex flex-col': {},\r\n    '&-entry': {\r\n      '@apply flex items-start gap-12': {},\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      },\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      },\r\n      '&-references': {\r\n        '@apply bg-background-200 rounded-button pt-8 pb-8 pl-20 pr-12 gap-8 text-dark-primary': {},\r\n        '&-header': {\r\n          '@apply text-dark-primary': {},\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            '.sk-link': {\r\n              '@apply dark:text-dark-primary': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,aAAa,EAAE;IACb,8EAA8E,EAAE,CAAC,CAAC;IAClF,SAAS,EAAE;MACT,gCAAgC,EAAE,CAAC,CAAC;MACpC,UAAU,EAAE;QACV,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,aAAa,EAAE;QACb,mCAAmC,EAAE,CAAC;MACxC,CAAC;MACD,WAAW,EAAE;QACX,wDAAwD,EAAE,CAAC;MAC7D,CAAC;MACD,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,cAAc,EAAE;QACd,uFAAuF,EAAE,CAAC,CAAC;QAC3F,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B,CAAC;QACD,QAAQ,EAAE;UACR,QAAQ,EAAE;YACR,qEAAqE,EAAE,CAAC,CAAC;YACzE,UAAU,EAAE;cACV,+BAA+B,EAAE,CAAC;YACpC;UACF;QACF;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"ai-feed.js","names":["AIFeed"],"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 bg-background-200 rounded-button py-0 pl-20 pr-12 gap-8 text-dark-primary': {},\r\n        '&-header': {\r\n          '@apply text-dark-primary': {},\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            '.sk-link': {\r\n              '@apply dark:text-dark-primary': {},\r\n            },\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":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,aAAa,EAAE;IACb,+CAA+C,EAAE,CAAC,CAAC;IACnD,SAAS,EAAE;MACT,gCAAgC,EAAE,CAAC,CAAC;MACpC,eAAe,EAAE,CAAC,CAAC;MACnB,UAAU,EAAE;QACV,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,aAAa,EAAE;QACb,mCAAmC,EAAE,CAAC,CAAC;QACvC,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,WAAW,EAAE;QACX,wDAAwD,EAAE,CAAC;MAC7D,CAAC;MACD,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC,CAAC;QACjC,2BAA2B,EAAE;UAC3B,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MACD,cAAc,EAAE;QACd,kFAAkF,EAAE,CAAC,CAAC;QACtF,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B,CAAC;QACD,QAAQ,EAAE;UACR,QAAQ,EAAE;YACR,qEAAqE,EAAE,CAAC,CAAC;YACzE,UAAU,EAAE;cACV,+BAA+B,EAAE,CAAC;YACpC;UACF;QACF;MACF;IACF,CAAC;IACD,gBAAgB,EAAE;MAChB,8EAA8E,EAAE,CAAC;IACnF,CAAC;IAED,mBAAmB,EAAE;MACnB,gCAAgC,EAAE;QAChC,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,uBAAuB,EAAE;QACvB,qBAAqB,EAAE,CAAC,CAAC;QACzB,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IACD,mBAAmB,EAAE;MACnB,gCAAgC,EAAE;QAChC,kBAAkB,EAAE,CAAC;MACvB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/ai-module.js

@@ -2,27 +2,44 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 export var AIModule = colors => ({
   '.sk-ai-module': {
     '@apply fixed': {},
+    '@apply z-50': {},
+    '@apply overflow-hidden': {},
     '@apply flex flex-col gap-0 items-center justify-start': {},
     '@apply shadow-200': {},
-    '@apply overflow-hidden': {},
     '@apply transition-all': {},
+    '@apply duration-300': {},
     '@apply bottom-0 right-0': {},
     '&-content': {
       '@apply flex w-full gap-0 h-full justify-between': {},
+      '@apply overflow-hidden': {},
       '&-row': {
-        '@apply flex flex-col': {}
+        '@apply flex flex-col': {},
+        '@apply bg-background-content': {}
+      },
+      '&-main': {
+        '@apply grow shrink max-h-full max-w-full items-center': {}
       }
     },
     '&-sidebar': {
       '@apply flex flex-col': {},
       '@apply min-w-[22em]': {},
       '@apply h-full': {},
+      '@apply overflow-hidden': {},
       '@apply border-r-1 border-r-divider': {},
-      '@apply pt-20 px-24 gap-16': {}
+      '@apply pt-20 px-0 gap-16': {},
+      '&-sessions': {
+        '@apply flex flex-col': {},
+        '@apply grow w-full': {},
+        '@apply overflow-y-auto': {},
+        '@apply px-24 pb-20 gap-16': {}
+      }
     },
     '&-feed': {
       '@apply flex flex-col grow': {},
       '@apply px-16 pt-16 pb-24 gap-16': {},
+      '@apply w-full': {},
+      '@apply max-h-full overflow-y-auto': {},
+      '@apply max-w-full overflow-x-hidden': {},
       '&-questions': {
         '@apply flex flex-col gap-8 w-full': {},
         '&-title': {
@@ -33,28 +50,54 @@ export var AIModule = colors => ({
         }
       }
     },
+    '.sk-ai-inputsection': {
+      '@apply shrink-0': {}
+    },
     '&[data-fullscreen="false"]': {
       '@apply rounded-tl-groups': {},
-      '@apply max-w-[26em]': {}
+      '@apply max-w-[26em]': {},
+      '@apply w-[26em]': {},
+      '@apply max-h-[44em]': {},
+      '&[data-docked="false"]': {
+        '@apply h-[44em]': {}
+      }
+    },
+    '.sk-ai-feed': {
+      '@apply w-full': {}
     },
     '&[data-fullscreen="true"]': {
-      '@apply w-full h-full': {},
+      '@apply w-full': {},
       '.sk-ai-module-feed': {
         '@apply gap-40 grow w-full items-center': {},
+        '.sk-ai-feed': {
+          '@apply text-base max-w-[50em]': {}
+        },
         '&-questions': {
-          '@apply flex-row gap-16': {}
+          '@apply flex-row gap-16': {},
+          '&-wrapper': {
+            '@apply text-base max-w-[50em]': {}
+          }
         }
+      },
+      '.sk-ai-inputsection': {
+        '@apply text-base max-w-[50em]': {},
+        '@apply pt-20 pb-32': {}
       }
     },
+    '&[data-docked="true"]': {
+      '@apply h-64 w-[19em]': {}
+    },
     '&-header': _extends({
       '@apply flex items-center justify-between': {},
       '@apply w-full': {},
+      '@apply shrink-0': {},
       '@apply px-14 py-16': {},
       '@apply transition-all': {},
       '@apply bg-inverted-background-content': {},
       '@apply text-inverted-dark-primary': {},
       '&[data-docked="true"]': {
-        '@apply px-12 pt-10 pb-12': {}
+        '@apply px-12 pt-10 pb-12': {},
+        '@apply cursor-pointer': {}
       },
       '&-title': {
         '@apply flex justify-start items-center': {},
@@ -74,7 +117,7 @@ export var AIModule = colors => ({
         '@apply gap-12': {}
       },
       '&[data-variant="alt"]': {
-        '@apply p-0': {},
+        '@apply pt-0 px-24': {},
         '@apply bg-transparent': {},
         '.sk-avatar': {
           '@apply w-56 h-56': {}
@@ -105,6 +148,9 @@ export var AIModule = colors => ({
           '@apply flex flex-col p-0 gap-8': {}
         }
       }
+    },
+    '.sk-avatar': {
+      '@apply transition-all duration-500': {}
     }
   }
 });

package/dist/esm/components/ai/ai-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-module.js","names":["AIModule","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/ai-module.ts"],"sourcesContent":["export const AIModule = (colors: string[]) => ({\r\n  '.sk-ai-module': {\r\n    '@apply fixed': {},\r\n    '@apply flex flex-col gap-0 items-center justify-start': {},\r\n    '@apply shadow-200': {},\r\n    '@apply overflow-hidden': {},\r\n    '@apply transition-all': {},\r\n    '@apply bottom-0 right-0': {},\r\n\r\n    '&-content': {\r\n      '@apply flex w-full gap-0 h-full justify-between': {},\r\n      '&-row': {\r\n        '@apply flex flex-col': {},\r\n      },\r\n    },\r\n\r\n    '&-sidebar': {\r\n      '@apply flex flex-col': {},\r\n      '@apply min-w-[22em]': {},\r\n      '@apply h-full': {},\r\n      '@apply border-r-1 border-r-divider': {},\r\n      '@apply pt-20 px-24 gap-16': {},\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      '&-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\r\n    '&[data-fullscreen=\"false\"]': {\r\n      '@apply rounded-tl-groups': {},\r\n      '@apply max-w-[26em]': {},\r\n    },\r\n    '&[data-fullscreen=\"true\"]': {\r\n      '@apply w-full h-full': {},\r\n      '.sk-ai-module-feed': {\r\n        '@apply gap-40 grow w-full items-center': {},\r\n        '&-questions': {\r\n          '@apply flex-row gap-16': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply w-full': {},\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\r\n      '&[data-docked=\"true\"]': {\r\n        '@apply px-12 pt-10 pb-12': {},\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      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply p-0': {},\r\n        '@apply bg-transparent': {},\r\n        '.sk-avatar': {\r\n          '@apply w-56 h-56': {},\r\n        },\r\n        '.sk-ai-module-header-heading-name': {\r\n          '@apply text-label-large text-dark-primary': {},\r\n        },\r\n        '.sk-ai-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 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      '&-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        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ai-module.js","names":["AIModule","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/ai-module.ts"],"sourcesContent":["export const AIModule = (colors: string[]) => ({\r\n  '.sk-ai-module': {\r\n    '@apply fixed': {},\r\n    '@apply z-50': {},\r\n    '@apply overflow-hidden': {},\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\r\n    '&-content': {\r\n      '@apply flex w-full gap-0 h-full justify-between': {},\r\n      '@apply overflow-hidden': {},\r\n      '&-row': {\r\n        '@apply flex flex-col': {},\r\n        '@apply bg-background-content': {},\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 min-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      '&-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-docked=\"false\"]': {\r\n        '@apply h-[44em]': {},\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-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 w-[19em]': {},\r\n    },\r\n    '&-header': {\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\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      },\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-56 h-56': {},\r\n        },\r\n        '.sk-ai-module-header-heading-name': {\r\n          '@apply text-label-large text-dark-primary': {},\r\n        },\r\n        '.sk-ai-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 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      '&-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        },\r\n      },\r\n    },\r\n    '.sk-avatar': {\r\n      '@apply transition-all duration-500': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,QAAQ,GAAIC,MAAgB,KAAM;EAC7C,eAAe,EAAE;IACf,cAAc,EAAE,CAAC,CAAC;IAClB,aAAa,EAAE,CAAC,CAAC;IACjB,wBAAwB,EAAE,CAAC,CAAC;IAC5B,uDAAuD,EAAE,CAAC,CAAC;IAC3D,mBAAmB,EAAE,CAAC,CAAC;IACvB,uBAAuB,EAAE,CAAC,CAAC;IAC3B,qBAAqB,EAAE,CAAC,CAAC;IACzB,yBAAyB,EAAE,CAAC,CAAC;IAE7B,WAAW,EAAE;MACX,iDAAiD,EAAE,CAAC,CAAC;MACrD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,OAAO,EAAE;QACP,sBAAsB,EAAE,CAAC,CAAC;QAC1B,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,QAAQ,EAAE;QACR,uDAAuD,EAAE,CAAC;MAC5D;IACF,CAAC;IAED,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC,CAAC;MAC1B,qBAAqB,EAAE,CAAC,CAAC;MACzB,eAAe,EAAE,CAAC,CAAC;MACnB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,oCAAoC,EAAE,CAAC,CAAC;MACxC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,YAAY,EAAE;QACZ,sBAAsB,EAAE,CAAC,CAAC;QAC1B,oBAAoB,EAAE,CAAC,CAAC;QACxB,wBAAwB,EAAE,CAAC,CAAC;QAC5B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IACD,QAAQ,EAAE;MACR,2BAA2B,EAAE,CAAC,CAAC;MAC/B,iCAAiC,EAAE,CAAC,CAAC;MACrC,eAAe,EAAE,CAAC,CAAC;MACnB,mCAAmC,EAAE,CAAC,CAAC;MACvC,qCAAqC,EAAE,CAAC,CAAC;MACzC,aAAa,EAAE;QACb,mCAAmC,EAAE,CAAC,CAAC;QACvC,SAAS,EAAE;UACT,4CAA4C,EAAE,CAAC;QACjD,CAAC;QACD,WAAW,EAAE;UACX,oCAAoC,EAAE,CAAC;QACzC;MACF;IACF,CAAC;IACD,qBAAqB,EAAE;MACrB,iBAAiB,EAAE,CAAC;IACtB,CAAC;IACD,4BAA4B,EAAE;MAC5B,0BAA0B,EAAE,CAAC,CAAC;MAC9B,qBAAqB,EAAE,CAAC,CAAC;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,qBAAqB,EAAE,CAAC,CAAC;MACzB,wBAAwB,EAAE;QACxB,iBAAiB,EAAE,CAAC;MACtB;IACF,CAAC;IAED,aAAa,EAAE;MACb,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,2BAA2B,EAAE;MAC3B,eAAe,EAAE,CAAC,CAAC;MACnB,oBAAoB,EAAE;QACpB,wCAAwC,EAAE,CAAC,CAAC;QAC5C,aAAa,EAAE;UACb,+BAA+B,EAAE,CAAC;QACpC,CAAC;QACD,aAAa,EAAE;UACb,wBAAwB,EAAE,CAAC,CAAC;UAC5B,WAAW,EAAE;YACX,+BAA+B,EAAE,CAAC;UACpC;QACF;MACF,CAAC;MACD,qBAAqB,EAAE;QACrB,+BAA+B,EAAE,CAAC,CAAC;QACnC,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,uBAAuB,EAAE;MACvB,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,UAAU,EAAAC,QAAA;MACR,0CAA0C,EAAE,CAAC,CAAC;MAC9C,eAAe,EAAE,CAAC,CAAC;MACnB,iBAAiB,EAAE,CAAC,CAAC;MACrB,oBAAoB,EAAE,CAAC,CAAC;MACxB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,uCAAuC,EAAE,CAAC,CAAC;MAC3C,mCAAmC,EAAE,CAAC,CAAC;MAEvC,uBAAuB,EAAE;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,SAAS,EAAE;QACT,wCAAwC,EAAE,CAAC,CAAC;QAC5C,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,WAAW,EAAE;QACX,4BAA4B,EAAE,CAAC,CAAC;QAChC,QAAQ,EAAE;UACR,0BAA0B,EAAE,CAAC;QAC/B,CAAC;QACD,YAAY,EAAE;UACZ,gDAAgD,EAAE,CAAC;QACrD;MACF,CAAC;MAED,QAAQ,EAAE;QACR,yCAAyC,EAAE,CAAC,CAAC;QAC7C,eAAe,EAAE,CAAC;MACpB,CAAC;MAED,uBAAuB,EAAE;QACvB,mBAAmB,EAAE,CAAC,CAAC;QACvB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,YAAY,EAAE;UACZ,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,mCAAmC,EAAE;UACnC,2CAA2C,EAAE,CAAC;QAChD,CAAC;QACD,uCAAuC,EAAE;UACvC,uCAAuC,EAAE,CAAC;QAC5C;MACF;IAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MAET,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,wBAAqB,CAAC;MAC3C;IAAC,EACD,EACF,CAAC,CACH,CAAC;MACD,2BAA2B,EAAE;QAC3B,8BAA8B,EAAE,CAAC,CAAC;QAClC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,0BAA0B,EAAE,CAAC;MAC/B;IAAC,EACF;IACD,YAAY,EAAE;MACZ,cAAc,EAAE,CAAC,CAAC;MAClB,WAAW,EAAE;QACX,iCAAiC,EAAE,CAAC,CAAC;QACrC,QAAQ,EAAE;UACR,gCAAgC,EAAE,CAAC;QACrC;MACF;IACF,CAAC;IACD,YAAY,EAAE;MACZ,oCAAoC,EAAE,CAAC;IACzC;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/assistant-presentation.js

@@ -2,6 +2,7 @@ export var AssistantPresentation = () => ({
   '.sk-ai-assistant-presentation': {
     '@apply flex flex-col gap-16 items-center justify-center': {},
     '@apply text-base': {},
+    '@apply h-full grow': {},
     '&-header': {
       '@apply flex flex-col items-center justify-start': {},
       '&-title': {
@@ -12,7 +13,7 @@ export var AssistantPresentation = () => ({
       }
     },
     '&[data-size="lg"]': {
-      '@apply min-h-[25.5em] h-full grow': {},
+      '@apply min-h-[25.5em]': {},
       '@apply p-24': {},
       '@apply max-w-[27em]': {},
       '.sk-avatar': {
@@ -30,7 +31,6 @@ export var AssistantPresentation = () => ({
       }
     },
     '&[data-size="sm"]': {
-      '@apply min-h-[24em]': {},
       '.sk-avatar': {
         '@apply w-72 h-72': {},
         '@apply max-w-72 max-h-72': {}

package/dist/esm/components/ai/assistant-presentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"assistant-presentation.js","names":["AssistantPresentation"],"sources":["../../../../src/components/ai/assistant-presentation.ts"],"sourcesContent":["export const AssistantPresentation = () => ({\r\n  '.sk-ai-assistant-presentation': {\r\n    '@apply flex flex-col gap-16 items-center justify-center': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-header': {\r\n      '@apply flex flex-col items-center justify-start': {},\r\n      '&-title': {\r\n        '@apply text-dark-primary text-center w-full': {},\r\n      },\r\n      '&-description': {\r\n        '@apply text-dark-secondary text-center w-full': {},\r\n      },\r\n    },\r\n\r\n    '&[data-size=\"lg\"]': {\r\n      '@apply min-h-[25.5em] h-full grow': {},\r\n      '@apply p-24': {},\r\n      '@apply max-w-[27em]': {},\r\n\r\n      '.sk-avatar': {\r\n        '@apply w-90-1 h-90-1': {},\r\n        '@apply max-w-90-1 max-h-90-1': {},\r\n      },\r\n      '.sk-ai-assistant-presentation-header': {\r\n        '@apply gap-6 pb-24': {},\r\n        '&-title': {\r\n          '@apply text-h3-lg': {},\r\n        },\r\n        '&-description': {\r\n          '@apply text-lead': {},\r\n        },\r\n      },\r\n    },\r\n    '&[data-size=\"sm\"]': {\r\n      '@apply min-h-[24em]': {},\r\n      '.sk-avatar': {\r\n        '@apply w-72 h-72': {},\r\n        '@apply max-w-72 max-h-72': {},\r\n      },\r\n      '.sk-ai-assistant-presentation-header': {\r\n        '@apply gap-4 pb-16': {},\r\n        '&-title': {\r\n          '@apply text-h3-md': {},\r\n        },\r\n        '&-description': {\r\n          '@apply text-small': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,qBAAqB,GAAGA,CAAA,MAAO;EAC1C,+BAA+B,EAAE;IAC/B,yDAAyD,EAAE,CAAC,CAAC;IAC7D,kBAAkB,EAAE,CAAC,CAAC;IAEtB,UAAU,EAAE;MACV,iDAAiD,EAAE,CAAC,CAAC;MACrD,SAAS,EAAE;QACT,6CAA6C,EAAE,CAAC;MAClD,CAAC;MACD,eAAe,EAAE;QACf,+CAA+C,EAAE,CAAC;MACpD;IACF,CAAC;IAED,mBAAmB,EAAE;MACnB,mCAAmC,EAAE,CAAC,CAAC;MACvC,aAAa,EAAE,CAAC,CAAC;MACjB,qBAAqB,EAAE,CAAC,CAAC;MAEzB,YAAY,EAAE;QACZ,sBAAsB,EAAE,CAAC,CAAC;QAC1B,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,sCAAsC,EAAE;QACtC,oBAAoB,EAAE,CAAC,CAAC;QACxB,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,eAAe,EAAE;UACf,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF,CAAC;IACD,mBAAmB,EAAE;MACnB,qBAAqB,EAAE,CAAC,CAAC;MACzB,YAAY,EAAE;QACZ,kBAAkB,EAAE,CAAC,CAAC;QACtB,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,sCAAsC,EAAE;QACtC,oBAAoB,EAAE,CAAC,CAAC;QACxB,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,eAAe,EAAE;UACf,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"assistant-presentation.js","names":["AssistantPresentation"],"sources":["../../../../src/components/ai/assistant-presentation.ts"],"sourcesContent":["export const AssistantPresentation = () => ({\r\n  '.sk-ai-assistant-presentation': {\r\n    '@apply flex flex-col gap-16 items-center justify-center': {},\r\n    '@apply text-base': {},\r\n    '@apply h-full grow': {},\r\n\r\n    '&-header': {\r\n      '@apply flex flex-col items-center justify-start': {},\r\n      '&-title': {\r\n        '@apply text-dark-primary text-center w-full': {},\r\n      },\r\n      '&-description': {\r\n        '@apply text-dark-secondary text-center w-full': {},\r\n      },\r\n    },\r\n\r\n    '&[data-size=\"lg\"]': {\r\n      '@apply min-h-[25.5em]': {},\r\n      '@apply p-24': {},\r\n      '@apply max-w-[27em]': {},\r\n\r\n      '.sk-avatar': {\r\n        '@apply w-90-1 h-90-1': {},\r\n        '@apply max-w-90-1 max-h-90-1': {},\r\n      },\r\n      '.sk-ai-assistant-presentation-header': {\r\n        '@apply gap-6 pb-24': {},\r\n        '&-title': {\r\n          '@apply text-h3-lg': {},\r\n        },\r\n        '&-description': {\r\n          '@apply text-lead': {},\r\n        },\r\n      },\r\n    },\r\n    '&[data-size=\"sm\"]': {\r\n      '.sk-avatar': {\r\n        '@apply w-72 h-72': {},\r\n        '@apply max-w-72 max-h-72': {},\r\n      },\r\n      '.sk-ai-assistant-presentation-header': {\r\n        '@apply gap-4 pb-16': {},\r\n        '&-title': {\r\n          '@apply text-h3-md': {},\r\n        },\r\n        '&-description': {\r\n          '@apply text-small': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,qBAAqB,GAAGA,CAAA,MAAO;EAC1C,+BAA+B,EAAE;IAC/B,yDAAyD,EAAE,CAAC,CAAC;IAC7D,kBAAkB,EAAE,CAAC,CAAC;IACtB,oBAAoB,EAAE,CAAC,CAAC;IAExB,UAAU,EAAE;MACV,iDAAiD,EAAE,CAAC,CAAC;MACrD,SAAS,EAAE;QACT,6CAA6C,EAAE,CAAC;MAClD,CAAC;MACD,eAAe,EAAE;QACf,+CAA+C,EAAE,CAAC;MACpD;IACF,CAAC;IAED,mBAAmB,EAAE;MACnB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,aAAa,EAAE,CAAC,CAAC;MACjB,qBAAqB,EAAE,CAAC,CAAC;MAEzB,YAAY,EAAE;QACZ,sBAAsB,EAAE,CAAC,CAAC;QAC1B,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,sCAAsC,EAAE;QACtC,oBAAoB,EAAE,CAAC,CAAC;QACxB,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,eAAe,EAAE;UACf,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF,CAAC;IACD,mBAAmB,EAAE;MACnB,YAAY,EAAE;QACZ,kBAAkB,EAAE,CAAC,CAAC;QACtB,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,sCAAsC,EAAE;QACtC,oBAAoB,EAAE,CAAC,CAAC;QACxB,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,eAAe,EAAE;UACf,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/bubble.js

@@ -3,11 +3,12 @@ export var Bubble = colors => ({
   '.sk-ai-bubble': _extends({
     '@apply inline-flex text-left items-center justify-start': {},
     '@apply w-fit': {},
+    '@apply focus-visible:ring ring-ring': {},
     '@apply relative': {},
     '@apply rounded-t-button rounded-br-button': {},
     '@apply pt-10 pr-12 pb-10 pl-14': {},
     '@apply gap-16': {},
-    '@apply shadow-[0_0.1rem_0_0_rgba(0,0,0,0.2)]': {},
+    '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},
     '@apply text-small': {},
     '@apply text-dark-secondary': {}
   }, colors.reduce((styles, color) => _extends({}, styles, {
@@ -24,20 +25,21 @@ export var Bubble = colors => ({
     }
   }), {}), {
     '&-tail': {
-      '@apply absolute left-0 bottom-[-2rem]': {},
+      '@apply text-base': {},
+      '@apply absolute left-0 bottom-[-1.25em]': {},
       '@apply w-32 h-32': {},
       '@apply rounded-tl-16 rounded-bl-0': {},
       '@apply bg-transparent': {},
-      '@apply shadow-[0_-1.6rem_0_0_var(--tw-shadow-color)]': {},
+      '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},
       '@apply scale-y-[25%]': {},
       '&:before': {
         '@apply content-[""]': {},
-        '@apply absolute left-0 bottom-[-0.25rem]': {},
+        '@apply absolute left-0 bottom-[-0.15625em]': {},
         '@apply w-32 h-32': {},
         '@apply rounded-tl-16 rounded-bl-0': {},
         '@apply bg-transparent': {},
-        '@apply shadow-[0_-0.25rem_0_0_rgb(0,0,0,0.2)]': {},
-        'clip-path': 'polygon(0 0, 0 1.6rem, 0.4rem 1.6rem, 0.95rem 0)'
+        '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},
+        'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)'
       }
     }
   })

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

@@ -1 +1 @@
-{"version":3,"file":"bubble.js","names":["Bubble","colors","_extends","reduce","styles","color"],"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 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_0.1rem_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 absolute left-0 bottom-[-2rem]': {},\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_-1.6rem_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.25rem]': {},\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.25rem_0_0_rgb(0,0,0,0.2)]': {},\r\n        'clip-path': 'polygon(0 0, 0 1.6rem, 0.4rem 1.6rem, 0.95rem 0)',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,eAAe,EAAAC,QAAA;IACb,yDAAyD,EAAE,CAAC,CAAC;IAC7D,cAAc,EAAE,CAAC,CAAC;IAClB,iBAAiB,EAAE,CAAC,CAAC;IACrB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,gCAAgC,EAAE,CAAC,CAAC;IACpC,eAAe,EAAE,CAAC,CAAC;IACnB,8CAA8C,EAAE,CAAC,CAAC;IAClD,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC;EAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IAET,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,iCAA4BA,KAAK,6BAA0B,CAAC,CAAC;MAChF,oBAAoB,EAAE;QACpB,oBAAkBA,KAAK,uBAAoB,CAAC;MAC9C,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE;UACpB,oBAAkBA,KAAK,6BAA0B,CAAC;QACpD;MACF;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,QAAQ,EAAE;MACR,uCAAuC,EAAE,CAAC,CAAC;MAC3C,kBAAkB,EAAE,CAAC,CAAC;MACtB,mCAAmC,EAAE,CAAC,CAAC;MACvC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,sDAAsD,EAAE,CAAC,CAAC;MAC1D,sBAAsB,EAAE,CAAC,CAAC;MAC1B,UAAU,EAAE;QACV,qBAAqB,EAAE,CAAC,CAAC;QACzB,0CAA0C,EAAE,CAAC,CAAC;QAC9C,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,+CAA+C,EAAE,CAAC,CAAC;QACnD,WAAW,EAAE;MACf;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"bubble.js","names":["Bubble","colors","_extends","reduce","styles","color"],"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":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,eAAe,EAAAC,QAAA;IACb,yDAAyD,EAAE,CAAC,CAAC;IAC7D,cAAc,EAAE,CAAC,CAAC;IAClB,qCAAqC,EAAE,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,CAAC;IACrB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,gCAAgC,EAAE,CAAC,CAAC;IACpC,eAAe,EAAE,CAAC,CAAC;IACnB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC;EAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IAET,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,iCAA4BA,KAAK,6BAA0B,CAAC,CAAC;MAChF,oBAAoB,EAAE;QACpB,oBAAkBA,KAAK,uBAAoB,CAAC;MAC9C,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE;UACpB,oBAAkBA,KAAK,6BAA0B,CAAC;QACpD;MACF;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC,CAAC;MACtB,yCAAyC,EAAE,CAAC,CAAC;MAC7C,kBAAkB,EAAE,CAAC,CAAC;MACtB,mCAAmC,EAAE,CAAC,CAAC;MACvC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,mDAAmD,EAAE,CAAC,CAAC;MACvD,sBAAsB,EAAE,CAAC,CAAC;MAC1B,UAAU,EAAE;QACV,qBAAqB,EAAE,CAAC,CAAC;QACzB,4CAA4C,EAAE,CAAC,CAAC;QAChD,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,iDAAiD,EAAE,CAAC,CAAC;QACrD,WAAW,EAAE;MACf;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/feedback.js

@@ -1,18 +1,19 @@
 export var Feedback = () => ({
   '.sk-ai-feedback': {
-    '@apply ml-24 flex gap-24 justify-end': {},
+    '@apply ml-24 flex gap-24 justify-start mb-16': {},
+    '@apply max-w-full': {},
     '&-button': {
       '&[data-current="true"]': {
         '@apply bg-tertiary-surface-hover': {}
       }
     },
     '&-more': {
-      '@apply flex flex-col gap-8 pl-14 pr-8 pt-8 pb-14 bg-background-color-mixin-1 text-dark-primary rounded-button': {},
+      '@apply flex flex-col gap-8 px-14 pt-8 pb-12 bg-background-color-mixin-1 text-dark-primary rounded-button': {},
       '&-header': {
         '@apply flex flex-row items-center justify-between text-label-small': {}
       },
       '&-reason': {
-        '@apply flex flex-row items-center gap-8 justify-start': {}
+        '@apply flex flex-row items-center gap-8 justify-start flex-wrap': {}
       }
     }
   }

package/dist/esm/components/ai/feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback.js","names":["Feedback"],"sources":["../../../../src/components/ai/feedback.ts"],"sourcesContent":["export const Feedback = () => ({\r\n  '.sk-ai-feedback': {\r\n    '@apply ml-24 flex gap-24 justify-end': {},\r\n    '&-button': {\r\n      '&[data-current=\"true\"]': {\r\n        '@apply bg-tertiary-surface-hover': {},\r\n      },\r\n    },\r\n    '&-more': {\r\n      '@apply flex flex-col gap-8 pl-14 pr-8 pt-8 pb-14 bg-background-color-mixin-1 text-dark-primary rounded-button':\r\n        {},\r\n      '&-header': {\r\n        '@apply flex flex-row items-center justify-between text-label-small': {},\r\n      },\r\n      '&-reason': {\r\n        '@apply flex flex-row items-center gap-8 justify-start': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,iBAAiB,EAAE;IACjB,sCAAsC,EAAE,CAAC,CAAC;IAC1C,UAAU,EAAE;MACV,wBAAwB,EAAE;QACxB,kCAAkC,EAAE,CAAC;MACvC;IACF,CAAC;IACD,QAAQ,EAAE;MACR,+GAA+G,EAC7G,CAAC,CAAC;MACJ,UAAU,EAAE;QACV,oEAAoE,EAAE,CAAC;MACzE,CAAC;MACD,UAAU,EAAE;QACV,uDAAuD,EAAE,CAAC;MAC5D;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"feedback.js","names":["Feedback"],"sources":["../../../../src/components/ai/feedback.ts"],"sourcesContent":["export const Feedback = () => ({\r\n  '.sk-ai-feedback': {\r\n    '@apply ml-24 flex gap-24 justify-start mb-16': {},\r\n    '@apply max-w-full': {},\r\n    '&-button': {\r\n      '&[data-current=\"true\"]': {\r\n        '@apply bg-tertiary-surface-hover': {},\r\n      },\r\n    },\r\n    '&-more': {\r\n      '@apply flex flex-col gap-8 px-14 pt-8 pb-12 bg-background-color-mixin-1 text-dark-primary rounded-button': {},\r\n      '&-header': {\r\n        '@apply flex flex-row items-center justify-between text-label-small': {},\r\n      },\r\n      '&-reason': {\r\n        '@apply flex flex-row items-center gap-8 justify-start flex-wrap': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,iBAAiB,EAAE;IACjB,8CAA8C,EAAE,CAAC,CAAC;IAClD,mBAAmB,EAAE,CAAC,CAAC;IACvB,UAAU,EAAE;MACV,wBAAwB,EAAE;QACxB,kCAAkC,EAAE,CAAC;MACvC;IACF,CAAC;IACD,QAAQ,EAAE;MACR,0GAA0G,EAAE,CAAC,CAAC;MAC9G,UAAU,EAAE;QACV,oEAAoE,EAAE,CAAC;MACzE,CAAC;MACD,UAAU,EAAE;QACV,iEAAiE,EAAE,CAAC;MACtE;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/markdown-rendered.js

@@ -2,7 +2,7 @@ export var MarkdownRendered = () => ({
   '.sk-ai-markdown': {
     '@apply flex flex-col gap-32': {},
     '&-p': {
-      '@apply mb-32 my-0': {}
+      '@apply mb-0 my-0 break-words': {}
     },
     '&-a': {
       '@apply my-8': {}

package/dist/esm/components/ai/markdown-rendered.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-rendered.js","names":["MarkdownRendered"],"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n  '.sk-ai-markdown': {\r\n    '@apply flex flex-col gap-32': {},\r\n    '&-p': {\r\n      '@apply mb-32 my-0': {},\r\n    },\r\n    '&-a': {\r\n      '@apply my-8': {},\r\n    },\r\n    '&-ol': {\r\n      '@apply list-decimal ml-24 my-0': {},\r\n    },\r\n    '&-ul': {\r\n      '@apply list-disc ml-24 my-0': {},\r\n    },\r\n    '&-li': {\r\n      '@apply my-16': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,gBAAgB,GAAGA,CAAA,MAAO;EACrC,iBAAiB,EAAE;IACjB,6BAA6B,EAAE,CAAC,CAAC;IACjC,KAAK,EAAE;MACL,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,KAAK,EAAE;MACL,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,MAAM,EAAE;MACN,gCAAgC,EAAE,CAAC;IACrC,CAAC;IACD,MAAM,EAAE;MACN,6BAA6B,EAAE,CAAC;IAClC,CAAC;IACD,MAAM,EAAE;MACN,cAAc,EAAE,CAAC;IACnB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"markdown-rendered.js","names":["MarkdownRendered"],"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n  '.sk-ai-markdown': {\r\n    '@apply flex flex-col gap-32': {},\r\n    '&-p': {\r\n      '@apply mb-0 my-0 break-words': {},\r\n    },\r\n    '&-a': {\r\n      '@apply my-8': {},\r\n    },\r\n    '&-ol': {\r\n      '@apply list-decimal ml-24 my-0': {},\r\n    },\r\n    '&-ul': {\r\n      '@apply list-disc ml-24 my-0': {},\r\n    },\r\n    '&-li': {\r\n      '@apply my-16': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,gBAAgB,GAAGA,CAAA,MAAO;EACrC,iBAAiB,EAAE;IACjB,6BAA6B,EAAE,CAAC,CAAC;IACjC,KAAK,EAAE;MACL,8BAA8B,EAAE,CAAC;IACnC,CAAC;IACD,KAAK,EAAE;MACL,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,MAAM,EAAE;MACN,gCAAgC,EAAE,CAAC;IACrC,CAAC;IACD,MAAM,EAAE;MACN,6BAA6B,EAAE,CAAC;IAClC,CAAC;IACD,MAAM,EAAE;MACN,cAAc,EAAE,CAAC;IACnB;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/button.js

@@ -189,10 +189,7 @@ export var Button = colors => ({
     // State
     '&-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': {},
-      '&[data-inverted="true"]': {
-        '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important': {}
-      }
+      '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important': {}
     }
   }, buttonPrimary(colors), buttonSecondary(), buttonTertiary(), buttonGhost(), buttonLink(colors), {
     '&[data-background="false"]:not(:hover)': {

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buttonPrimary","colors","_extends","reduce","styles","color","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","Button","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      '&[data-inverted=\"true\"]': {\r\n        '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\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":";AAAA,SAASA,aAAaA,CAACC,MAAgB,EAAE;EACvC,OAAO;IACL,WAAW,EAAAC,QAAA;MACT,2BAA2B,EAAE,CAAC,CAAC;MAC/B;MACA,uCAAuC,EAAE,CAAC;IAAC,GAExCD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;QACxE;QACA,sBAAoBA,KAAK,uDAAoD,CAAC,CAAC;QAC/E;QACA,UAAU,EAAE;UACV,gBAAcA,KAAK,8BAA2B,CAAC;QACjD,CAAC;QACD,uBAAqBA,KAAK,8BAA2B,CAAC,CAAC;QAEvD,yBAAyB,EAAE;UACzB,oCAAoC,EAAE,CAAC,CAAC;UACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,uBAAoB,CAAC,CAAC;UACzF;UACA,+BAA6BA,KAAK,gEAA6D,CAAC,CAAC;UACjG;UACA,UAAU,EAAE;YACV,yBAAuBA,KAAK,8BAA2B,CAAC;UAC1D,CAAC;UACD,gCAA8BA,KAAK,8BAA2B,CAAC;QACjE;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;MAED,yBAAyB,EAAE;QACzB,2BAA2B,EAAE,CAAC,CAAC;QAC/B,uCAAuC,EAAE,CAAC,CAAC;QAC3C,UAAU,EAAE;UACV,iCAAiC,EAAE,CAAC;QACtC,CAAC;QACD,4CAA4C,CAAC,CAAC;QAE9C,yBAAyB,EAAE;UACzB,oCAAoC,EAAE,CAAC,CAAC;UACxC,oCAAoC,EAAE,CAAC,CAAC;UACxC,gDAAgD,EAAE,CAAC,CAAC;UACpD,UAAU,EAAE;YACV,0CAA0C,EAAE,CAAC;UAC/C,CAAC;UACD,qDAAqD,CAAC;QACxD;MACF;IAAC;EAEL,CAAC;AACH;AACA,SAASC,eAAeA,CAAA,EAAG;EACzB,OAAO;IACL,aAAa,EAAE;MACb,iCAAiC,EAAE,CAAC,CAAC;MACrC,4BAA4B,EAAE,CAAC,CAAC;MAChC,6BAA6B,EAAE,CAAC,CAAC;MACjC;MACA,6CAA6C,EAAE,CAAC,CAAC;MACjD,yCAAyC,EAAE,CAAC,CAAC;MAC7C;MACA,gDAAgD,EAAE,CAAC,CAAC;MAEpD;MACA,4CAA4C,EAAE;QAC5C,uIAAuI,EACrI,CAAC;MACL,CAAC;MAED,yBAAyB,EAAE;QACzB,0CAA0C,EAAE,CAAC,CAAC;QAC9C,qCAAqC,EAAE,CAAC,CAAC;QACzC,sCAAsC,EAAE,CAAC,CAAC;QAC1C;QACA,sDAAsD,EAAE,CAAC,CAAC;QAC1D,kDAAkD,EAAE,CAAC,CAAC;QACtD;QACA,yDAAyD,EAAE,CAAC,CAAC;QAE7D;QACA,4CAA4C,EAAE;UAC5C,yJAAyJ,EACvJ,CAAC;QACL;MACF;IACF;EACF,CAAC;AACH;AAEA,SAASC,cAAcA,CAAA,EAAG;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4BAA4B,EAAE,CAAC,CAAC;MAChC,4BAA4B,EAAE,CAAC,CAAC;MAChC;MACA,wCAAwC,EAAE,CAAC,CAAC;MAE5C;MACA,4CAA4C,EAAE;QAC5C,qIAAqI,EACnI,CAAC;MACL,CAAC;MAED,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC,CAAC;QACzC,qCAAqC,EAAE,CAAC,CAAC;QACzC;QACA,iDAAiD,EAAE,CAAC,CAAC;QACrD,4CAA4C,EAAE;UAC5C,uJAAuJ,EACrJ,CAAC;QACL;MACF;IACF;EACF,CAAC;AACH;AACA,SAASC,WAAWA,CAAA,EAAG;EACrB,OAAO;IACL,SAAS,EAAE;MACT,4BAA4B,EAAE,CAAC,CAAC;MAChC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,2BAA2B,EAAE,CAAC,CAAC;MAC/B;MACA,6BAA6B,EAAE,CAAC,CAAC;MACjC,iCAAiC,EAAE,CAAC,CAAC;MAErC;MACA,4CAA4C,EAAE;QAC5C,yGAAyG,EAAE,CAAC;MAC9G,CAAC;MAED,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC;MAC1C;IACF;EACF,CAAC;AACH;AAEA,SAASC,UAAUA,CAACR,MAAgB,EAAE;EACpC,OAAO;IACL,QAAQ,EAAAC,QAAA;MACN,2FAA2F,EAAE,CAAC,CAAC;MAC/F,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD;MACA,8BAA8B,EAAE,CAAC,CAAC;MAClC,qCAAqC,EAAE,CAAC;IAAC,GAEtCD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,kBAAgBA,KAAK,0BAAqBA,KAAK,aAAU,CAAC;QAC1D;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,OAAO,IAAMK,MAAM,GAAIT,MAAgB,KAAM;EAC3C,SAAS,EAAAC,QAAA;IACP,mBAAmB,EAAE,CAAC,CAAC;IACvB,oCAAoC,EAAE,CAAC,CAAC;IACxC,uBAAuB,EAAE,CAAC,CAAC;IAC3B,iBAAiB,EAAE,CAAC,CAAC;IACrB,YAAY,EAAE,CAAC,CAAC;IAChB,yBAAyB,EAAE,CAAC,CAAC;IAC7B,2EAA2E,EAAE,CAAC,CAAC;IAC/E,uBAAuB,EAAE,CAAC,CAAC;IAC3BS,kBAAkB,EAAE,iEAAiE;IACrF,6BAA6B,EAAE,CAAC,CAAC;IACjC,mEAAmE,EAAE,CAAC,CAAC;IACvE,mCAAmC,EAAE,CAAC,CAAC;IACvC,2BAA2B,EAAE,CAAC,CAAC;IAE/B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC,CAAC;MAC7B,yBAAyB,EAAE,CAAC,CAAC;MAC7B,sBAAsB,EAAE,CAAC,CAAC;MAC1B,0BAA0B,EAAE,CAAC,CAAC;MAC9B,eAAe,EAAE;QACf,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,MAAM,EAAE;MACN,0BAA0B,EAAE,CAAC,CAAC;MAC9B,yBAAyB,EAAE,CAAC,CAAC;MAC7B,sBAAsB,EAAE,CAAC,CAAC;MAC1B,0BAA0B,EAAE,CAAC,CAAC;MAC9B,eAAe,EAAE;QACf,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC,CAAC;MAC7B,yBAAyB,EAAE,CAAC,CAAC;MAC7B,sBAAsB,EAAE,CAAC,CAAC;MAC1B,0BAA0B,EAAE,CAAC,CAAC;MAC9B,eAAe,EAAE;QACf,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED;IACA,qCAAqC,EAAE;MACrC,gFAAgF,EAAE,CAAC,CAAC;MACpF,kLAAkL,EAChL,CAAC,CAAC;MACJ,yBAAyB,EAAE;QACzB,sNAAsN,EACpN,CAAC;MACL;IACF;EAAC,GAGEX,aAAa,CAACC,MAAM,CAAC,EACrBK,eAAe,CAAC,CAAC,EACjBC,cAAc,CAAC,CAAC,EAChBC,WAAW,CAAC,CAAC,EACbC,UAAU,CAACR,MAAM,CAAC;IAErB,wCAAwC,EAAE;MACxC,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,eAAe,EAAE;MACf,QAAQ,EAAE;QACR,sDAAsD,EAAE,CAAC,CAAC;QAC1D,UAAU,EAAE;UACV,uBAAuB,EAAE,CAAC,CAAC;UAC3BI,KAAK,EAAE;QACT;MACF,CAAC;MACD,SAAS,EAAE;QACT,sDAAsD,EAAE,CAAC,CAAC;QAC1D,UAAU,EAAE;UACV,uBAAuB,EAAE,CAAC,CAAC;UAC3BA,KAAK,EAAE;QACT;MACF;IACF,CAAC;IACD,yBAAyB,EAAE;MACzB,cAAc,EAAE,CAAC;IACnB,CAAC;IACD,0BAA0B,EAAE;MAC1B,cAAc,EAAE,CAAC;IACnB,CAAC;IACD,mBAAmB,EAAE;MACnB,YAAY,EAAE,CAAC,CAAC;MAEhB,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC,CAAC;QAC3BA,KAAK,EAAE;MACT,CAAC;MAED,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MAED,aAAa,EAAE;QACb,+BAA+B,EAAE,CAAC,CAAC;QACnC,eAAe,EAAE;UACf,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MAED,aAAa,EAAE;QACb,+BAA+B,EAAE,CAAC,CAAC;QAEnC,eAAe,EAAE;UACf,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MAED,aAAa,EAAE;QACb,+BAA+B,EAAE,CAAC,CAAC;QAEnC,eAAe,EAAE;UACf,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,eAAe,EAAE;QACf,QAAQ,EAAE;UACR,YAAY,EAAE,CAAC;QACjB,CAAC;QACD,SAAS,EAAE;UACT,YAAY,EAAE,CAAC;QACjB;MACF;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"button.js","names":["buttonPrimary","colors","_extends","reduce","styles","color","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","Button","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":[]}

package/dist/esm/components/menubar.js

@@ -22,7 +22,6 @@ export var MenuBar = colors => ({
         '@apply font-bold': {},
         '@apply gap-2 px-14 py-8': {},
         '@apply h-full min-h-full': {},
-        '@apply text-base leading-base': {},
         '@apply inline-flex shrink-0 flex-nowrap': {},
         '@apply border-0': {},
         '@apply focus-visible:bg-background-content focus-visible:ring': {},

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

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":["MenuBar","colors","_extends","color","reduce","styles"],"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n  '.sk-menubar': {\r\n    '@apply flex flex-row': {},\r\n    '@apply p-8 gap-16': {},\r\n    '@apply rounded-cards': {},\r\n\r\n    '&[data-background=\"true\"]': {\r\n      '@apply bg-background-color-mixin-1': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n      '@apply h-40': {},\r\n      'a, button': {\r\n        color: 'unset',\r\n      },\r\n\r\n      '> *:first-child': {\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '@apply cursor-pointer': {},\r\n        '@apply bg-transparent text-dark-primary': {},\r\n        '@apply hover:bg-tertiary-surface': {},\r\n        '@apply font-bold': {},\r\n        '@apply gap-2 px-14 py-8': {},\r\n        '@apply h-full min-h-full': {},\r\n        '@apply text-base leading-base': {},\r\n        '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n        '@apply border-0': {},\r\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            '> *:first-child': {\r\n              [`@apply hover:bg-${color}-surface-accent`]: {},\r\n              [`@apply hover:text-${color}-text-primary`]: {},\r\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n                '@apply focus-visible:ring': {},\r\n              },\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAE;IACb,sBAAsB,EAAE,CAAC,CAAC;IAC1B,mBAAmB,EAAE,CAAC,CAAC;IACvB,sBAAsB,EAAE,CAAC,CAAC;IAE1B,2BAA2B,EAAE;MAC3B,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,QAAQ,EAAAC,QAAA;MACN,qBAAqB,EAAE,CAAC,CAAC;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACXC,KAAK,EAAE;MACT,CAAC;MAED,iBAAiB,EAAE;QACjB,oEAAoE,EAAE,CAAC,CAAC;QACxE,uBAAuB,EAAE,CAAC,CAAC;QAC3B,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kCAAkC,EAAE,CAAC,CAAC;QACtC,kBAAkB,EAAE,CAAC,CAAC;QACtB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,+BAA+B,EAAE,CAAC,CAAC;QACnC,yCAAyC,EAAE,CAAC,CAAC;QAE7C,iBAAiB,EAAE,CAAC,CAAC;QACrB,+DAA+D,EAAE,CAAC,CAAC;QACnE,0EAA0E,EAAE;UAC1E,8CAA8C,EAAE,CAAC,CAAC;UAClD,2BAA2B,EAAE,CAAC;QAChC;MACF;IAAC,GACEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEF,KAAK,KAAAD,QAAA,KACTG,MAAM;MACT,qBAAkBF,KAAK,WAAO;QAC5B,iBAAiB,EAAE;UACjB,sBAAoBA,KAAK,uBAAoB,CAAC,CAAC;UAC/C,wBAAsBA,KAAK,qBAAkB,CAAC,CAAC;UAC/C,+DAA+D,EAAE,CAAC,CAAC;UACnE,wEAAwE,EAAE;YACxE,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;YAC1C,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"menubar.js","names":["MenuBar","colors","_extends","color","reduce","styles"],"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n  '.sk-menubar': {\r\n    '@apply flex flex-row': {},\r\n    '@apply p-8 gap-16': {},\r\n    '@apply rounded-cards': {},\r\n\r\n    '&[data-background=\"true\"]': {\r\n      '@apply bg-background-color-mixin-1': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n      '@apply h-40': {},\r\n      'a, button': {\r\n        color: 'unset',\r\n      },\r\n\r\n      '> *:first-child': {\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '@apply cursor-pointer': {},\r\n        '@apply bg-transparent text-dark-primary': {},\r\n        '@apply hover:bg-tertiary-surface': {},\r\n        '@apply font-bold': {},\r\n        '@apply gap-2 px-14 py-8': {},\r\n        '@apply h-full min-h-full': {},\r\n        '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n        '@apply border-0': {},\r\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            '> *:first-child': {\r\n              [`@apply hover:bg-${color}-surface-accent`]: {},\r\n              [`@apply hover:text-${color}-text-primary`]: {},\r\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n                '@apply focus-visible:ring': {},\r\n              },\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAE;IACb,sBAAsB,EAAE,CAAC,CAAC;IAC1B,mBAAmB,EAAE,CAAC,CAAC;IACvB,sBAAsB,EAAE,CAAC,CAAC;IAE1B,2BAA2B,EAAE;MAC3B,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,QAAQ,EAAAC,QAAA;MACN,qBAAqB,EAAE,CAAC,CAAC;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACXC,KAAK,EAAE;MACT,CAAC;MAED,iBAAiB,EAAE;QACjB,oEAAoE,EAAE,CAAC,CAAC;QACxE,uBAAuB,EAAE,CAAC,CAAC;QAC3B,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kCAAkC,EAAE,CAAC,CAAC;QACtC,kBAAkB,EAAE,CAAC,CAAC;QACtB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,yCAAyC,EAAE,CAAC,CAAC;QAE7C,iBAAiB,EAAE,CAAC,CAAC;QACrB,+DAA+D,EAAE,CAAC,CAAC;QACnE,0EAA0E,EAAE;UAC1E,8CAA8C,EAAE,CAAC,CAAC;UAClD,2BAA2B,EAAE,CAAC;QAChC;MACF;IAAC,GACEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEF,KAAK,KAAAD,QAAA,KACTG,MAAM;MACT,qBAAkBF,KAAK,WAAO;QAC5B,iBAAiB,EAAE;UACjB,sBAAoBA,KAAK,uBAAoB,CAAC,CAAC;UAC/C,wBAAsBA,KAAK,qBAAkB,CAAC,CAAC;UAC/C,+DAA+D,EAAE,CAAC,CAAC;UACnE,wEAAwE,EAAE;YACxE,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;YAC1C,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/table-autotable.js

@@ -20,7 +20,7 @@ export var TableAutoTable = () => ({
         '@apply overflow-auto': {}
       }
     },
-    '&:not([data-background="true"])': {
+    '&:not([data-background="true"]):not([data-wrappingborder="true"])': {
       '@apply border-0': {},
       '@apply bg-transparent': {}
     },

package/dist/esm/components/table-autotable.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-autotable.js","names":["TableAutoTable","svg","td","th"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n  '.sk-table-wrapper': {\r\n    '@apply text-base': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1 border-divider': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply relative': {},\r\n\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply w-full': {},\r\n      '@apply h-full max-h-full': {},\r\n      '&[data-scroll=\"x\"]': {\r\n        '@apply overflow-x-auto': {},\r\n      },\r\n      '&[data-scroll=\"y\"]': {\r\n        '@apply overflow-y-auto': {},\r\n      },\r\n      '&[data-scroll=\"true\"]': {\r\n        '@apply overflow-auto': {},\r\n      },\r\n    },\r\n    '&:not([data-background=\"true\"])': {\r\n      '@apply border-0': {},\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.sk-table-wrapper-inside': {\r\n      '@apply border-0 rounded-b-groups': {},\r\n    },\r\n  },\r\n  '.sk-table': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '&[data-stickyheader=\"true\"]': {\r\n        '@apply sticky top-0': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply border-b-0': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-1 border-dark-primary': {},\r\n        },\r\n      },\r\n\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '.sk-table-th': {\r\n        '@apply h-56': {},\r\n        '@apply p-0': {},\r\n        '&:first-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tl-groups': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tr-groups': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {\r\n          '@apply py-4': {},\r\n          '@apply px-16': {},\r\n        },\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply border-b-0': {},\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-0': {},\r\n        },\r\n        '[data-sticky=\"true\"]': {\r\n          '@apply bg-vattjom-background-200': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply pr-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmode='ascending']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmode='descending']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1 border-divider': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '&:hover': {\r\n          td: {\r\n            '@apply bg-background-100': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-td, .sk-table-th': {\r\n        '@apply p-0': {},\r\n        '@apply text-small': {},\r\n        '@apply h-64-1': {},\r\n        '@apply min-h-64-1': {},\r\n\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '.sk-table-col-content': {\r\n          '@apply py-8 px-18': {},\r\n          '@apply gap-8': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-col-content': {\r\n      '@apply flex': {},\r\n      '@apply w-full': {},\r\n      '@apply justify-start items-center': {},\r\n      '@apply h-full': {},\r\n    },\r\n\r\n    '&[data-dense=\"dense\"]': {\r\n      '.sk-table': {\r\n        '&-col-content': {\r\n          '@apply py-0': {},\r\n        },\r\n        '&-thead': {\r\n          th: {\r\n            '@apply h-48': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td, .sk-table-th': {\r\n            '@apply h-48-1': {},\r\n            '@apply min-h-48-1': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '[data-sticky=\"true\"]': {\r\n      '@apply sticky': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&:first-of-type': {\r\n        '@apply left-0': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n\r\n    '&[data-hasscroll=\"true\"]': {\r\n      '[data-sticky=\"true\"]': {\r\n        '&:first-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-r-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-l-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {},\r\n      },\r\n    },\r\n    '&-paginationwrapper': {\r\n      '@apply max-w-[37.5em]': {},\r\n      '@apply shrink grow': {},\r\n      '@apply hidden @screen-md/footer:flex': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply @container/footer': {},\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1 border-divider': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply flex-wrap': {},\r\n      '@apply @screen-lg/footer:gap-32': {},\r\n      '@apply @screen-md/footer:gap-16': {},\r\n      '@apply gap-8': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-col': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply @screen-sm/footer:flex-row': {},\r\n        '@apply gap-8': {},\r\n        '&.sk-table-pagination-mobile': {\r\n          '@apply @screen-md/footer:hidden': {},\r\n        },\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"table-autotable.js","names":["TableAutoTable","svg","td","th"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n  '.sk-table-wrapper': {\r\n    '@apply text-base': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1 border-divider': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply relative': {},\r\n\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply w-full': {},\r\n      '@apply h-full max-h-full': {},\r\n      '&[data-scroll=\"x\"]': {\r\n        '@apply overflow-x-auto': {},\r\n      },\r\n      '&[data-scroll=\"y\"]': {\r\n        '@apply overflow-y-auto': {},\r\n      },\r\n      '&[data-scroll=\"true\"]': {\r\n        '@apply overflow-auto': {},\r\n      },\r\n    },\r\n    '&:not([data-background=\"true\"]):not([data-wrappingborder=\"true\"])': {\r\n      '@apply border-0': {},\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.sk-table-wrapper-inside': {\r\n      '@apply border-0 rounded-b-groups': {},\r\n    },\r\n  },\r\n  '.sk-table': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '&[data-stickyheader=\"true\"]': {\r\n        '@apply sticky top-0': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply border-b-0': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-1 border-dark-primary': {},\r\n        },\r\n      },\r\n\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '.sk-table-th': {\r\n        '@apply h-56': {},\r\n        '@apply p-0': {},\r\n        '&:first-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tl-groups': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tr-groups': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {\r\n          '@apply py-4': {},\r\n          '@apply px-16': {},\r\n        },\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply border-b-0': {},\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-0': {},\r\n        },\r\n        '[data-sticky=\"true\"]': {\r\n          '@apply bg-vattjom-background-200': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply pr-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmode='ascending']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmode='descending']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1 border-divider': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '&:hover': {\r\n          td: {\r\n            '@apply bg-background-100': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-td, .sk-table-th': {\r\n        '@apply p-0': {},\r\n        '@apply text-small': {},\r\n        '@apply h-64-1': {},\r\n        '@apply min-h-64-1': {},\r\n\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '.sk-table-col-content': {\r\n          '@apply py-8 px-18': {},\r\n          '@apply gap-8': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-col-content': {\r\n      '@apply flex': {},\r\n      '@apply w-full': {},\r\n      '@apply justify-start items-center': {},\r\n      '@apply h-full': {},\r\n    },\r\n\r\n    '&[data-dense=\"dense\"]': {\r\n      '.sk-table': {\r\n        '&-col-content': {\r\n          '@apply py-0': {},\r\n        },\r\n        '&-thead': {\r\n          th: {\r\n            '@apply h-48': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td, .sk-table-th': {\r\n            '@apply h-48-1': {},\r\n            '@apply min-h-48-1': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '[data-sticky=\"true\"]': {\r\n      '@apply sticky': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&:first-of-type': {\r\n        '@apply left-0': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n\r\n    '&[data-hasscroll=\"true\"]': {\r\n      '[data-sticky=\"true\"]': {\r\n        '&:first-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-r-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-l-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {},\r\n      },\r\n    },\r\n    '&-paginationwrapper': {\r\n      '@apply max-w-[37.5em]': {},\r\n      '@apply shrink grow': {},\r\n      '@apply hidden @screen-md/footer:flex': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply @container/footer': {},\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1 border-divider': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply flex-wrap': {},\r\n      '@apply @screen-lg/footer:gap-32': {},\r\n      '@apply @screen-md/footer:gap-16': {},\r\n      '@apply gap-8': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-col': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply @screen-sm/footer:flex-row': {},\r\n        '@apply gap-8': {},\r\n        '&.sk-table-pagination-mobile': {\r\n          '@apply @screen-md/footer:hidden': {},\r\n        },\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}