@semantic-components/ui 0.9.0 → 0.11.0

package/index.d.ts

@@ -2,6 +2,8 @@ export * from './lib/utils';
 export * from './lib/components/editor';
 export * from './lib/components/tooltip';
 export * from './lib/components/paginator';
+export * from './lib/components/calendar';
+export * from './lib/components/full-calendar';
 export * from './lib/components/date-picker';
 export * from './lib/components/nav';
 export * from './lib/components/theme-toggler';
@@ -42,3 +44,5 @@ export * from './lib/components/menu';
 export * from './lib/components/menubar';
 export * from './lib/components/command';
 export * from './lib/components/collapsible';
+export * from './lib/components/sidebar';
+export * from './lib/components/autocomplete';

package/lib/components/autocomplete/autocomplete-item.d.ts

@@ -0,0 +1,18 @@
+import { Highlightable } from '@angular/cdk/a11y';
+import { ScAutocompleteModel } from './autocomplete-model';
+import * as i0 from "@angular/core";
+export declare class ScAutocompleteItem implements Highlightable {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    readonly _disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    item: import("@angular/core").InputSignal<ScAutocompleteModel>;
+    selectedItem: import("@angular/core").InputSignal<ScAutocompleteModel | undefined>;
+    isSelected: import("@angular/core").Signal<boolean>;
+    private _isActive;
+    disabled?: boolean | undefined;
+    getLabel?(): string;
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAutocompleteItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAutocompleteItem, "sc-autocomplete-item", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "_disabled": { "alias": "_disabled"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/autocomplete/autocomplete-model.d.ts

@@ -0,0 +1,4 @@
+export interface ScAutocompleteModel {
+    id: string;
+    label: string;
+}

package/lib/components/autocomplete/autocomplete.d.ts

@@ -0,0 +1,20 @@
+import { AfterViewInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { ScAutocompleteItem } from './autocomplete-item';
+import { ScAutocompleteModel } from './autocomplete-model';
+import * as i0 from "@angular/core";
+export declare class ScAutocomplete implements AfterViewInit {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    items: import("@angular/core").WritableSignal<ScAutocompleteModel[]>;
+    searchControl: FormControl<any>;
+    input: import("@angular/core").Signal<any>;
+    filteredItems: import("@angular/core").Signal<ScAutocompleteModel[]>;
+    selectedItem: import("@angular/core").WritableSignal<ScAutocompleteModel | undefined>;
+    readonly viewItems: import("@angular/core").Signal<readonly ScAutocompleteItem[]>;
+    private keyManager;
+    ngAfterViewInit(): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAutocomplete, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAutocomplete, "sc-autocomplete", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/autocomplete/index.d.ts

@@ -0,0 +1 @@
+export * from './autocomplete';

package/lib/components/{date-picker/inline-date-picker.d.ts → calendar/calendar.d.ts}

@@ -1,7 +1,9 @@
 import { OnInit } from '@angular/core';
 import { WeekDayName } from './util';
 import * as i0 from "@angular/core";
-export declare class ScInlineDatePicker implements OnInit {
+export declare class ScCalendar implements OnInit {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
     private readonly localeId;
     year: import("@angular/core").WritableSignal<number>;
     month: import("@angular/core").WritableSignal<number>;
@@ -17,6 +19,6 @@ export declare class ScInlineDatePicker implements OnInit {
     private getFirstDayOfWeek;
     setMonthYear(n: number): void;
     twoDigits(n: number): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScInlineDatePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScInlineDatePicker, "sc-inline-date-picker", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCalendar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCalendar, "sc-calendar", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/calendar/index.d.ts

@@ -0,0 +1 @@
+export * from './calendar';

package/lib/components/{date-picker → calendar}/month-days.d.ts

@@ -1,6 +1,8 @@
 import { WeekDayName } from './util';
 import * as i0 from "@angular/core";
 export declare class ScMonthDays {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
     weekDaysNames: import("@angular/core").InputSignal<WeekDayName[]>;
     days: import("@angular/core").InputSignal<string[]>;
     firstDayMonth: import("@angular/core").InputSignal<number>;
@@ -9,5 +11,5 @@ export declare class ScMonthDays {
     isSelected(day: string): boolean;
     setSelectedDay(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScMonthDays, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScMonthDays, "sc-month-days", never, { "weekDaysNames": { "alias": "weekDaysNames"; "required": true; "isSignal": true; }; "days": { "alias": "days"; "required": true; "isSignal": true; }; "firstDayMonth": { "alias": "firstDayMonth"; "required": true; "isSignal": true; }; "selectedDay": { "alias": "selectedDay"; "required": false; "isSignal": true; }; }, { "selectedDayChange": "selectedDayChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScMonthDays, "sc-month-days", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "weekDaysNames": { "alias": "weekDaysNames"; "required": true; "isSignal": true; }; "days": { "alias": "days"; "required": true; "isSignal": true; }; "firstDayMonth": { "alias": "firstDayMonth"; "required": true; "isSignal": true; }; "selectedDay": { "alias": "selectedDay"; "required": false; "isSignal": true; }; }, { "selectedDayChange": "selectedDayChange"; }, never, never, true, never>;
 }

package/lib/components/calendar/month-year-header.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScMonthYearHeader {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    monthYear: import("@angular/core").InputSignal<string>;
+    monthYearChange: import("@angular/core").OutputEmitterRef<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScMonthYearHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScMonthYearHeader, "sc-month-year-header", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "monthYear": { "alias": "monthYear"; "required": true; "isSignal": true; }; }, { "monthYearChange": "monthYearChange"; }, never, never, true, never>;
+}

package/lib/components/checkbox/checkbox.d.ts

@@ -9,9 +9,13 @@ export declare class ScCheckbox implements ControlValueAccessor {
     checkboxClasses: import("@angular/core").Signal<string>;
     svgClass: import("@angular/core").InputSignal<string>;
     svgClasses: import("@angular/core").Signal<string>;
+    readonly indeterminate: import("@angular/core").ModelSignal<boolean>;
+    ariaLabel: import("@angular/core").InputSignal<string | null>;
     checked: import("@angular/core").ModelSignal<BooleanInput>;
     disabled: import("@angular/core").ModelSignal<BooleanInput>;
+    change: import("@angular/core").OutputEmitterRef<boolean>;
     state: import("@angular/core").Signal<"checked" | "unchecked">;
+    private host;
     constructor();
     toggle(): void;
     writeValue(value: boolean): void;
@@ -20,6 +24,7 @@ export declare class ScCheckbox implements ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState?(isDisabled: boolean): void;
+    _onInteractionEvent(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckbox, "sc-checkbox", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "checkboxClass": { "alias": "checkboxClass"; "required": false; "isSignal": true; }; "svgClass": { "alias": "svgClass"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckbox, "sc-checkbox", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "checkboxClass": { "alias": "checkboxClass"; "required": false; "isSignal": true; }; "svgClass": { "alias": "svgClass"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "indeterminate": "indeterminateChange"; "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; }, never, never, true, never>;
 }

package/lib/components/date-picker/date-picker.d.ts

@@ -1,6 +1,9 @@
 import { OnInit, OutputEmitterRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScDatePicker implements OnInit {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    private host;
     private readonly localeId;
     dateFormatPattern: import("@angular/core").WritableSignal<string>;
     ngOnInit(): void;
@@ -10,7 +13,6 @@ export declare class ScDatePicker implements OnInit {
     private readonly _overlay;
     private readonly _isOpen;
     private readonly _input;
-    private readonly _overlayOrigin;
     private _overlayRef;
     private _portal;
     /** Emits when the datepicker is opened. */
@@ -28,5 +30,5 @@ export declare class ScDatePicker implements OnInit {
     /** Selects a specific date value. */
     protected _selectValue(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScDatePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScDatePicker, "sc-date-picker", never, {}, { "opened": "opened"; "closed": "closed"; "selected": "selected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDatePicker, "sc-date-picker", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "selected": "selected"; }, never, never, true, never>;
 }

package/lib/components/date-picker/index.d.ts

@@ -1,2 +1 @@
 export * from './date-picker';
-export * from './inline-date-picker';

package/lib/components/editor/editor.d.ts

@@ -9,6 +9,9 @@ export declare class ScEditor implements ControlValueAccessor {
     _value: import("@angular/core").WritableSignal<string>;
     _isEditable: import("@angular/core").WritableSignal<boolean>;
     class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    editorClass: import("@angular/core").InputSignal<string>;
+    editorClasses: import("@angular/core").Signal<string>;
     _onChange: (value: string) => void;
     _onTouched: () => void;
     editor: Editor;
@@ -21,5 +24,5 @@ export declare class ScEditor implements ControlValueAccessor {
     setDisabledState?(isDisabled: boolean): void;
     setHtmlContent(htmlContent: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScEditor, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditor, "sc-editor", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditor, "sc-editor", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "editorClass": { "alias": "editorClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/full-calendar/full-calendar.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScFullCalendar {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFullCalendar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFullCalendar, "sc-full-calendar", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/full-calendar/index.d.ts

@@ -0,0 +1 @@
+export * from './full-calendar';

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

@@ -1,12 +1,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/menu";
 export declare class ScMenuCheckboxItem {
+    private _cdkMenuItemCheckbox;
     class: import("@angular/core").InputSignal<string>;
     classes: import("@angular/core").Signal<string>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    readonly scChecked: import("@angular/core").ModelSignal<boolean | undefined>;
+    constructor();
+    readonly scChecked: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly scTriggered: import("@angular/core").OutputEmitterRef<void>;
-    toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScMenuCheckboxItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScMenuCheckboxItem, "button[sc-menu-checkbox-item]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "scChecked": { "alias": "scChecked"; "required": false; "isSignal": true; }; }, { "scChecked": "scCheckedChange"; "scTriggered": "scTriggered"; }, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemCheckbox; inputs: { "cdkMenuItemChecked": "scChecked"; }; outputs: { "cdkMenuItemTriggered": "scTriggered"; }; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScMenuCheckboxItem, "button[sc-menu-checkbox-item]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "scChecked": { "alias": "scChecked"; "required": false; "isSignal": true; }; }, { "scTriggered": "scTriggered"; }, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemCheckbox; inputs: { "cdkMenuItemChecked": "scChecked"; }; outputs: { "cdkMenuItemTriggered": "scTriggered"; }; }]>;
 }

package/lib/components/overlay/index.d.ts

@@ -0,0 +1 @@
+export * from './utils';

package/lib/components/overlay/utils.d.ts

@@ -0,0 +1 @@
+export declare const scOverlayClasses: import("@angular/core").WritableSignal<string[]>;

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ScListboxOption {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    isSelected: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScListboxOption, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScListboxOption, "li[sc-listbox-option]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/select/listbox.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScListbox {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScListbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScListbox, "ul[sc-listbox]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -1,11 +1,9 @@
 import { ElementRef } from '@angular/core';
-import { ScSelectState } from './select-state';
 import * as i0 from "@angular/core";
 export declare class ScOption {
-    state: ScSelectState;
-    value: import("@angular/core").InputSignal<string>;
-    label: import("@angular/core").Signal<ElementRef<HTMLSpanElement>>;
-    select(): void;
+    value: import("@angular/core").InputSignal<unknown>;
+    labelEl: import("@angular/core").Signal<ElementRef<HTMLSpanElement>>;
+    label: import("@angular/core").Signal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScOption, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScOption, "sc-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -2,14 +2,13 @@ import { Directionality } from '@angular/cdk/bidi';
 import { Overlay } from '@angular/cdk/overlay';
 import { ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { ScSelectState } from './select-state';
+import { ScOption } from './option';
 import * as i0 from "@angular/core";
 export declare class ScSelect implements ControlValueAccessor {
     static nextId: number;
     id: number;
     _getPanelId(): string;
     private readonly _cdr;
-    state: ScSelectState;
     _overlay: Overlay;
     _dir: Directionality | null;
     _viewContainerRef: ViewContainerRef;
@@ -17,17 +16,20 @@ export declare class ScSelect implements ControlValueAccessor {
     scSelectTrigger: import("@angular/core").Signal<ElementRef<HTMLButtonElement>>;
     _panelTemplate: import("@angular/core").Signal<TemplateRef<unknown>>;
     placeholder: import("@angular/core").InputSignal<string>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
     constructor();
-    _value: import("@angular/core").WritableSignal<string>;
+    options: import("@angular/core").Signal<readonly ScOption[]>;
+    value: import("@angular/core").ModelSignal<unknown>;
     isDisabled: import("@angular/core").WritableSignal<boolean>;
-    writeValue(value: string): void;
-    setValue(value: string): void;
-    _onChange: (value: string) => void;
+    writeValue(value: unknown): void;
+    handleValueChange(v: readonly unknown[]): void;
+    setValue(value: unknown): void;
+    _onChange: (value: unknown) => void;
     _onTouched: () => void;
-    registerOnChange(fn: (value: string) => void): void;
+    registerOnChange(fn: (value: unknown) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState?(isDisabled: boolean): void;
-    label: import("@angular/core").Signal<string>;
+    label: import("@angular/core").Signal<string | undefined>;
     _isExpanded: import("@angular/core").Signal<boolean>;
     private _overlayRef;
     private _getOverlayRef;
@@ -36,5 +38,5 @@ export declare class ScSelect implements ControlValueAccessor {
     /** Handles keyboard events while the overlay is open. */
     private _handleKeydown;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelect, "sc-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelect, "sc-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["options"], never, true, never>;
 }

package/lib/components/sheet/index.d.ts

@@ -1,3 +1,4 @@
 export * from './sheet';
+export * from './sheet-config';
 export * from './sheet-trigger';
-export * from './sheet-toggler';
+export * from './sheet-close';

package/lib/components/sheet/sheet-close.d.ts

@@ -0,0 +1,10 @@
+import { ScSheetTrigger } from './sheet-trigger';
+import * as i0 from "@angular/core";
+export declare class ScSheetClose {
+    scSheetTrigger: ScSheetTrigger;
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSheetClose, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSheetClose, "button[sc-sheet-close]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/sheet/sheet-config.d.ts

@@ -0,0 +1,5 @@
+export declare class ScSheetConfig {
+    side: 'top' | 'bottom' | 'left' | 'right';
+    width: string;
+    height: string;
+}

package/lib/components/sheet/sheet-container.d.ts

@@ -0,0 +1,9 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScSheetContainer {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    templateRef: import("@angular/core").WritableSignal<TemplateRef<unknown> | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSheetContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSheetContainer, "sc-sheet-container", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/sheet/sheet-trigger.d.ts

@@ -1,16 +1,16 @@
-import { ConnectedPosition } from '@angular/cdk/overlay';
-import { SheetVariants } from './sheet';
+import { TemplateRef } from '@angular/core';
+import { ScSheetConfig } from './sheet-config';
 import * as i0 from "@angular/core";
 export declare class ScSheetTrigger {
-    private _overlayContainer;
-    private readonly overlay;
-    private overlayRef;
-    open: import("@angular/core").WritableSignal<boolean>;
-    openSheet(): void;
-    toggle(): void;
-    private getPositionStrategy;
-    getPositions(side: SheetVariants['side']): ConnectedPosition[];
-    updateSize(side: SheetVariants['side']): void;
+    private readonly _overlayContainer;
+    private readonly _overlay;
+    private _overlayRef;
+    state: import("@angular/core").WritableSignal<"open" | "closed">;
+    side: import("@angular/core").WritableSignal<"left" | "right" | "top" | "bottom">;
+    constructor();
+    open(templateRef: TemplateRef<unknown>, config: ScSheetConfig): void;
+    close(): void;
+    private getOverlayConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSheetTrigger, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ScSheetTrigger>;
 }

package/lib/components/sheet/sheet.d.ts

@@ -6,12 +6,12 @@ declare const sheetVariants: (props?: ({
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export type SheetVariants = VariantProps<typeof sheetVariants>;
 export declare class ScSheet {
-    sidebarState: ScSheetTrigger;
+    scSheetTrigger: ScSheetTrigger;
     state: import("@angular/core").Signal<"open" | "closed">;
-    side: import("@angular/core").WritableSignal<"left" | "right" | "top" | "bottom" | null | undefined>;
+    side: import("@angular/core").Signal<"left" | "right" | "top" | "bottom">;
     class: import("@angular/core").InputSignal<string>;
     classes: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSheet, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSheet, "sc-sheet", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSheet, "div[sc-sheet]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 export {};

package/lib/components/sidebar/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const SIDEBAR_WIDTH = "16rem";
+export declare const SIDEBAR_WIDTH_MOBILE = "18rem";
+export declare const SIDEBAR_WIDTH_ICON = "3rem";

package/lib/components/sidebar/index.d.ts

@@ -0,0 +1,4 @@
+export * from './sidebar';
+export * from './sidebar-state';
+export * from './sidebar-provider';
+export * from './sidebar-toggler';

package/lib/components/sidebar/sidebar-mobile.d.ts

@@ -0,0 +1,13 @@
+import { ScSidebarState } from './sidebar-state';
+import * as i0 from "@angular/core";
+export declare class ScSidebarMobile {
+    sidebarState: ScSidebarState;
+    styles: import("@angular/core").WritableSignal<string>;
+    side: import("@angular/core").InputSignal<"left" | "right">;
+    openMobile: import("@angular/core").Signal<boolean>;
+    state: import("@angular/core").Signal<"open" | "closed">;
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarMobile, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarMobile, "sc-sidebar-mobile", never, { "side": { "alias": "side"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/sidebar/sidebar-provider.d.ts

@@ -0,0 +1,11 @@
+import { ScSidebarState } from './sidebar-state';
+import * as i0 from "@angular/core";
+export declare class ScSidebarProvider {
+    sidebarState: ScSidebarState;
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    styles: import("@angular/core").WritableSignal<string>;
+    stateMobile: import("@angular/core").Signal<"open" | "closed">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarProvider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarProvider, "sc-sidebar-provider", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/sidebar/sidebar-state.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScSidebarState {
+    open: import("@angular/core").WritableSignal<boolean>;
+    openMobile: import("@angular/core").WritableSignal<boolean>;
+    isMobile: import("@angular/core").WritableSignal<boolean>;
+    toggleSidebar(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarState, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScSidebarState>;
+}

package/lib/components/sidebar/sidebar-toggler.d.ts

@@ -0,0 +1,8 @@
+import { ScSidebarState } from './sidebar-state';
+import * as i0 from "@angular/core";
+export declare class ScSidebarToggler {
+    sidebarState: ScSidebarState;
+    toggleSidebar(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarToggler, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarToggler, "sc-sidebar-toggler", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/components/sidebar/sidebar.d.ts

@@ -0,0 +1,20 @@
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { ScSidebarState } from './sidebar-state';
+import * as i0 from "@angular/core";
+export declare class ScSidebar {
+    private observer;
+    sidebarState: ScSidebarState;
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    side: import("@angular/core").InputSignal<"left" | "right">;
+    variant: import("@angular/core").InputSignal<"inset" | "sidebar" | "floating">;
+    collapsible: import("@angular/core").InputSignal<"icon" | "offcanvas" | "none">;
+    isMobile: import("@angular/core").Signal<boolean>;
+    openMobile: import("@angular/core").Signal<boolean>;
+    state: import("@angular/core").Signal<"expanded" | "collapsed">;
+    classes1: import("@angular/core").WritableSignal<string>;
+    classes2: import("@angular/core").WritableSignal<string>;
+    constructor(observer: BreakpointObserver);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebar, "sc-sidebar", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/typography/article.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare const scArticleClasses: import("@angular/core").WritableSignal<string>;
+export declare class ScArticle {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScArticle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScArticle, "sc-article", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/typography/heading.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ScHeading {
+    level: import("@angular/core").InputSignal<1 | 2 | 3 | 4 | 5 | 6 | null | undefined>;
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScHeading, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScHeading, "h1[sc-heading], h2[sc-heading], h3[sc-heading], h4[sc-heading], h5[sc-heading], h6[sc-heading]", never, { "level": { "alias": "level"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from './heading';
+export * from './article';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semantic-components/ui",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -10,7 +10,6 @@
     "@angular/core": ">=19.0.0",
     "@angular/cdk": ">=19.0.0",
     "@angular/forms": ">=19.0.0",
-    "@angular/router": ">=19.0.0",
     "@tiptap/core": "^2.10.3",
     "@semantic-icons/lucide-icons": "^0.9.0",
     "@tiptap/extension-blockquote": "^2.10.3",

package/lib/components/date-picker/month-year-header.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScMonthYearHeader {
-    classes: import("@angular/core").WritableSignal<string>;
-    monthYear: import("@angular/core").InputSignal<string>;
-    monthYearChange: import("@angular/core").OutputEmitterRef<number>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScMonthYearHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScMonthYearHeader, "sc-month-year-header", never, { "monthYear": { "alias": "monthYear"; "required": true; "isSignal": true; }; }, { "monthYearChange": "monthYearChange"; }, never, never, true, never>;
-}

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

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScSelectState {
-    selectedValue: import("@angular/core").WritableSignal<string>;
-    selectedLabel: import("@angular/core").WritableSignal<string>;
-    isOpen: import("@angular/core").WritableSignal<boolean>;
-    closeOverlay: import("@angular/core").WritableSignal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectState, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ScSelectState>;
-}

package/lib/components/sheet/sheet-toggler.d.ts

@@ -1,10 +0,0 @@
-import { ScSheetTrigger } from './sheet-trigger';
-import * as i0 from "@angular/core";
-export declare class ScSheetToggler {
-    sidebarState: ScSheetTrigger;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSheetToggler, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSheetToggler, "sc-sheet-toggler", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/lib/components/sheet/sidebar-content.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class SidebarContent {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarContent, "app-sidebar-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}