@semantic-components/ui 0.66.0 → 0.68.0

package/esm2022/lib/components/time-picker/time-picker-period-pm.js

@@ -0,0 +1,26 @@
+import { computed, Directive, inject } from '@angular/core';
+import { cn } from '../../utils';
+import { ScTimePickerPeriod } from './time-picker-period';
+import * as i0 from "@angular/core";
+export class ScTimePickerPeriodPM {
+    period = inject(ScTimePickerPeriod);
+    class = computed(() => cn('rounded-md px-2 py-1.5 text-sm font-medium transition-colors', this.period.isPM()
+        ? 'bg-primary text-primary-foreground'
+        : 'text-muted-foreground hover:bg-accent'), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePickerPeriodPM, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScTimePickerPeriodPM, isStandalone: true, selector: "button[scTimePickerPeriodPM]", host: { attributes: { "data-slot": "time-picker-period-pm", "type": "button" }, listeners: { "click": "period.selectPM()" }, properties: { "class": "class()", "disabled": "period.timePicker.disabled()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePickerPeriodPM, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[scTimePickerPeriodPM]',
+                    host: {
+                        'data-slot': 'time-picker-period-pm',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[disabled]': 'period.timePicker.disabled()',
+                        '(click)': 'period.selectPM()',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=time-picker-period-pm.js.map

package/esm2022/lib/components/time-picker/time-picker-period-pm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-period-pm.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/time-picker/time-picker-period-pm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAY1D,MAAM,OAAO,oBAAoB;IACZ,MAAM,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAEpC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,8DAA8D,EAC9D,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;QAChB,CAAC,CAAC,oCAAoC;QACtC,CAAC,CAAC,uCAAuC,CAC5C,iDACF,CAAC;uGAVS,oBAAoB;2FAApB,oBAAoB;;2FAApB,oBAAoB;kBAVhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,IAAI,EAAE;wBACJ,WAAW,EAAE,uBAAuB;wBACpC,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,8BAA8B;wBAC5C,SAAS,EAAE,mBAAmB;qBAC/B;iBACF","sourcesContent":["import { computed, Directive, inject } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScTimePickerPeriod } from './time-picker-period';\n\n@Directive({\n  selector: 'button[scTimePickerPeriodPM]',\n  host: {\n    'data-slot': 'time-picker-period-pm',\n    type: 'button',\n    '[class]': 'class()',\n    '[disabled]': 'period.timePicker.disabled()',\n    '(click)': 'period.selectPM()',\n  },\n})\nexport class ScTimePickerPeriodPM {\n  protected readonly period = inject(ScTimePickerPeriod);\n\n  protected readonly class = computed(() =>\n    cn(\n      'rounded-md px-2 py-1.5 text-sm font-medium transition-colors',\n      this.period.isPM()\n        ? 'bg-primary text-primary-foreground'\n        : 'text-muted-foreground hover:bg-accent',\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/time-picker/time-picker-period.js

@@ -0,0 +1,46 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '../../utils';
+import { SC_TIME_PICKER } from './time-picker';
+import * as i0 from "@angular/core";
+export class ScTimePickerPeriod {
+    timePicker = inject(SC_TIME_PICKER);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('ml-2 inline-flex rounded-md border border-input bg-background p-0.5', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    isAM = computed(() => {
+        const val = this.timePicker.value();
+        return val?.period === 'AM' || (!val?.period && (val?.hours ?? 0) < 12);
+    }, ...(ngDevMode ? [{ debugName: "isAM" }] : []));
+    isPM = computed(() => {
+        const val = this.timePicker.value();
+        return val?.period === 'PM' || (!val?.period && (val?.hours ?? 0) >= 12);
+    }, ...(ngDevMode ? [{ debugName: "isPM" }] : []));
+    selectAM() {
+        this.timePicker.setPeriod('AM');
+        const val = this.timePicker.value();
+        if (val && val.hours >= 12) {
+            this.timePicker.setHours(val.hours - 12);
+        }
+    }
+    selectPM() {
+        this.timePicker.setPeriod('PM');
+        const val = this.timePicker.value();
+        if (val && val.hours < 12) {
+            this.timePicker.setHours(val.hours + 12);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePickerPeriod, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTimePickerPeriod, isStandalone: true, selector: "[scTimePickerPeriod]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "time-picker-period", "role": "group" }, properties: { "class": "class()", "attr.aria-label": "\"Select AM or PM\"" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePickerPeriod, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scTimePickerPeriod]',
+                    host: {
+                        'data-slot': 'time-picker-period',
+                        '[class]': 'class()',
+                        role: 'group',
+                        '[attr.aria-label]': '"Select AM or PM"',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=time-picker-period.js.map

package/esm2022/lib/components/time-picker/time-picker-period.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-period.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/time-picker/time-picker-period.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;;AAW/C,MAAM,OAAO,kBAAkB;IACpB,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAEpC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,qEAAqE,EACrE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEO,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5B,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACpC,OAAO,GAAG,EAAE,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,EAAE,KAAK,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC1E,CAAC,gDAAC,CAAC;IAEM,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5B,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACpC,OAAO,GAAG,EAAE,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,EAAE,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3E,CAAC,gDAAC,CAAC;IAEH,QAAQ;QACN,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACpC,IAAI,GAAG,IAAI,GAAG,CAAC,KAAK,IAAI,EAAE,EAAE,CAAC;YAC3B,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACpC,IAAI,GAAG,IAAI,GAAG,CAAC,KAAK,GAAG,EAAE,EAAE,CAAC;YAC1B,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;uGApCU,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAT9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,oBAAoB;wBACjC,SAAS,EAAE,SAAS;wBACpB,IAAI,EAAE,OAAO;wBACb,mBAAmB,EAAE,mBAAmB;qBACzC;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { SC_TIME_PICKER } from './time-picker';\n\n@Directive({\n  selector: '[scTimePickerPeriod]',\n  host: {\n    'data-slot': 'time-picker-period',\n    '[class]': 'class()',\n    role: 'group',\n    '[attr.aria-label]': '\"Select AM or PM\"',\n  },\n})\nexport class ScTimePickerPeriod {\n  readonly timePicker = inject(SC_TIME_PICKER);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'ml-2 inline-flex rounded-md border border-input bg-background p-0.5',\n      this.classInput(),\n    ),\n  );\n\n  readonly isAM = computed(() => {\n    const val = this.timePicker.value();\n    return val?.period === 'AM' || (!val?.period && (val?.hours ?? 0) < 12);\n  });\n\n  readonly isPM = computed(() => {\n    const val = this.timePicker.value();\n    return val?.period === 'PM' || (!val?.period && (val?.hours ?? 0) >= 12);\n  });\n\n  selectAM(): void {\n    this.timePicker.setPeriod('AM');\n    const val = this.timePicker.value();\n    if (val && val.hours >= 12) {\n      this.timePicker.setHours(val.hours - 12);\n    }\n  }\n\n  selectPM(): void {\n    this.timePicker.setPeriod('PM');\n    const val = this.timePicker.value();\n    if (val && val.hours < 12) {\n      this.timePicker.setHours(val.hours + 12);\n    }\n  }\n}\n"]}

package/esm2022/lib/components/time-picker/time-picker-seconds-input.js

@@ -0,0 +1,57 @@
+import { computed, Directive, inject } from '@angular/core';
+import { ScTimePickerInput } from './time-picker-input';
+import * as i0 from "@angular/core";
+export class ScTimePickerSecondsInput {
+    input = inject(ScTimePickerInput);
+    timePicker = this.input.timePicker;
+    displayValue = computed(() => {
+        const val = this.timePicker.value();
+        if (!val)
+            return '00';
+        return (val.seconds ?? 0).toString().padStart(2, '0');
+    }, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    onInput(event) {
+        const el = event.target;
+        const value = el.value.replace(/\D/g, '');
+        const num = parseInt(value, 10);
+        if (!isNaN(num)) {
+            this.timePicker.setSeconds(Math.min(num, 59));
+        }
+    }
+    onBlur() {
+        this.input.focused.set(false);
+    }
+    onFocus(event) {
+        this.input.focused.set(true);
+        event.target.select();
+    }
+    onKeydown(event) {
+        if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            const val = this.timePicker.value() || { hours: 0, minutes: 0 };
+            this.timePicker.setSeconds((val.seconds ?? 0) >= 59 ? 0 : (val.seconds ?? 0) + 1);
+        }
+        else if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            const val = this.timePicker.value() || { hours: 0, minutes: 0 };
+            this.timePicker.setSeconds((val.seconds ?? 0) <= 0 ? 59 : (val.seconds ?? 0) - 1);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePickerSecondsInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScTimePickerSecondsInput, isStandalone: true, selector: "input[scTimePickerSecondsInput]", host: { listeners: { "input": "onInput($event)", "blur": "onBlur()", "keydown": "onKeydown($event)", "focus": "onFocus($event)" }, properties: { "value": "displayValue()", "attr.aria-label": "\"Seconds\"" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePickerSecondsInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[scTimePickerSecondsInput]',
+                    host: {
+                        '[value]': 'displayValue()',
+                        '[attr.aria-label]': '"Seconds"',
+                        '(input)': 'onInput($event)',
+                        '(blur)': 'onBlur()',
+                        '(keydown)': 'onKeydown($event)',
+                        '(focus)': 'onFocus($event)',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=time-picker-seconds-input.js.map

package/esm2022/lib/components/time-picker/time-picker-seconds-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-seconds-input.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/time-picker/time-picker-seconds-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { computed, Directive, inject } from '@angular/core';\nimport { ScTimePickerInput } from './time-picker-input';\n\n@Directive({\n  selector: 'input[scTimePickerSecondsInput]',\n  host: {\n    '[value]': 'displayValue()',\n    '[attr.aria-label]': '\"Seconds\"',\n    '(input)': 'onInput($event)',\n    '(blur)': 'onBlur()',\n    '(keydown)': 'onKeydown($event)',\n    '(focus)': 'onFocus($event)',\n  },\n})\nexport class ScTimePickerSecondsInput {\n  private readonly input = inject(ScTimePickerInput);\n\n  private readonly timePicker = this.input.timePicker;\n\n  protected readonly displayValue = computed(() => {\n    const val = this.timePicker.value();\n    if (!val) return '00';\n    return (val.seconds ?? 0).toString().padStart(2, '0');\n  });\n\n  protected onInput(event: Event): void {\n    const el = event.target as HTMLInputElement;\n    const value = el.value.replace(/\\D/g, '');\n    const num = parseInt(value, 10);\n\n    if (!isNaN(num)) {\n      this.timePicker.setSeconds(Math.min(num, 59));\n    }\n  }\n\n  protected onBlur(): void {\n    this.input.focused.set(false);\n  }\n\n  protected onFocus(event: FocusEvent): void {\n    this.input.focused.set(true);\n    (event.target as HTMLInputElement).select();\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      const val = this.timePicker.value() || { hours: 0, minutes: 0 };\n      this.timePicker.setSeconds(\n        (val.seconds ?? 0) >= 59 ? 0 : (val.seconds ?? 0) + 1,\n      );\n    } else if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      const val = this.timePicker.value() || { hours: 0, minutes: 0 };\n      this.timePicker.setSeconds(\n        (val.seconds ?? 0) <= 0 ? 59 : (val.seconds ?? 0) - 1,\n      );\n    }\n  }\n}\n"]}

package/esm2022/lib/components/time-picker/time-picker-separator.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScTimePickerSeparator {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('text-lg font-medium text-muted-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePickerSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTimePickerSeparator, isStandalone: true, selector: "[scTimePickerSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "time-picker-separator" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePickerSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scTimePickerSeparator]',
+                    host: {
+                        'data-slot': 'time-picker-separator',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=time-picker-separator.js.map

package/esm2022/lib/components/time-picker/time-picker-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-separator.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/time-picker/time-picker-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,qBAAqB;IACvB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,2CAA2C,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACnE,CAAC;uGALS,qBAAqB;2FAArB,qBAAqB;;2FAArB,qBAAqB;kBAPjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,IAAI,EAAE;wBACJ,WAAW,EAAE,uBAAuB;wBACpC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scTimePickerSeparator]',\n  host: {\n    'data-slot': 'time-picker-separator',\n    '[class]': 'class()',\n  },\n})\nexport class ScTimePickerSeparator {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('text-lg font-medium text-muted-foreground', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/time-picker/time-picker.js

@@ -0,0 +1,58 @@
+import { computed, Directive, InjectionToken, input, model, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export const SC_TIME_PICKER = new InjectionToken('SC_TIME_PICKER');
+export class ScTimePicker {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    format = input('12h', ...(ngDevMode ? [{ debugName: "format" }] : []));
+    showSeconds = input(false, ...(ngDevMode ? [{ debugName: "showSeconds" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    class = computed(() => cn('inline-flex items-center gap-1', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    formattedTime = computed(() => {
+        const val = this.value();
+        if (!val)
+            return '';
+        const hours = this.format() === '12h' ? val.hours % 12 || 12 : val.hours;
+        const hoursStr = hours.toString().padStart(2, '0');
+        const minutesStr = val.minutes.toString().padStart(2, '0');
+        let time = `${hoursStr}:${minutesStr}`;
+        if (this.showSeconds() && val.seconds !== undefined) {
+            time += `:${val.seconds.toString().padStart(2, '0')}`;
+        }
+        if (this.format() === '12h' && val.period) {
+            time += ` ${val.period}`;
+        }
+        return time;
+    }, ...(ngDevMode ? [{ debugName: "formattedTime" }] : []));
+    setHours(hours) {
+        const current = this.value() || { hours: 0, minutes: 0 };
+        this.value.set({ ...current, hours });
+    }
+    setMinutes(minutes) {
+        const current = this.value() || { hours: 0, minutes: 0 };
+        this.value.set({ ...current, minutes });
+    }
+    setSeconds(seconds) {
+        const current = this.value() || { hours: 0, minutes: 0 };
+        this.value.set({ ...current, seconds });
+    }
+    setPeriod(period) {
+        const current = this.value() || { hours: 0, minutes: 0 };
+        this.value.set({ ...current, period });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTimePicker, isStandalone: true, selector: "[scTimePicker]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "showSeconds", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "data-slot": "time-picker" }, properties: { "class": "class()" } }, providers: [{ provide: SC_TIME_PICKER, useExisting: ScTimePicker }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePicker, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scTimePicker]',
+                    providers: [{ provide: SC_TIME_PICKER, useExisting: ScTimePicker }],
+                    host: {
+                        'data-slot': 'time-picker',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], showSeconds: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSeconds", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+//# sourceMappingURL=time-picker.js.map

package/esm2022/lib/components/time-picker/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/time-picker/time-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  computed,\n  Directive,\n  InjectionToken,\n  input,\n  model,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\nexport type ScTimeFormat = '12h' | '24h';\nexport type ScTimePeriod = 'AM' | 'PM';\n\nexport interface ScTimeValue {\n  hours: number;\n  minutes: number;\n  seconds?: number;\n  period?: ScTimePeriod;\n}\n\nexport const SC_TIME_PICKER = new InjectionToken<ScTimePicker>(\n  'SC_TIME_PICKER',\n);\n\n@Directive({\n  selector: '[scTimePicker]',\n  providers: [{ provide: SC_TIME_PICKER, useExisting: ScTimePicker }],\n  host: {\n    'data-slot': 'time-picker',\n    '[class]': 'class()',\n  },\n})\nexport class ScTimePicker {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly format = input<ScTimeFormat>('12h');\n  readonly showSeconds = input<boolean>(false);\n  readonly disabled = input<boolean>(false);\n  readonly value = model<ScTimeValue | null>(null);\n\n  protected readonly class = computed(() =>\n    cn('inline-flex items-center gap-1', this.classInput()),\n  );\n\n  readonly formattedTime = computed(() => {\n    const val = this.value();\n    if (!val) return '';\n\n    const hours = this.format() === '12h' ? val.hours % 12 || 12 : val.hours;\n    const hoursStr = hours.toString().padStart(2, '0');\n    const minutesStr = val.minutes.toString().padStart(2, '0');\n\n    let time = `${hoursStr}:${minutesStr}`;\n\n    if (this.showSeconds() && val.seconds !== undefined) {\n      time += `:${val.seconds.toString().padStart(2, '0')}`;\n    }\n\n    if (this.format() === '12h' && val.period) {\n      time += ` ${val.period}`;\n    }\n\n    return time;\n  });\n\n  setHours(hours: number): void {\n    const current = this.value() || { hours: 0, minutes: 0 };\n    this.value.set({ ...current, hours });\n  }\n\n  setMinutes(minutes: number): void {\n    const current = this.value() || { hours: 0, minutes: 0 };\n    this.value.set({ ...current, minutes });\n  }\n\n  setSeconds(seconds: number): void {\n    const current = this.value() || { hours: 0, minutes: 0 };\n    this.value.set({ ...current, seconds });\n  }\n\n  setPeriod(period: ScTimePeriod): void {\n    const current = this.value() || { hours: 0, minutes: 0 };\n    this.value.set({ ...current, period });\n  }\n}\n"]}

package/esm2022/lib/components/typography/heading.js

@@ -0,0 +1,43 @@
+import { computed, Directive, ElementRef, inject, input } from '@angular/core';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export const headingVariants = cva('scroll-m-20 tracking-tight', {
+    variants: {
+        level: {
+            h1: 'text-4xl font-extrabold',
+            h2: 'text-3xl font-semibold first:mt-0',
+            h3: 'text-2xl font-semibold',
+            h4: 'text-xl font-semibold',
+        },
+        underline: {
+            true: 'border-b pb-2',
+            false: '',
+        },
+    },
+    defaultVariants: {
+        underline: false,
+    },
+});
+export class ScHeading {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    underline = input(false, ...(ngDevMode ? [{ debugName: "underline" }] : []));
+    elementRef = inject(ElementRef);
+    class = computed(() => {
+        const level = this.elementRef.nativeElement.tagName.toLowerCase();
+        return cn(headingVariants({ level, underline: this.underline() }), this.classInput());
+    }, ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScHeading, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScHeading, isStandalone: true, selector: "h1[scHeading], h2[scHeading], h3[scHeading], h4[scHeading]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "heading" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScHeading, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'h1[scHeading], h2[scHeading], h3[scHeading], h4[scHeading]',
+                    host: {
+                        'data-slot': 'heading',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], underline: [{ type: i0.Input, args: [{ isSignal: true, alias: "underline", required: false }] }] } });
+//# sourceMappingURL=heading.js.map

package/esm2022/lib/components/typography/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/typography/heading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAEjC,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC,4BAA4B,EAAE;IAC/D,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,mCAAmC;YACvC,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,uBAAuB;SAC5B;QACD,SAAS,EAAE;YACT,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAWH,MAAM,OAAO,SAAS;IACX,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,SAAS,GAAG,KAAK,CAAiC,KAAK,qDAAC,CAAC;IAEjD,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IAEvD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,MAAM,KAAK,GACT,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,WAAW,EAAgC,CAAC;QACpF,OAAO,EAAE,CACP,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,EACvD,IAAI,CAAC,UAAU,EAAE,CAClB,CAAC;IACJ,CAAC,iDAAC,CAAC;uGAbQ,SAAS;2FAAT,SAAS;;2FAAT,SAAS;kBAPrB,SAAS;mBAAC;oBACT,QAAQ,EAAE,4DAA4D;oBACtE,IAAI,EAAE;wBACJ,WAAW,EAAE,SAAS;wBACtB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, ElementRef, inject, input } from '@angular/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nexport const headingVariants = cva('scroll-m-20 tracking-tight', {\n  variants: {\n    level: {\n      h1: 'text-4xl font-extrabold',\n      h2: 'text-3xl font-semibold first:mt-0',\n      h3: 'text-2xl font-semibold',\n      h4: 'text-xl font-semibold',\n    },\n    underline: {\n      true: 'border-b pb-2',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    underline: false,\n  },\n});\n\nexport type ScHeadingVariants = VariantProps<typeof headingVariants>;\n\n@Directive({\n  selector: 'h1[scHeading], h2[scHeading], h3[scHeading], h4[scHeading]',\n  host: {\n    'data-slot': 'heading',\n    '[class]': 'class()',\n  },\n})\nexport class ScHeading {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly underline = input<ScHeadingVariants['underline']>(false);\n\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  protected readonly class = computed(() => {\n    const level =\n      this.elementRef.nativeElement.tagName.toLowerCase() as ScHeadingVariants['level'];\n    return cn(\n      headingVariants({ level, underline: this.underline() }),\n      this.classInput(),\n    );\n  });\n}\n"]}

package/esm2022/lib/components/typography/index.js

@@ -0,0 +1,2 @@
+export { ScHeading, headingVariants } from './heading';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAA0B,MAAM,WAAW,CAAC","sourcesContent":["export { ScHeading, headingVariants, type ScHeadingVariants } from './heading';\n"]}

package/lib/components/file-upload/file-upload-dropzone.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export declare class ScFileUploadDropzone {
+    readonly fileUpload: import("@semantic-components/ui").ScFileUpload;
+    private readonly elementRef;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly isDragging: import("@angular/core").WritableSignal<boolean>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    openFilePicker(): void;
+    onFileSelect(event: Event): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUploadDropzone, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUploadDropzone, "[scFileUploadDropzone]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/file-upload/file-upload-item-delete.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class ScFileUploadItemDelete {
+    private readonly fileUpload;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly fileId: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUploadItemDelete, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScFileUploadItemDelete, "button[scFileUploadItemDelete]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "fileId": { "alias": "fileId"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/file-upload/file-upload-item-name.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScFileUploadItemName {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUploadItemName, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScFileUploadItemName, "[scFileUploadItemName]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/file-upload/file-upload-item-preview.d.ts

@@ -0,0 +1,11 @@
+import { ScFileUploadFile } from './file-upload';
+import * as i0 from "@angular/core";
+export declare class ScFileUploadItemPreview {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly file: import("@angular/core").InputSignal<ScFileUploadFile>;
+    protected readonly isImage: import("@angular/core").Signal<boolean>;
+    protected readonly previewUrl: import("@angular/core").Signal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUploadItemPreview, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUploadItemPreview, "[scFileUploadItemPreview]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/file-upload/file-upload-item-progress.d.ts

@@ -0,0 +1,9 @@
+import { ScFileUploadFile } from './file-upload';
+import * as i0 from "@angular/core";
+export declare class ScFileUploadItemProgress {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly file: import("@angular/core").InputSignal<ScFileUploadFile>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUploadItemProgress, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUploadItemProgress, "[scFileUploadItemProgress]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/file-upload/file-upload-item-size.d.ts

@@ -0,0 +1,10 @@
+import { ScFileUploadFile } from './file-upload';
+import * as i0 from "@angular/core";
+export declare class ScFileUploadItemSize {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly file: import("@angular/core").InputSignal<ScFileUploadFile>;
+    protected readonly formattedSize: import("@angular/core").Signal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUploadItemSize, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUploadItemSize, "[scFileUploadItemSize]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/file-upload/file-upload-item.d.ts

@@ -0,0 +1,9 @@
+import { ScFileUploadFile } from './file-upload';
+import * as i0 from "@angular/core";
+export declare class ScFileUploadItem {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly file: import("@angular/core").InputSignal<ScFileUploadFile>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUploadItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUploadItem, "[scFileUploadItem]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/file-upload/file-upload-list.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScFileUploadList {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUploadList, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScFileUploadList, "[scFileUploadList]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/file-upload/file-upload-trigger.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class ScFileUploadTrigger {
+    readonly fileUpload: import("@semantic-components/ui").ScFileUpload;
+    private readonly elementRef;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    openFilePicker(): void;
+    onFileSelect(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUploadTrigger, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUploadTrigger, "button[scFileUploadTrigger]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/file-upload/file-upload.d.ts

@@ -0,0 +1,32 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const SC_FILE_UPLOAD: InjectionToken<ScFileUpload>;
+export interface ScFileUploadFile {
+    file: File;
+    id: string;
+    progress?: number;
+    status: 'pending' | 'uploading' | 'complete' | 'error';
+    error?: string;
+}
+export declare class ScFileUpload {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly multiple: import("@angular/core").InputSignal<boolean>;
+    readonly accept: import("@angular/core").InputSignal<string>;
+    readonly maxSize: import("@angular/core").InputSignal<number>;
+    readonly maxFiles: import("@angular/core").InputSignal<number>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly files: import("@angular/core").ModelSignal<ScFileUploadFile[]>;
+    readonly filesSelected: import("@angular/core").OutputEmitterRef<File[]>;
+    readonly fileRemoved: import("@angular/core").OutputEmitterRef<ScFileUploadFile>;
+    readonly error: import("@angular/core").OutputEmitterRef<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    private generateId;
+    addFiles(fileList: FileList | File[]): void;
+    removeFile(fileId: string): void;
+    updateFileProgress(fileId: string, progress: number): void;
+    updateFileStatus(fileId: string, status: ScFileUploadFile['status'], error?: string): void;
+    clearFiles(): void;
+    private isAcceptedType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUpload, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScFileUpload, "[scFileUpload]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; }, { "files": "filesChange"; "filesSelected": "filesSelected"; "fileRemoved": "fileRemoved"; "error": "error"; }, never, never, true, never>;
+}

package/lib/components/file-upload/index.d.ts

@@ -0,0 +1,11 @@
+export { SC_FILE_UPLOAD, ScFileUpload } from './file-upload';
+export type { ScFileUploadFile } from './file-upload';
+export { ScFileUploadDropzone } from './file-upload-dropzone';
+export { ScFileUploadTrigger } from './file-upload-trigger';
+export { ScFileUploadList } from './file-upload-list';
+export { ScFileUploadItem } from './file-upload-item';
+export { ScFileUploadItemPreview } from './file-upload-item-preview';
+export { ScFileUploadItemName } from './file-upload-item-name';
+export { ScFileUploadItemSize } from './file-upload-item-size';
+export { ScFileUploadItemDelete } from './file-upload-item-delete';
+export { ScFileUploadItemProgress } from './file-upload-item-progress';

package/lib/components/index.d.ts

@@ -10,13 +10,14 @@ export * from './button';
 export * from './button-group';
 export * from './calendar';
 export * from './card';
-export * from './collapsible';
 export * from './checkbox';
+export * from './collapsible';
 export * from './date-picker';
 export * from './dialog';
 export * from './drawer';
 export * from './empty';
 export * from './field';
+export * from './file-upload';
 export * from './hover-card';
 export * from './input';
 export * from './input-group';
@@ -26,21 +27,28 @@ export * from './label';
 export * from './link';
 export * from './menu';
 export * from './menu-bar';
+export * from './native-select';
+export * from './navigation-menu';
 export * from './pagination';
 export * from './popover';
 export * from './progress';
 export * from './radio-group';
+export * from './range-slider';
+export * from './scroll-area';
 export * from './select';
 export * from './separator';
 export * from './sheet';
 export * from './skeleton';
+export * from './slider';
 export * from './spinner';
 export * from './switch';
 export * from './table';
 export * from './tabs';
 export * from './textarea';
+export * from './time-picker';
+export * from './toast';
 export * from './toggle';
 export * from './toggle-group';
 export * from './toolbar';
-export * from './toast';
 export * from './tooltip';
+export * from './typography';

package/lib/components/menu-bar/menu-bar-item.d.ts

@@ -8,6 +8,7 @@ export declare class ScMenuBarItem {
     readonly overlayOrigin: CdkOverlayOrigin;
     private readonly menuItem;
     protected readonly submenuPortal: import("@angular/core").Signal<ScMenuPortal | undefined>;
+    private readonly connectedOverlay;
     private readonly scMenuBar;
     protected readonly rendered: import("@angular/core").Signal<boolean>;
     protected readonly class: import("@angular/core").Signal<string>;

package/lib/components/native-select/index.d.ts

@@ -0,0 +1,5 @@
+export * from './native-select-container';
+export * from './native-select';
+export * from './native-select-icon';
+export * from './native-select-option';
+export * from './native-select-optgroup';

package/lib/components/native-select/native-select-container.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScNativeSelectContainer {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScNativeSelectContainer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScNativeSelectContainer, "div[scNativeSelectContainer]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/native-select/native-select-icon.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScNativeSelectIcon {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScNativeSelectIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScNativeSelectIcon, "[scNativeSelectIcon]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/native-select/native-select-optgroup.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScNativeSelectOptGroup {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScNativeSelectOptGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScNativeSelectOptGroup, "optgroup[scNativeSelectOptgroup]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/native-select/native-select-option.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScNativeSelectOption {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScNativeSelectOption, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScNativeSelectOption, "option[scNativeSelectOption]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/native-select/native-select.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class ScNativeSelect {
+    private readonly field;
+    private readonly fallbackId;
+    readonly idInput: import("@angular/core").InputSignal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<"default" | "sm">;
+    readonly id: import("@angular/core").Signal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScNativeSelect, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScNativeSelect, "select[scNativeSelect]", never, { "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/navigation-menu/index.d.ts

@@ -0,0 +1,8 @@
+export { ScNavigationMenu } from './navigation-menu';
+export { ScNavigationMenuContent } from './navigation-menu-content';
+export { ScNavigationMenuGrid } from './navigation-menu-grid';
+export { ScNavigationMenuItem } from './navigation-menu-item';
+export { ScNavigationMenuLink } from './navigation-menu-link';
+export { ScNavigationMenuList } from './navigation-menu-list';
+export { ScNavigationMenuPortal } from './navigation-menu-portal';
+export { ScNavigationMenuTrigger } from './navigation-menu-trigger';