@sk-web-gui/core 3.10.0 → 3.11.0

package/dist/esm/components/tabs.js

@@ -1,2 +1,119 @@
-function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}export var Tabs=function(colors){return{".sk-tabs":{"@apply w-full":{},"&-list":{"@apply flex items-center gap-20 border-b-1 border-transparent":{},'&[data-underline="true"]':{"@apply border-divider":{}},"&-item":_object_spread_props(_object_spread({"@apply flex flex-col gap-y-10":{},'&[data-size="sm"]':{"> button":{"@apply text-small":{}}},"&-button":{"@apply h-auto border-0 py-0 px-2":{},"@apply rounded-4":{},'&[aria-readonly="true"]':{"@apply text-dark-disabled cursor-default":{}},'&[aria-readonly="false"]:hover,&:focus-visible':{"@apply ring-[.3rem]":{},"@apply ring-ring":{},"@apply ring-offset-background-content":{},"@apply outline-0":{}},".sk-callout":{"@apply absolute self-end":{}}},".sk-tabs-list-item-divider":{"@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0":{}},'&[data-current="true"]':{".sk-tabs-list-item-divider":{"@apply opacity-100":{}}}},colors.reduce(function(styles,color){return _object_spread_props(_object_spread({},styles),_define_property({},'&[data-color="'.concat(color,'"]'),{".sk-tabs-list-item-divider":_define_property({},"@apply bg-".concat(color,"-surface-primary"),{})}))},{})),{"&[data-color='tertiary']":{".sk-tabs-list-item-divider":{"@apply bg-primary-surface":{}}}})},"&-panels":{"@apply mt-20":{}},"&-content":{'&:not([data-selected="true"])':{"@apply hidden":{}}}}}};
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+export var Tabs = function(colors) {
+    return {
+        '.sk-tabs': {
+            '@apply w-full': {},
+            '&-list': {
+                '@apply flex items-center gap-20 border-b-1 border-transparent': {},
+                '&[data-underline="true"]': {
+                    '@apply border-divider': {}
+                },
+                '&-item': _object_spread_props(_object_spread({
+                    '@apply flex flex-col gap-y-10': {},
+                    '&[data-size="sm"]': {
+                        '> button': {
+                            '@apply text-small': {}
+                        }
+                    },
+                    '&-button': {
+                        '@apply h-auto border-0 py-0 px-2': {},
+                        // ring
+                        '@apply rounded-4': {},
+                        '&[aria-readonly="true"]': {
+                            '@apply text-dark-disabled cursor-default': {}
+                        },
+                        '&[aria-readonly="false"]:hover,&:focus-visible': {
+                            // hover
+                            '@apply ring-[.3rem]': {},
+                            '@apply ring-ring': {},
+                            '@apply ring-offset-background-content': {},
+                            '@apply outline-0': {}
+                        },
+                        '.sk-callout': {
+                            '@apply absolute self-end': {}
+                        }
+                    },
+                    '.sk-tabs-list-item-divider': {
+                        '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {}
+                    },
+                    '&[data-current="true"]': {
+                        '.sk-tabs-list-item-divider': {
+                            '@apply opacity-100': {}
+                        }
+                    }
+                }, colors.reduce(function(styles, color) {
+                    return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
+                        '.sk-tabs-list-item-divider': _define_property({}, "@apply bg-".concat(color, "-surface-primary"), {})
+                    }));
+                }, {})), {
+                    "&[data-color='tertiary']": {
+                        '.sk-tabs-list-item-divider': {
+                            '@apply bg-primary-surface': {}
+                        }
+                    }
+                })
+            },
+            '&-panels': {
+                '@apply mt-20': {}
+            },
+            '&-content': {
+                '&:not([data-selected="true"])': {
+                    '@apply hidden': {}
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\n  '.sk-tabs': {\n    '@apply w-full': {},\n\n    '&-list': {\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\n\n      '&[data-underline=\"true\"]': {\n        '@apply border-divider': {},\n      },\n\n      '&-item': {\n        '@apply flex flex-col gap-y-10': {},\n\n        '&[data-size=\"sm\"]': {\n          '> button': {\n            '@apply text-small': {},\n          },\n        },\n\n        '&-button': {\n          '@apply h-auto border-0 py-0 px-2': {},\n          // ring\n          '@apply rounded-4': {},\n\n          '&[aria-readonly=\"true\"]': {\n            '@apply text-dark-disabled cursor-default': {},\n          },\n\n          '&[aria-readonly=\"false\"]:hover,&:focus-visible': {\n            // hover\n            '@apply ring-[.3rem]': {},\n            '@apply ring-ring': {},\n            '@apply ring-offset-background-content': {},\n            '@apply outline-0': {},\n          },\n\n          '.sk-callout': {\n            '@apply absolute self-end': {},\n          },\n        },\n\n        '.sk-tabs-list-item-divider': {\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\n        },\n\n        '&[data-current=\"true\"]': {\n          '.sk-tabs-list-item-divider': {\n            '@apply opacity-100': {},\n          },\n        },\n\n        ...colors.reduce(\n          (styles, color) => ({\n            ...styles,\n            [`&[data-color=\"${color}\"]`]: {\n              '.sk-tabs-list-item-divider': {\n                [`@apply bg-${color}-surface-primary`]: {},\n              },\n            },\n          }),\n          {}\n        ),\n        \"&[data-color='tertiary']\": {\n          '.sk-tabs-list-item-divider': {\n            '@apply bg-primary-surface': {},\n          },\n        },\n      },\n    },\n\n    '&-panels': {\n      '@apply mt-20': {},\n    },\n\n    '&-content': {\n      '&:not([data-selected=\"true\"])': {\n        '@apply hidden': {},\n      },\n    },\n  },\n});\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":"uuCAAA,OAAO,IAAMA,KAAO,SAACC,cAAsB,CACzC,WAAY,CACV,gBAAiB,CAAC,EAElB,SAAU,CACR,gEAAiE,CAAC,EAElE,2BAA4B,CAC1B,wBAAyB,CAAC,CAC5B,EAEA,SAAU,qCACR,gCAAiC,CAAC,EAElC,oBAAqB,CACnB,WAAY,CACV,oBAAqB,CAAC,CACxB,CACF,EAEA,WAAY,CACV,mCAAoC,CAAC,EAErC,mBAAoB,CAAC,EAErB,0BAA2B,CACzB,2CAA4C,CAAC,CAC/C,EAEA,iDAAkD,CAEhD,sBAAuB,CAAC,EACxB,mBAAoB,CAAC,EACrB,wCAAyC,CAAC,EAC1C,mBAAoB,CAAC,CACvB,EAEA,cAAe,CACb,2BAA4B,CAAC,CAC/B,CACF,EAEA,6BAA8B,CAC5B,gDAAiD,CAAC,CACpD,EAEA,yBAA0B,CACxB,6BAA8B,CAC5B,qBAAsB,CAAC,CACzB,CACF,GAEGA,OAAOC,MAAM,CACd,SAACC,OAAQC,cAAW,uCACfD,QACH,oBAAC,AAAC,iBAAsB,OAANC,MAAM,MAAM,CAC5B,6BACE,oBAAC,AAAC,aAAkB,OAANA,MAAM,oBAAoB,CAAC,EAE7C,KAEF,CAAC,KAEH,2BAA4B,CAC1B,6BAA8B,CAC5B,4BAA6B,CAAC,CAChC,CACF,GAEJ,EAEA,WAAY,CACV,eAAgB,CAAC,CACnB,EAEA,YAAa,CACX,gCAAiC,CAC/B,gBAAiB,CAAC,CACpB,CACF,CACF,CACF,EAAG"}
+{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\n  '.sk-tabs': {\n    '@apply w-full': {},\n\n    '&-list': {\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\n\n      '&[data-underline=\"true\"]': {\n        '@apply border-divider': {},\n      },\n\n      '&-item': {\n        '@apply flex flex-col gap-y-10': {},\n\n        '&[data-size=\"sm\"]': {\n          '> button': {\n            '@apply text-small': {},\n          },\n        },\n\n        '&-button': {\n          '@apply h-auto border-0 py-0 px-2': {},\n          // ring\n          '@apply rounded-4': {},\n\n          '&[aria-readonly=\"true\"]': {\n            '@apply text-dark-disabled cursor-default': {},\n          },\n\n          '&[aria-readonly=\"false\"]:hover,&:focus-visible': {\n            // hover\n            '@apply ring-[.3rem]': {},\n            '@apply ring-ring': {},\n            '@apply ring-offset-background-content': {},\n            '@apply outline-0': {},\n          },\n\n          '.sk-callout': {\n            '@apply absolute self-end': {},\n          },\n        },\n\n        '.sk-tabs-list-item-divider': {\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\n        },\n\n        '&[data-current=\"true\"]': {\n          '.sk-tabs-list-item-divider': {\n            '@apply opacity-100': {},\n          },\n        },\n\n        ...colors.reduce(\n          (styles, color) => ({\n            ...styles,\n            [`&[data-color=\"${color}\"]`]: {\n              '.sk-tabs-list-item-divider': {\n                [`@apply bg-${color}-surface-primary`]: {},\n              },\n            },\n          }),\n          {}\n        ),\n        \"&[data-color='tertiary']\": {\n          '.sk-tabs-list-item-divider': {\n            '@apply bg-primary-surface': {},\n          },\n        },\n      },\n    },\n\n    '&-panels': {\n      '@apply mt-20': {},\n    },\n\n    '&-content': {\n      '&:not([data-selected=\"true\"])': {\n        '@apply hidden': {},\n      },\n    },\n  },\n});\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,kDAAkD;4BAChD,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF;EAAG"}

package/dist/esm/components/tooltip.js

@@ -1,2 +1,62 @@
-export var Tooltip=function(){return{".sk-tooltip":{"@apply inline-flex justify-center items-center":{},"@apply w-fit h-fit":{},"@apply grow-0":{},"&-text":{"@apply inline-flex":{},"@apply bg-primary-surface shadow":{},"@apply px-16 py-8":{},"@apply rounded-utility":{},"@apply text-light-primary text-small":{},"@apply font-bold":{},"@apply w-fit h-fit":{},"@apply grow-0":{},"@apply min-h-34":{}},"&::after, &::before":{"@apply h-0 w-0 overflow-hidden":{}},'&[data-position="above"]':{"@apply flex-col":{},"@apply pb-2":{},"&::after":{'@apply content-[""] border-solid border-6 border-b-0':{},"@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent":{}}},'&[data-position="below"]':{"@apply flex-col":{},"@apply pt-2":{},"&::before":{'@apply content-[""] border-solid border-6 border-t-0':{},"@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent":{}}},'&[data-position="left"]':{"@apply flex-row":{},"@apply pr-2 py-3":{},"&::after":{'@apply content-[""] border-solid border-6 border-r-0':{},"@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface":{}}},'&[data-position="right"]':{"@apply flex-row":{},"@apply pl-2 py-3":{},"&::before":{'@apply content-[""] border-solid border-6 border-l-0':{},"@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent":{}}}}}};
+export var Tooltip = function() {
+    return {
+        '.sk-tooltip': {
+            '@apply inline-flex justify-center items-center': {},
+            '@apply w-fit h-fit': {},
+            '@apply grow-0': {},
+            '&-text': {
+                '@apply inline-flex': {},
+                '@apply bg-primary-surface shadow': {},
+                '@apply px-16 py-8': {},
+                '@apply rounded-utility': {},
+                '@apply text-light-primary text-small': {},
+                '@apply font-bold': {},
+                '@apply w-fit h-fit': {},
+                '@apply grow-0': {},
+                '@apply min-h-34': {}
+            },
+            //Arrow
+            '&::after, &::before': {
+                '@apply h-0 w-0 overflow-hidden': {}
+            },
+            // Above
+            '&[data-position="above"]': {
+                '@apply flex-col': {},
+                '@apply pb-2': {},
+                '&::after': {
+                    '@apply content-[""] border-solid border-6 border-b-0': {},
+                    '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {}
+                }
+            },
+            // Below
+            '&[data-position="below"]': {
+                '@apply flex-col': {},
+                '@apply pt-2': {},
+                '&::before': {
+                    '@apply content-[""] border-solid border-6 border-t-0': {},
+                    '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {}
+                }
+            },
+            // Left
+            '&[data-position="left"]': {
+                '@apply flex-row': {},
+                '@apply pr-2 py-3': {},
+                '&::after': {
+                    '@apply content-[""] border-solid border-6 border-r-0': {},
+                    '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {}
+                }
+            },
+            // Right
+            '&[data-position="right"]': {
+                '@apply flex-row': {},
+                '@apply pl-2 py-3': {},
+                '&::before': {
+                    '@apply content-[""] border-solid border-6 border-l-0': {},
+                    '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {}
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\n  '.sk-tooltip': {\n    '@apply inline-flex justify-center items-center': {},\n    '@apply w-fit h-fit': {},\n    '@apply grow-0': {},\n\n    '&-text': {\n      '@apply inline-flex': {},\n      '@apply bg-primary-surface shadow': {},\n      '@apply px-16 py-8': {},\n      '@apply rounded-utility': {},\n      '@apply text-light-primary text-small': {},\n      '@apply font-bold': {},\n      '@apply w-fit h-fit': {},\n      '@apply grow-0': {},\n      '@apply min-h-34': {},\n    },\n\n    //Arrow\n    '&::after, &::before': {\n      '@apply h-0 w-0 overflow-hidden': {},\n    },\n\n    // Above\n    '&[data-position=\"above\"]': {\n      '@apply flex-col': {},\n      '@apply pb-2': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-6 border-b-0': {},\n        '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\n      },\n    },\n\n    // Below\n    '&[data-position=\"below\"]': {\n      '@apply flex-col': {},\n      '@apply pt-2': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-6 border-t-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\n      },\n    },\n\n    // Left\n    '&[data-position=\"left\"]': {\n      '@apply flex-row': {},\n      '@apply pr-2 py-3': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-6 border-r-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\n      },\n    },\n\n    // Right\n    '&[data-position=\"right\"]': {\n      '@apply flex-row': {},\n      '@apply pl-2 py-3': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-6 border-l-0': {},\n        '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\n      },\n    },\n  },\n});\n"],"names":["Tooltip"],"mappings":"AAAA,OAAO,IAAMA,QAAU,iBAAO,CAC5B,cAAe,CACb,iDAAkD,CAAC,EACnD,qBAAsB,CAAC,EACvB,gBAAiB,CAAC,EAElB,SAAU,CACR,qBAAsB,CAAC,EACvB,mCAAoC,CAAC,EACrC,oBAAqB,CAAC,EACtB,yBAA0B,CAAC,EAC3B,uCAAwC,CAAC,EACzC,mBAAoB,CAAC,EACrB,qBAAsB,CAAC,EACvB,gBAAiB,CAAC,EAClB,kBAAmB,CAAC,CACtB,EAGA,sBAAuB,CACrB,iCAAkC,CAAC,CACrC,EAGA,2BAA4B,CAC1B,kBAAmB,CAAC,EACpB,cAAe,CAAC,EAChB,WAAY,CACV,uDAAwD,CAAC,EACzD,iGAAkG,CAAC,CACrG,CACF,EAGA,2BAA4B,CAC1B,kBAAmB,CAAC,EACpB,cAAe,CAAC,EAChB,YAAa,CACX,uDAAwD,CAAC,EACzD,iGAAkG,CAAC,CACrG,CACF,EAGA,0BAA2B,CACzB,kBAAmB,CAAC,EACpB,mBAAoB,CAAC,EACrB,WAAY,CACV,uDAAwD,CAAC,EACzD,iGAAkG,CAAC,CACrG,CACF,EAGA,2BAA4B,CAC1B,kBAAmB,CAAC,EACpB,mBAAoB,CAAC,EACrB,YAAa,CACX,uDAAwD,CAAC,EACzD,iGAAkG,CAAC,CACrG,CACF,CACF,CACF,EAAG"}
+{"version":3,"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\n  '.sk-tooltip': {\n    '@apply inline-flex justify-center items-center': {},\n    '@apply w-fit h-fit': {},\n    '@apply grow-0': {},\n\n    '&-text': {\n      '@apply inline-flex': {},\n      '@apply bg-primary-surface shadow': {},\n      '@apply px-16 py-8': {},\n      '@apply rounded-utility': {},\n      '@apply text-light-primary text-small': {},\n      '@apply font-bold': {},\n      '@apply w-fit h-fit': {},\n      '@apply grow-0': {},\n      '@apply min-h-34': {},\n    },\n\n    //Arrow\n    '&::after, &::before': {\n      '@apply h-0 w-0 overflow-hidden': {},\n    },\n\n    // Above\n    '&[data-position=\"above\"]': {\n      '@apply flex-col': {},\n      '@apply pb-2': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-6 border-b-0': {},\n        '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\n      },\n    },\n\n    // Below\n    '&[data-position=\"below\"]': {\n      '@apply flex-col': {},\n      '@apply pt-2': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-6 border-t-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\n      },\n    },\n\n    // Left\n    '&[data-position=\"left\"]': {\n      '@apply flex-row': {},\n      '@apply pr-2 py-3': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-6 border-r-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\n      },\n    },\n\n    // Right\n    '&[data-position=\"right\"]': {\n      '@apply flex-row': {},\n      '@apply pl-2 py-3': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-6 border-l-0': {},\n        '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\n      },\n    },\n  },\n});\n"],"names":["Tooltip"],"mappings":"AAAA,OAAO,IAAMA,UAAU;WAAO;QAC5B,eAAe;YACb,kDAAkD,CAAC;YACnD,sBAAsB,CAAC;YACvB,iBAAiB,CAAC;YAElB,UAAU;gBACR,sBAAsB,CAAC;gBACvB,oCAAoC,CAAC;gBACrC,qBAAqB,CAAC;gBACtB,0BAA0B,CAAC;gBAC3B,wCAAwC,CAAC;gBACzC,oBAAoB,CAAC;gBACrB,sBAAsB,CAAC;gBACvB,iBAAiB,CAAC;gBAClB,mBAAmB,CAAC;YACtB;YAEA,OAAO;YACP,uBAAuB;gBACrB,kCAAkC,CAAC;YACrC;YAEA,QAAQ;YACR,4BAA4B;gBAC1B,mBAAmB,CAAC;gBACpB,eAAe,CAAC;gBAChB,YAAY;oBACV,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;YAEA,QAAQ;YACR,4BAA4B;gBAC1B,mBAAmB,CAAC;gBACpB,eAAe,CAAC;gBAChB,aAAa;oBACX,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;YAEA,OAAO;YACP,2BAA2B;gBACzB,mBAAmB,CAAC;gBACpB,oBAAoB,CAAC;gBACrB,YAAY;oBACV,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;YAEA,QAAQ;YACR,4BAA4B;gBAC1B,mBAAmB,CAAC;gBACpB,oBAAoB,CAAC;gBACrB,aAAa;oBACX,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;QACF;IACF;EAAG"}

package/dist/esm/components/user-menu.js

@@ -1,2 +1,18 @@
-export var UserMenu=function(){return{".sk-usermenu":{"@apply relative":{},"&-button":{"@apply p-0 bg-transparent hover:bg-transparent":{},"@apply border-0":{},"@apply hover:border-0":{},".sk-avatar":{height:"inherit",width:"inherit"}}}}};
+export var UserMenu = function() {
+    return {
+        '.sk-usermenu': {
+            '@apply relative': {},
+            '&-button': {
+                '@apply p-0 bg-transparent hover:bg-transparent': {},
+                '@apply border-0': {},
+                '@apply hover:border-0': {},
+                '.sk-avatar': {
+                    height: 'inherit',
+                    width: 'inherit'
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=user-menu.js.map

package/dist/esm/components/user-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["export const UserMenu = () => ({\r\n  '.sk-usermenu': {\r\n    '@apply relative': {},\r\n    '&-button': {\r\n      '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n      '@apply border-0': {},\r\n      '@apply hover:border-0': {},\r\n      '.sk-avatar': {\r\n        height: 'inherit',\r\n        width: 'inherit',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["UserMenu","height","width"],"mappings":"AAAA,OAAO,IAAMA,SAAW,iBAAO,CAC7B,eAAgB,CACd,kBAAmB,CAAC,EACpB,WAAY,CACV,iDAAkD,CAAC,EACnD,kBAAmB,CAAC,EACpB,wBAAyB,CAAC,EAC1B,aAAc,CACZC,OAAQ,UACRC,MAAO,SACT,CACF,CACF,CACF,EAAG"}
+{"version":3,"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["export const UserMenu = () => ({\r\n  '.sk-usermenu': {\r\n    '@apply relative': {},\r\n    '&-button': {\r\n      '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n      '@apply border-0': {},\r\n      '@apply hover:border-0': {},\r\n      '.sk-avatar': {\r\n        height: 'inherit',\r\n        width: 'inherit',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["UserMenu","height","width"],"mappings":"AAAA,OAAO,IAAMA,WAAW;WAAO;QAC7B,gBAAgB;YACd,mBAAmB,CAAC;YACpB,YAAY;gBACV,kDAAkD,CAAC;gBACnD,mBAAmB,CAAC;gBACpB,yBAAyB,CAAC;gBAC1B,cAAc;oBACZC,QAAQ;oBACRC,OAAO;gBACT;YACF;QACF;IACF;EAAG"}

package/dist/esm/components.js

@@ -1,2 +1,408 @@
-import{Accordion}from"./components/accordion";import{Avatar}from"./components/avatar";import{Badge}from"./components/badge";import{Breadcrumb}from"./components/breadcrumb";import{Button}from"./components/button";import{ButtonGroup}from"./components/button-group";import{Callout}from"./components/callout";import{Card}from"./components/card";import{Checkbox}from"./components/checkbox";import{Chip}from"./components/chip";import{ComboBox}from"./components/combobox";import{CookieConsent}from"./components/cookie-consent";import{Dialog}from"./components/dialog";import{Divider}from"./components/divider";import{Dot}from"./components/dot";import{FileUpload}from"./components/file-upload";import{Filter}from"./components/filter";import{Footer}from"./components/footer";import{Forms}from"./components/forms";import{Header}from"./components/header";import{Icon}from"./components/icon";import{Input}from"./components/input";import{Label}from"./components/label";import{Link}from"./components/link";import{List}from"./components/list";import{Logo}from"./components/logo";import{MenuVertical}from"./components/menu-vertical";import{MenuBar}from"./components/menubar";import{Modal}from"./components/modal";import{Pagination}from"./components/pagination";import{PopupMenu}from"./components/popup-menu";import{ProgressBar}from"./components/progress-bar";import{ProgressStepper}from"./components/progress-stepper";import{Radio}from"./components/radio";import{SearchField}from"./components/search-field";import{Select}from"./components/select";import{Snackbar}from"./components/snackbar";import{Spinner}from"./components/spinner";import{Switch}from"./components/switch";import{Table}from"./components/table";import{Tabs}from"./components/tabs";import{Tooltip}from"./components/tooltip";import{UserMenu}from"./components/user-menu";import{AIFeed}from"./components/ai/ai-feed";import{AICornerModule}from"./components/ai/ai-corner-module";import{AIServiceModule}from"./components/ai/ai-service-module";import{AssistantPresentation}from"./components/ai/assistant-presentation";import{AssistantSwitch}from"./components/ai/assistant-switch";import{Bubble}from"./components/ai/bubble";import{Feedback}from"./components/ai/feedback";import{InputSection}from"./components/ai/input-section";import{MarkdownRendered}from"./components/ai/markdown-rendered";import{NewSessionButton}from"./components/ai/new-session-button";import{TypingBubble}from"./components/ai/typing-bubble";import{TypingSequence}from"./components/ai/typing-sequence";export var components=[{comp:Accordion,deps:[Button,Divider,Icon,Label]},{comp:Avatar},{comp:Badge},{comp:Breadcrumb,deps:[Link]},{comp:Button,deps:[Link,Spinner,ButtonGroup]},{comp:ButtonGroup},{comp:Callout},{comp:Card,deps:[Button,Link]},{comp:Checkbox},{comp:Chip,deps:[Icon]},{comp:ComboBox},{comp:CookieConsent,deps:[Button,Forms]},{comp:Dialog,deps:[Modal]},{comp:Divider},{comp:Dot},{comp:FileUpload,deps:[Icon,Forms,Button,PopupMenu,Modal,Divider,Link]},{comp:Filter,deps:[Badge,Forms]},{comp:Footer,deps:[Divider,Link,Logo]},{comp:Forms,deps:[Icon,Checkbox,ComboBox,Select,Input,Radio,Switch,PopupMenu]},{comp:Header,deps:[Divider,Link,Logo]},{comp:Input},{comp:Label},{comp:Link,deps:[Icon]},{comp:List,deps:[Link]},{comp:Logo,deps:[Divider]},{comp:MenuBar,deps:[PopupMenu]},{comp:Icon},{comp:MenuVertical,deps:[Button,Divider,Icon,Logo]},{comp:Modal,deps:[Button,Icon]},{comp:Pagination,deps:[Button,Forms,Icon]},{comp:PopupMenu,deps:[Button,Link]},{comp:ProgressBar},{comp:ProgressStepper,deps:[Divider,Icon]},{comp:SearchField,deps:[Button,Forms,Icon]},{comp:Select},{comp:Snackbar,deps:[Button,Icon]},{comp:Spinner},{comp:Radio},{comp:Switch,deps:[Icon]},{comp:Table,deps:[Forms,Icon,Pagination]},{comp:Tabs,deps:[Button,MenuBar]},{comp:Tooltip},{comp:UserMenu,deps:[Avatar,Logo,PopupMenu]},{comp:AIFeed,deps:[Accordion,Button,Avatar,TypingBubble,Feedback,MarkdownRendered]},{comp:AICornerModule,deps:[AIFeed,AssistantPresentation,InputSection,Avatar,Bubble,Link,Button,Divider,Icon,Tooltip,MenuBar]},{comp:AIServiceModule,deps:[AIFeed,Bubble,InputSection,Forms,Link,Button,Icon]},{comp:AssistantPresentation,deps:[Avatar]},{comp:AssistantSwitch,deps:[Avatar,Icon]},{comp:Bubble,deps:[Icon]},{comp:Feedback,deps:[Button,Icon]},{comp:InputSection,deps:[Forms,Button,Icon]},{comp:MarkdownRendered,deps:[Link]},{comp:NewSessionButton,deps:[Button,Icon]},{comp:TypingBubble,deps:[TypingSequence]},{comp:TypingSequence}];
+// components
+import { Accordion } from './components/accordion.js';
+import { Avatar } from './components/avatar.js';
+import { Badge } from './components/badge.js';
+import { Breadcrumb } from './components/breadcrumb.js';
+import { Button } from './components/button.js';
+import { ButtonGroup } from './components/button-group.js';
+import { Callout } from './components/callout.js';
+import { Card } from './components/card.js';
+import { Checkbox } from './components/checkbox.js';
+import { Chip } from './components/chip.js';
+import { ComboBox } from './components/combobox.js';
+import { CookieConsent } from './components/cookie-consent.js';
+import { Dialog } from './components/dialog.js';
+import { Divider } from './components/divider.js';
+import { Dot } from './components/dot.js';
+import { FileUpload } from './components/file-upload.js';
+import { Filter } from './components/filter.js';
+import { Footer } from './components/footer.js';
+import { Forms } from './components/forms.js';
+import { Header } from './components/header.js';
+import { Icon } from './components/icon.js';
+import { Input } from './components/input.js';
+import { Label } from './components/label.js';
+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 { Modal } from './components/modal.js';
+import { Pagination } from './components/pagination.js';
+import { PopupMenu } from './components/popup-menu.js';
+import { ProgressBar } from './components/progress-bar.js';
+import { ProgressStepper } from './components/progress-stepper.js';
+import { Radio } from './components/radio.js';
+import { SearchField } from './components/search-field.js';
+import { Select } from './components/select.js';
+import { Snackbar } from './components/snackbar.js';
+import { Spinner } from './components/spinner.js';
+import { Switch } from './components/switch.js';
+import { Table } from './components/table.js';
+import { Tabs } from './components/tabs.js';
+import { Tooltip } from './components/tooltip.js';
+import { UserMenu } from './components/user-menu.js';
+//AI COMPONENTS
+import { AIFeed } from './components/ai/ai-feed.js';
+import { AICornerModule } from './components/ai/ai-corner-module.js';
+import { AIServiceModule } from './components/ai/ai-service-module.js';
+import { AssistantPresentation } from './components/ai/assistant-presentation.js';
+import { AssistantSwitch } from './components/ai/assistant-switch.js';
+import { Bubble } from './components/ai/bubble.js';
+import { Feedback } from './components/ai/feedback.js';
+import { InputSection } from './components/ai/input-section.js';
+import { MarkdownRendered } from './components/ai/markdown-rendered.js';
+import { NewSessionButton } from './components/ai/new-session-button.js';
+import { TypingBubble } from './components/ai/typing-bubble.js';
+import { TypingSequence } from './components/ai/typing-sequence.js';
+export var components = [
+    {
+        comp: Accordion,
+        deps: [
+            Button,
+            Divider,
+            Icon,
+            Label
+        ]
+    },
+    {
+        comp: Avatar
+    },
+    {
+        comp: Badge
+    },
+    {
+        comp: Breadcrumb,
+        deps: [
+            Link
+        ]
+    },
+    {
+        comp: Button,
+        deps: [
+            Link,
+            Spinner,
+            ButtonGroup
+        ]
+    },
+    {
+        comp: ButtonGroup
+    },
+    {
+        comp: Callout
+    },
+    {
+        comp: Card,
+        deps: [
+            Button,
+            Link
+        ]
+    },
+    {
+        comp: Checkbox
+    },
+    {
+        comp: Chip,
+        deps: [
+            Icon
+        ]
+    },
+    {
+        comp: ComboBox
+    },
+    {
+        comp: CookieConsent,
+        deps: [
+            Button,
+            Forms
+        ]
+    },
+    {
+        comp: Dialog,
+        deps: [
+            Modal
+        ]
+    },
+    {
+        comp: Divider
+    },
+    {
+        comp: Dot
+    },
+    {
+        comp: FileUpload,
+        deps: [
+            Icon,
+            Forms,
+            Button,
+            PopupMenu,
+            Modal,
+            Divider,
+            Link
+        ]
+    },
+    {
+        comp: Filter,
+        deps: [
+            Badge,
+            Forms
+        ]
+    },
+    {
+        comp: Footer,
+        deps: [
+            Divider,
+            Link,
+            Logo
+        ]
+    },
+    {
+        comp: Forms,
+        deps: [
+            Icon,
+            Checkbox,
+            ComboBox,
+            Select,
+            Input,
+            Radio,
+            Switch,
+            PopupMenu
+        ]
+    },
+    {
+        comp: Header,
+        deps: [
+            Divider,
+            Link,
+            Logo
+        ]
+    },
+    {
+        comp: Input
+    },
+    {
+        comp: Label
+    },
+    {
+        comp: Link,
+        deps: [
+            Icon
+        ]
+    },
+    {
+        comp: List,
+        deps: [
+            Link
+        ]
+    },
+    {
+        comp: Logo,
+        deps: [
+            Divider
+        ]
+    },
+    {
+        comp: MenuBar,
+        deps: [
+            PopupMenu
+        ]
+    },
+    {
+        comp: Icon
+    },
+    {
+        comp: MenuVertical,
+        deps: [
+            Button,
+            Divider,
+            Icon,
+            Logo
+        ]
+    },
+    {
+        comp: Modal,
+        deps: [
+            Button,
+            Icon
+        ]
+    },
+    {
+        comp: Pagination,
+        deps: [
+            Button,
+            Forms,
+            Icon
+        ]
+    },
+    {
+        comp: PopupMenu,
+        deps: [
+            Button,
+            Link
+        ]
+    },
+    {
+        comp: ProgressBar
+    },
+    {
+        comp: ProgressStepper,
+        deps: [
+            Divider,
+            Icon
+        ]
+    },
+    {
+        comp: SearchField,
+        deps: [
+            Button,
+            Forms,
+            Icon
+        ]
+    },
+    {
+        comp: Select
+    },
+    {
+        comp: Snackbar,
+        deps: [
+            Button,
+            Icon
+        ]
+    },
+    {
+        comp: Spinner
+    },
+    {
+        comp: Radio
+    },
+    {
+        comp: Switch,
+        deps: [
+            Icon
+        ]
+    },
+    {
+        comp: Table,
+        deps: [
+            Forms,
+            Icon,
+            Pagination
+        ]
+    },
+    {
+        comp: Tabs,
+        deps: [
+            Button,
+            MenuBar
+        ]
+    },
+    {
+        comp: Tooltip
+    },
+    {
+        comp: UserMenu,
+        deps: [
+            Avatar,
+            Logo,
+            PopupMenu
+        ]
+    },
+    //AI COMPONENTS
+    {
+        comp: AIFeed,
+        deps: [
+            Accordion,
+            Button,
+            Avatar,
+            TypingBubble,
+            Feedback,
+            MarkdownRendered
+        ]
+    },
+    {
+        comp: AICornerModule,
+        deps: [
+            AIFeed,
+            AssistantPresentation,
+            InputSection,
+            Avatar,
+            Bubble,
+            Link,
+            Button,
+            Divider,
+            Icon,
+            Tooltip,
+            MenuBar
+        ]
+    },
+    {
+        comp: AIServiceModule,
+        deps: [
+            AIFeed,
+            Bubble,
+            InputSection,
+            Forms,
+            Link,
+            Button,
+            Icon
+        ]
+    },
+    {
+        comp: AssistantPresentation,
+        deps: [
+            Avatar
+        ]
+    },
+    {
+        comp: AssistantSwitch,
+        deps: [
+            Avatar,
+            Icon
+        ]
+    },
+    {
+        comp: Bubble,
+        deps: [
+            Icon
+        ]
+    },
+    {
+        comp: Feedback,
+        deps: [
+            Button,
+            Icon
+        ]
+    },
+    {
+        comp: InputSection,
+        deps: [
+            Forms,
+            Button,
+            Icon
+        ]
+    },
+    {
+        comp: MarkdownRendered,
+        deps: [
+            Link
+        ]
+    },
+    {
+        comp: NewSessionButton,
+        deps: [
+            Button,
+            Icon
+        ]
+    },
+    {
+        comp: TypingBubble,
+        deps: [
+            TypingSequence
+        ]
+    },
+    {
+        comp: TypingSequence
+    }
+];
+
 //# sourceMappingURL=components.js.map