orbiq-neural-ui-kit 1.0.12 → 1.0.13

package/fesm2022/orbiq-neural-ui-kit.mjs

@@ -290,9 +290,13 @@ class NeuralBadgeComponent {
             },
         };
         const sizeClasses = {
+            xs: 'h-3 px-1 text-[10px]',
             sm: 'h-4 px-1.5 text-xs',
             md: 'h-5 px-1.5 text-xs',
             lg: 'h-6 px-2 text-[13px] tracking-[0.02em]',
+            xl: 'h-7 px-2.5 text-sm',
+            '2xl': 'h-8 px-3 text-base',
+            '3xl': 'h-10 px-4 text-lg',
         };
         return [
             themeClasses[this.theme()][this.variant()],
@@ -300,7 +304,18 @@ class NeuralBadgeComponent {
         ].join(' ');
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    iconSize = computed(() => (this.size() === 'lg' ? 'size-3' : 'size-2.5'), /* @ts-ignore */
+    iconSize = computed(() => {
+        switch (this.size()) {
+            case 'xs': return 'size-2';
+            case 'sm': return 'size-2.5';
+            case 'md': return 'size-2.5';
+            case 'lg': return 'size-3';
+            case 'xl': return 'size-3.5';
+            case '2xl': return 'size-4';
+            case '3xl': return 'size-5';
+            default: return 'size-2.5';
+        }
+    }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralBadgeComponent, isStandalone: true, selector: "neural-badge", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hasPrefixSlot: { classPropertyName: "hasPrefixSlot", publicName: "hasPrefixSlot", isSignal: true, isRequired: false, transformFunction: null }, hasSuffixSlot: { classPropertyName: "hasSuffixSlot", publicName: "hasSuffixSlot", isSignal: true, isRequired: false, transformFunction: null }, hasDefaultSlot: { classPropertyName: "hasDefaultSlot", publicName: "hasDefaultSlot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
@@ -447,10 +462,13 @@ class NeuralButtonComponent {
     }
     spinnerClasses = computed(() => {
         return {
-            'xs': 'size-3.5',
-            'sm': 'size-4',
-            'md': 'size-4.5',
-            'lg': 'size-5'
+            'xs': 'size-3.5', // 14px
+            'sm': 'size-4', // 16px
+            'md': 'size-5', // 20px
+            'lg': 'size-6', // 24px
+            'xl': 'size-7', // 28px
+            '2xl': 'size-8', // 32px
+            '3xl': 'size-10', // 40px
         }[this.size()];
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "spinnerClasses" }] : /* istanbul ignore next */ []));
@@ -522,15 +540,21 @@ class NeuralButtonComponent {
         const sizeClasses = this.iconOnly()
             ? {
                 xs: 'h-6 w-6 rounded-3',
-                sm: 'h-7 w-7 rounded-4',
-                md: 'h-8 w-8 rounded-4',
-                lg: 'h-10 w-10 rounded-5',
+                sm: 'h-8 w-8 rounded-4',
+                md: 'h-10 w-10 rounded-4',
+                lg: 'h-12 w-12 rounded-5',
+                xl: 'h-14 w-14 rounded-5',
+                '2xl': 'h-16 w-16 rounded-6',
+                '3xl': 'h-20 w-20 rounded-7',
             }[s]
             : {
                 xs: 'h-6 text-xs px-1.5 rounded-3',
-                sm: 'h-7 text-base px-2 rounded-4',
-                md: 'h-8 text-base-medium px-2.5 rounded-4',
-                lg: 'h-10 text-lg-medium px-3 rounded-5',
+                sm: 'h-8 text-sm px-2 rounded-4',
+                md: 'h-10 text-base-medium px-2.5 rounded-4',
+                lg: 'h-12 text-lg-medium px-3 rounded-5',
+                xl: 'h-14 text-xl px-4 rounded-5',
+                '2xl': 'h-16 text-2xl px-5 rounded-6',
+                '3xl': 'h-20 text-3xl px-6 rounded-7',
             }[s];
         return [
             'inline-flex items-center justify-center gap-2 transition-colors shrink-0',
@@ -1005,9 +1029,19 @@ class NeuralCheckboxComponent {
             return 'inline-flex';
         const hasDetail = this.rendersDescription() || this.hasError();
         const sizeVal = this.size();
-        const sizeClass = hasDetail
-            ? sizeVal === 'md' ? 'px-3 py-2' : 'px-1.5 py-1.5'
-            : sizeVal === 'md' ? 'h-8 px-3' : sizeVal === 'sm' ? 'h-7 px-1.5' : 'h-6 px-1.5';
+        const getContainerSize = () => {
+            switch (sizeVal) {
+                case 'xs': return hasDetail ? 'px-1 py-1' : 'h-5 px-1';
+                case 'sm': return hasDetail ? 'px-1.5 py-1.5' : 'h-7 px-1.5';
+                case 'md': return hasDetail ? 'px-2 py-2' : 'h-8 px-2';
+                case 'lg': return hasDetail ? 'px-3 py-3' : 'h-10 px-3';
+                case 'xl': return hasDetail ? 'px-4 py-4' : 'h-12 px-4';
+                case '2xl': return hasDetail ? 'px-5 py-5' : 'h-14 px-5';
+                case '3xl': return hasDetail ? 'px-6 py-6' : 'h-16 px-6';
+                default: return hasDetail ? 'px-1.5 py-1.5' : 'h-7 px-1.5';
+            }
+        };
+        const sizeClass = getContainerSize();
         const classes = ['flex group rounded-4 transition-colors', sizeClass];
         if (!hasDetail)
             classes.push('justify-center');
@@ -1029,11 +1063,16 @@ class NeuralCheckboxComponent {
     }
     inputClasses = computed(() => {
         const sizeVal = this.size();
-        const sizeClasses = sizeVal === 'md'
-            ? 'w-4 h-4'
-            : sizeVal === 'sm'
-                ? 'w-3.5 h-3.5'
-                : 'w-[13px] h-[13px]';
+        const sizeMap = {
+            xs: 'w-3 h-3',
+            sm: 'w-3.5 h-3.5',
+            md: 'w-4 h-4',
+            lg: 'w-5 h-5',
+            xl: 'w-6 h-6',
+            '2xl': 'w-7 h-7',
+            '3xl': 'w-8 h-8'
+        };
+        const sizeClasses = sizeMap[sizeVal] || sizeMap['sm'];
         if (this.disabled()) {
             return [
                 sizeClasses,
@@ -1389,28 +1428,58 @@ class NeuralTextInputComponent {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "suffixClassesCombined" }] : /* istanbul ignore next */ []));
     prefixClasses = computed(() => {
-        const sizeVal = this.size();
-        return sizeVal === 'sm' ? 'ps-2' : sizeVal === 'md' ? 'ps-2.5' : 'ps-3';
+        const sizeMap = {
+            xs: 'ps-1.5',
+            sm: 'ps-2',
+            md: 'ps-3',
+            lg: 'ps-4',
+            xl: 'ps-5',
+            '2xl': 'ps-6',
+            '3xl': 'ps-8'
+        };
+        return sizeMap[this.size()] || 'ps-2';
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "prefixClasses" }] : /* istanbul ignore next */ []));
     suffixClasses = computed(() => {
-        const sizeVal = this.size();
-        return sizeVal === 'sm' ? 'pe-2' : sizeVal === 'md' ? 'pe-2.5' : 'pe-3';
+        const sizeMap = {
+            xs: 'pe-1.5',
+            sm: 'pe-2',
+            md: 'pe-3',
+            lg: 'pe-4',
+            xl: 'pe-5',
+            '2xl': 'pe-6',
+            '3xl': 'pe-8'
+        };
+        return sizeMap[this.size()] || 'pe-2';
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "suffixClasses" }] : /* istanbul ignore next */ []));
     inputClasses = computed(() => {
         const sizeVal = this.size();
-        const sizeClass = sizeVal === 'sm' ? 'text-base rounded-4 h-7'
-            : sizeVal === 'md' ? 'text-base rounded-4 h-8'
-                : sizeVal === 'lg' ? 'text-lg rounded-5 h-10'
-                    : 'text-2xl rounded-5 h-10';
+        const sizeMap = {
+            xs: 'text-xs rounded-3 h-6',
+            sm: 'text-sm rounded-4 h-8',
+            md: 'text-base rounded-4 h-10',
+            lg: 'text-lg rounded-5 h-12',
+            xl: 'text-xl rounded-5 h-14',
+            '2xl': 'text-2xl rounded-6 h-16',
+            '3xl': 'text-3xl rounded-7 h-20'
+        };
+        const sizeClass = sizeMap[sizeVal] || sizeMap['sm'];
         const hasPrefix = this.hasPrefixSlot();
         const hasSuffix = this.hasSuffixSlot();
-        const paddingClass = sizeVal === 'sm'
-            ? `py-1.5 ${hasPrefix ? 'ps-8' : 'ps-2'} ${hasSuffix ? 'pe-8' : 'pe-2'}`
-            : sizeVal === 'md'
-                ? `py-1.5 ${hasPrefix ? 'ps-9' : 'ps-2.5'} ${hasSuffix ? 'pe-9' : 'pe-2.5'}`
-                : `py-1.5 ${hasPrefix ? 'ps-10' : 'ps-3'} ${hasSuffix ? 'pe-10' : 'pe-3'}`;
+        const getPadding = () => {
+            switch (sizeVal) {
+                case 'xs': return `py-1 ${hasPrefix ? 'ps-6' : 'ps-1.5'} ${hasSuffix ? 'pe-6' : 'pe-1.5'}`;
+                case 'sm': return `py-1.5 ${hasPrefix ? 'ps-8' : 'ps-2'} ${hasSuffix ? 'pe-8' : 'pe-2'}`;
+                case 'md': return `py-2 ${hasPrefix ? 'ps-10' : 'ps-3'} ${hasSuffix ? 'pe-10' : 'pe-3'}`;
+                case 'lg': return `py-2.5 ${hasPrefix ? 'ps-12' : 'ps-4'} ${hasSuffix ? 'pe-12' : 'pe-4'}`;
+                case 'xl': return `py-3 ${hasPrefix ? 'ps-14' : 'ps-5'} ${hasSuffix ? 'pe-14' : 'pe-5'}`;
+                case '2xl': return `py-4 ${hasPrefix ? 'ps-16' : 'ps-6'} ${hasSuffix ? 'pe-16' : 'pe-6'}`;
+                case '3xl': return `py-5 ${hasPrefix ? 'ps-20' : 'ps-8'} ${hasSuffix ? 'pe-20' : 'pe-8'}`;
+                default: return `py-1.5 ${hasPrefix ? 'ps-8' : 'ps-2'} ${hasSuffix ? 'pe-8' : 'pe-2'}`;
+            }
+        };
+        const paddingClass = getPadding();
         const variantVal = this.disabled() ? 'disabled' : this.variant();
         let variantClass = '';
         if (variantVal === 'subtle') {
@@ -1976,7 +2045,16 @@ class NeuralFormLabelComponent {
     size = input('sm', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     labelClasses = computed(() => {
-        return this.size() === 'sm' ? 'text-xs' : 'text-base';
+        const sizeMap = {
+            xs: 'text-xs',
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+            xl: 'text-xl',
+            '2xl': 'text-2xl',
+            '3xl': 'text-3xl'
+        };
+        return sizeMap[this.size()] || 'text-sm';
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "labelClasses" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralFormLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -2024,6 +2102,9 @@ class NeuralSpinnerComponent {
         sm: { px: 14, thickness: 2, inset: 1.05 },
         md: { px: 16, thickness: 2, inset: 1.2 },
         lg: { px: 20, thickness: 2, inset: 1.5 },
+        xl: { px: 24, thickness: 2.5, inset: 1.8 },
+        '2xl': { px: 32, thickness: 3, inset: 2.4 },
+        '3xl': { px: 40, thickness: 4, inset: 3 },
     };
     colorClass = computed(() => {
         const themeVal = this.theme();
@@ -2139,10 +2220,13 @@ class NeuralProgressComponent {
     ...(ngDevMode ? [{ debugName: "hasHintSlot" }] : /* istanbul ignore next */ []));
     indicatorContainerClasses = computed(() => {
         const heightClass = {
+            xs: 'h-[1px]',
             sm: 'h-[2px]',
             md: 'h-1',
             lg: 'h-2',
             xl: 'h-3',
+            '2xl': 'h-4',
+            '3xl': 'h-6',
         }[this.size()] || 'h-[2px]';
         const layoutClasses = this.intervals() ? 'flex space-x-1' : 'bg-surface-gray-2';
         return [heightClass, layoutClasses].join(' ');
@@ -2492,18 +2576,34 @@ class NeuralRadioComponent {
         if (!this.padded())
             return classes.join(' ');
         if (this.hasDescription()) {
-            classes.push(this.size() === 'md' ? 'px-3 py-2' : 'px-1.5 py-1.5');
+            const getContainerSize = () => {
+                switch (this.size()) {
+                    case 'xs': return 'px-1 py-1';
+                    case 'sm': return 'px-1.5 py-1.5';
+                    case 'md': return 'px-2 py-2';
+                    case 'lg': return 'px-3 py-3';
+                    case 'xl': return 'px-4 py-4';
+                    case '2xl': return 'px-5 py-5';
+                    case '3xl': return 'px-6 py-6';
+                    default: return 'px-1.5 py-1.5';
+                }
+            };
+            classes.push(getContainerSize());
         }
         else {
-            if (this.size() === 'md') {
-                classes.push('h-8 items-center px-3');
-            }
-            else if (this.size() === 'sm') {
-                classes.push('h-7 items-center px-1.5');
-            }
-            else {
-                classes.push('h-6 items-center px-1.5');
-            }
+            const getContainerSize = () => {
+                switch (this.size()) {
+                    case 'xs': return 'h-5 items-center px-1';
+                    case 'sm': return 'h-7 items-center px-1.5';
+                    case 'md': return 'h-8 items-center px-2';
+                    case 'lg': return 'h-10 items-center px-3';
+                    case 'xl': return 'h-12 items-center px-4';
+                    case '2xl': return 'h-14 items-center px-5';
+                    case '3xl': return 'h-16 items-center px-6';
+                    default: return 'h-7 items-center px-1.5';
+                }
+            };
+            classes.push(getContainerSize());
         }
         if (!this.isDisabled()) {
             classes.push('hover:bg-surface-gray-3 active:bg-surface-gray-4');
@@ -2514,17 +2614,38 @@ class NeuralRadioComponent {
     circleClasses = computed(() => {
         let control = '';
         let offset = '';
-        if (this.size() === 'md') {
-            control = 'size-4 group-has-[:checked]:border-[4.5px]';
-            offset = 'mt-[2.5px]';
-        }
-        else if (this.size() === 'sm') {
-            control = 'size-3.5 group-has-[:checked]:border-4';
-            offset = 'mt-[3.5px]';
-        }
-        else {
-            control = 'size-[13px] group-has-[:checked]:border-[3.7px]';
-            offset = 'mt-1';
+        switch (this.size()) {
+            case 'xs':
+                control = 'size-[13px] group-has-[:checked]:border-[3.7px]';
+                offset = 'mt-[2px]';
+                break;
+            case 'sm':
+                control = 'size-3.5 group-has-[:checked]:border-4';
+                offset = 'mt-[3.5px]';
+                break;
+            case 'md':
+                control = 'size-4 group-has-[:checked]:border-[4.5px]';
+                offset = 'mt-[2.5px]';
+                break;
+            case 'lg':
+                control = 'size-5 group-has-[:checked]:border-[5px]';
+                offset = 'mt-1';
+                break;
+            case 'xl':
+                control = 'size-6 group-has-[:checked]:border-[6px]';
+                offset = 'mt-1';
+                break;
+            case '2xl':
+                control = 'size-7 group-has-[:checked]:border-[7px]';
+                offset = 'mt-0.5';
+                break;
+            case '3xl':
+                control = 'size-8 group-has-[:checked]:border-[8px]';
+                offset = 'mt-0.5';
+                break;
+            default:
+                control = 'size-3.5 group-has-[:checked]:border-4';
+                offset = 'mt-[3.5px]';
         }
         const classes = [
             'box-border shrink-0 rounded-full border bg-surface-base transition-colors',
@@ -2725,6 +2846,19 @@ class NeuralSliderComponent {
         return ((val - this.min()) / range) * 100;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "fillPercentage" }] : /* istanbul ignore next */ []));
+    containerHeightClass = computed(() => {
+        switch (this.size()) {
+            case 'xs': return 'h-3';
+            case 'sm': return 'h-4';
+            case 'md': return 'h-5';
+            case 'lg': return 'h-6';
+            case 'xl': return 'h-8';
+            case '2xl': return 'h-10';
+            case '3xl': return 'h-12';
+            default: return 'h-4';
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "containerHeightClass" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralSliderComponent, isStandalone: true, selector: "neural-slider", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, hasLabelSlot: { classPropertyName: "hasLabelSlot", publicName: "hasLabelSlot", isSignal: true, isRequired: false, transformFunction: null }, hasDescriptionSlot: { classPropertyName: "hasDescriptionSlot", publicName: "hasDescriptionSlot", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0, template: `
     <neural-labeling-wrapper [enabled]="hasLabeling()">
@@ -2741,7 +2875,7 @@ class NeuralSliderComponent {
         </neural-input-label>
       }
 
-      <div class="relative flex select-none touch-none items-center w-full" [class]="size() === 'md' ? 'h-5' : 'h-4'">
+      <div class="relative flex select-none touch-none items-center w-full" [class]="containerHeightClass()">
         <!-- We use a native range input styled to look like the custom slider -->
         <input
           type="range"
@@ -2789,7 +2923,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         </neural-input-label>
       }
 
-      <div class="relative flex select-none touch-none items-center w-full" [class]="size() === 'md' ? 'h-5' : 'h-4'">
+      <div class="relative flex select-none touch-none items-center w-full" [class]="containerHeightClass()">
         <!-- We use a native range input styled to look like the custom slider -->
         <input
           type="range"
@@ -2873,6 +3007,18 @@ class NeuralSwitchComponent {
     rendersDescription = this.labeling.rendersDescription;
     iconClasses = 'me-2 size-4 flex-shrink-0 text-ink-gray-6';
     switchClasses = computed(() => {
+        const getSizeClass = () => {
+            switch (this.size()) {
+                case 'xs': return 'h-3.5 w-[24px] border-2';
+                case 'sm': return 'h-4 w-[26px] border-2';
+                case 'md': return 'h-5 w-8 border-[3px]';
+                case 'lg': return 'h-6 w-10 border-[3px]';
+                case 'xl': return 'h-7 w-12 border-4';
+                case '2xl': return 'h-8 w-14 border-4';
+                case '3xl': return 'h-10 w-16 border-[5px]';
+                default: return 'h-4 w-[26px] border-2';
+            }
+        };
         return [
             'relative inline-flex flex-shrink-0 cursor-pointer rounded-full border-transparent transition-colors duration-100 ease-in-out items-center',
             this.padded() ? 'focus:outline-none focus:ring-0' : '',
@@ -2880,27 +3026,41 @@ class NeuralSwitchComponent {
             this.valueModel()
                 ? 'bg-surface-gray-10 enabled:hover:bg-surface-gray-9 active:bg-surface-gray-8 group-hover:enabled:bg-surface-gray-9'
                 : 'bg-surface-gray-4 enabled:hover:bg-surface-gray-5 active:bg-surface-gray-6 group-hover:enabled:bg-surface-gray-5',
-            this.size() === 'md'
-                ? 'h-5 w-8 border-[3px]'
-                : this.size() === 'sm'
-                    ? 'h-4 w-[26px] border-2'
-                    : 'h-3.5 w-[24px] border-2',
+            getSizeClass(),
         ].join(' ');
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "switchClasses" }] : /* istanbul ignore next */ []));
     switchCircleClasses = computed(() => {
+        const getCircleSize = () => {
+            switch (this.size()) {
+                case 'xs': return 'h-2.5 w-2.5';
+                case 'sm': return 'h-3 w-3';
+                case 'md': return 'h-3.5 w-3.5';
+                case 'lg': return 'h-4 w-4';
+                case 'xl': return 'h-5 w-5';
+                case '2xl': return 'h-6 w-6';
+                case '3xl': return 'h-7 w-7';
+                default: return 'h-3 w-3';
+            }
+        };
+        const getTranslate = () => {
+            if (!this.valueModel())
+                return 'translate-x-0';
+            switch (this.size()) {
+                case 'xs': return 'translate-x-2.5 rtl:-translate-x-2.5';
+                case 'sm': return 'translate-x-2.5 rtl:-translate-x-2.5';
+                case 'md': return 'translate-x-3 rtl:-translate-x-3';
+                case 'lg': return 'translate-x-4 rtl:-translate-x-4';
+                case 'xl': return 'translate-x-5 rtl:-translate-x-5';
+                case '2xl': return 'translate-x-6 rtl:-translate-x-6';
+                case '3xl': return 'translate-x-7 rtl:-translate-x-7';
+                default: return 'translate-x-2.5 rtl:-translate-x-2.5';
+            }
+        };
         return [
             'pointer-events-none inline-block transform rounded-full bg-surface-base shadow ring-0 transition duration-100 ease-in-out',
-            this.size() === 'md'
-                ? 'h-3.5 w-3.5'
-                : this.size() === 'sm'
-                    ? 'h-3 w-3'
-                    : 'h-2.5 w-2.5',
-            this.size() === 'md'
-                ? this.valueModel() ? 'translate-x-3 rtl:-translate-x-3' : 'translate-x-0'
-                : this.size() === 'sm'
-                    ? this.valueModel() ? 'translate-x-2.5 rtl:-translate-x-2.5' : 'translate-x-0'
-                    : this.valueModel() ? 'translate-x-2.5 rtl:-translate-x-2.5' : 'translate-x-0',
+            getCircleSize(),
+            getTranslate(),
         ].join(' ');
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "switchCircleClasses" }] : /* istanbul ignore next */ []));
@@ -2941,11 +3101,16 @@ class NeuralSwitchComponent {
     errorIndentClasses = computed(() => {
         if (this.controlPosition() !== 'start')
             return undefined;
-        return this.size() === 'md'
-            ? 'ps-[42px]'
-            : this.size() === 'sm'
-                ? 'ps-9'
-                : 'ps-8';
+        switch (this.size()) {
+            case 'xs': return 'ps-8';
+            case 'sm': return 'ps-9';
+            case 'md': return 'ps-[42px]';
+            case 'lg': return 'ps-12';
+            case 'xl': return 'ps-14';
+            case '2xl': return 'ps-16';
+            case '3xl': return 'ps-20';
+            default: return 'ps-9';
+        }
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "errorIndentClasses" }] : /* istanbul ignore next */ []));
     errorSpacingClass = computed(() => {
@@ -2959,17 +3124,20 @@ class NeuralSwitchComponent {
         if (!this.padded())
             return '';
         const hasDetail = this.rendersDescription() || this.hasError();
-        const sizeClass = hasDetail
-            ? this.size() === 'md'
-                ? 'px-3 py-2'
-                : this.size() === 'sm'
-                    ? 'px-2 py-1.5'
-                    : 'px-1.5 py-1.5'
-            : this.size() === 'md'
-                ? 'h-8 px-3'
-                : this.size() === 'sm'
-                    ? 'h-7 px-2'
-                    : 'h-6 px-1.5';
+        const sizeVal = this.size();
+        const getSizeClass = () => {
+            switch (sizeVal) {
+                case 'xs': return hasDetail ? 'px-1.5 py-1.5' : 'h-6 px-1.5';
+                case 'sm': return hasDetail ? 'px-2 py-1.5' : 'h-7 px-2';
+                case 'md': return hasDetail ? 'px-3 py-2' : 'h-8 px-3';
+                case 'lg': return hasDetail ? 'px-4 py-2.5' : 'h-10 px-4';
+                case 'xl': return hasDetail ? 'px-5 py-3' : 'h-12 px-5';
+                case '2xl': return hasDetail ? 'px-6 py-4' : 'h-14 px-6';
+                case '3xl': return hasDetail ? 'px-8 py-5' : 'h-16 px-8';
+                default: return hasDetail ? 'px-2 py-1.5' : 'h-7 px-2';
+            }
+        };
+        const sizeClass = getSizeClass();
         const classes = ['group rounded-4 transition-colors', sizeClass];
         if (!hasDetail)
             classes.push('justify-center');
@@ -3222,13 +3390,29 @@ class NeuralTextareaComponent {
     dataAttrs = this.labeling.dataAttrs;
     inputClasses = computed(() => {
         const sizeVal = this.size();
-        const sizeClass = sizeVal === 'sm' ? 'text-p-base rounded-4 min-h-9'
-            : sizeVal === 'md' ? 'text-p-lg rounded-4 min-h-10'
-                : sizeVal === 'lg' ? 'text-p-2xl rounded-5 min-h-11'
-                    : 'text-p-3xl rounded-5 min-h-11';
-        const paddingClass = sizeVal === 'sm' ? 'py-1.5 px-2'
-            : sizeVal === 'md' ? 'py-1.5 px-2.5'
-                : 'py-1.5 px-3';
+        const sizeMap = {
+            xs: 'text-xs rounded-3 min-h-8',
+            sm: 'text-sm rounded-4 min-h-9',
+            md: 'text-base rounded-4 min-h-10',
+            lg: 'text-lg rounded-5 min-h-11',
+            xl: 'text-xl rounded-5 min-h-12',
+            '2xl': 'text-2xl rounded-6 min-h-14',
+            '3xl': 'text-3xl rounded-7 min-h-16'
+        };
+        const sizeClass = sizeMap[sizeVal] || sizeMap['sm'];
+        const getPadding = () => {
+            switch (sizeVal) {
+                case 'xs': return 'py-1 px-1.5';
+                case 'sm': return 'py-1.5 px-2';
+                case 'md': return 'py-2 px-3';
+                case 'lg': return 'py-2.5 px-4';
+                case 'xl': return 'py-3 px-5';
+                case '2xl': return 'py-4 px-6';
+                case '3xl': return 'py-5 px-8';
+                default: return 'py-1.5 px-2';
+            }
+        };
+        const paddingClass = getPadding();
         const variantVal = this.disabled() ? 'disabled' : this.variant();
         let variantClass = '';
         if (variantVal === 'subtle') {
@@ -4808,16 +4992,18 @@ class NeuralComboboxComponent {
     triggerClasses = computed(() => {
         const s = this.size();
         const v = this.variant();
-        let base = 'rounded-6 text-left';
+        let base = 'text-left';
         // Size
-        if (s === 'sm')
-            base += ' h-7 px-2 py-1 text-sm';
-        else if (s === 'md')
-            base += ' h-8 px-2.5 py-1.5 text-base';
-        else if (s === 'lg')
-            base += ' h-10 px-3 py-2 text-lg';
-        else if (s === 'xl')
-            base += ' h-12 px-4 py-3 text-xl';
+        const sizeMap = {
+            xs: 'h-6 px-1.5 py-1 text-xs rounded-3',
+            sm: 'h-8 px-2 py-1.5 text-sm rounded-4',
+            md: 'h-10 px-3 py-2 text-base rounded-4',
+            lg: 'h-12 px-4 py-2.5 text-lg rounded-5',
+            xl: 'h-14 px-5 py-3 text-xl rounded-5',
+            '2xl': 'h-16 px-6 py-4 text-2xl rounded-6',
+            '3xl': 'h-20 px-8 py-5 text-3xl rounded-7',
+        };
+        base += ' ' + (sizeMap[s] || sizeMap['sm']);
         // Variant
         if (v === 'outline') {
             base += ' border border-outline-gray-2 bg-surface-base hover:bg-surface-gray-1';
@@ -5562,10 +5748,13 @@ class NeuralItemListRowComponent {
     ...(ngDevMode ? [{ debugName: "isEmphasized" }] : /* istanbul ignore next */ []));
     sizeClasses = computed(() => {
         switch (this.size()) {
+            case 'xs': return 'min-h-6 px-1.5 py-1 text-sm';
             case 'sm': return 'min-h-7 px-2 py-1.5 text-base';
             case 'md': return 'min-h-8 px-2.5 py-1.5 text-base';
             case 'lg': return 'min-h-10 px-3 py-2 text-lg';
-            case 'xl': return 'min-h-10 px-3 py-2 text-2xl';
+            case 'xl': return 'min-h-12 px-3.5 py-2.5 text-xl';
+            case '2xl': return 'min-h-14 px-4 py-3 text-2xl';
+            case '3xl': return 'min-h-16 px-5 py-4 text-3xl';
             default: return 'min-h-7 px-2 py-1.5 text-base';
         }
     }, /* @ts-ignore */
@@ -6261,16 +6450,18 @@ class NeuralMultiSelectComponent {
     triggerClasses = computed(() => {
         const s = this.size();
         const v = this.variant();
-        let base = 'rounded-6 text-left';
+        let base = 'text-left';
         // Size
-        if (s === 'sm')
-            base += ' h-7 px-2 py-1 text-sm';
-        else if (s === 'md')
-            base += ' h-8 px-2.5 py-1.5 text-base';
-        else if (s === 'lg')
-            base += ' h-10 px-3 py-2 text-lg';
-        else if (s === 'xl')
-            base += ' h-12 px-4 py-3 text-xl';
+        const sizeMap = {
+            xs: 'h-6 px-1.5 py-1 text-xs rounded-3',
+            sm: 'h-8 px-2 py-1.5 text-sm rounded-4',
+            md: 'h-10 px-3 py-2 text-base rounded-4',
+            lg: 'h-12 px-4 py-2.5 text-lg rounded-5',
+            xl: 'h-14 px-5 py-3 text-xl rounded-5',
+            '2xl': 'h-16 px-6 py-4 text-2xl rounded-6',
+            '3xl': 'h-20 px-8 py-5 text-3xl rounded-7',
+        };
+        base += ' ' + (sizeMap[s] || sizeMap['sm']);
         // Variant
         if (v === 'outline') {
             base += ' border border-outline-gray-2 bg-surface-base hover:bg-surface-gray-1';
@@ -6687,6 +6878,19 @@ class NeuralPasswordComponent {
     show = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "show" }] : /* istanbul ignore next */ []));
     textInputRef;
+    iconClasses = computed(() => {
+        const sizeMap = {
+            xs: 'size-3.5',
+            sm: 'size-4',
+            md: 'size-5',
+            lg: 'size-6',
+            xl: 'size-7',
+            '2xl': 'size-8',
+            '3xl': 'size-10'
+        };
+        return sizeMap[this.size()] || 'size-4';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "iconClasses" }] : /* istanbul ignore next */ []));
     toggleShow() {
         this.show.set(!this.show());
     }
@@ -6732,8 +6936,8 @@ class NeuralPasswordComponent {
       <div suffix class="flex items-center">
         <neural-tooltip [text]="show() ? 'Hide Password' : 'Show Password'" placement="top">
           <span
-            [class]="show() ? 'lucide-eye-off' : 'lucide-eye'"
-            class="size-4 cursor-pointer text-ink-gray-5 hover:text-ink-gray-7 transition-colors"
+            [class]="(show() ? 'lucide-eye-off ' : 'lucide-eye ') + iconClasses()"
+            class="cursor-pointer text-ink-gray-5 hover:text-ink-gray-7 transition-colors"
             (click)="toggleShow()"
           ></span>
         </neural-tooltip>
@@ -6779,8 +6983,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
       <div suffix class="flex items-center">
         <neural-tooltip [text]="show() ? 'Hide Password' : 'Show Password'" placement="top">
           <span
-            [class]="show() ? 'lucide-eye-off' : 'lucide-eye'"
-            class="size-4 cursor-pointer text-ink-gray-5 hover:text-ink-gray-7 transition-colors"
+            [class]="(show() ? 'lucide-eye-off ' : 'lucide-eye ') + iconClasses()"
+            class="cursor-pointer text-ink-gray-5 hover:text-ink-gray-7 transition-colors"
             (click)="toggleShow()"
           ></span>
         </neural-tooltip>
@@ -6842,10 +7046,13 @@ class NeuralRatingComponent {
     ...(ngDevMode ? [{ debugName: "starArray" }] : /* istanbul ignore next */ []));
     sizeClass = computed(() => {
         return {
+            xs: 'size-3',
             sm: 'size-4',
             md: 'size-5',
             lg: 'size-6',
             xl: 'size-7',
+            '2xl': 'size-8',
+            '3xl': 'size-10',
         }[this.size()] || 'size-5';
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "sizeClass" }] : /* istanbul ignore next */ []));
@@ -7219,16 +7426,18 @@ class NeuralSelectComponent {
     triggerClasses = computed(() => {
         const s = this.size();
         const v = this.variant();
-        let base = 'rounded-6 text-left';
+        let base = 'text-left';
         // Size
-        if (s === 'sm')
-            base += ' h-7 px-2 py-1 text-sm';
-        else if (s === 'md')
-            base += ' h-8 px-2.5 py-1.5 text-base';
-        else if (s === 'lg')
-            base += ' h-10 px-3 py-2 text-lg';
-        else if (s === 'xl')
-            base += ' h-12 px-4 py-3 text-xl';
+        const sizeMap = {
+            xs: 'h-6 px-1.5 py-1 text-xs rounded-3',
+            sm: 'h-8 px-2 py-1.5 text-sm rounded-4',
+            md: 'h-10 px-3 py-2 text-base rounded-4',
+            lg: 'h-12 px-4 py-2.5 text-lg rounded-5',
+            xl: 'h-14 px-5 py-3 text-xl rounded-5',
+            '2xl': 'h-16 px-6 py-4 text-2xl rounded-6',
+            '3xl': 'h-20 px-8 py-5 text-3xl rounded-7',
+        };
+        base += ' ' + (sizeMap[s] || sizeMap['sm']);
         // Variant
         if (v === 'outline') {
             base += ' border border-outline-gray-2 bg-surface-base hover:bg-surface-gray-1';
@@ -7556,15 +7765,25 @@ class NeuralTabComponent {
         const disabled = this.disabled();
         const variant = this.root?.variant() || 'underline';
         let base = 'relative flex items-center justify-center whitespace-nowrap transition-colors outline-none focus-visible:ring-2 focus-visible:ring-outline-gray-4';
+        const sizeMap = {
+            xs: 'px-2 py-1 text-xs',
+            sm: 'px-3 py-1.5 text-sm',
+            md: 'px-4 py-2 text-base',
+            lg: 'px-5 py-2.5 text-lg',
+            xl: 'px-6 py-3 text-xl',
+            '2xl': 'px-8 py-4 text-2xl',
+            '3xl': 'px-10 py-5 text-3xl',
+        };
+        const sizeClasses = sizeMap[this.root?.size() || 'sm'] || sizeMap['sm'];
         if (variant === 'underline') {
-            base += ' px-3 py-2 text-sm font-medium';
+            base += ' font-medium ' + sizeClasses;
             if (active)
                 base += ' text-ink-gray-9 border-b-2 border-outline-gray-8';
             else
                 base += ' text-ink-gray-5 hover:text-ink-gray-8 border-b-2 border-transparent hover:border-outline-gray-3';
         }
         else if (variant === 'subtle') {
-            base += ' px-3 py-1.5 text-sm font-medium rounded-4';
+            base += ' font-medium rounded-4 ' + sizeClasses;
             if (active)
                 base += ' text-ink-gray-9 bg-surface-gray-2 shadow-sm';
             else
@@ -10032,10 +10251,13 @@ class NeuralCodeEditorComponent {
         if (!this.cmView)
             return [];
         const sizes = {
+            xs: { fontSize: '11px', minHeight: '3rem' },
             sm: { fontSize: '12px', minHeight: '3.5rem' },
             md: { fontSize: '13px', minHeight: '4.5rem' },
             lg: { fontSize: '14px', minHeight: '6rem' },
             xl: { fontSize: '16px', minHeight: '7.5rem' },
+            '2xl': { fontSize: '18px', minHeight: '9rem' },
+            '3xl': { fontSize: '20px', minHeight: '11rem' },
         };
         const cfg = sizes[s ?? 'md'] ?? sizes['md'];
         return [this.cmView.EditorView.theme({
@@ -11059,16 +11281,18 @@ class NeuralDatePickerComponent {
     inputClasses = computed(() => {
         const s = this.size();
         const v = this.variant();
-        let base = 'rounded-6 text-left';
+        let base = 'text-left';
         // Size
-        if (s === 'sm')
-            base += ' h-7 px-2 py-1 text-sm';
-        else if (s === 'md')
-            base += ' h-8 px-2.5 py-1.5 text-base';
-        else if (s === 'lg')
-            base += ' h-10 px-3 py-2 text-lg';
-        else if (s === 'xl')
-            base += ' h-12 px-4 py-3 text-xl';
+        const sizeMap = {
+            xs: 'h-6 px-1.5 py-1 text-xs rounded-3',
+            sm: 'h-8 px-2 py-1.5 text-sm rounded-4',
+            md: 'h-10 px-3 py-2 text-base rounded-4',
+            lg: 'h-12 px-4 py-2.5 text-lg rounded-5',
+            xl: 'h-14 px-5 py-3 text-xl rounded-5',
+            '2xl': 'h-16 px-6 py-4 text-2xl rounded-6',
+            '3xl': 'h-20 px-8 py-5 text-3xl rounded-7',
+        };
+        base += ' ' + (sizeMap[s] || sizeMap['sm']);
         // Variant
         if (v === 'outline') {
             base += ' border border-outline-gray-2 bg-surface-base hover:bg-surface-gray-1 focus-visible:bg-surface-base';
@@ -12307,6 +12531,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }] } });
 
+class NeuralNotificationCenterComponent {
+    open = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    onClose = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralNotificationCenterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: NeuralNotificationCenterComponent, isStandalone: true, selector: "neural-notification-center", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
+    <div
+      class="absolute top-0 left-full z-50 flex h-full w-[380px] flex-col bg-surface-base border-r border-outline-gray-2 shadow-[4px_0_24px_rgba(0,0,0,0.08)] transition-transform duration-300 ease-in-out"
+      [class]="open() ? 'translate-x-0' : '-translate-x-full opacity-0 pointer-events-none'"
+    >
+      <div class="flex items-center justify-between border-b border-outline-gray-2 px-4 pt-3 pb-0">
+        <ng-content select="[header-tabs]"></ng-content>
+        <div class="flex items-center gap-2 pb-2">
+          <ng-content select="[header-actions]"></ng-content>
+          <button
+            (click)="onClose.emit()"
+            class="flex items-center justify-center rounded-4 p-1 text-ink-gray-5 hover:bg-surface-gray-2 hover:text-ink-gray-7 transition-colors outline-none focus-visible:ring-2 focus-visible:ring-outline-gray-4"
+          >
+            <i class="lucide-x size-4.5"></i>
+          </button>
+        </div>
+      </div>
+
+      <div class="flex-1 overflow-y-auto bg-surface-base p-4">
+        <h3 class="text-[13px] font-medium text-ink-gray-5 mb-4 uppercase tracking-wider">Qué hay de nuevo</h3>
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralNotificationCenterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'neural-notification-center',
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    <div
+      class="absolute top-0 left-full z-50 flex h-full w-[380px] flex-col bg-surface-base border-r border-outline-gray-2 shadow-[4px_0_24px_rgba(0,0,0,0.08)] transition-transform duration-300 ease-in-out"
+      [class]="open() ? 'translate-x-0' : '-translate-x-full opacity-0 pointer-events-none'"
+    >
+      <div class="flex items-center justify-between border-b border-outline-gray-2 px-4 pt-3 pb-0">
+        <ng-content select="[header-tabs]"></ng-content>
+        <div class="flex items-center gap-2 pb-2">
+          <ng-content select="[header-actions]"></ng-content>
+          <button
+            (click)="onClose.emit()"
+            class="flex items-center justify-center rounded-4 p-1 text-ink-gray-5 hover:bg-surface-gray-2 hover:text-ink-gray-7 transition-colors outline-none focus-visible:ring-2 focus-visible:ring-outline-gray-4"
+          >
+            <i class="lucide-x size-4.5"></i>
+          </button>
+        </div>
+      </div>
+
+      <div class="flex-1 overflow-y-auto bg-surface-base p-4">
+        <h3 class="text-[13px] font-medium text-ink-gray-5 mb-4 uppercase tracking-wider">Qué hay de nuevo</h3>
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `
+                }]
+        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], onClose: [{
+                type: Output
+            }] } });
+
 class NeuralRailComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralRailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: NeuralRailComponent, isStandalone: true, selector: "neural-rail", ngImport: i0, template: `
@@ -13790,5 +14079,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NeuralAccordionComponent, NeuralAlertComponent, NeuralAvatarComponent, NeuralAxisChartComponent, NeuralBadgeComponent, NeuralBottomSheetComponent, NeuralBreadcrumbsComponent, NeuralButtonComponent, NeuralCalendarComponent, NeuralCheckboxComponent, NeuralCodeEditorComponent, NeuralCodePreviewComponent, NeuralComboboxComponent, NeuralCommandPaletteComponent, NeuralContextMenuComponent, NeuralDatePickerComponent, NeuralDesktopShellComponent, NeuralDialogComponent, NeuralDividerComponent, NeuralDonutChartComponent, NeuralDropdownComponent, NeuralDurationComponent, NeuralEChartsComponent, NeuralErrorMessageComponent, NeuralFileUploaderComponent, NeuralFilterBuilderComponent, NeuralFloatingWindowComponent, NeuralFooterComponent, NeuralFormControlComponent, NeuralFormLabelComponent, NeuralFunnelChartComponent, NeuralHoverCardComponent, NeuralIconComponent, NeuralInputDescriptionComponent, NeuralInputErrorComponent, NeuralInputLabelComponent, NeuralItemListRowComponent, NeuralKeyboardShortcutComponent, NeuralLabelingWrapperComponent, NeuralListViewComponent, NeuralLoadingIndicatorComponent, NeuralLoadingTextComponent, NeuralMenuComponent, NeuralMobileNavComponent, NeuralMobileNavItemComponent, NeuralMobileShellComponent, NeuralMultiEmailInputComponent, NeuralMultiSelectComponent, NeuralNumberChartComponent, NeuralPageHeaderComponent, NeuralPasswordComponent, NeuralPopoverComponent, NeuralPopoverContentDirective, NeuralPopoverPanelComponent, NeuralPopoverTriggerDirective, NeuralProgressComponent, NeuralRadioComponent, NeuralRadioGroupComponent, NeuralRailComponent, NeuralRailItemComponent, NeuralRatingComponent, NeuralRequiredIndicatorComponent, NeuralScrollAreaComponent, NeuralSelectComponent, NeuralSettingsContentComponent, NeuralSettingsDialogComponent, NeuralSettingsNavItemComponent, NeuralSettingsPanelComponent, NeuralSettingsSidebarComponent, NeuralSidebarComponent, NeuralSidebarItemComponent, NeuralSkeletonComponent, NeuralSliderComponent, NeuralSpinnerComponent, NeuralSwitchComponent, NeuralTabComponent, NeuralTabPanelComponent, NeuralTabsComponent, NeuralTextEditorComponent, NeuralTextInputComponent, NeuralTextareaComponent, NeuralThemeSwitcherComponent, NeuralTimePickerComponent, NeuralToastComponent, NeuralTooltipComponent, NeuralTreeComponent, NeuralTreeItemComponent, RADIO_GROUP, TABS_ROOT, ToastService, formatDuration, parseDuration };
+export { NeuralAccordionComponent, NeuralAlertComponent, NeuralAvatarComponent, NeuralAxisChartComponent, NeuralBadgeComponent, NeuralBottomSheetComponent, NeuralBreadcrumbsComponent, NeuralButtonComponent, NeuralCalendarComponent, NeuralCheckboxComponent, NeuralCodeEditorComponent, NeuralCodePreviewComponent, NeuralComboboxComponent, NeuralCommandPaletteComponent, NeuralContextMenuComponent, NeuralDatePickerComponent, NeuralDesktopShellComponent, NeuralDialogComponent, NeuralDividerComponent, NeuralDonutChartComponent, NeuralDropdownComponent, NeuralDurationComponent, NeuralEChartsComponent, NeuralErrorMessageComponent, NeuralFileUploaderComponent, NeuralFilterBuilderComponent, NeuralFloatingWindowComponent, NeuralFooterComponent, NeuralFormControlComponent, NeuralFormLabelComponent, NeuralFunnelChartComponent, NeuralHoverCardComponent, NeuralIconComponent, NeuralInputDescriptionComponent, NeuralInputErrorComponent, NeuralInputLabelComponent, NeuralItemListRowComponent, NeuralKeyboardShortcutComponent, NeuralLabelingWrapperComponent, NeuralListViewComponent, NeuralLoadingIndicatorComponent, NeuralLoadingTextComponent, NeuralMenuComponent, NeuralMobileNavComponent, NeuralMobileNavItemComponent, NeuralMobileShellComponent, NeuralMultiEmailInputComponent, NeuralMultiSelectComponent, NeuralNotificationCenterComponent, NeuralNumberChartComponent, NeuralPageHeaderComponent, NeuralPasswordComponent, NeuralPopoverComponent, NeuralPopoverContentDirective, NeuralPopoverPanelComponent, NeuralPopoverTriggerDirective, NeuralProgressComponent, NeuralRadioComponent, NeuralRadioGroupComponent, NeuralRailComponent, NeuralRailItemComponent, NeuralRatingComponent, NeuralRequiredIndicatorComponent, NeuralScrollAreaComponent, NeuralSelectComponent, NeuralSettingsContentComponent, NeuralSettingsDialogComponent, NeuralSettingsNavItemComponent, NeuralSettingsPanelComponent, NeuralSettingsSidebarComponent, NeuralSidebarComponent, NeuralSidebarItemComponent, NeuralSkeletonComponent, NeuralSliderComponent, NeuralSpinnerComponent, NeuralSwitchComponent, NeuralTabComponent, NeuralTabPanelComponent, NeuralTabsComponent, NeuralTextEditorComponent, NeuralTextInputComponent, NeuralTextareaComponent, NeuralThemeSwitcherComponent, NeuralTimePickerComponent, NeuralToastComponent, NeuralTooltipComponent, NeuralTreeComponent, NeuralTreeItemComponent, RADIO_GROUP, TABS_ROOT, ToastService, formatDuration, parseDuration };
 //# sourceMappingURL=orbiq-neural-ui-kit.mjs.map