@semantic-components/ui 0.3.1 → 0.6.0

package/lib/components/tabs/tab-label.d.ts

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

package/lib/components/tabs/tab.d.ts

@@ -0,0 +1,10 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScTab {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    active: import("@angular/core").WritableSignal<boolean>;
+    label: import("@angular/core").Signal<TemplateRef<unknown>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTab, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScTab, "sc-tab", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["sc-tab-label", "sc-tab-content"], true, never>;
+}

package/lib/components/tabs/tabs.d.ts

@@ -0,0 +1,13 @@
+import { ScTab } from './tab';
+import * as i0 from "@angular/core";
+export declare class ScTabs {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    labelsHostClass: import("@angular/core").InputSignal<string>;
+    labelsHostClasses: import("@angular/core").Signal<string>;
+    readonly tabs: import("@angular/core").Signal<readonly ScTab[]>;
+    constructor();
+    selectTab(tab: ScTab): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTabs, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScTabs, "sc-tabs", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "labelsHostClass": { "alias": "labelsHostClass"; "required": false; "isSignal": true; }; }, {}, ["tabs"], ["*"], true, never>;
+}

package/lib/components/tel-input/form-field-custom-control.component.d.ts

@@ -0,0 +1,9 @@
+import { FormControl, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class FormFieldCustomControlComponent {
+    readonly form: FormGroup<{
+        tel: FormControl<null>;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldCustomControlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldCustomControlComponent, "sc-form-field-custom-control", never, {}, {}, never, never, true, never>;
+}

package/lib/components/tel-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './form-field-custom-control.component';
+export * from './tel-input.component';

package/lib/components/tel-input/tel-input.component.d.ts

@@ -0,0 +1,70 @@
+import { DoCheck, OnDestroy } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, FormControl, FormGroup, NgControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/** Data structure for holding telephone number. */
+export declare class TelModel {
+    area: string;
+    exchange: string;
+    subscriber: string;
+    constructor(area: string, exchange: string, subscriber: string);
+}
+export declare class TelInputComponent implements ControlValueAccessor, DoCheck, OnDestroy {
+    private readonly _parentForm;
+    private readonly _parentFormGroup;
+    static nextId: number;
+    readonly areaInput: import("@angular/core").Signal<HTMLInputElement>;
+    readonly exchangeInput: import("@angular/core").Signal<HTMLInputElement>;
+    readonly subscriberInput: import("@angular/core").Signal<HTMLInputElement>;
+    ngControl: NgControl | null;
+    readonly parts: FormGroup<{
+        area: FormControl<string | null>;
+        exchange: FormControl<string | null>;
+        subscriber: FormControl<string | null>;
+    }>;
+    readonly stateChanges: Subject<void>;
+    readonly touched: import("@angular/core").WritableSignal<boolean>;
+    readonly controlType = "sma-tel-input";
+    readonly id: string;
+    readonly _userAriaDescribedBy: import("@angular/core").InputSignal<string>;
+    readonly _placeholder: import("@angular/core").InputSignal<string>;
+    readonly _required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly _disabledByInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly _value: import("@angular/core").ModelSignal<TelModel | null>;
+    onChange: (_: any) => void;
+    onTouched: () => void;
+    getLabelId(): string;
+    private readonly _focused;
+    private readonly _disabledByCva;
+    private readonly _disabled;
+    private readonly _focusMonitor;
+    private readonly _elementRef;
+    get focused(): boolean;
+    get empty(): boolean;
+    get userAriaDescribedBy(): string;
+    get placeholder(): string;
+    get required(): boolean;
+    get disabled(): boolean;
+    get value(): TelModel | null;
+    get errorState(): boolean;
+    constructor();
+    ngOnDestroy(): void;
+    onFocusIn(): void;
+    onFocusOut(event: FocusEvent): void;
+    autoFocusNext(control: AbstractControl, nextElement?: HTMLInputElement): void;
+    autoFocusPrev(control: AbstractControl, prevElement: HTMLInputElement): void;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(): void;
+    writeValue(tel: TelModel | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    _handleInput(control: AbstractControl, nextElement?: HTMLInputElement): void;
+    private _updateValue;
+    /** Whether the component is in an error state. */
+    _errorState: boolean | undefined;
+    ngDoCheck(): void;
+    private updateErrorState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TelInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TelInputComponent, "sc-tel-input", never, { "_userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "_placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "_required": { "alias": "required"; "required": false; "isSignal": true; }; "_disabledByInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "_value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "_value": "valueChange"; }, never, never, true, never>;
+}

package/lib/components/textarea/textarea.d.ts

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

package/lib/components/theme-toggler/index.d.ts

@@ -1,2 +1,2 @@
 export * from './theme-toggler';
-export * from './theme-provider-factory';
+export * from './theme-provider';

package/lib/components/theme-toggler/theme-provider.d.ts

@@ -0,0 +1 @@
+export declare function scThemeProvider(): () => void;

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

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class ScTheme {
+    private readonly document;
     value: import("@angular/core").WritableSignal<"light" | "dark" | undefined>;
     constructor();
     init(): void;

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

@@ -0,0 +1,3 @@
+export * from './toast';
+export * from './toaster';
+export * from './toast-example';

package/lib/components/toast/toast-action.d.ts

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

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

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

package/lib/components/toast/toast-content.d.ts

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

package/lib/components/toast/toast-description.d.ts

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

package/lib/components/toast/toast-example.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ScToastExample {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScToastExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScToastExample, "sc-toast-example", never, {}, {}, never, never, true, never>;
+}

package/lib/components/toast/toast-title.d.ts

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

package/lib/components/toast/toast.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ScToast {
+    variant: import("@angular/core").InputSignal<"default" | "destructive" | null | undefined>;
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScToast, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScToast, "li[sc-toast]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/toast/toaster.d.ts

@@ -0,0 +1,10 @@
+import { Overlay } from '@angular/cdk/overlay';
+import * as i0 from "@angular/core";
+export declare class Toaster {
+    private overlayRef;
+    overlay: Overlay;
+    constructor();
+    toast(message: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Toaster, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<Toaster>;
+}

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

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

package/lib/components/toggle/toggle.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScToggle {
+    variant: import("@angular/core").InputSignal<"default" | "outline" | null | undefined>;
+    size: import("@angular/core").InputSignal<"default" | "sm" | "lg" | null | undefined>;
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScToggle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScToggle, "button[sc-toggle]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/utils/index.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semantic-components/ui",
-  "version": "0.3.1",
+  "version": "0.6.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,9 @@
     "@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.0.1",
+    "@semantic-icons/lucide-icons": "^0.9.0",
     "@tiptap/extension-blockquote": "^2.10.3",
     "@tiptap/extension-bold": "^2.10.3",
     "@tiptap/extension-bullet-list": "^2.10.3",
@@ -39,7 +40,12 @@
     "@tiptap/extension-table-row": "^2.10.3",
     "@tiptap/extension-table-cell": "^2.10.3",
     "@tiptap/extension-table": "^2.10.3",
-    "@angular/router": "19.0.3"
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.5.2",
+    "ngx-scrollbar": "^16.1.1",
+    "embla-carousel": "^8.5.1",
+    "rxjs": "~7.8.1"
   },
   "sideEffects": false,
   "repository": {

package/lib/components/breadcrumb/breadcrumb-elipssis.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScBreadcrumbElipssis {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScBreadcrumbElipssis, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScBreadcrumbElipssis, "span[sc-breadcrumb-elipssis]", never, {}, {}, never, never, true, never>;
-}

package/lib/components/date-picker/month-days.component.d.ts

@@ -1,11 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class MonthDaysComponent {
-    days: import("@angular/core").InputSignal<string[]>;
-    firstDayMonth: import("@angular/core").InputSignal<number>;
-    selectedDay: import("@angular/core").InputSignal<string>;
-    selectedDayChange: import("@angular/core").OutputEmitterRef<string>;
-    isSelected(day: string): boolean;
-    setSelectedDay(event: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonthDaysComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonthDaysComponent, "sc-month-days", never, { "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/date-picker/month-year-header.component.d.ts

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

package/lib/components/date-picker/week-days-names.component.d.ts

@@ -1,11 +0,0 @@
-import * as i0 from "@angular/core";
-export interface WeekDayName {
-    narrow: string;
-    short: string;
-    long: string;
-}
-export declare class WeekDaysNamesComponent {
-    weekDaysNames: import("@angular/core").InputSignal<WeekDayName[]>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WeekDaysNamesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WeekDaysNamesComponent, "sc-week-days-names", never, { "weekDaysNames": { "alias": "weekDaysNames"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/lib/components/dropdown/dropdown-divider.component.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class DropdownDividerComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownDividerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownDividerComponent, "sc-dropdown-divider", never, {}, {}, never, never, true, never>;
-}

package/lib/components/dropdown/dropdown-item.component.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class DropdownItemComponent {
-    text: import("@angular/core").InputSignal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "sc-dropdown-item", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/lib/components/dropdown/dropdown.component.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class DropdownComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "sc-dropdown", never, {}, {}, never, ["dropdown-items"], true, never>;
-}

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

@@ -1,3 +0,0 @@
-export * from './dropdown.component';
-export * from './dropdown-divider.component';
-export * from './dropdown-item.component';

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

@@ -1,2 +0,0 @@
-export declare const SIDEBAR_WIDTH = 16;
-export declare const SIDEBAR_WIDTH_MOBILE = 18;

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

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

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

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScSidebarContent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarContent, "sc-sidebar-content", never, {}, {}, never, never, true, never>;
-}

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

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScSidebarFooter {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarFooter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarFooter, "sc-sidebar-footer", never, {}, {}, never, never, true, never>;
-}

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

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScSidebarHeader {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarHeader, "sc-sidebar-header", never, {}, {}, never, never, true, never>;
-}

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

@@ -1,20 +0,0 @@
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { DestroyRef, OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class ScSidebarLayout implements OnInit {
-    private readonly document;
-    breakpointObserver: BreakpointObserver;
-    destroyRef: DestroyRef;
-    constructor(document: Document);
-    open: import("@angular/core").WritableSignal<boolean>;
-    state: import("@angular/core").Signal<"expanded" | "collapsed">;
-    isMobile: import("@angular/core").WritableSignal<boolean>;
-    side: import("@angular/core").WritableSignal<"left" | "right">;
-    variant: import("@angular/core").WritableSignal<"sidebar" | "floating" | "inset">;
-    collapsible: import("@angular/core").WritableSignal<"offcanvas" | "icon" | "none">;
-    sidebarWidth: import("@angular/core").Signal<number>;
-    ngOnInit(): void;
-    toggleSidebar(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarLayout, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarLayout, "sc-sidebar-layout", never, {}, {}, never, never, true, never>;
-}

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

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScSidebar {
-    side: import("@angular/core").InputSignal<"left" | "right">;
-    variant: import("@angular/core").InputSignal<"sidebar" | "floating" | "inset">;
-    collapsible: import("@angular/core").InputSignal<"offcanvas" | "icon" | "none">;
-    sidebarWidth: import("@angular/core").InputSignal<number>;
-    isMobile: import("@angular/core").InputSignal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebar, "sc-sidebar", never, { "side": { "alias": "side"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": true; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": true; "isSignal": true; }; "sidebarWidth": { "alias": "sidebarWidth"; "required": true; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/lib/components/theme-toggler/theme-provider-factory.d.ts

@@ -1 +0,0 @@
-export declare function scThemeProviderFactory(): () => void;