npm - @sk-web-gui/core - Versions diffs - 4.5.0 → 4.5.1 - Mend

@sk-web-gui/core 4.5.0 → 4.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/cjs/components/ai/markdown-rendered.js CHANGED Viewed

@@ -34,6 +34,12 @@ const MarkdownRendered = ()=>({
                 '.sk-ai-markdown-code': {
                     '@apply bg-transparent p-0': {}
                 }
+            },
+            '&-inline-reference': {
+                '@apply relative py-0 px-2': {},
+                '&-button': {
+                    '@apply h-22 min-h-22 min-w-22 p-4 text-label-extra-small': {}
+                }
             }
         }
     });

package/dist/cjs/components/ai/markdown-rendered.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n '.sk-ai-markdown': {\r\n '@apply flex flex-col gap-32': {},\r\n '&-p': {\r\n '@apply mb-0 my-0 break-words': {},\r\n },\r\n '&-a': {\r\n '@apply my-8': {},\r\n },\r\n '&-ol': {\r\n '@apply list-decimal ml-24 my-0': {},\r\n },\r\n '&-ul': {\r\n '@apply list-disc ml-24 my-0': {},\r\n },\r\n '&-li': {\r\n '@apply my-16': {},\r\n },\r\n '&-code': {\r\n '@apply bg-background-100 p-4': {},\r\n },\r\n '&-pre': {\r\n '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {},\r\n '.sk-ai-markdown-code': {\r\n '@apply bg-transparent p-0': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["MarkdownRendered"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,mBAAmB,IAAO,CAAA;QACrC,mBAAmB;YACjB,+BAA+B,CAAC;YAChC,OAAO;gBACL,gCAAgC,CAAC;YACnC;YACA,OAAO;gBACL,eAAe,CAAC;YAClB;YACA,QAAQ;gBACN,kCAAkC,CAAC;YACrC;YACA,QAAQ;gBACN,+BAA+B,CAAC;YAClC;YACA,QAAQ;gBACN,gBAAgB,CAAC;YACnB;YACA,UAAU;gBACR,gCAAgC,CAAC;YACnC;YACA,SAAS;gBACP,uGAAuG,CAAC;gBACxG,wBAAwB;oBACtB,6BAA6B,CAAC;gBAChC;YACF;QACF;IACF,CAAA"}
1	+ {"version":3,"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n '.sk-ai-markdown': {\r\n '@apply flex flex-col gap-32': {},\r\n '&-p': {\r\n '@apply mb-0 my-0 break-words': {},\r\n },\r\n '&-a': {\r\n '@apply my-8': {},\r\n },\r\n '&-ol': {\r\n '@apply list-decimal ml-24 my-0': {},\r\n },\r\n '&-ul': {\r\n '@apply list-disc ml-24 my-0': {},\r\n },\r\n '&-li': {\r\n '@apply my-16': {},\r\n },\r\n '&-code': {\r\n '@apply bg-background-100 p-4': {},\r\n },\r\n '&-pre': {\r\n '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {},\r\n '.sk-ai-markdown-code': {\r\n '@apply bg-transparent p-0': {},\r\n },\r\n },\r\n '&-inline-reference': {\r\n '@apply relative py-0 px-2': {},\r\n '&-button': {\r\n '@apply h-22 min-h-22 min-w-22 p-4 text-label-extra-small': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["MarkdownRendered"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,mBAAmB,IAAO,CAAA;QACrC,mBAAmB;YACjB,+BAA+B,CAAC;YAChC,OAAO;gBACL,gCAAgC,CAAC;YACnC;YACA,OAAO;gBACL,eAAe,CAAC;YAClB;YACA,QAAQ;gBACN,kCAAkC,CAAC;YACrC;YACA,QAAQ;gBACN,+BAA+B,CAAC;YAClC;YACA,QAAQ;gBACN,gBAAgB,CAAC;YACnB;YACA,UAAU;gBACR,gCAAgC,CAAC;YACnC;YACA,SAAS;gBACP,uGAAuG,CAAC;gBACxG,wBAAwB;oBACtB,6BAA6B,CAAC;gBAChC;YACF;YACA,sBAAsB;gBACpB,6BAA6B,CAAC;gBAC9B,YAAY;oBACV,4DAA4D,CAAC;gBAC/D;YACF;QACF;IACF,CAAA"}

package/dist/cjs/components/menubar.js ADDED Viewed

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MenuBar", {
+    enumerable: true,
+    get: function() {
+        return MenuBar;
+    }
+});
+const MenuBar = (colors)=>({
+        '.sk-menubar': {
+            '@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=menubar.js.map

package/dist/cjs/components/menubar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n '.sk-menubar': {\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":["MenuBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,UAAU,CAACC,SAAsB,CAAA;QAC5C,eAAe;YACb,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/segmented-control.js ADDED Viewed

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SegmentedControl", {
+    enumerable: true,
+    get: function() {
+        return SegmentedControl;
+    }
+});
+const SegmentedControl = ()=>({
+        '.sk-segmentedcontrol': {
+            '@apply flex flex-row items-center': {},
+            '@apply rounded-groups': {},
+            '@apply bg-tertiary-surface': {},
+            '@apply max-w-fit': {},
+            // sizes
+            '&[data-size="md"]': {
+                '@apply p-6 gap-8': {}
+            },
+            '&[data-size="lg"]': {
+                '@apply p-6 gap-16': {}
+            },
+            '&-item': {
+                '@apply inline-block 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 bg-transparent text-dark-primary font-bold cursor-pointer': {},
+                    '@apply gap-2 px-14 py-8 h-full min-h-full': {},
+                    '@apply inline-flex shrink-0 flex-nowrap border-0': {},
+                    '@apply hover:bg-tertiary-surface': {},
+                    '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},
+                    '&[aria-pressed="true"]:not(:hover):not([aria-disabled="true"])': {
+                        '@apply bg-background-content text-dark-primary focus-visible:ring': {}
+                    },
+                    '&[aria-disabled="true"]': {
+                        '@apply text-dark-disabled cursor-default hover:bg-transparent': {}
+                    },
+                    '&.sk-btn[aria-disabled="true"], &.sk-btn-disabled': {
+                        '@apply bg-transparent border-transparent !important': {}
+                    }
+                }
+            }
+        }
+    });
+//# sourceMappingURL=segmented-control.js.map

package/dist/cjs/components/segmented-control.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/components/segmented-control.ts"],"sourcesContent":["export const SegmentedControl = () => ({\r\n '.sk-segmentedcontrol': {\r\n '@apply flex flex-row items-center': {},\r\n '@apply rounded-groups': {},\r\n '@apply bg-tertiary-surface': {},\r\n '@apply max-w-fit': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply p-6 gap-8': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply p-6 gap-16': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block relative': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply h-34': {},\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 bg-transparent text-dark-primary font-bold cursor-pointer': {},\r\n '@apply gap-2 px-14 py-8 h-full min-h-full': {},\r\n '@apply inline-flex shrink-0 flex-nowrap border-0': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},\r\n\r\n '&[aria-pressed=\"true\"]:not(:hover):not([aria-disabled=\"true\"])': {\r\n '@apply bg-background-content text-dark-primary focus-visible:ring': {},\r\n },\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply text-dark-disabled cursor-default hover:bg-transparent': {},\r\n },\r\n '&.sk-btn[aria-disabled=\"true\"], &.sk-btn-disabled': {\r\n '@apply bg-transparent border-transparent !important': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["SegmentedControl"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,mBAAmB,IAAO,CAAA;QACrC,wBAAwB;YACtB,qCAAqC,CAAC;YACtC,yBAAyB,CAAC;YAC1B,8BAA8B,CAAC;YAC/B,oBAAoB,CAAC;YAErB,QAAQ;YACR,qBAAqB;gBACnB,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,qBAAqB,CAAC;YACxB;YAEA,UAAU;gBACR,gCAAgC,CAAC;gBAEjC,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAChB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,oEAAoE,CAAC;oBACrE,6CAA6C,CAAC;oBAC9C,oDAAoD,CAAC;oBACrD,oCAAoC,CAAC;oBACrC,kJAAkJ,CAAC;oBAEnJ,kEAAkE;wBAChE,qEAAqE,CAAC;oBACxE;oBACA,2BAA2B;wBACzB,iEAAiE,CAAC;oBACpE;oBACA,qDAAqD;wBACnD,uDAAuD,CAAC;oBAC1D;gBACF;YACF;QACF;IACF,CAAA"}

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

@@ -24,6 +24,12 @@ export const MarkdownRendered = ()=>({
                 '.sk-ai-markdown-code': {
                     '@apply bg-transparent p-0': {}
                 }
+            },
+            '&-inline-reference': {
+                '@apply relative py-0 px-2': {},
+                '&-button': {
+                    '@apply h-22 min-h-22 min-w-22 p-4 text-label-extra-small': {}
+                }
             }
         }
     });

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n '.sk-ai-markdown': {\r\n '@apply flex flex-col gap-32': {},\r\n '&-p': {\r\n '@apply mb-0 my-0 break-words': {},\r\n },\r\n '&-a': {\r\n '@apply my-8': {},\r\n },\r\n '&-ol': {\r\n '@apply list-decimal ml-24 my-0': {},\r\n },\r\n '&-ul': {\r\n '@apply list-disc ml-24 my-0': {},\r\n },\r\n '&-li': {\r\n '@apply my-16': {},\r\n },\r\n '&-code': {\r\n '@apply bg-background-100 p-4': {},\r\n },\r\n '&-pre': {\r\n '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {},\r\n '.sk-ai-markdown-code': {\r\n '@apply bg-transparent p-0': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["MarkdownRendered"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,IAAO,CAAA;QACrC,mBAAmB;YACjB,+BAA+B,CAAC;YAChC,OAAO;gBACL,gCAAgC,CAAC;YACnC;YACA,OAAO;gBACL,eAAe,CAAC;YAClB;YACA,QAAQ;gBACN,kCAAkC,CAAC;YACrC;YACA,QAAQ;gBACN,+BAA+B,CAAC;YAClC;YACA,QAAQ;gBACN,gBAAgB,CAAC;YACnB;YACA,UAAU;gBACR,gCAAgC,CAAC;YACnC;YACA,SAAS;gBACP,uGAAuG,CAAC;gBACxG,wBAAwB;oBACtB,6BAA6B,CAAC;gBAChC;YACF;QACF;IACF,CAAA,EAAG"}
1	+ {"version":3,"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n '.sk-ai-markdown': {\r\n '@apply flex flex-col gap-32': {},\r\n '&-p': {\r\n '@apply mb-0 my-0 break-words': {},\r\n },\r\n '&-a': {\r\n '@apply my-8': {},\r\n },\r\n '&-ol': {\r\n '@apply list-decimal ml-24 my-0': {},\r\n },\r\n '&-ul': {\r\n '@apply list-disc ml-24 my-0': {},\r\n },\r\n '&-li': {\r\n '@apply my-16': {},\r\n },\r\n '&-code': {\r\n '@apply bg-background-100 p-4': {},\r\n },\r\n '&-pre': {\r\n '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {},\r\n '.sk-ai-markdown-code': {\r\n '@apply bg-transparent p-0': {},\r\n },\r\n },\r\n '&-inline-reference': {\r\n '@apply relative py-0 px-2': {},\r\n '&-button': {\r\n '@apply h-22 min-h-22 min-w-22 p-4 text-label-extra-small': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["MarkdownRendered"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,IAAO,CAAA;QACrC,mBAAmB;YACjB,+BAA+B,CAAC;YAChC,OAAO;gBACL,gCAAgC,CAAC;YACnC;YACA,OAAO;gBACL,eAAe,CAAC;YAClB;YACA,QAAQ;gBACN,kCAAkC,CAAC;YACrC;YACA,QAAQ;gBACN,+BAA+B,CAAC;YAClC;YACA,QAAQ;gBACN,gBAAgB,CAAC;YACnB;YACA,UAAU;gBACR,gCAAgC,CAAC;YACnC;YACA,SAAS;gBACP,uGAAuG,CAAC;gBACxG,wBAAwB;oBACtB,6BAA6B,CAAC;gBAChC;YACF;YACA,sBAAsB;gBACpB,6BAA6B,CAAC;gBAC9B,YAAY;oBACV,4DAA4D,CAAC;gBAC/D;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/menubar.js ADDED Viewed

@@ -0,0 +1,62 @@
+export const MenuBar = (colors)=>({
+        '.sk-menubar': {
+            '@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=menubar.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n '.sk-menubar': {\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":["MenuBar","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,UAAU,CAACC,SAAsB,CAAA;QAC5C,eAAe;YACb,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/segmented-control.js ADDED Viewed

@@ -0,0 +1,47 @@
+export const SegmentedControl = ()=>({
+        '.sk-segmentedcontrol': {
+            '@apply flex flex-row items-center': {},
+            '@apply rounded-groups': {},
+            '@apply bg-tertiary-surface': {},
+            '@apply max-w-fit': {},
+            // sizes
+            '&[data-size="md"]': {
+                '@apply p-6 gap-8': {}
+            },
+            '&[data-size="lg"]': {
+                '@apply p-6 gap-16': {}
+            },
+            '&-item': {
+                '@apply inline-block 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 bg-transparent text-dark-primary font-bold cursor-pointer': {},
+                    '@apply gap-2 px-14 py-8 h-full min-h-full': {},
+                    '@apply inline-flex shrink-0 flex-nowrap border-0': {},
+                    '@apply hover:bg-tertiary-surface': {},
+                    '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},
+                    '&[aria-pressed="true"]:not(:hover):not([aria-disabled="true"])': {
+                        '@apply bg-background-content text-dark-primary focus-visible:ring': {}
+                    },
+                    '&[aria-disabled="true"]': {
+                        '@apply text-dark-disabled cursor-default hover:bg-transparent': {}
+                    },
+                    '&.sk-btn[aria-disabled="true"], &.sk-btn-disabled': {
+                        '@apply bg-transparent border-transparent !important': {}
+                    }
+                }
+            }
+        }
+    });
+//# sourceMappingURL=segmented-control.js.map

package/dist/esm/components/segmented-control.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/components/segmented-control.ts"],"sourcesContent":["export const SegmentedControl = () => ({\r\n '.sk-segmentedcontrol': {\r\n '@apply flex flex-row items-center': {},\r\n '@apply rounded-groups': {},\r\n '@apply bg-tertiary-surface': {},\r\n '@apply max-w-fit': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply p-6 gap-8': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply p-6 gap-16': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block relative': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply h-34': {},\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 bg-transparent text-dark-primary font-bold cursor-pointer': {},\r\n '@apply gap-2 px-14 py-8 h-full min-h-full': {},\r\n '@apply inline-flex shrink-0 flex-nowrap border-0': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},\r\n\r\n '&[aria-pressed=\"true\"]:not(:hover):not([aria-disabled=\"true\"])': {\r\n '@apply bg-background-content text-dark-primary focus-visible:ring': {},\r\n },\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply text-dark-disabled cursor-default hover:bg-transparent': {},\r\n },\r\n '&.sk-btn[aria-disabled=\"true\"], &.sk-btn-disabled': {\r\n '@apply bg-transparent border-transparent !important': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["SegmentedControl"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,IAAO,CAAA;QACrC,wBAAwB;YACtB,qCAAqC,CAAC;YACtC,yBAAyB,CAAC;YAC1B,8BAA8B,CAAC;YAC/B,oBAAoB,CAAC;YAErB,QAAQ;YACR,qBAAqB;gBACnB,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,qBAAqB,CAAC;YACxB;YAEA,UAAU;gBACR,gCAAgC,CAAC;gBAEjC,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAChB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,oEAAoE,CAAC;oBACrE,6CAA6C,CAAC;oBAC9C,oDAAoD,CAAC;oBACrD,oCAAoC,CAAC;oBACrC,kJAAkJ,CAAC;oBAEnJ,kEAAkE;wBAChE,qEAAqE,CAAC;oBACxE;oBACA,2BAA2B;wBACzB,iEAAiE,CAAC;oBACpE;oBACA,qDAAqD;wBACnD,uDAAuD,CAAC;oBAC1D;gBACF;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/types/components/ai/markdown-rendered.d.ts CHANGED Viewed

@@ -25,5 +25,11 @@ export declare const MarkdownRendered: () => {
                 '@apply bg-transparent p-0': {};
             };
         };
+        '&-inline-reference': {
+            '@apply relative py-0 px-2': {};
+            '&-button': {
+                '@apply h-22 min-h-22 min-w-22 p-4 text-label-extra-small': {};
+            };
+        };
     };
 };

package/dist/types/components/countrycode-select.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare const CountryCodeSelect: () => {
+    '.sk-country-code-select': {
+        'font-family': string;
+    };
+};

package/dist/types/components/menubar.d.ts ADDED Viewed

@@ -0,0 +1,44 @@
+export declare const MenuBar: (colors: string[]) => {
+    '.sk-menubar': {
+        '@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/segmented-control.d.ts ADDED Viewed

@@ -0,0 +1,43 @@
+export declare const SegmentedControl: () => {
+    '.sk-segmentedcontrol': {
+        '@apply flex flex-row items-center': {};
+        '@apply rounded-groups': {};
+        '@apply bg-tertiary-surface': {};
+        '@apply max-w-fit': {};
+        '&[data-size="md"]': {
+            '@apply p-6 gap-8': {};
+        };
+        '&[data-size="lg"]': {
+            '@apply p-6 gap-16': {};
+        };
+        '&-item': {
+            '@apply inline-block 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 bg-transparent text-dark-primary font-bold cursor-pointer': {};
+                '@apply gap-2 px-14 py-8 h-full min-h-full': {};
+                '@apply inline-flex shrink-0 flex-nowrap border-0': {};
+                '@apply hover:bg-tertiary-surface': {};
+                '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {};
+                '&[aria-pressed="true"]:not(:hover):not([aria-disabled="true"])': {
+                    '@apply bg-background-content text-dark-primary focus-visible:ring': {};
+                };
+                '&[aria-disabled="true"]': {
+                    '@apply text-dark-disabled cursor-default hover:bg-transparent': {};
+                };
+                '&.sk-btn[aria-disabled="true"], &.sk-btn-disabled': {
+                    '@apply bg-transparent border-transparent !important': {};
+                };
+            };
+        };
+    };
+};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "4.5.0",
+  "version": "4.5.1",
   "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": "2dd4a1a6e8ea1a2a63ff3e521c502ba2e956457a"
+  "gitHead": "3db94316b46799bbec600c9e4bdf4c84b78bcd11"
 }