@semantic-components/ui 0.66.0 → 0.67.0

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":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAaxD,MAAM,OAAO,wBAAwB;IAClB,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAElC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;IAEjC,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACpC,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC;QACtB,OAAO,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACxD,CAAC,wDAAC,CAAC;IAEO,OAAO,CAAC,KAAY;QAC5B,MAAM,EAAE,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC5C,MAAM,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC1C,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAEhC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAChB,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAES,MAAM;QACd,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAES,OAAO,CAAC,KAAiB;QACjC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC5B,KAAK,CAAC,MAA2B,CAAC,MAAM,EAAE,CAAC;IAC9C,CAAC;IAES,SAAS,CAAC,KAAoB;QACtC,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAC5B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YAChE,IAAI,CAAC,UAAU,CAAC,UAAU,CACxB,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CACtD,CAAC;QACJ,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YACrC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YAChE,IAAI,CAAC,UAAU,CAAC,UAAU,CACxB,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CACtD,CAAC;QACJ,CAAC;IACH,CAAC;uGA5CU,wBAAwB;2FAAxB,wBAAwB;;2FAAxB,wBAAwB;kBAXpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iCAAiC;oBAC3C,IAAI,EAAE;wBACJ,SAAS,EAAE,gBAAgB;wBAC3B,mBAAmB,EAAE,WAAW;wBAChC,SAAS,EAAE,iBAAiB;wBAC5B,QAAQ,EAAE,UAAU;wBACpB,WAAW,EAAE,mBAAmB;wBAChC,SAAS,EAAE,iBAAiB;qBAC7B;iBACF","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/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

@@ -17,6 +17,7 @@ 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,6 +27,8 @@ 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';
@@ -34,8 +37,11 @@ export * from './select';
 export * from './separator';
 export * from './sheet';
 export * from './skeleton';
+export * from './range-slider';
+export * from './slider';
 export * from './spinner';
 export * from './switch';
+export * from './time-picker';
 export * from './table';
 export * from './tabs';
 export * from './textarea';

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,7 @@
+export { ScNavigationMenu } from './navigation-menu';
+export { ScNavigationMenuContent } from './navigation-menu-content';
+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';

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class ScNavigationMenuContent {
+    private readonly menuItem;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScNavigationMenuContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScNavigationMenuContent, "div[scNavigationMenuContent]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,27 @@
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import { OnInit } from '@angular/core';
+import { ScNavigationMenu } from './navigation-menu';
+import { ScNavigationMenuPortal } from './navigation-menu-portal';
+import * as i0 from "@angular/core";
+export declare class ScNavigationMenuItem implements OnInit {
+    readonly navigationMenu: ScNavigationMenu;
+    private readonly router;
+    private readonly destroyRef;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly itemId: string;
+    /** Whether this item's content is open */
+    readonly open: import("@angular/core").WritableSignal<boolean>;
+    private readonly triggerChild;
+    protected readonly navigationMenuPortal: import("@angular/core").Signal<ScNavigationMenuPortal | undefined>;
+    readonly origin: import("@angular/core").Signal<import("@angular/cdk/overlay").CdkOverlayOrigin | undefined>;
+    protected readonly position: ConnectedPosition;
+    protected readonly class: import("@angular/core").Signal<string>;
+    private hideTimeout;
+    ngOnInit(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    private scheduleHide;
+    cancelHide(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScNavigationMenuItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScNavigationMenuItem, "li[scNavigationMenuItem]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["triggerChild", "navigationMenuPortal"], ["*"], true, never>;
+}

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScNavigationMenuPortal {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScNavigationMenuPortal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScNavigationMenuPortal, "ng-template[scNavigationMenuPortal]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/navigation-menu/navigation-menu-trigger-icon.d.ts

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

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

@@ -0,0 +1,12 @@
+import { CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { ScNavigationMenuItem } from './navigation-menu-item';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+export declare class ScNavigationMenuTrigger {
+    readonly menuItem: ScNavigationMenuItem;
+    readonly overlayOrigin: CdkOverlayOrigin;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScNavigationMenuTrigger, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScNavigationMenuTrigger, "button[scNavigationMenuTrigger]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class ScNavigationMenu {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    /** Currently active item ID */
+    readonly activeItem: import("@angular/core").WritableSignal<string | null>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    setActiveItem(id: string | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScNavigationMenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScNavigationMenu, "nav[scNavigationMenu]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/range-slider/index.d.ts

@@ -0,0 +1,3 @@
+export { ScRangeSlider } from './range-slider';
+export { ScRangeSliderMax } from './range-slider-max';
+export { ScRangeSliderMin } from './range-slider-min';

package/lib/components/range-slider/range-slider-max.d.ts

@@ -0,0 +1,10 @@
+import { ScRangeSlider } from './range-slider';
+import * as i0 from "@angular/core";
+export declare class ScRangeSliderMax {
+    protected readonly rangeSlider: ScRangeSlider;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    protected onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScRangeSliderMax, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScRangeSliderMax, "input[scRangeSliderMax]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/range-slider/range-slider-min.d.ts

@@ -0,0 +1,10 @@
+import { ScRangeSlider } from './range-slider';
+import * as i0 from "@angular/core";
+export declare class ScRangeSliderMin {
+    protected readonly rangeSlider: ScRangeSlider;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    protected onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScRangeSliderMin, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScRangeSliderMin, "input[scRangeSliderMin]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/range-slider/range-slider-thumb-base.d.ts

@@ -0,0 +1,2 @@
+export declare const MIN_THUMB_CLASSES: readonly ["pointer-events-none absolute top-0 h-full w-full cursor-pointer appearance-none bg-transparent", "disabled:pointer-events-none disabled:opacity-50", "[&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:size-3 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-0 [&::-webkit-slider-thumb]:bg-primary [&::-webkit-slider-thumb]:transition-shadow", "[&::-webkit-slider-thumb:hover]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]", "[&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:size-3 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-primary [&::-moz-range-thumb]:transition-shadow", "[&::-moz-range-thumb:hover]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]", "focus-visible:outline-none [&:focus-visible::-webkit-slider-thumb]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]", "[&:focus-visible::-moz-range-thumb]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]", "z-10", "[&::-webkit-slider-thumb]:-mt-1.5", "[&::-webkit-slider-runnable-track]:appearance-none [&::-webkit-slider-runnable-track]:h-0 [&::-webkit-slider-runnable-track]:bg-transparent", "[&::-moz-range-track]:h-0 [&::-moz-range-track]:bg-transparent"];
+export declare const MAX_THUMB_CLASSES: readonly ["pointer-events-none absolute top-0 h-full w-full cursor-pointer appearance-none bg-transparent", "disabled:pointer-events-none disabled:opacity-50", "[&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:size-3 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-0 [&::-webkit-slider-thumb]:bg-primary [&::-webkit-slider-thumb]:transition-shadow", "[&::-webkit-slider-thumb:hover]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]", "[&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:size-3 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-primary [&::-moz-range-thumb]:transition-shadow", "[&::-moz-range-thumb:hover]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]", "focus-visible:outline-none [&:focus-visible::-webkit-slider-thumb]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]", "[&:focus-visible::-moz-range-thumb]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]", "[&::-webkit-slider-thumb]:-mt-1", "[&::-webkit-slider-runnable-track]:h-1 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-[image:linear-gradient(to_right,var(--muted)_var(--min-percent),var(--primary)_var(--min-percent)_var(--max-percent),var(--muted)_var(--max-percent))]", "[&::-moz-range-track]:h-1 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-[image:linear-gradient(to_right,var(--muted)_var(--min-percent),var(--primary)_var(--min-percent)_var(--max-percent),var(--muted)_var(--max-percent))]"];

package/lib/components/range-slider/range-slider.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+export declare class ScRangeSlider {
+    private readonly el;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly minValue: import("@angular/core").ModelSignal<number>;
+    readonly maxValue: import("@angular/core").ModelSignal<number>;
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly step: import("@angular/core").InputSignal<number>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly minPercent: import("@angular/core").Signal<number>;
+    readonly maxPercent: import("@angular/core").Signal<number>;
+    protected readonly minPercentCss: import("@angular/core").Signal<string>;
+    protected readonly maxPercentCss: import("@angular/core").Signal<string>;
+    protected onPointerDown(event: PointerEvent): void;
+    clampMin(val: number): number;
+    clampMax(val: number): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScRangeSlider, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScRangeSlider, "div[scRangeSlider]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "minValue": "minValueChange"; "maxValue": "maxValueChange"; }, never, never, true, never>;
+}