@sk-web-gui/core 3.16.2 → 4.1.0

package/dist/cjs/components/accordion.js

@@ -147,7 +147,7 @@ const Accordion = ()=>({
                     '@apply my-0 invisible max-h-0 opacity-0': {}
                 },
                 '&[aria-hidden="false"], &[data-hidden="false"]': {
-                    '@apply block max-h-screen opacity-100 visible': {}
+                    '@apply block opacity-100 visible': {}
                 },
                 '&[data-variant="alt"]': {
                     '@apply mt-24': {},

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-icon': {\r\n      '@apply flex self-center': {},\r\n    },\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n      '.sk-icon': {\r\n        '@apply w-32 h-32': {},\r\n      },\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-20 min-h-20': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply min-h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-24 min-h-24': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply min-h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '&[data-size=\"sm\"]': {\r\n        '@apply pr-12': {},\r\n      },\r\n      '&[data-size=\"md\"]': {\r\n        '@apply pr-12': {},\r\n      },\r\n      '&[data-size=\"lg\"]': {\r\n        '@apply pr-16': {},\r\n      },\r\n      '@apply text-base': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      transitionProperty: 'visibility, height, opacity, padding, margin',\r\n\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible max-h-0 opacity-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block max-h-screen opacity-100 visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-32': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-36': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-48': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '&[data-inverted=\"true\"]': {\r\n    '&.sk-disclosure': {\r\n      '&-icon': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-inverted-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-inverted-dark-disabled': {},\r\n        },\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n    '&.sk-accordion': {\r\n      '&-item': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","transitionDuration"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-icon': {\r\n      '@apply flex self-center': {},\r\n    },\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n      '.sk-icon': {\r\n        '@apply w-32 h-32': {},\r\n      },\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-20 min-h-20': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply min-h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-24 min-h-24': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply min-h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '&[data-size=\"sm\"]': {\r\n        '@apply pr-12': {},\r\n      },\r\n      '&[data-size=\"md\"]': {\r\n        '@apply pr-12': {},\r\n      },\r\n      '&[data-size=\"lg\"]': {\r\n        '@apply pr-16': {},\r\n      },\r\n      '@apply text-base': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      transitionProperty: 'visibility, height, opacity, padding, margin',\r\n\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible max-h-0 opacity-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block opacity-100 visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-32': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-36': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-48': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '&[data-inverted=\"true\"]': {\r\n    '&.sk-disclosure': {\r\n      '&-icon': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-inverted-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-inverted-dark-disabled': {},\r\n        },\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n    '&.sk-accordion': {\r\n      '&-item': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","transitionDuration"],"mappings":"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"}

package/dist/cjs/components/navigation-bar.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NavigationBar", {
+    enumerable: true,
+    get: function() {
+        return NavigationBar;
+    }
+});
+const NavigationBar = (colors)=>({
+        '.sk-navigationbar': {
+            '@apply flex flex-row': {},
+            '@apply rounded-cards': {},
+            '&[data-background="true"]': {
+                '@apply bg-background-color-mixin-1': {}
+            },
+            // sizes
+            '&[data-size="md"]': {
+                '@apply p-6 gap-8 rounded-groups': {}
+            },
+            '&[data-size="lg"]': {
+                '@apply p-8 gap-16 rounded-cards': {}
+            },
+            '&-item': {
+                '@apply inline-block': {},
+                '@apply relative': {},
+                // sizes
+                '&[data-size="md"]': {
+                    '@apply h-34': {},
+                    '> *': {
+                        '@apply text-small leading-[1.8rem]': {}
+                    }
+                },
+                '&[data-size="lg"]': {
+                    '@apply h-40': {}
+                },
+                '> *:first-child': {
+                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
+                    '@apply cursor-pointer': {},
+                    '@apply bg-transparent text-dark-primary': {},
+                    '@apply hover:bg-tertiary-surface': {},
+                    '@apply font-bold': {},
+                    '@apply gap-2 px-14 py-8': {},
+                    '@apply h-full min-h-full': {},
+                    '@apply inline-flex shrink-0 flex-nowrap': {},
+                    '@apply border-0': {},
+                    '@apply focus-visible:bg-background-content focus-visible:ring': {},
+                    '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
+                        '@apply bg-primary-surface text-light-primary': {},
+                        '@apply focus-visible:ring': {}
+                    }
+                },
+                ...colors.reduce((styles, color)=>({
+                        ...styles,
+                        [`&[data-color="${color}"]`]: {
+                            '> *:first-child': {
+                                [`@apply hover:bg-${color}-surface-accent`]: {},
+                                [`@apply hover:text-${color}-text-primary`]: {},
+                                '@apply focus-visible:bg-background-content focus-visible:ring': {},
+                                '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)': {
+                                    [`@apply bg-${color}-surface-primary`]: {},
+                                    '@apply focus-visible:ring': {}
+                                }
+                            }
+                        }
+                    }), {})
+            }
+        }
+    });
+
+//# sourceMappingURL=navigation-bar.js.map

package/dist/cjs/components/navigation-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/navigation-bar.ts"],"sourcesContent":["export const NavigationBar = (colors: string[]) => ({\r\n  '.sk-navigationbar': {\r\n    '@apply flex flex-row': {},\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    // sizes\r\n    '&[data-size=\"md\"]': {\r\n      '@apply p-6 gap-8 rounded-groups': {},\r\n    },\r\n    '&[data-size=\"lg\"]': {\r\n      '@apply p-8 gap-16 rounded-cards': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n\r\n      // sizes\r\n      '&[data-size=\"md\"]': {\r\n        '@apply h-34': {},\r\n\r\n        '> *': {\r\n          '@apply text-small leading-[1.8rem]': {},\r\n        },\r\n      },\r\n      '&[data-size=\"lg\"]': {\r\n        '@apply h-40': {},\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"],"names":["NavigationBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,gBAAgB,CAACC,SAAsB,CAAA;QAClD,qBAAqB;YACnB,wBAAwB,CAAC;YACzB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,QAAQ;YACR,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YACA,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBAEpB,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAEhB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;gBACA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;wBAClB,GAAGD,MAAM;wBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;4BAC5B,mBAAmB;gCACjB,CAAC,CAAC,gBAAgB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;gCAC9C,CAAC,CAAC,kBAAkB,EAAEA,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC;gCAC9C,iEAAiE,CAAC;gCAClE,0EAA0E;oCACxE,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;oCACzC,6BAA6B,CAAC;gCAChC;4BACF;wBACF;oBACF,CAAA,GACA,CAAC,EACF;YACH;QACF;IACF,CAAA"}

package/dist/cjs/components/progress-stepper.js

@@ -10,69 +10,91 @@ Object.defineProperty(exports, "ProgressStepper", {
 });
 const ProgressStepper = ()=>({
         '.sk-progress-stepper': {
-            '@apply flex justify-between': {},
-            hr: {
-                '@apply w-full mt-19': {}
+            '@apply flex justify-between items-center': {},
+            '&.horizontal': {
+                '@apply flex-row gap-16': {}
+            },
+            '&.vertical': {
+                '@apply flex-col gap-4 h-full': {}
             },
             '&-step': {
-                '@apply flex flex-col items-center': {},
-                '@apply gap-4': {},
-                '@apply w-auto': {},
-                '@apply shrink-0': {},
+                '@apply flex items-center': {},
                 '@apply text-base leading-base text-dark-primary font-normal': {},
-                svg: {
-                    '@apply w-20 h-20': {}
-                },
                 '&-wrapper': {
-                    '@apply flex flex-row shrink w-full gap-4': {},
-                    hr: {
-                        '@apply w-full grow shrink mt-19': {}
-                    }
-                },
-                '&:first-of-type': {
-                    '.sk-divider:first-of-type': {
-                        '@apply invisible': {}
-                    }
-                },
-                '&:last-of-type': {
-                    '.sk-divider:last-of-type': {
-                        '@apply invisible': {}
+                    '@apply flex items-center gap-8': {},
+                    '&&-top': {
+                        '@apply flex-col-reverse': {}
+                    },
+                    '&&-right': {
+                        '@apply flex-row': {}
+                    },
+                    '&&-bottom': {
+                        '@apply flex-col': {}
+                    },
+                    '&&-left': {
+                        '@apply flex-row-reverse': {}
                     }
                 },
                 '&-box': {
-                    '@apply box-border': {},
-                    '@apply shrink-0': {},
-                    '@apply h-40 w-40': {},
-                    '@apply bg-secondary-surface': {},
+                    '@apply shrink-0 rounded-lg h-32 w-32 bg-tertiary-surface': {},
                     '@apply flex justify-center items-center': {},
-                    '@apply text-label-medium': {},
-                    '@apply border-2 border-secondary-outline': {},
-                    '@apply text-dark-secondary': {},
-                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
                     '&[data-rounded="true"]': {
                         '@apply rounded-full': {}
                     },
-                    '&&-sm': {
-                        '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},
-                        '@apply text-label-small': {}
+                    '&.sm': {
+                        '@apply h-24 w-24 text-label-small': {}
                     },
-                    '&&-md': {
-                        '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {}
+                    '&.md': {
+                        '@apply h-32 w-32': {}
+                    },
+                    '&-icon': {
+                        '&.sm svg': {
+                            '@apply w-16 h-16': {}
+                        },
+                        '&.md svg': {
+                            '@apply w-20 h-20': {}
+                        }
+                    }
+                },
+                '&&-vertical': {
+                    '@apply flex-col': {}
+                },
+                '&&-horizontal': {
+                    '@apply flex-row gap-16': {}
+                },
+                '&&-grow': {
+                    '@apply grow': {}
+                },
+                '&&-grow-0': {
+                    '@apply grow-0': {}
+                },
+                '&-divider': {
+                    '&.horizontal': {
+                        '@apply flex w-full': {}
+                    },
+                    '&.vertical': {
+                        '@apply flex w-auto h-full': {}
                     }
                 },
                 '&[data-progress="current"]': {
                     '@apply font-bold': {},
                     '.sk-progress-stepper-step-box': {
-                        '@apply border-vattjom-surface-primary': {},
-                        '@apply bg-vattjom-surface-primary': {},
-                        '@apply text-vattjom-text-secondary': {}
+                        '@apply bg-primary-surface text-light-primary': {}
                     }
                 },
                 '&[data-progress="done"]': {
                     '.sk-progress-stepper-step-box': {
-                        '@apply border-success-surface-primary': {},
-                        '@apply bg-success-surface-primary': {},
-                        '@apply text-success-text-secondary': {}
+                        '@apply bg-gronsta-surface-accent text-gronsta-text-primary': {}
+                    }
+                },
+                '&[data-white-space="no-wrap"]': {
+                    '.sk-progress-stepper-step-wrapper p': {
+                        '@apply whitespace-nowrap': {}
+                    }
+                },
+                '&[data-white-space="normal"]': {
+                    '.sk-progress-stepper-step-wrapper p': {
+                        '@apply whitespace-normal': {}
                     }
                 }
             }

package/dist/cjs/components/progress-stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\r\n  '.sk-progress-stepper': {\r\n    '@apply flex justify-between': {},\r\n    hr: {\r\n      '@apply w-full mt-19': {},\r\n    },\r\n    '&-step': {\r\n      '@apply flex flex-col items-center': {},\r\n      '@apply gap-4': {},\r\n      '@apply w-auto': {},\r\n      '@apply shrink-0': {},\r\n      '@apply text-base leading-base text-dark-primary font-normal': {},\r\n      svg: {\r\n        '@apply w-20 h-20': {},\r\n      },\r\n      '&-wrapper': {\r\n        '@apply flex flex-row shrink w-full gap-4': {},\r\n        hr: {\r\n          '@apply w-full grow shrink mt-19': {},\r\n        },\r\n      },\r\n      '&:first-of-type': {\r\n        '.sk-divider:first-of-type': {\r\n          '@apply invisible': {},\r\n        },\r\n      },\r\n      '&:last-of-type': {\r\n        '.sk-divider:last-of-type': {\r\n          '@apply invisible': {},\r\n        },\r\n      },\r\n      '&-box': {\r\n        '@apply box-border': {},\r\n        '@apply shrink-0': {},\r\n        '@apply h-40 w-40': {},\r\n        '@apply bg-secondary-surface': {},\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply text-label-medium': {},\r\n        '@apply border-2 border-secondary-outline': {},\r\n        '@apply text-dark-secondary': {},\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-full': {},\r\n        },\r\n\r\n        '&&-sm': {\r\n          '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n          '@apply text-label-small': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"current\"]': {\r\n        '@apply font-bold': {},\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-vattjom-surface-primary': {},\r\n          '@apply bg-vattjom-surface-primary': {},\r\n          '@apply text-vattjom-text-secondary': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"done\"]': {\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-success-surface-primary': {},\r\n          '@apply bg-success-surface-primary': {},\r\n          '@apply text-success-text-secondary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ProgressStepper","hr","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,kBAAkB,IAAO,CAAA;QACpC,wBAAwB;YACtB,+BAA+B,CAAC;YAChCC,IAAI;gBACF,uBAAuB,CAAC;YAC1B;YACA,UAAU;gBACR,qCAAqC,CAAC;gBACtC,gBAAgB,CAAC;gBACjB,iBAAiB,CAAC;gBAClB,mBAAmB,CAAC;gBACpB,+DAA+D,CAAC;gBAChEC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;gBACA,aAAa;oBACX,4CAA4C,CAAC;oBAC7CD,IAAI;wBACF,mCAAmC,CAAC;oBACtC;gBACF;gBACA,mBAAmB;oBACjB,6BAA6B;wBAC3B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,kBAAkB;oBAChB,4BAA4B;wBAC1B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,SAAS;oBACP,qBAAqB,CAAC;oBACtB,mBAAmB,CAAC;oBACpB,oBAAoB,CAAC;oBACrB,+BAA+B,CAAC;oBAChC,2CAA2C,CAAC;oBAC5C,4BAA4B,CAAC;oBAC7B,4CAA4C,CAAC;oBAC7C,8BAA8B,CAAC;oBAC/B,sEAAsE,CAAC;oBACvE,0BAA0B;wBACxB,uBAAuB,CAAC;oBAC1B;oBAEA,SAAS;wBACP,wDAAwD,CAAC;wBACzD,2BAA2B,CAAC;oBAC9B;oBACA,SAAS;wBACP,wDAAwD,CAAC;oBAC3D;gBACF;gBACA,8BAA8B;oBAC5B,oBAAoB,CAAC;oBACrB,iCAAiC;wBAC/B,yCAAyC,CAAC;wBAC1C,qCAAqC,CAAC;wBACtC,sCAAsC,CAAC;oBACzC;gBACF;gBACA,2BAA2B;oBACzB,iCAAiC;wBAC/B,yCAAyC,CAAC;wBAC1C,qCAAqC,CAAC;wBACtC,sCAAsC,CAAC;oBACzC;gBACF;YACF;QACF;IACF,CAAA"}
+{"version":3,"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\r\n  '.sk-progress-stepper': {\r\n    '@apply flex justify-between items-center': {},\r\n    '&.horizontal': { '@apply flex-row gap-16': {} },\r\n    '&.vertical': { '@apply flex-col gap-4 h-full': {} },\r\n    '&-step': {\r\n      '@apply flex items-center': {},\r\n      '@apply text-base leading-base text-dark-primary font-normal': {},\r\n      '&-wrapper': {\r\n        '@apply flex items-center gap-8': {},\r\n        '&&-top': {\r\n          '@apply flex-col-reverse': {},\r\n        },\r\n        '&&-right': {\r\n          '@apply flex-row': {},\r\n        },\r\n        '&&-bottom': {\r\n          '@apply flex-col': {},\r\n        },\r\n        '&&-left': {\r\n          '@apply flex-row-reverse': {},\r\n        },\r\n      },\r\n      '&-box': {\r\n        '@apply shrink-0 rounded-lg h-32 w-32 bg-tertiary-surface': {},\r\n        '@apply flex justify-center items-center': {},\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-full': {},\r\n        },\r\n        '&.sm': {\r\n          '@apply h-24 w-24 text-label-small': {},\r\n        },\r\n        '&.md': {\r\n          '@apply h-32 w-32': {},\r\n        },\r\n        '&-icon': {\r\n          '&.sm svg': {\r\n            '@apply w-16 h-16': {},\r\n          },\r\n          '&.md svg': {\r\n            '@apply w-20 h-20': {},\r\n          },\r\n        },\r\n      },\r\n      '&&-vertical': {\r\n        '@apply flex-col': {},\r\n      },\r\n      '&&-horizontal': {\r\n        '@apply flex-row gap-16': {},\r\n      },\r\n      '&&-grow': {\r\n        '@apply grow': {},\r\n      },\r\n      '&&-grow-0': {\r\n        '@apply grow-0': {},\r\n      },\r\n      '&-divider': {\r\n        '&.horizontal': {\r\n          '@apply flex w-full': {},\r\n        },\r\n        '&.vertical': {\r\n          '@apply flex w-auto h-full': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"current\"]': {\r\n        '@apply font-bold': {},\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"done\"]': {\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply bg-gronsta-surface-accent text-gronsta-text-primary': {},\r\n        },\r\n      },\r\n      '&[data-white-space=\"no-wrap\"]': {\r\n        '.sk-progress-stepper-step-wrapper p': {\r\n          '@apply whitespace-nowrap': {},\r\n        },\r\n      },\r\n      '&[data-white-space=\"normal\"]': {\r\n        '.sk-progress-stepper-step-wrapper p': {\r\n          '@apply whitespace-normal': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ProgressStepper"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,kBAAkB,IAAO,CAAA;QACpC,wBAAwB;YACtB,4CAA4C,CAAC;YAC7C,gBAAgB;gBAAE,0BAA0B,CAAC;YAAE;YAC/C,cAAc;gBAAE,gCAAgC,CAAC;YAAE;YACnD,UAAU;gBACR,4BAA4B,CAAC;gBAC7B,+DAA+D,CAAC;gBAChE,aAAa;oBACX,kCAAkC,CAAC;oBACnC,UAAU;wBACR,2BAA2B,CAAC;oBAC9B;oBACA,YAAY;wBACV,mBAAmB,CAAC;oBACtB;oBACA,aAAa;wBACX,mBAAmB,CAAC;oBACtB;oBACA,WAAW;wBACT,2BAA2B,CAAC;oBAC9B;gBACF;gBACA,SAAS;oBACP,4DAA4D,CAAC;oBAC7D,2CAA2C,CAAC;oBAC5C,0BAA0B;wBACxB,uBAAuB,CAAC;oBAC1B;oBACA,QAAQ;wBACN,qCAAqC,CAAC;oBACxC;oBACA,QAAQ;wBACN,oBAAoB,CAAC;oBACvB;oBACA,UAAU;wBACR,YAAY;4BACV,oBAAoB,CAAC;wBACvB;wBACA,YAAY;4BACV,oBAAoB,CAAC;wBACvB;oBACF;gBACF;gBACA,eAAe;oBACb,mBAAmB,CAAC;gBACtB;gBACA,iBAAiB;oBACf,0BAA0B,CAAC;gBAC7B;gBACA,WAAW;oBACT,eAAe,CAAC;gBAClB;gBACA,aAAa;oBACX,iBAAiB,CAAC;gBACpB;gBACA,aAAa;oBACX,gBAAgB;wBACd,sBAAsB,CAAC;oBACzB;oBACA,cAAc;wBACZ,6BAA6B,CAAC;oBAChC;gBACF;gBACA,8BAA8B;oBAC5B,oBAAoB,CAAC;oBACrB,iCAAiC;wBAC/B,gDAAgD,CAAC;oBACnD;gBACF;gBACA,2BAA2B;oBACzB,iCAAiC;wBAC/B,8DAA8D,CAAC;oBACjE;gBACF;gBACA,iCAAiC;oBAC/B,uCAAuC;wBACrC,4BAA4B,CAAC;oBAC/B;gBACF;gBACA,gCAAgC;oBAC9B,uCAAuC;wBACrC,4BAA4B,CAAC;oBAC/B;gBACF;YACF;QACF;IACF,CAAA"}

package/dist/cjs/components.js

@@ -36,7 +36,7 @@ const _link = require("./components/link");
 const _list = require("./components/list");
 const _logo = require("./components/logo");
 const _menuvertical = require("./components/menu-vertical");
-const _menubar = require("./components/menubar");
+const _navigationbar = require("./components/navigation-bar");
 const _modal = require("./components/modal");
 const _pagination = require("./components/pagination");
 const _popupmenu = require("./components/popup-menu");
@@ -219,7 +219,7 @@ const components = [
         ]
     },
     {
-        comp: _menubar.MenuBar,
+        comp: _navigationbar.NavigationBar,
         deps: [
             _popupmenu.PopupMenu
         ]
@@ -313,7 +313,7 @@ const components = [
         comp: _tabs.Tabs,
         deps: [
             _button.Button,
-            _menubar.MenuBar
+            _navigationbar.NavigationBar
         ]
     },
     {
@@ -352,7 +352,7 @@ const components = [
             _divider.Divider,
             _icon.Icon,
             _tooltip.Tooltip,
-            _menubar.MenuBar
+            _navigationbar.NavigationBar
         ]
     },
     {

package/dist/cjs/components.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CountryCode } from './components/countrycode';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n  comp: Component;\r\n  deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n  { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n  { comp: Avatar },\r\n  { comp: Badge },\r\n  { comp: Breadcrumb, deps: [Link] },\r\n  { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n  { comp: ButtonGroup },\r\n  { comp: Callout },\r\n  { comp: Card, deps: [Button, Link] },\r\n  { comp: Checkbox },\r\n  { comp: Chip, deps: [Icon] },\r\n  { comp: ComboBox },\r\n  { comp: CountryCode, deps: [Forms, ComboBox] },\r\n  { comp: CookieConsent, deps: [Button, Forms] },\r\n  { comp: Dialog, deps: [Modal] },\r\n  { comp: Divider },\r\n  { comp: Dot },\r\n  { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n  { comp: Filter, deps: [Badge, Forms] },\r\n  { comp: Footer, deps: [Divider, Link, Logo] },\r\n  { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n  { comp: Header, deps: [Divider, Link, Logo] },\r\n  { comp: Input },\r\n  { comp: Label },\r\n  { comp: Link, deps: [Icon] },\r\n  { comp: List, deps: [Link] },\r\n  { comp: Logo, deps: [Divider] },\r\n  { comp: MenuBar, deps: [PopupMenu] },\r\n  { comp: Icon },\r\n  { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n  { comp: Modal, deps: [Button, Icon] },\r\n  { comp: Pagination, deps: [Button, Forms, Icon] },\r\n  { comp: PopupMenu, deps: [Button, Link] },\r\n  { comp: ProgressBar },\r\n  { comp: ProgressStepper, deps: [Divider, Icon] },\r\n  { comp: SearchField, deps: [Button, Forms, Icon] },\r\n  { comp: Select },\r\n  { comp: Snackbar, deps: [Button, Icon] },\r\n  { comp: Spinner },\r\n  { comp: TextEditor },\r\n  { comp: Radio },\r\n  { comp: Switch, deps: [Icon] },\r\n  { comp: Table, deps: [Forms, Icon, Pagination] },\r\n  { comp: Tabs, deps: [Button, MenuBar] },\r\n  { comp: Tooltip },\r\n  { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n  //AI COMPONENTS\r\n\r\n  { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n  {\r\n    comp: AICornerModule,\r\n    deps: [AIFeed, AssistantPresentation, InputSection, Avatar, Bubble, Link, Button, Divider, Icon, Tooltip, MenuBar],\r\n  },\r\n  { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n  { comp: AssistantPresentation, deps: [Avatar] },\r\n  { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n  { comp: Bubble, deps: [Icon] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon] },\r\n  { comp: MarkdownRendered, deps: [Link] },\r\n  { comp: NewSessionButton, deps: [Button, Icon] },\r\n  { comp: TypingBubble, deps: [TypingSequence] },\r\n  { comp: TypingSequence },\r\n];\r\n"],"names":["components","comp","Accordion","deps","Button","Divider","Icon","Label","Avatar","Badge","Breadcrumb","Link","Spinner","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CountryCode","Forms","CookieConsent","Dialog","Modal","Dot","FileUpload","PopupMenu","Filter","Footer","Logo","Select","Input","Radio","Switch","Header","List","MenuBar","MenuVertical","Pagination","ProgressBar","ProgressStepper","SearchField","Snackbar","TextEditor","Table","Tabs","Tooltip","UserMenu","AIFeed","TypingBubble","Feedback","MarkdownRendered","AICornerModule","AssistantPresentation","InputSection","Bubble","AIServiceModule","AssistantSwitch","NewSessionButton","TypingSequence"],"mappings":"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"}
+{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CountryCode } from './components/countrycode';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { NavigationBar } from './components/navigation-bar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n  comp: Component;\r\n  deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n  { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n  { comp: Avatar },\r\n  { comp: Badge },\r\n  { comp: Breadcrumb, deps: [Link] },\r\n  { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n  { comp: ButtonGroup },\r\n  { comp: Callout },\r\n  { comp: Card, deps: [Button, Link] },\r\n  { comp: Checkbox },\r\n  { comp: Chip, deps: [Icon] },\r\n  { comp: ComboBox },\r\n  { comp: CountryCode, deps: [Forms, ComboBox] },\r\n  { comp: CookieConsent, deps: [Button, Forms] },\r\n  { comp: Dialog, deps: [Modal] },\r\n  { comp: Divider },\r\n  { comp: Dot },\r\n  { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n  { comp: Filter, deps: [Badge, Forms] },\r\n  { comp: Footer, deps: [Divider, Link, Logo] },\r\n  { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n  { comp: Header, deps: [Divider, Link, Logo] },\r\n  { comp: Input },\r\n  { comp: Label },\r\n  { comp: Link, deps: [Icon] },\r\n  { comp: List, deps: [Link] },\r\n  { comp: Logo, deps: [Divider] },\r\n  { comp: NavigationBar, deps: [PopupMenu] },\r\n  { comp: Icon },\r\n  { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n  { comp: Modal, deps: [Button, Icon] },\r\n  { comp: Pagination, deps: [Button, Forms, Icon] },\r\n  { comp: PopupMenu, deps: [Button, Link] },\r\n  { comp: ProgressBar },\r\n  { comp: ProgressStepper, deps: [Divider, Icon] },\r\n  { comp: SearchField, deps: [Button, Forms, Icon] },\r\n  { comp: Select },\r\n  { comp: Snackbar, deps: [Button, Icon] },\r\n  { comp: Spinner },\r\n  { comp: TextEditor },\r\n  { comp: Radio },\r\n  { comp: Switch, deps: [Icon] },\r\n  { comp: Table, deps: [Forms, Icon, Pagination] },\r\n  { comp: Tabs, deps: [Button, NavigationBar] },\r\n  { comp: Tooltip },\r\n  { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n  //AI COMPONENTS\r\n\r\n  { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n  {\r\n    comp: AICornerModule,\r\n    deps: [\r\n      AIFeed,\r\n      AssistantPresentation,\r\n      InputSection,\r\n      Avatar,\r\n      Bubble,\r\n      Link,\r\n      Button,\r\n      Divider,\r\n      Icon,\r\n      Tooltip,\r\n      NavigationBar,\r\n    ],\r\n  },\r\n  { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n  { comp: AssistantPresentation, deps: [Avatar] },\r\n  { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n  { comp: Bubble, deps: [Icon] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon] },\r\n  { comp: MarkdownRendered, deps: [Link] },\r\n  { comp: NewSessionButton, deps: [Button, Icon] },\r\n  { comp: TypingBubble, deps: [TypingSequence] },\r\n  { comp: TypingSequence },\r\n];\r\n"],"names":["components","comp","Accordion","deps","Button","Divider","Icon","Label","Avatar","Badge","Breadcrumb","Link","Spinner","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CountryCode","Forms","CookieConsent","Dialog","Modal","Dot","FileUpload","PopupMenu","Filter","Footer","Logo","Select","Input","Radio","Switch","Header","List","NavigationBar","MenuVertical","Pagination","ProgressBar","ProgressStepper","SearchField","Snackbar","TextEditor","Table","Tabs","Tooltip","UserMenu","AIFeed","TypingBubble","Feedback","MarkdownRendered","AICornerModule","AssistantPresentation","InputSection","Bubble","AIServiceModule","AssistantSwitch","NewSessionButton","TypingSequence"],"mappings":"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"}

package/dist/esm/components/accordion.js

@@ -137,7 +137,7 @@ export const Accordion = ()=>({
                     '@apply my-0 invisible max-h-0 opacity-0': {}
                 },
                 '&[aria-hidden="false"], &[data-hidden="false"]': {
-                    '@apply block max-h-screen opacity-100 visible': {}
+                    '@apply block opacity-100 visible': {}
                 },
                 '&[data-variant="alt"]': {
                     '@apply mt-24': {},

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-icon': {\r\n      '@apply flex self-center': {},\r\n    },\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n      '.sk-icon': {\r\n        '@apply w-32 h-32': {},\r\n      },\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-20 min-h-20': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply min-h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-24 min-h-24': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply min-h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '&[data-size=\"sm\"]': {\r\n        '@apply pr-12': {},\r\n      },\r\n      '&[data-size=\"md\"]': {\r\n        '@apply pr-12': {},\r\n      },\r\n      '&[data-size=\"lg\"]': {\r\n        '@apply pr-16': {},\r\n      },\r\n      '@apply text-base': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      transitionProperty: 'visibility, height, opacity, padding, margin',\r\n\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible max-h-0 opacity-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block max-h-screen opacity-100 visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-32': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-36': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-48': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '&[data-inverted=\"true\"]': {\r\n    '&.sk-disclosure': {\r\n      '&-icon': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-inverted-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-inverted-dark-disabled': {},\r\n        },\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n    '&.sk-accordion': {\r\n      '&-item': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","transitionDuration"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-icon': {\r\n      '@apply flex self-center': {},\r\n    },\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n      '.sk-icon': {\r\n        '@apply w-32 h-32': {},\r\n      },\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-20 min-h-20': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply min-h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-24 min-h-24': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply min-h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '&[data-size=\"sm\"]': {\r\n        '@apply pr-12': {},\r\n      },\r\n      '&[data-size=\"md\"]': {\r\n        '@apply pr-12': {},\r\n      },\r\n      '&[data-size=\"lg\"]': {\r\n        '@apply pr-16': {},\r\n      },\r\n      '@apply text-base': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      transitionProperty: 'visibility, height, opacity, padding, margin',\r\n\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible max-h-0 opacity-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block opacity-100 visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-32': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-36': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-48': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '&[data-inverted=\"true\"]': {\r\n    '&.sk-disclosure': {\r\n      '&-icon': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-inverted-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-inverted-dark-disabled': {},\r\n        },\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n    '&.sk-accordion': {\r\n      '&-item': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","transitionDuration"],"mappings":"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"}

package/dist/esm/components/navigation-bar.js

@@ -0,0 +1,62 @@
+export const NavigationBar = (colors)=>({
+        '.sk-navigationbar': {
+            '@apply flex flex-row': {},
+            '@apply rounded-cards': {},
+            '&[data-background="true"]': {
+                '@apply bg-background-color-mixin-1': {}
+            },
+            // sizes
+            '&[data-size="md"]': {
+                '@apply p-6 gap-8 rounded-groups': {}
+            },
+            '&[data-size="lg"]': {
+                '@apply p-8 gap-16 rounded-cards': {}
+            },
+            '&-item': {
+                '@apply inline-block': {},
+                '@apply relative': {},
+                // sizes
+                '&[data-size="md"]': {
+                    '@apply h-34': {},
+                    '> *': {
+                        '@apply text-small leading-[1.8rem]': {}
+                    }
+                },
+                '&[data-size="lg"]': {
+                    '@apply h-40': {}
+                },
+                '> *:first-child': {
+                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
+                    '@apply cursor-pointer': {},
+                    '@apply bg-transparent text-dark-primary': {},
+                    '@apply hover:bg-tertiary-surface': {},
+                    '@apply font-bold': {},
+                    '@apply gap-2 px-14 py-8': {},
+                    '@apply h-full min-h-full': {},
+                    '@apply inline-flex shrink-0 flex-nowrap': {},
+                    '@apply border-0': {},
+                    '@apply focus-visible:bg-background-content focus-visible:ring': {},
+                    '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
+                        '@apply bg-primary-surface text-light-primary': {},
+                        '@apply focus-visible:ring': {}
+                    }
+                },
+                ...colors.reduce((styles, color)=>({
+                        ...styles,
+                        [`&[data-color="${color}"]`]: {
+                            '> *:first-child': {
+                                [`@apply hover:bg-${color}-surface-accent`]: {},
+                                [`@apply hover:text-${color}-text-primary`]: {},
+                                '@apply focus-visible:bg-background-content focus-visible:ring': {},
+                                '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)': {
+                                    [`@apply bg-${color}-surface-primary`]: {},
+                                    '@apply focus-visible:ring': {}
+                                }
+                            }
+                        }
+                    }), {})
+            }
+        }
+    });
+
+//# sourceMappingURL=navigation-bar.js.map

package/dist/esm/components/navigation-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/navigation-bar.ts"],"sourcesContent":["export const NavigationBar = (colors: string[]) => ({\r\n  '.sk-navigationbar': {\r\n    '@apply flex flex-row': {},\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    // sizes\r\n    '&[data-size=\"md\"]': {\r\n      '@apply p-6 gap-8 rounded-groups': {},\r\n    },\r\n    '&[data-size=\"lg\"]': {\r\n      '@apply p-8 gap-16 rounded-cards': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n\r\n      // sizes\r\n      '&[data-size=\"md\"]': {\r\n        '@apply h-34': {},\r\n\r\n        '> *': {\r\n          '@apply text-small leading-[1.8rem]': {},\r\n        },\r\n      },\r\n      '&[data-size=\"lg\"]': {\r\n        '@apply h-40': {},\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"],"names":["NavigationBar","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,CAACC,SAAsB,CAAA;QAClD,qBAAqB;YACnB,wBAAwB,CAAC;YACzB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,QAAQ;YACR,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YACA,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBAEpB,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAEhB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;gBACA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;wBAClB,GAAGD,MAAM;wBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;4BAC5B,mBAAmB;gCACjB,CAAC,CAAC,gBAAgB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;gCAC9C,CAAC,CAAC,kBAAkB,EAAEA,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC;gCAC9C,iEAAiE,CAAC;gCAClE,0EAA0E;oCACxE,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;oCACzC,6BAA6B,CAAC;gCAChC;4BACF;wBACF;oBACF,CAAA,GACA,CAAC,EACF;YACH;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/progress-stepper.js

@@ -1,68 +1,90 @@
 export const ProgressStepper = ()=>({
         '.sk-progress-stepper': {
-            '@apply flex justify-between': {},
-            hr: {
-                '@apply w-full mt-19': {}
+            '@apply flex justify-between items-center': {},
+            '&.horizontal': {
+                '@apply flex-row gap-16': {}
+            },
+            '&.vertical': {
+                '@apply flex-col gap-4 h-full': {}
             },
             '&-step': {
-                '@apply flex flex-col items-center': {},
-                '@apply gap-4': {},
-                '@apply w-auto': {},
-                '@apply shrink-0': {},
+                '@apply flex items-center': {},
                 '@apply text-base leading-base text-dark-primary font-normal': {},
-                svg: {
-                    '@apply w-20 h-20': {}
-                },
                 '&-wrapper': {
-                    '@apply flex flex-row shrink w-full gap-4': {},
-                    hr: {
-                        '@apply w-full grow shrink mt-19': {}
-                    }
-                },
-                '&:first-of-type': {
-                    '.sk-divider:first-of-type': {
-                        '@apply invisible': {}
-                    }
-                },
-                '&:last-of-type': {
-                    '.sk-divider:last-of-type': {
-                        '@apply invisible': {}
+                    '@apply flex items-center gap-8': {},
+                    '&&-top': {
+                        '@apply flex-col-reverse': {}
+                    },
+                    '&&-right': {
+                        '@apply flex-row': {}
+                    },
+                    '&&-bottom': {
+                        '@apply flex-col': {}
+                    },
+                    '&&-left': {
+                        '@apply flex-row-reverse': {}
                     }
                 },
                 '&-box': {
-                    '@apply box-border': {},
-                    '@apply shrink-0': {},
-                    '@apply h-40 w-40': {},
-                    '@apply bg-secondary-surface': {},
+                    '@apply shrink-0 rounded-lg h-32 w-32 bg-tertiary-surface': {},
                     '@apply flex justify-center items-center': {},
-                    '@apply text-label-medium': {},
-                    '@apply border-2 border-secondary-outline': {},
-                    '@apply text-dark-secondary': {},
-                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
                     '&[data-rounded="true"]': {
                         '@apply rounded-full': {}
                     },
-                    '&&-sm': {
-                        '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},
-                        '@apply text-label-small': {}
+                    '&.sm': {
+                        '@apply h-24 w-24 text-label-small': {}
                     },
-                    '&&-md': {
-                        '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {}
+                    '&.md': {
+                        '@apply h-32 w-32': {}
+                    },
+                    '&-icon': {
+                        '&.sm svg': {
+                            '@apply w-16 h-16': {}
+                        },
+                        '&.md svg': {
+                            '@apply w-20 h-20': {}
+                        }
+                    }
+                },
+                '&&-vertical': {
+                    '@apply flex-col': {}
+                },
+                '&&-horizontal': {
+                    '@apply flex-row gap-16': {}
+                },
+                '&&-grow': {
+                    '@apply grow': {}
+                },
+                '&&-grow-0': {
+                    '@apply grow-0': {}
+                },
+                '&-divider': {
+                    '&.horizontal': {
+                        '@apply flex w-full': {}
+                    },
+                    '&.vertical': {
+                        '@apply flex w-auto h-full': {}
                     }
                 },
                 '&[data-progress="current"]': {
                     '@apply font-bold': {},
                     '.sk-progress-stepper-step-box': {
-                        '@apply border-vattjom-surface-primary': {},
-                        '@apply bg-vattjom-surface-primary': {},
-                        '@apply text-vattjom-text-secondary': {}
+                        '@apply bg-primary-surface text-light-primary': {}
                     }
                 },
                 '&[data-progress="done"]': {
                     '.sk-progress-stepper-step-box': {
-                        '@apply border-success-surface-primary': {},
-                        '@apply bg-success-surface-primary': {},
-                        '@apply text-success-text-secondary': {}
+                        '@apply bg-gronsta-surface-accent text-gronsta-text-primary': {}
+                    }
+                },
+                '&[data-white-space="no-wrap"]': {
+                    '.sk-progress-stepper-step-wrapper p': {
+                        '@apply whitespace-nowrap': {}
+                    }
+                },
+                '&[data-white-space="normal"]': {
+                    '.sk-progress-stepper-step-wrapper p': {
+                        '@apply whitespace-normal': {}
                     }
                 }
             }

package/dist/esm/components/progress-stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\r\n  '.sk-progress-stepper': {\r\n    '@apply flex justify-between': {},\r\n    hr: {\r\n      '@apply w-full mt-19': {},\r\n    },\r\n    '&-step': {\r\n      '@apply flex flex-col items-center': {},\r\n      '@apply gap-4': {},\r\n      '@apply w-auto': {},\r\n      '@apply shrink-0': {},\r\n      '@apply text-base leading-base text-dark-primary font-normal': {},\r\n      svg: {\r\n        '@apply w-20 h-20': {},\r\n      },\r\n      '&-wrapper': {\r\n        '@apply flex flex-row shrink w-full gap-4': {},\r\n        hr: {\r\n          '@apply w-full grow shrink mt-19': {},\r\n        },\r\n      },\r\n      '&:first-of-type': {\r\n        '.sk-divider:first-of-type': {\r\n          '@apply invisible': {},\r\n        },\r\n      },\r\n      '&:last-of-type': {\r\n        '.sk-divider:last-of-type': {\r\n          '@apply invisible': {},\r\n        },\r\n      },\r\n      '&-box': {\r\n        '@apply box-border': {},\r\n        '@apply shrink-0': {},\r\n        '@apply h-40 w-40': {},\r\n        '@apply bg-secondary-surface': {},\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply text-label-medium': {},\r\n        '@apply border-2 border-secondary-outline': {},\r\n        '@apply text-dark-secondary': {},\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-full': {},\r\n        },\r\n\r\n        '&&-sm': {\r\n          '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n          '@apply text-label-small': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"current\"]': {\r\n        '@apply font-bold': {},\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-vattjom-surface-primary': {},\r\n          '@apply bg-vattjom-surface-primary': {},\r\n          '@apply text-vattjom-text-secondary': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"done\"]': {\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-success-surface-primary': {},\r\n          '@apply bg-success-surface-primary': {},\r\n          '@apply text-success-text-secondary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ProgressStepper","hr","svg"],"mappings":"AAAA,OAAO,MAAMA,kBAAkB,IAAO,CAAA;QACpC,wBAAwB;YACtB,+BAA+B,CAAC;YAChCC,IAAI;gBACF,uBAAuB,CAAC;YAC1B;YACA,UAAU;gBACR,qCAAqC,CAAC;gBACtC,gBAAgB,CAAC;gBACjB,iBAAiB,CAAC;gBAClB,mBAAmB,CAAC;gBACpB,+DAA+D,CAAC;gBAChEC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;gBACA,aAAa;oBACX,4CAA4C,CAAC;oBAC7CD,IAAI;wBACF,mCAAmC,CAAC;oBACtC;gBACF;gBACA,mBAAmB;oBACjB,6BAA6B;wBAC3B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,kBAAkB;oBAChB,4BAA4B;wBAC1B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,SAAS;oBACP,qBAAqB,CAAC;oBACtB,mBAAmB,CAAC;oBACpB,oBAAoB,CAAC;oBACrB,+BAA+B,CAAC;oBAChC,2CAA2C,CAAC;oBAC5C,4BAA4B,CAAC;oBAC7B,4CAA4C,CAAC;oBAC7C,8BAA8B,CAAC;oBAC/B,sEAAsE,CAAC;oBACvE,0BAA0B;wBACxB,uBAAuB,CAAC;oBAC1B;oBAEA,SAAS;wBACP,wDAAwD,CAAC;wBACzD,2BAA2B,CAAC;oBAC9B;oBACA,SAAS;wBACP,wDAAwD,CAAC;oBAC3D;gBACF;gBACA,8BAA8B;oBAC5B,oBAAoB,CAAC;oBACrB,iCAAiC;wBAC/B,yCAAyC,CAAC;wBAC1C,qCAAqC,CAAC;wBACtC,sCAAsC,CAAC;oBACzC;gBACF;gBACA,2BAA2B;oBACzB,iCAAiC;wBAC/B,yCAAyC,CAAC;wBAC1C,qCAAqC,CAAC;wBACtC,sCAAsC,CAAC;oBACzC;gBACF;YACF;QACF;IACF,CAAA,EAAG"}
+{"version":3,"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\r\n  '.sk-progress-stepper': {\r\n    '@apply flex justify-between items-center': {},\r\n    '&.horizontal': { '@apply flex-row gap-16': {} },\r\n    '&.vertical': { '@apply flex-col gap-4 h-full': {} },\r\n    '&-step': {\r\n      '@apply flex items-center': {},\r\n      '@apply text-base leading-base text-dark-primary font-normal': {},\r\n      '&-wrapper': {\r\n        '@apply flex items-center gap-8': {},\r\n        '&&-top': {\r\n          '@apply flex-col-reverse': {},\r\n        },\r\n        '&&-right': {\r\n          '@apply flex-row': {},\r\n        },\r\n        '&&-bottom': {\r\n          '@apply flex-col': {},\r\n        },\r\n        '&&-left': {\r\n          '@apply flex-row-reverse': {},\r\n        },\r\n      },\r\n      '&-box': {\r\n        '@apply shrink-0 rounded-lg h-32 w-32 bg-tertiary-surface': {},\r\n        '@apply flex justify-center items-center': {},\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-full': {},\r\n        },\r\n        '&.sm': {\r\n          '@apply h-24 w-24 text-label-small': {},\r\n        },\r\n        '&.md': {\r\n          '@apply h-32 w-32': {},\r\n        },\r\n        '&-icon': {\r\n          '&.sm svg': {\r\n            '@apply w-16 h-16': {},\r\n          },\r\n          '&.md svg': {\r\n            '@apply w-20 h-20': {},\r\n          },\r\n        },\r\n      },\r\n      '&&-vertical': {\r\n        '@apply flex-col': {},\r\n      },\r\n      '&&-horizontal': {\r\n        '@apply flex-row gap-16': {},\r\n      },\r\n      '&&-grow': {\r\n        '@apply grow': {},\r\n      },\r\n      '&&-grow-0': {\r\n        '@apply grow-0': {},\r\n      },\r\n      '&-divider': {\r\n        '&.horizontal': {\r\n          '@apply flex w-full': {},\r\n        },\r\n        '&.vertical': {\r\n          '@apply flex w-auto h-full': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"current\"]': {\r\n        '@apply font-bold': {},\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"done\"]': {\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply bg-gronsta-surface-accent text-gronsta-text-primary': {},\r\n        },\r\n      },\r\n      '&[data-white-space=\"no-wrap\"]': {\r\n        '.sk-progress-stepper-step-wrapper p': {\r\n          '@apply whitespace-nowrap': {},\r\n        },\r\n      },\r\n      '&[data-white-space=\"normal\"]': {\r\n        '.sk-progress-stepper-step-wrapper p': {\r\n          '@apply whitespace-normal': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ProgressStepper"],"mappings":"AAAA,OAAO,MAAMA,kBAAkB,IAAO,CAAA;QACpC,wBAAwB;YACtB,4CAA4C,CAAC;YAC7C,gBAAgB;gBAAE,0BAA0B,CAAC;YAAE;YAC/C,cAAc;gBAAE,gCAAgC,CAAC;YAAE;YACnD,UAAU;gBACR,4BAA4B,CAAC;gBAC7B,+DAA+D,CAAC;gBAChE,aAAa;oBACX,kCAAkC,CAAC;oBACnC,UAAU;wBACR,2BAA2B,CAAC;oBAC9B;oBACA,YAAY;wBACV,mBAAmB,CAAC;oBACtB;oBACA,aAAa;wBACX,mBAAmB,CAAC;oBACtB;oBACA,WAAW;wBACT,2BAA2B,CAAC;oBAC9B;gBACF;gBACA,SAAS;oBACP,4DAA4D,CAAC;oBAC7D,2CAA2C,CAAC;oBAC5C,0BAA0B;wBACxB,uBAAuB,CAAC;oBAC1B;oBACA,QAAQ;wBACN,qCAAqC,CAAC;oBACxC;oBACA,QAAQ;wBACN,oBAAoB,CAAC;oBACvB;oBACA,UAAU;wBACR,YAAY;4BACV,oBAAoB,CAAC;wBACvB;wBACA,YAAY;4BACV,oBAAoB,CAAC;wBACvB;oBACF;gBACF;gBACA,eAAe;oBACb,mBAAmB,CAAC;gBACtB;gBACA,iBAAiB;oBACf,0BAA0B,CAAC;gBAC7B;gBACA,WAAW;oBACT,eAAe,CAAC;gBAClB;gBACA,aAAa;oBACX,iBAAiB,CAAC;gBACpB;gBACA,aAAa;oBACX,gBAAgB;wBACd,sBAAsB,CAAC;oBACzB;oBACA,cAAc;wBACZ,6BAA6B,CAAC;oBAChC;gBACF;gBACA,8BAA8B;oBAC5B,oBAAoB,CAAC;oBACrB,iCAAiC;wBAC/B,gDAAgD,CAAC;oBACnD;gBACF;gBACA,2BAA2B;oBACzB,iCAAiC;wBAC/B,8DAA8D,CAAC;oBACjE;gBACF;gBACA,iCAAiC;oBAC/B,uCAAuC;wBACrC,4BAA4B,CAAC;oBAC/B;gBACF;gBACA,gCAAgC;oBAC9B,uCAAuC;wBACrC,4BAA4B,CAAC;oBAC/B;gBACF;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components.js

@@ -27,7 +27,7 @@ import { Link } from './components/link.js';
 import { List } from './components/list.js';
 import { Logo } from './components/logo.js';
 import { MenuVertical } from './components/menu-vertical.js';
-import { MenuBar } from './components/menubar.js';
+import { NavigationBar } from './components/navigation-bar.js';
 import { Modal } from './components/modal.js';
 import { Pagination } from './components/pagination.js';
 import { PopupMenu } from './components/popup-menu.js';
@@ -211,7 +211,7 @@ export const components = [
         ]
     },
     {
-        comp: MenuBar,
+        comp: NavigationBar,
         deps: [
             PopupMenu
         ]
@@ -305,7 +305,7 @@ export const components = [
         comp: Tabs,
         deps: [
             Button,
-            MenuBar
+            NavigationBar
         ]
     },
     {
@@ -344,7 +344,7 @@ export const components = [
             Divider,
             Icon,
             Tooltip,
-            MenuBar
+            NavigationBar
         ]
     },
     {

package/dist/esm/components.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CountryCode } from './components/countrycode';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n  comp: Component;\r\n  deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n  { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n  { comp: Avatar },\r\n  { comp: Badge },\r\n  { comp: Breadcrumb, deps: [Link] },\r\n  { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n  { comp: ButtonGroup },\r\n  { comp: Callout },\r\n  { comp: Card, deps: [Button, Link] },\r\n  { comp: Checkbox },\r\n  { comp: Chip, deps: [Icon] },\r\n  { comp: ComboBox },\r\n  { comp: CountryCode, deps: [Forms, ComboBox] },\r\n  { comp: CookieConsent, deps: [Button, Forms] },\r\n  { comp: Dialog, deps: [Modal] },\r\n  { comp: Divider },\r\n  { comp: Dot },\r\n  { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n  { comp: Filter, deps: [Badge, Forms] },\r\n  { comp: Footer, deps: [Divider, Link, Logo] },\r\n  { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n  { comp: Header, deps: [Divider, Link, Logo] },\r\n  { comp: Input },\r\n  { comp: Label },\r\n  { comp: Link, deps: [Icon] },\r\n  { comp: List, deps: [Link] },\r\n  { comp: Logo, deps: [Divider] },\r\n  { comp: MenuBar, deps: [PopupMenu] },\r\n  { comp: Icon },\r\n  { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n  { comp: Modal, deps: [Button, Icon] },\r\n  { comp: Pagination, deps: [Button, Forms, Icon] },\r\n  { comp: PopupMenu, deps: [Button, Link] },\r\n  { comp: ProgressBar },\r\n  { comp: ProgressStepper, deps: [Divider, Icon] },\r\n  { comp: SearchField, deps: [Button, Forms, Icon] },\r\n  { comp: Select },\r\n  { comp: Snackbar, deps: [Button, Icon] },\r\n  { comp: Spinner },\r\n  { comp: TextEditor },\r\n  { comp: Radio },\r\n  { comp: Switch, deps: [Icon] },\r\n  { comp: Table, deps: [Forms, Icon, Pagination] },\r\n  { comp: Tabs, deps: [Button, MenuBar] },\r\n  { comp: Tooltip },\r\n  { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n  //AI COMPONENTS\r\n\r\n  { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n  {\r\n    comp: AICornerModule,\r\n    deps: [AIFeed, AssistantPresentation, InputSection, Avatar, Bubble, Link, Button, Divider, Icon, Tooltip, MenuBar],\r\n  },\r\n  { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n  { comp: AssistantPresentation, deps: [Avatar] },\r\n  { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n  { comp: Bubble, deps: [Icon] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon] },\r\n  { comp: MarkdownRendered, deps: [Link] },\r\n  { comp: NewSessionButton, deps: [Button, Icon] },\r\n  { comp: TypingBubble, deps: [TypingSequence] },\r\n  { comp: TypingSequence },\r\n];\r\n"],"names":["Accordion","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CountryCode","CookieConsent","Dialog","Divider","Dot","FileUpload","Filter","Footer","Forms","Header","Icon","Input","Label","Link","List","Logo","MenuVertical","MenuBar","Modal","Pagination","PopupMenu","ProgressBar","ProgressStepper","Radio","SearchField","Select","Snackbar","Spinner","Switch","Table","Tabs","TextEditor","Tooltip","UserMenu","AIFeed","AICornerModule","AIServiceModule","AssistantPresentation","AssistantSwitch","Bubble","Feedback","InputSection","MarkdownRendered","NewSessionButton","TypingBubble","TypingSequence","components","comp","deps"],"mappings":"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"}
+{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CountryCode } from './components/countrycode';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { NavigationBar } from './components/navigation-bar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n  comp: Component;\r\n  deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n  { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n  { comp: Avatar },\r\n  { comp: Badge },\r\n  { comp: Breadcrumb, deps: [Link] },\r\n  { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n  { comp: ButtonGroup },\r\n  { comp: Callout },\r\n  { comp: Card, deps: [Button, Link] },\r\n  { comp: Checkbox },\r\n  { comp: Chip, deps: [Icon] },\r\n  { comp: ComboBox },\r\n  { comp: CountryCode, deps: [Forms, ComboBox] },\r\n  { comp: CookieConsent, deps: [Button, Forms] },\r\n  { comp: Dialog, deps: [Modal] },\r\n  { comp: Divider },\r\n  { comp: Dot },\r\n  { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n  { comp: Filter, deps: [Badge, Forms] },\r\n  { comp: Footer, deps: [Divider, Link, Logo] },\r\n  { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n  { comp: Header, deps: [Divider, Link, Logo] },\r\n  { comp: Input },\r\n  { comp: Label },\r\n  { comp: Link, deps: [Icon] },\r\n  { comp: List, deps: [Link] },\r\n  { comp: Logo, deps: [Divider] },\r\n  { comp: NavigationBar, deps: [PopupMenu] },\r\n  { comp: Icon },\r\n  { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n  { comp: Modal, deps: [Button, Icon] },\r\n  { comp: Pagination, deps: [Button, Forms, Icon] },\r\n  { comp: PopupMenu, deps: [Button, Link] },\r\n  { comp: ProgressBar },\r\n  { comp: ProgressStepper, deps: [Divider, Icon] },\r\n  { comp: SearchField, deps: [Button, Forms, Icon] },\r\n  { comp: Select },\r\n  { comp: Snackbar, deps: [Button, Icon] },\r\n  { comp: Spinner },\r\n  { comp: TextEditor },\r\n  { comp: Radio },\r\n  { comp: Switch, deps: [Icon] },\r\n  { comp: Table, deps: [Forms, Icon, Pagination] },\r\n  { comp: Tabs, deps: [Button, NavigationBar] },\r\n  { comp: Tooltip },\r\n  { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n  //AI COMPONENTS\r\n\r\n  { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n  {\r\n    comp: AICornerModule,\r\n    deps: [\r\n      AIFeed,\r\n      AssistantPresentation,\r\n      InputSection,\r\n      Avatar,\r\n      Bubble,\r\n      Link,\r\n      Button,\r\n      Divider,\r\n      Icon,\r\n      Tooltip,\r\n      NavigationBar,\r\n    ],\r\n  },\r\n  { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n  { comp: AssistantPresentation, deps: [Avatar] },\r\n  { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n  { comp: Bubble, deps: [Icon] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon] },\r\n  { comp: MarkdownRendered, deps: [Link] },\r\n  { comp: NewSessionButton, deps: [Button, Icon] },\r\n  { comp: TypingBubble, deps: [TypingSequence] },\r\n  { comp: TypingSequence },\r\n];\r\n"],"names":["Accordion","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CountryCode","CookieConsent","Dialog","Divider","Dot","FileUpload","Filter","Footer","Forms","Header","Icon","Input","Label","Link","List","Logo","MenuVertical","NavigationBar","Modal","Pagination","PopupMenu","ProgressBar","ProgressStepper","Radio","SearchField","Select","Snackbar","Spinner","Switch","Table","Tabs","TextEditor","Tooltip","UserMenu","AIFeed","AICornerModule","AIServiceModule","AssistantPresentation","AssistantSwitch","Bubble","Feedback","InputSection","MarkdownRendered","NewSessionButton","TypingBubble","TypingSequence","components","comp","deps"],"mappings":"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"}

package/dist/types/components/accordion.d.ts

@@ -137,7 +137,7 @@ export declare const Accordion: () => {
                 '@apply my-0 invisible max-h-0 opacity-0': {};
             };
             '&[aria-hidden="false"], &[data-hidden="false"]': {
-                '@apply block max-h-screen opacity-100 visible': {};
+                '@apply block opacity-100 visible': {};
             };
             '&[data-variant="alt"]': {
                 '@apply mt-24': {};

package/dist/types/components/navigation-bar.d.ts

@@ -0,0 +1,44 @@
+export declare const NavigationBar: (colors: string[]) => {
+    '.sk-navigationbar': {
+        '@apply flex flex-row': {};
+        '@apply rounded-cards': {};
+        '&[data-background="true"]': {
+            '@apply bg-background-color-mixin-1': {};
+        };
+        '&[data-size="md"]': {
+            '@apply p-6 gap-8 rounded-groups': {};
+        };
+        '&[data-size="lg"]': {
+            '@apply p-8 gap-16 rounded-cards': {};
+        };
+        '&-item': {
+            '@apply inline-block': {};
+            '@apply relative': {};
+            '&[data-size="md"]': {
+                '@apply h-34': {};
+                '> *': {
+                    '@apply text-small leading-[1.8rem]': {};
+                };
+            };
+            '&[data-size="lg"]': {
+                '@apply h-40': {};
+            };
+            '> *:first-child': {
+                '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {};
+                '@apply cursor-pointer': {};
+                '@apply bg-transparent text-dark-primary': {};
+                '@apply hover:bg-tertiary-surface': {};
+                '@apply font-bold': {};
+                '@apply gap-2 px-14 py-8': {};
+                '@apply h-full min-h-full': {};
+                '@apply inline-flex shrink-0 flex-nowrap': {};
+                '@apply border-0': {};
+                '@apply focus-visible:bg-background-content focus-visible:ring': {};
+                '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
+                    '@apply bg-primary-surface text-light-primary': {};
+                    '@apply focus-visible:ring': {};
+                };
+            };
+        };
+    };
+};

package/dist/types/components/progress-stepper.d.ts

@@ -1,68 +1,90 @@
 export declare const ProgressStepper: () => {
     '.sk-progress-stepper': {
-        '@apply flex justify-between': {};
-        hr: {
-            '@apply w-full mt-19': {};
+        '@apply flex justify-between items-center': {};
+        '&.horizontal': {
+            '@apply flex-row gap-16': {};
+        };
+        '&.vertical': {
+            '@apply flex-col gap-4 h-full': {};
         };
         '&-step': {
-            '@apply flex flex-col items-center': {};
-            '@apply gap-4': {};
-            '@apply w-auto': {};
-            '@apply shrink-0': {};
+            '@apply flex items-center': {};
             '@apply text-base leading-base text-dark-primary font-normal': {};
-            svg: {
-                '@apply w-20 h-20': {};
-            };
             '&-wrapper': {
-                '@apply flex flex-row shrink w-full gap-4': {};
-                hr: {
-                    '@apply w-full grow shrink mt-19': {};
+                '@apply flex items-center gap-8': {};
+                '&&-top': {
+                    '@apply flex-col-reverse': {};
                 };
-            };
-            '&:first-of-type': {
-                '.sk-divider:first-of-type': {
-                    '@apply invisible': {};
+                '&&-right': {
+                    '@apply flex-row': {};
                 };
-            };
-            '&:last-of-type': {
-                '.sk-divider:last-of-type': {
-                    '@apply invisible': {};
+                '&&-bottom': {
+                    '@apply flex-col': {};
+                };
+                '&&-left': {
+                    '@apply flex-row-reverse': {};
                 };
             };
             '&-box': {
-                '@apply box-border': {};
-                '@apply shrink-0': {};
-                '@apply h-40 w-40': {};
-                '@apply bg-secondary-surface': {};
+                '@apply shrink-0 rounded-lg h-32 w-32 bg-tertiary-surface': {};
                 '@apply flex justify-center items-center': {};
-                '@apply text-label-medium': {};
-                '@apply border-2 border-secondary-outline': {};
-                '@apply text-dark-secondary': {};
-                '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {};
                 '&[data-rounded="true"]': {
                     '@apply rounded-full': {};
                 };
-                '&&-sm': {
-                    '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {};
-                    '@apply text-label-small': {};
+                '&.sm': {
+                    '@apply h-24 w-24 text-label-small': {};
                 };
-                '&&-md': {
-                    '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {};
+                '&.md': {
+                    '@apply h-32 w-32': {};
+                };
+                '&-icon': {
+                    '&.sm svg': {
+                        '@apply w-16 h-16': {};
+                    };
+                    '&.md svg': {
+                        '@apply w-20 h-20': {};
+                    };
+                };
+            };
+            '&&-vertical': {
+                '@apply flex-col': {};
+            };
+            '&&-horizontal': {
+                '@apply flex-row gap-16': {};
+            };
+            '&&-grow': {
+                '@apply grow': {};
+            };
+            '&&-grow-0': {
+                '@apply grow-0': {};
+            };
+            '&-divider': {
+                '&.horizontal': {
+                    '@apply flex w-full': {};
+                };
+                '&.vertical': {
+                    '@apply flex w-auto h-full': {};
                 };
             };
             '&[data-progress="current"]': {
                 '@apply font-bold': {};
                 '.sk-progress-stepper-step-box': {
-                    '@apply border-vattjom-surface-primary': {};
-                    '@apply bg-vattjom-surface-primary': {};
-                    '@apply text-vattjom-text-secondary': {};
+                    '@apply bg-primary-surface text-light-primary': {};
                 };
             };
             '&[data-progress="done"]': {
                 '.sk-progress-stepper-step-box': {
-                    '@apply border-success-surface-primary': {};
-                    '@apply bg-success-surface-primary': {};
-                    '@apply text-success-text-secondary': {};
+                    '@apply bg-gronsta-surface-accent text-gronsta-text-primary': {};
+                };
+            };
+            '&[data-white-space="no-wrap"]': {
+                '.sk-progress-stepper-step-wrapper p': {
+                    '@apply whitespace-nowrap': {};
+                };
+            };
+            '&[data-white-space="normal"]': {
+                '.sk-progress-stepper-step-wrapper p': {
+                    '@apply whitespace-normal': {};
                 };
             };
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "3.16.2",
+  "version": "4.1.0",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -41,5 +41,5 @@
     "mini-svg-data-uri": "^1.4.4",
     "tailwindcss": "^3.4.17"
   },
-  "gitHead": "08514a21a7d07860f5b5ea08c3a1b27c82ac4c3e"
+  "gitHead": "78174b1385bece36ac1519a25705bc5886dc72ac"
 }