@sk-web-gui/core 4.1.2 → 4.3.0

package/dist/cjs/components/ai/chat-input.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ChatInput", {
+    enumerable: true,
+    get: function() {
+        return ChatInput;
+    }
+});
+const ChatInput = ()=>({
+        '.sk-chat-input': {
+            '&-textarea': {
+                '@apply flex': {},
+                '@apply grow shrink': {},
+                '@apply self-start': {},
+                '&[data-wrap="true"]': {
+                    '@apply w-full': {}
+                },
+                '&[data-wrap="false"]': {
+                    '@apply w-auto': {}
+                },
+                '&-sm': {
+                    '@apply min-h-34+1': {},
+                    '@apply max-h-[11rem]': {},
+                    '@apply mt-5': {}
+                },
+                '&-md': {
+                    '@apply min-h-42': {},
+                    '@apply max-h-[13.4rem]': {},
+                    '@apply mt-4': {}
+                },
+                '&-lg': {
+                    '@apply min-h-56': {},
+                    '@apply max-h-[14.2rem]': {},
+                    '@apply mt-6': {}
+                }
+            },
+            '&-wrapper': {
+                '@apply flex flex-row flex-wrap': {},
+                '@apply justify-end': {}
+            },
+            '&-submitbutton': {
+                '@apply shrink-0 flex justify-self-end': {},
+                '@apply relative': {},
+                '&-sm': {
+                    '@apply py-5 px-7': {}
+                },
+                '&-md': {
+                    '@apply py-7 px-9': {}
+                },
+                '&-lg': {
+                    '@apply py-11 px-13': {}
+                },
+                '&-inner-wrapper': {
+                    '@apply relative inline-flex items-center': {}
+                },
+                '&-tooltip': {
+                    '@apply absolute right-full': {}
+                }
+            },
+            '&-toolbar': {
+                '@apply flex': {},
+                '@apply relative': {},
+                '@apply gap-6': {},
+                '@apply bg-transparent': {},
+                '@apply justify-start': {},
+                '@apply w-auto': {},
+                '@apply shrink grow': {},
+                '&-sm': {
+                    '@apply py-5 px-7': {}
+                },
+                '&-md': {
+                    '@apply py-7 px-9': {}
+                },
+                '&-lg': {
+                    '@apply py-11 px-13': {}
+                },
+                '&-button': {
+                    '&-wrapper': {
+                        '@apply relative inline-flex justify-center overflow-visible': {}
+                    },
+                    '&-tooltip': {
+                        '@apply absolute shrink-0 bottom-full w-max': {}
+                    }
+                }
+            }
+        }
+    });
+
+//# sourceMappingURL=chat-input.js.map

package/dist/cjs/components/ai/chat-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ai/chat-input.ts"],"sourcesContent":["export const ChatInput = () => ({\r\n  '.sk-chat-input': {\r\n    '&-textarea': {\r\n      '@apply flex': {},\r\n      '@apply grow shrink': {},\r\n      '@apply self-start': {},\r\n      '&[data-wrap=\"true\"]': {\r\n        '@apply w-full': {},\r\n      },\r\n      '&[data-wrap=\"false\"]': {\r\n        '@apply w-auto': {},\r\n      },\r\n      '&-sm': {\r\n        '@apply min-h-34+1': {},\r\n        '@apply max-h-[11rem]': {},\r\n        '@apply mt-5': {},\r\n      },\r\n      '&-md': {\r\n        '@apply min-h-42': {},\r\n        '@apply max-h-[13.4rem]': {},\r\n        '@apply mt-4': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply min-h-56': {},\r\n        '@apply max-h-[14.2rem]': {},\r\n        '@apply mt-6': {},\r\n      },\r\n    },\r\n\r\n    '&-wrapper': {\r\n      '@apply flex flex-row flex-wrap': {},\r\n      '@apply justify-end': {},\r\n    },\r\n\r\n    '&-submitbutton': {\r\n      '@apply shrink-0 flex justify-self-end': {},\r\n      '@apply relative': {},\r\n      '&-sm': {\r\n        '@apply py-5 px-7': {},\r\n      },\r\n      '&-md': {\r\n        '@apply py-7 px-9': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply py-11 px-13': {},\r\n      },\r\n      '&-inner-wrapper': {\r\n        '@apply relative inline-flex items-center': {},\r\n      },\r\n      '&-tooltip': {\r\n        '@apply absolute right-full': {},\r\n      },\r\n    },\r\n\r\n    '&-toolbar': {\r\n      '@apply flex': {},\r\n      '@apply relative': {},\r\n      '@apply gap-6': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply justify-start': {},\r\n      '@apply w-auto': {},\r\n      '@apply shrink grow': {},\r\n      '&-sm': {\r\n        '@apply py-5 px-7': {},\r\n      },\r\n      '&-md': {\r\n        '@apply py-7 px-9': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply py-11 px-13': {},\r\n      },\r\n      '&-button': {\r\n        '&-wrapper': {\r\n          '@apply relative inline-flex justify-center overflow-visible': {},\r\n        },\r\n        '&-tooltip': {\r\n          '@apply absolute shrink-0 bottom-full w-max': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ChatInput"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,YAAY,IAAO,CAAA;QAC9B,kBAAkB;YAChB,cAAc;gBACZ,eAAe,CAAC;gBAChB,sBAAsB,CAAC;gBACvB,qBAAqB,CAAC;gBACtB,uBAAuB;oBACrB,iBAAiB,CAAC;gBACpB;gBACA,wBAAwB;oBACtB,iBAAiB,CAAC;gBACpB;gBACA,QAAQ;oBACN,qBAAqB,CAAC;oBACtB,wBAAwB,CAAC;oBACzB,eAAe,CAAC;gBAClB;gBACA,QAAQ;oBACN,mBAAmB,CAAC;oBACpB,0BAA0B,CAAC;oBAC3B,eAAe,CAAC;gBAClB;gBACA,QAAQ;oBACN,mBAAmB,CAAC;oBACpB,0BAA0B,CAAC;oBAC3B,eAAe,CAAC;gBAClB;YACF;YAEA,aAAa;gBACX,kCAAkC,CAAC;gBACnC,sBAAsB,CAAC;YACzB;YAEA,kBAAkB;gBAChB,yCAAyC,CAAC;gBAC1C,mBAAmB,CAAC;gBACpB,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,sBAAsB,CAAC;gBACzB;gBACA,mBAAmB;oBACjB,4CAA4C,CAAC;gBAC/C;gBACA,aAAa;oBACX,8BAA8B,CAAC;gBACjC;YACF;YAEA,aAAa;gBACX,eAAe,CAAC;gBAChB,mBAAmB,CAAC;gBACpB,gBAAgB,CAAC;gBACjB,yBAAyB,CAAC;gBAC1B,wBAAwB,CAAC;gBACzB,iBAAiB,CAAC;gBAClB,sBAAsB,CAAC;gBACvB,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,sBAAsB,CAAC;gBACzB;gBACA,YAAY;oBACV,aAAa;wBACX,+DAA+D,CAAC;oBAClE;oBACA,aAAa;wBACX,8CAA8C,CAAC;oBACjD;gBACF;YACF;QACF;IACF,CAAA"}

package/dist/cjs/components/alert.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Alert", {
+    enumerable: true,
+    get: function() {
+        return Alert;
+    }
+});
+const Alert = ()=>({
+        '.sk-alert': {
+            '@apply flex rounded-button': {},
+            '&-sm': {
+                '@apply rounded-xl gap-8 pl-10 pr-6': {},
+                '.sk-alert-icon': {
+                    '@apply mt-6': {}
+                }
+            },
+            '&-md': {
+                '@apply gap-12 pl-16 pr-12 py-12': {},
+                '.sk-alert-icon': {
+                    '@apply mt-6': {}
+                }
+            },
+            '&-lg': {
+                '@apply gap-12 pl-16 pr-12 py-12': {},
+                '.sk-alert-icon': {
+                    '@apply mt-6': {}
+                }
+            },
+            '&-content': {
+                '@apply flex flex-col w-full grow': {},
+                '&-description': {
+                    '@apply text-small': {}
+                },
+                '&-sm': {
+                    '@apply py-6': {},
+                    '.sk-alert-content-title': {
+                        '@apply text-small m-0': {}
+                    }
+                },
+                '&-md': {
+                    '@apply py-4': {},
+                    '.sk-alert-content-title': {
+                        '@apply text-base': {}
+                    }
+                },
+                '&-lg': {
+                    '@apply py-4': {},
+                    '.sk-alert-content-title': {
+                        '@apply text-large': {}
+                    },
+                    '.sk-alert-content-description': {
+                        '@apply text-base text-secondary': {}
+                    }
+                }
+            },
+            '&-icon': {
+                '@apply flex-none': {}
+            },
+            '&-button': {
+                '@apply flex-none justify-self-end': {}
+            },
+            '&-info': {
+                '@apply border-1 border-vattjom-surface-primary bg-vattjom-background-100': {}
+            },
+            '&-neutral': {
+                '@apply border-1 border-divider bg-background-100': {}
+            },
+            '&-success': {
+                '@apply border-1 border-gronsta-surface-primary bg-gronsta-background-100': {}
+            },
+            '&-warning': {
+                '@apply border-1 border-warning-surface-primary bg-warning-background-100': {}
+            },
+            '&-error': {
+                '@apply border-1 border-error-surface-primary bg-error-background-100': {}
+            }
+        }
+    });
+
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/alert.ts"],"sourcesContent":["export const Alert = () => ({\r\n  '.sk-alert': {\r\n    '@apply flex rounded-button': {},\r\n    '&-sm': {\r\n      '@apply rounded-xl gap-8 pl-10 pr-6': {},\r\n      '.sk-alert-icon': {\r\n        '@apply mt-6': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply gap-12 pl-16 pr-12 py-12': {},\r\n      '.sk-alert-icon': {\r\n        '@apply mt-6': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply gap-12 pl-16 pr-12 py-12': {},\r\n      '.sk-alert-icon': {\r\n        '@apply mt-6': {},\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-col w-full grow': {},\r\n      '&-description': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&-sm': {\r\n        '@apply py-6': {},\r\n        '.sk-alert-content-title': {\r\n          '@apply text-small m-0': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply py-4': {},\r\n        '.sk-alert-content-title': {\r\n          '@apply text-base': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply py-4': {},\r\n        '.sk-alert-content-title': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-alert-content-description': {\r\n          '@apply text-base text-secondary': {},\r\n        },\r\n      },\r\n    },\r\n    '&-icon': {\r\n      '@apply flex-none': {},\r\n    },\r\n    '&-button': {\r\n      '@apply flex-none justify-self-end': {},\r\n    },\r\n    '&-info': {\r\n      '@apply border-1 border-vattjom-surface-primary bg-vattjom-background-100': {},\r\n    },\r\n    '&-neutral': {\r\n      '@apply border-1 border-divider bg-background-100': {},\r\n    },\r\n    '&-success': {\r\n      '@apply border-1 border-gronsta-surface-primary bg-gronsta-background-100': {},\r\n    },\r\n    '&-warning': {\r\n      '@apply border-1 border-warning-surface-primary bg-warning-background-100': {},\r\n    },\r\n    '&-error': {\r\n      '@apply border-1 border-error-surface-primary bg-error-background-100': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Alert"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,QAAQ,IAAO,CAAA;QAC1B,aAAa;YACX,8BAA8B,CAAC;YAC/B,QAAQ;gBACN,sCAAsC,CAAC;gBACvC,kBAAkB;oBAChB,eAAe,CAAC;gBAClB;YACF;YACA,QAAQ;gBACN,mCAAmC,CAAC;gBACpC,kBAAkB;oBAChB,eAAe,CAAC;gBAClB;YACF;YACA,QAAQ;gBACN,mCAAmC,CAAC;gBACpC,kBAAkB;oBAChB,eAAe,CAAC;gBAClB;YACF;YACA,aAAa;gBACX,oCAAoC,CAAC;gBACrC,iBAAiB;oBACf,qBAAqB,CAAC;gBACxB;gBACA,QAAQ;oBACN,eAAe,CAAC;oBAChB,2BAA2B;wBACzB,yBAAyB,CAAC;oBAC5B;gBACF;gBACA,QAAQ;oBACN,eAAe,CAAC;oBAChB,2BAA2B;wBACzB,oBAAoB,CAAC;oBACvB;gBACF;gBACA,QAAQ;oBACN,eAAe,CAAC;oBAChB,2BAA2B;wBACzB,qBAAqB,CAAC;oBACxB;oBACA,iCAAiC;wBAC/B,mCAAmC,CAAC;oBACtC;gBACF;YACF;YACA,UAAU;gBACR,oBAAoB,CAAC;YACvB;YACA,YAAY;gBACV,qCAAqC,CAAC;YACxC;YACA,UAAU;gBACR,4EAA4E,CAAC;YAC/E;YACA,aAAa;gBACX,oDAAoD,CAAC;YACvD;YACA,aAAa;gBACX,4EAA4E,CAAC;YAC/E;YACA,aAAa;gBACX,4EAA4E,CAAC;YAC/E;YACA,WAAW;gBACT,wEAAwE,CAAC;YAC3E;QACF;IACF,CAAA"}

package/dist/cjs/components/input.js

@@ -291,6 +291,45 @@ function timeAndDatePicker() {
         }
     };
 }
+function textareaGroup() {
+    return {
+        '&-textarea': {
+            ...inputGroup(),
+            '&-group-inner': {
+                '@apply h-auto': {},
+                '@apply flex-wrap': {},
+                '.sk-form-input-textarea': {
+                    '@apply w-full': {}
+                },
+                '.sk-form-textarea-counter': {
+                    '@apply w-full': {},
+                    '@apply border-t-divider border-t-1': {}
+                },
+                '&&-lg': {
+                    '@apply min-h-48 h-auto': {},
+                    '.sk-form-textarea-counter': {
+                        '@apply px-20': {},
+                        '@apply py-11': {}
+                    }
+                },
+                '&&-md': {
+                    '@apply min-h-40 h-auto': {},
+                    '.sk-form-textarea-counter': {
+                        '@apply px-16': {},
+                        '@apply py-7': {}
+                    }
+                },
+                '&&-sm': {
+                    '@apply min-h-32 h-auto': {},
+                    '.sk-form-textarea-counter': {
+                        '@apply px-12': {},
+                        '@apply py-5': {}
+                    }
+                }
+            }
+        }
+    };
+}
 const Input = ()=>({
         '.sk-form-input': {
             '@apply grow-0': {},
@@ -349,7 +388,8 @@ const Input = ()=>({
             ...inputStandards(),
             ...inputGroup(),
             ...addin(),
-            ...addon()
+            ...addon(),
+            ...textareaGroup()
         }
     });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-input-field-surface': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&:read-only': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply placeholder:text-dark-secondary': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction addon() {\r\n  return {\r\n    '&-addon': {\r\n      '@apply flex flex-none relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n        '@apply h-48': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n        '@apply h-40': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n        '@apply h-32': {},\r\n      },\r\n      '&&-left': {\r\n        '@apply rounded-r-0': {},\r\n        '@apply border-r-0': {},\r\n      },\r\n      '&&-right': {\r\n        '@apply rounded-l-0': {},\r\n        '@apply border-l-0': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '.sk-form-select': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0 hover:border-0': {},\r\n        '@apply focus:ring-0 focus:z-10': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent hover:bg-transparent': {},\r\n        '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '&&-left .sk-form-select': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-select': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n      '.sk-form-combobox': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus-within:ring-0': {},\r\n        '@apply focus-within:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n      },\r\n      '&&-left .sk-form-combobox': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-combobox': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '&-outer': {\r\n        '@apply flex gap-0 max-w-full': {},\r\n        '&[data-hasleftaddon=\"true\"]': {\r\n          '.sk-form-input, .sk-form-input-group-inner': {\r\n            '@apply rounded-l-0': {},\r\n            '@apply border-l-0': {},\r\n          },\r\n        },\r\n        '&[data-hasrightaddon=\"true\"]': {\r\n          '.sk-form-input, .sk-form-input-group-inner': {\r\n            '@apply rounded-r-0': {},\r\n            '@apply border-r-0': {},\r\n          },\r\n        },\r\n      },\r\n      '&-inner': {\r\n        '@apply flex relative grow': {},\r\n        '@apply items-center': {},\r\n        '@apply focus-within:ring': {},\r\n        '@apply focus-within:ring-ring': {},\r\n        '@apply text-dark-secondary': {},\r\n        //Focus\r\n        '@apply focus-within:border-input-field-surface': {},\r\n\r\n        '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n          '@apply focus-within:border-input-field-surface': {},\r\n        },\r\n\r\n        '&&-lg': {\r\n          '@apply text-input-large': {},\r\n          '@apply rounded-button-lg': {},\r\n          '@apply h-48': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply text-input-medium': {},\r\n          '@apply rounded-button-md': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '&&-sm': {\r\n          '@apply text-input-small': {},\r\n          '@apply rounded-button-sm': {},\r\n          '@apply h-32': {},\r\n        },\r\n\r\n        ...inputStandards(),\r\n        '.sk-form-input': {\r\n          '@apply rounded-0': {},\r\n          '@apply border-0': {},\r\n          '@apply focus:ring-0': {},\r\n          '@apply focus:ring-offset-0': {},\r\n          '@apply bg-transparent': {},\r\n          '@apply dark:bg-transparent': {},\r\n          '@apply grow': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-input-field-surface': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-input-field-surface': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-input-field-surface': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n    ...addon(),\r\n  },\r\n});\r\n"],"names":["Input","calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","display","margin"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-input-field-surface': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&:read-only': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply placeholder:text-dark-secondary': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction addon() {\r\n  return {\r\n    '&-addon': {\r\n      '@apply flex flex-none relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n        '@apply h-48': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n        '@apply h-40': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n        '@apply h-32': {},\r\n      },\r\n      '&&-left': {\r\n        '@apply rounded-r-0': {},\r\n        '@apply border-r-0': {},\r\n      },\r\n      '&&-right': {\r\n        '@apply rounded-l-0': {},\r\n        '@apply border-l-0': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '.sk-form-select': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0 hover:border-0': {},\r\n        '@apply focus:ring-0 focus:z-10': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent hover:bg-transparent': {},\r\n        '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '&&-left .sk-form-select': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-select': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n      '.sk-form-combobox': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus-within:ring-0': {},\r\n        '@apply focus-within:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n      },\r\n      '&&-left .sk-form-combobox': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-combobox': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '&-outer': {\r\n        '@apply flex gap-0 max-w-full': {},\r\n        '&[data-hasleftaddon=\"true\"]': {\r\n          '.sk-form-input, .sk-form-input-group-inner': {\r\n            '@apply rounded-l-0': {},\r\n            '@apply border-l-0': {},\r\n          },\r\n        },\r\n        '&[data-hasrightaddon=\"true\"]': {\r\n          '.sk-form-input, .sk-form-input-group-inner': {\r\n            '@apply rounded-r-0': {},\r\n            '@apply border-r-0': {},\r\n          },\r\n        },\r\n      },\r\n      '&-inner': {\r\n        '@apply flex relative grow': {},\r\n        '@apply items-center': {},\r\n        '@apply focus-within:ring': {},\r\n        '@apply focus-within:ring-ring': {},\r\n        '@apply text-dark-secondary': {},\r\n        //Focus\r\n        '@apply focus-within:border-input-field-surface': {},\r\n\r\n        '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n          '@apply focus-within:border-input-field-surface': {},\r\n        },\r\n\r\n        '&&-lg': {\r\n          '@apply text-input-large': {},\r\n          '@apply rounded-button-lg': {},\r\n          '@apply h-48': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply text-input-medium': {},\r\n          '@apply rounded-button-md': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '&&-sm': {\r\n          '@apply text-input-small': {},\r\n          '@apply rounded-button-sm': {},\r\n          '@apply h-32': {},\r\n        },\r\n\r\n        ...inputStandards(),\r\n        '.sk-form-input': {\r\n          '@apply rounded-0': {},\r\n          '@apply border-0': {},\r\n          '@apply focus:ring-0': {},\r\n          '@apply focus:ring-offset-0': {},\r\n          '@apply bg-transparent': {},\r\n          '@apply dark:bg-transparent': {},\r\n          '@apply grow': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction textareaGroup() {\r\n  return {\r\n    '&-textarea': {\r\n      ...inputGroup(),\r\n      '&-group-inner': {\r\n        '@apply h-auto': {},\r\n        '@apply flex-wrap': {},\r\n        '.sk-form-input-textarea': {\r\n          '@apply w-full': {},\r\n        },\r\n        '.sk-form-textarea-counter': {\r\n          '@apply w-full': {},\r\n          '@apply border-t-divider border-t-1': {},\r\n        },\r\n        '&&-lg': {\r\n          '@apply min-h-48 h-auto': {},\r\n          '.sk-form-textarea-counter': {\r\n            '@apply px-20': {},\r\n            '@apply py-11': {},\r\n          },\r\n        },\r\n        '&&-md': {\r\n          '@apply min-h-40 h-auto': {},\r\n          '.sk-form-textarea-counter': {\r\n            '@apply px-16': {},\r\n            '@apply py-7': {},\r\n          },\r\n        },\r\n        '&&-sm': {\r\n          '@apply min-h-32 h-auto': {},\r\n          '.sk-form-textarea-counter': {\r\n            '@apply px-12': {},\r\n            '@apply py-5': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-input-field-surface': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-input-field-surface': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-input-field-surface': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n    ...addon(),\r\n    ...textareaGroup(),\r\n  },\r\n});\r\n"],"names":["Input","calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","textareaGroup","display","margin"],"mappings":"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"}

package/dist/cjs/components/segmented-control.js

@@ -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

@@ -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/cjs/components.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "components", {
     }
 });
 const _accordion = require("./components/accordion");
+const _alert = require("./components/alert");
 const _avatar = require("./components/avatar");
 const _badge = require("./components/badge");
 const _breadcrumb = require("./components/breadcrumb");
@@ -59,6 +60,7 @@ const _aiservicemodule = require("./components/ai/ai-service-module");
 const _assistantpresentation = require("./components/ai/assistant-presentation");
 const _assistantswitch = require("./components/ai/assistant-switch");
 const _bubble = require("./components/ai/bubble");
+const _chatinput = require("./components/ai/chat-input");
 const _feedback = require("./components/ai/feedback");
 const _inputsection = require("./components/ai/input-section");
 const _markdownrendered = require("./components/ai/markdown-rendered");
@@ -75,6 +77,13 @@ const components = [
             _label.Label
         ]
     },
+    {
+        comp: _alert.Alert,
+        deps: [
+            _button.Button,
+            _icon.Icon
+        ]
+    },
     {
         comp: _avatar.Avatar
     },
@@ -386,6 +395,15 @@ const components = [
             _icon.Icon
         ]
     },
+    {
+        comp: _chatinput.ChatInput,
+        deps: [
+            _forms.Forms,
+            _icon.Icon,
+            _button.Button,
+            _divider.Divider
+        ]
+    },
     {
         comp: _feedback.Feedback,
         deps: [
@@ -398,7 +416,8 @@ const components = [
         deps: [
             _forms.Forms,
             _button.Button,
-            _icon.Icon
+            _icon.Icon,
+            _chatinput.ChatInput
         ]
     },
     {

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 { 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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"}
+{"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 { Alert } from './components/alert';\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 { ChatInput } from './components/ai/chat-input';\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: Alert, deps: [Button, Icon] },\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: ChatInput, deps: [Forms, Icon, Button, Divider] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon, ChatInput] },\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","Alert","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","ChatInput","NewSessionButton","TypingSequence"],"mappings":"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"}

package/dist/esm/components/ai/chat-input.js

@@ -0,0 +1,81 @@
+export const ChatInput = ()=>({
+        '.sk-chat-input': {
+            '&-textarea': {
+                '@apply flex': {},
+                '@apply grow shrink': {},
+                '@apply self-start': {},
+                '&[data-wrap="true"]': {
+                    '@apply w-full': {}
+                },
+                '&[data-wrap="false"]': {
+                    '@apply w-auto': {}
+                },
+                '&-sm': {
+                    '@apply min-h-34+1': {},
+                    '@apply max-h-[11rem]': {},
+                    '@apply mt-5': {}
+                },
+                '&-md': {
+                    '@apply min-h-42': {},
+                    '@apply max-h-[13.4rem]': {},
+                    '@apply mt-4': {}
+                },
+                '&-lg': {
+                    '@apply min-h-56': {},
+                    '@apply max-h-[14.2rem]': {},
+                    '@apply mt-6': {}
+                }
+            },
+            '&-wrapper': {
+                '@apply flex flex-row flex-wrap': {},
+                '@apply justify-end': {}
+            },
+            '&-submitbutton': {
+                '@apply shrink-0 flex justify-self-end': {},
+                '@apply relative': {},
+                '&-sm': {
+                    '@apply py-5 px-7': {}
+                },
+                '&-md': {
+                    '@apply py-7 px-9': {}
+                },
+                '&-lg': {
+                    '@apply py-11 px-13': {}
+                },
+                '&-inner-wrapper': {
+                    '@apply relative inline-flex items-center': {}
+                },
+                '&-tooltip': {
+                    '@apply absolute right-full': {}
+                }
+            },
+            '&-toolbar': {
+                '@apply flex': {},
+                '@apply relative': {},
+                '@apply gap-6': {},
+                '@apply bg-transparent': {},
+                '@apply justify-start': {},
+                '@apply w-auto': {},
+                '@apply shrink grow': {},
+                '&-sm': {
+                    '@apply py-5 px-7': {}
+                },
+                '&-md': {
+                    '@apply py-7 px-9': {}
+                },
+                '&-lg': {
+                    '@apply py-11 px-13': {}
+                },
+                '&-button': {
+                    '&-wrapper': {
+                        '@apply relative inline-flex justify-center overflow-visible': {}
+                    },
+                    '&-tooltip': {
+                        '@apply absolute shrink-0 bottom-full w-max': {}
+                    }
+                }
+            }
+        }
+    });
+
+//# sourceMappingURL=chat-input.js.map

package/dist/esm/components/ai/chat-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ai/chat-input.ts"],"sourcesContent":["export const ChatInput = () => ({\r\n  '.sk-chat-input': {\r\n    '&-textarea': {\r\n      '@apply flex': {},\r\n      '@apply grow shrink': {},\r\n      '@apply self-start': {},\r\n      '&[data-wrap=\"true\"]': {\r\n        '@apply w-full': {},\r\n      },\r\n      '&[data-wrap=\"false\"]': {\r\n        '@apply w-auto': {},\r\n      },\r\n      '&-sm': {\r\n        '@apply min-h-34+1': {},\r\n        '@apply max-h-[11rem]': {},\r\n        '@apply mt-5': {},\r\n      },\r\n      '&-md': {\r\n        '@apply min-h-42': {},\r\n        '@apply max-h-[13.4rem]': {},\r\n        '@apply mt-4': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply min-h-56': {},\r\n        '@apply max-h-[14.2rem]': {},\r\n        '@apply mt-6': {},\r\n      },\r\n    },\r\n\r\n    '&-wrapper': {\r\n      '@apply flex flex-row flex-wrap': {},\r\n      '@apply justify-end': {},\r\n    },\r\n\r\n    '&-submitbutton': {\r\n      '@apply shrink-0 flex justify-self-end': {},\r\n      '@apply relative': {},\r\n      '&-sm': {\r\n        '@apply py-5 px-7': {},\r\n      },\r\n      '&-md': {\r\n        '@apply py-7 px-9': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply py-11 px-13': {},\r\n      },\r\n      '&-inner-wrapper': {\r\n        '@apply relative inline-flex items-center': {},\r\n      },\r\n      '&-tooltip': {\r\n        '@apply absolute right-full': {},\r\n      },\r\n    },\r\n\r\n    '&-toolbar': {\r\n      '@apply flex': {},\r\n      '@apply relative': {},\r\n      '@apply gap-6': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply justify-start': {},\r\n      '@apply w-auto': {},\r\n      '@apply shrink grow': {},\r\n      '&-sm': {\r\n        '@apply py-5 px-7': {},\r\n      },\r\n      '&-md': {\r\n        '@apply py-7 px-9': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply py-11 px-13': {},\r\n      },\r\n      '&-button': {\r\n        '&-wrapper': {\r\n          '@apply relative inline-flex justify-center overflow-visible': {},\r\n        },\r\n        '&-tooltip': {\r\n          '@apply absolute shrink-0 bottom-full w-max': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ChatInput"],"mappings":"AAAA,OAAO,MAAMA,YAAY,IAAO,CAAA;QAC9B,kBAAkB;YAChB,cAAc;gBACZ,eAAe,CAAC;gBAChB,sBAAsB,CAAC;gBACvB,qBAAqB,CAAC;gBACtB,uBAAuB;oBACrB,iBAAiB,CAAC;gBACpB;gBACA,wBAAwB;oBACtB,iBAAiB,CAAC;gBACpB;gBACA,QAAQ;oBACN,qBAAqB,CAAC;oBACtB,wBAAwB,CAAC;oBACzB,eAAe,CAAC;gBAClB;gBACA,QAAQ;oBACN,mBAAmB,CAAC;oBACpB,0BAA0B,CAAC;oBAC3B,eAAe,CAAC;gBAClB;gBACA,QAAQ;oBACN,mBAAmB,CAAC;oBACpB,0BAA0B,CAAC;oBAC3B,eAAe,CAAC;gBAClB;YACF;YAEA,aAAa;gBACX,kCAAkC,CAAC;gBACnC,sBAAsB,CAAC;YACzB;YAEA,kBAAkB;gBAChB,yCAAyC,CAAC;gBAC1C,mBAAmB,CAAC;gBACpB,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,sBAAsB,CAAC;gBACzB;gBACA,mBAAmB;oBACjB,4CAA4C,CAAC;gBAC/C;gBACA,aAAa;oBACX,8BAA8B,CAAC;gBACjC;YACF;YAEA,aAAa;gBACX,eAAe,CAAC;gBAChB,mBAAmB,CAAC;gBACpB,gBAAgB,CAAC;gBACjB,yBAAyB,CAAC;gBAC1B,wBAAwB,CAAC;gBACzB,iBAAiB,CAAC;gBAClB,sBAAsB,CAAC;gBACvB,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,sBAAsB,CAAC;gBACzB;gBACA,YAAY;oBACV,aAAa;wBACX,+DAA+D,CAAC;oBAClE;oBACA,aAAa;wBACX,8CAA8C,CAAC;oBACjD;gBACF;YACF;QACF;IACF,CAAA,EAAG"}