@semantic-components/ui 0.37.0 → 0.38.0

package/styles/typography-styles.css

@@ -0,0 +1,304 @@
+.prose {
+  --prose-color: var(--color-gray-700);
+  --prose-heading-color: var(--color-gray-950);
+  --prose-strong-color: var(--color-gray-950);
+  --prose-link-color: var(--color-gray-950);
+  --prose-code-color: var(--color-gray-950);
+  --prose-marker-color: color-mix(in oklab, var(--color-gray-700) 25%, transparent);
+  --prose-link-underline-color: var(--color-sky-400);
+  --prose-th-borders: var(--color-gray-300);
+  --prose-td-borders: var(--color-gray-200);
+  --prose-hr-color: color-mix(in oklab, var(--color-gray-950) 5%, transparent);
+  --prose-blockquote-border-color: var(--color-gray-300);
+
+  &:where(.dark, .dark *) {
+    --prose-color: var(--color-gray-300);
+    --prose-heading-color: var(--color-white);
+    --prose-strong-color: var(--color-white);
+    --prose-link-color: var(--color-white);
+    --prose-code-color: var(--color-white);
+    --prose-marker-color: color-mix(in oklab, var(--color-gray-300) 35%, transparent);
+    --prose-link-underline-color: var(--color-sky-400);
+    --prose-th-borders: var(--color-gray-600);
+    --prose-td-borders: var(--color-gray-700);
+    --prose-hr-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    --prose-blockquote-border-color: var(--color-gray-600);
+  }
+  @media (prefers-color-scheme: dark) {
+    &:where(.system, .system *) {
+      --prose-color: var(--color-gray-300);
+      --prose-heading-color: var(--color-white);
+      --prose-strong-color: var(--color-white);
+      --prose-link-color: var(--color-white);
+      --prose-code-color: var(--color-white);
+      --prose-marker-color: color-mix(in oklab, var(--color-gray-300) 35%, transparent);
+      --prose-link-underline-color: var(--color-sky-400);
+      --prose-th-borders: var(--color-gray-600);
+      --prose-td-borders: var(--color-gray-700);
+      --prose-hr-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      --prose-blockquote-border-color: var(--color-gray-600);
+    }
+  }
+
+  color: var(--prose-color);
+  font-size: var(--text-sm);
+  line-height: 2;
+
+  *:where(:not(.not-prose, .not-prose *)) + *:where(:not(.not-prose, .not-prose *)) {
+    margin-top: calc(var(--spacing) * 6);
+  }
+
+  h2:where(:not(.not-prose, .not-prose *)) {
+    font-size: var(--text-lg);
+    line-height: calc(28 / 18);
+    letter-spacing: -0.025em;
+    color: var(--prose-code-color);
+    font-weight: var(--font-weight-semibold);
+    margin-top: calc(var(--spacing) * 20);
+  }
+
+  h2:has(+ h3):where(:not(.not-prose, .not-prose *)) {
+    font-size: var(--text-xs);
+    line-height: 2;
+    font-weight: var(--font-weight-medium);
+    font-family: var(--font-mono);
+    font-variant-ligatures: none;
+    letter-spacing: 0.1em;
+    color: var(--prose-color);
+    text-transform: uppercase;
+  }
+
+  h3:where(:not(.not-prose, .not-prose *)) {
+    font-size: var(--text-base);
+    line-height: calc(28 / 18);
+    color: var(--prose-heading-color);
+    font-weight: var(--font-weight-semibold);
+    margin-top: calc(var(--spacing) * 16);
+  }
+
+  h2 + h3:where(:not(.not-prose, .not-prose *)) {
+    margin-top: calc(var(--spacing) * 6);
+  }
+
+  h4:where(:not(.not-prose, .not-prose *)) {
+    font-size: var(--text-sm);
+    line-height: calc(28 / 14);
+    color: var(--prose-heading-color);
+    font-weight: var(--font-weight-semibold);
+    margin-top: calc(var(--spacing) * 12);
+  }
+
+  :is(h2, h3, h4):where(:not(.not-prose, .not-prose *)) {
+    scroll-margin-top: calc(var(--spacing) * 32);
+    @variant lg {
+      scroll-margin-top: calc(var(--spacing) * 18);
+    }
+  }
+
+  ul:where(:not(.not-prose, .not-prose *)) {
+    padding-left: calc(var(--spacing) * 6);
+    list-style-type: square;
+  }
+
+  ul li:where(:not(.not-prose, .not-prose *)) {
+    padding-left: calc(var(--spacing) * 3);
+  }
+
+  ul li + li:where(:not(.not-prose, .not-prose *)) {
+    margin-top: calc(var(--spacing) * 4);
+  }
+
+  ul li:where(:not(.not-prose, .not-prose *))::marker {
+    color: var(--prose-marker-color);
+  }
+
+  a:not(:where(:is(h2, h3, h4) *)):where(:not(.not-prose, .not-prose *)) {
+    color: var(--prose-link-color);
+    font-weight: var(--font-weight-semibold);
+    text-decoration: underline;
+    text-underline-offset: 3px;
+    text-decoration-color: var(--prose-link-underline-color);
+    text-decoration-thickness: 1px;
+    & code {
+      font-weight: var(--font-weight-semibold);
+    }
+  }
+
+  a:hover:where(:not(.not-prose, .not-prose *)) {
+    text-decoration-thickness: 2px;
+  }
+
+  strong:where(:not(.not-prose, .not-prose *)) {
+    color: var(--prose-strong-color);
+    font-weight: var(--font-weight-semibold);
+  }
+
+  code:where(:not(.not-prose, .not-prose *)) {
+    font-variant-ligatures: none;
+    font-family: var(--font-mono);
+    font-weight: var(--font-weight-medium);
+    color: var(--prose-code-color);
+  }
+
+  :where(h2, h3, h4) code:where(:not(.not-prose, .not-prose *)) {
+    font-weight: var(--font-weight-semibold);
+  }
+
+  code:where(:not(.not-prose, .not-prose *))::before,
+  code:where(:not(.not-prose, .not-prose *))::after {
+    display: inline;
+    content: '`';
+  }
+
+  pre:where(:not(.not-prose, .not-prose *)) {
+    margin-top: calc(var(--spacing) * 4);
+    margin-bottom: calc(var(--spacing) * 10);
+  }
+
+  pre code * + *:where(:not(.not-prose, .not-prose *)) {
+    margin-top: 0;
+  }
+
+  pre code:where(:not(.not-prose, .not-prose *))::before,
+  pre code:where(:not(.not-prose, .not-prose *))::after {
+    content: none;
+  }
+
+  pre code:where(:not(.not-prose, .not-prose *)) {
+    font-variant-ligatures: none;
+    font-family: var(--font-mono);
+    font-size: var(--text-sm);
+    line-height: 2;
+  }
+
+  table:where(:not(.not-prose, .not-prose *)) {
+    width: 100%;
+    table-layout: auto;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    font-size: var(--text-sm);
+    line-height: 1.4;
+  }
+
+  thead:where(:not(.not-prose, .not-prose *)) {
+    border-bottom-width: 1px;
+    border-bottom-color: var(--prose-th-borders);
+  }
+
+  thead th:where(:not(.not-prose, .not-prose *)) {
+    color: var(--prose-heading-color);
+    font-weight: 600;
+    vertical-align: bottom;
+    padding-inline-end: 0.6em;
+    padding-bottom: 0.8em;
+    padding-inline-start: 0.6em;
+  }
+
+  thead th:first-child:where(:not(.not-prose, .not-prose *)) {
+    padding-inline-start: 0;
+  }
+
+  thead th:last-child:where(:not(.not-prose, .not-prose *)) {
+    padding-inline-end: 0;
+  }
+
+  tbody tr:where(:not(.not-prose, .not-prose *)) {
+    border-bottom-width: 1px;
+    border-bottom-color: var(--prose-td-borders);
+  }
+
+  tbody tr:last-child:where(:not(.not-prose, .not-prose *)) {
+    border-bottom-width: 0;
+  }
+
+  tbody td:where(:not(.not-prose, .not-prose *)) {
+    vertical-align: baseline;
+  }
+
+  tfoot:where(:not(.not-prose, .not-prose *)) {
+    border-top-width: 1px;
+    border-top-color: var(--prose-th-borders);
+  }
+
+  tfoot td:where(:not(.not-prose, .not-prose *)) {
+    vertical-align: top;
+  }
+
+  tbody td:where(:not(.not-prose, .not-prose *)),
+  tfoot td:where(:not(.not-prose, .not-prose *)) {
+    padding-top: 0.8em;
+    padding-inline-end: 0.6em;
+    padding-bottom: 0.8em;
+    padding-inline-start: 0.6em;
+  }
+
+  tbody td:first-child:where(:not(.not-prose, .not-prose *)),
+  tfoot td:first-child:where(:not(.not-prose, .not-prose *)) {
+    padding-inline-start: 0;
+  }
+
+  tbody td:last-child:where(:not(.not-prose, .not-prose *)),
+  tfoot td:last-child:where(:not(.not-prose, .not-prose *)) {
+    padding-inline-end: 0;
+  }
+
+  th:where(:not(.not-prose, .not-prose *)),
+  td:where(:not(.not-prose, .not-prose *)) {
+    text-align: start;
+  }
+
+  td code:where(:not(.not-prose, .not-prose *)) {
+    font-size: 0.8125rem;
+  }
+
+  hr:where(:not(.not-prose, .not-prose *)) {
+    border-color: var(--prose-hr-color);
+    margin-block: --spacing(16);
+    & + h2 {
+      margin-top: --spacing(16);
+    }
+  }
+
+  blockquote {
+    font-style: italic;
+    border-inline-start-width: 0.25rem;
+    border-inline-start-color: var(--prose-blockquote-border-color);
+    padding-inline-start: calc(var(--spacing) * 4);
+  }
+
+  blockquote p:first-of-type::before {
+    content: open-quote;
+  }
+
+  blockquote p:last-of-type::after {
+    content: close-quote;
+  }
+
+  figure:where(:not(.not-prose, .not-prose *)) {
+    figcaption:where(:not(.not-prose, .not-prose *)) {
+      margin-top: calc(var(--spacing) * 3);
+      text-align: center;
+      font-size: var(--text-sm);
+      line-height: var(--text-sm--line-height);
+      font-style: italic;
+      color: color-mix(in oklab, var(--prose-color) 75%, transparent);
+    }
+  }
+
+  :first-child:where(:not(.not-prose, .not-prose *)) {
+    margin-top: 0;
+  }
+
+  :last-child:where(:not(.not-prose, .not-prose *)) {
+    margin-bottom: 0;
+  }
+}
+
+.prose-blog {
+  img:where(:not(.not-prose, .not-prose *)) {
+    @media (max-width: theme(--breakpoint-sm)) {
+      margin-inline: calc(var(--spacing) * -4);
+      max-width: calc(100% + calc(var(--spacing) * 8));
+    }
+  }
+}

package/lib/components/calendar/month-days.d.ts

@@ -1,19 +0,0 @@
-import { ElementRef } from '@angular/core';
-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>;
-    selectedDay: import("@angular/core").InputSignal<string>;
-    selectedDayChange: import("@angular/core").OutputEmitterRef<string>;
-    isSelected(day: string): boolean;
-    setSelectedDay(event: Event): void;
-    focusedDate: import("@angular/core").InputSignal<string>;
-    btns: import("@angular/core").Signal<readonly ElementRef<any>[]>;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScMonthDays, 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; }; "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; }, { "selectedDayChange": "selectedDayChange"; }, never, never, true, never>;
-}

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

@@ -1,9 +0,0 @@
-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/calendar/util.d.ts

@@ -1,5 +0,0 @@
-export interface WeekDayName {
-    narrow: string;
-    short: string;
-    long: string;
-}

package/lib/components/chat/chat.d.ts

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

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

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

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

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScDateInput {
-    private readonly el;
-    private readonly dateFormatRegExp;
-    previousKey: string;
-    onKeyDown(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScDateInput, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScDateInput, "[scDateInput]", never, {}, {}, never, never, true, never>;
-}

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

@@ -1,11 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScDropZone {
-    readonly isDragActive: import("@angular/core").WritableSignal<boolean>;
-    readonly isDisabled: import("@angular/core").InputSignal<boolean>;
-    readonly class: import("@angular/core").InputSignal<string>;
-    protected readonly _class: import("@angular/core").Signal<string>;
-    handleDragOver(event: DragEvent): void;
-    handleDragLeave(event: DragEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScDropZone, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScDropZone, "[scDropZone]", ["scDropZone"], { "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

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

@@ -1,12 +0,0 @@
-import { ScFile } from './file';
-import * as i0 from "@angular/core";
-export declare class ScFileCard {
-    index: import("@angular/core").InputSignal<number>;
-    file: import("@angular/core").InputSignal<ScFile>;
-    progress: import("@angular/core").InputSignal<number | undefined>;
-    removed: import("@angular/core").OutputEmitterRef<number>;
-    formatedSize: import("@angular/core").Signal<string>;
-    remove(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileCard, "sc-file-card", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, never, true, never>;
-}

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

@@ -1,7 +0,0 @@
-import { ScFile } from './file';
-import * as i0 from "@angular/core";
-export declare class ScFilePreview {
-    file: import("@angular/core").InputSignal<ScFile>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScFilePreview, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScFilePreview, "sc-file-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}

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

@@ -1,16 +0,0 @@
-import { ScFile } from './file';
-import * as i0 from "@angular/core";
-export declare class ScFileUploader {
-    readonly class: import("@angular/core").InputSignal<string>;
-    protected readonly _class: import("@angular/core").Signal<string>;
-    maxSize: import("@angular/core").InputSignal<number>;
-    maxFiles: import("@angular/core").InputSignal<number>;
-    files: import("@angular/core").WritableSignal<ScFile[]>;
-    multiple: import("@angular/core").Signal<boolean>;
-    progresses: import("@angular/core").InputSignal<Record<string, number> | undefined>;
-    uploadInfo(): string;
-    onRemove(index: number): void;
-    handleFileChange(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUploader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUploader, "sc-file-uploader", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "progresses": { "alias": "progresses"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

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

@@ -1,4 +0,0 @@
-export interface ScFile {
-    file: File;
-    preview: string | ArrayBuffer | null;
-}

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

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

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

@@ -1,18 +0,0 @@
-import { DataService } from '@semantic-components/supabase';
-import * as i0 from "@angular/core";
-export declare class ScSingleFileUploader {
-    dataService: DataService;
-    readonly class: import("@angular/core").InputSignal<string>;
-    protected readonly _class: import("@angular/core").Signal<string>;
-    file: import("@angular/core").WritableSignal<File | null | undefined>;
-    fileUrl: import("@angular/core").Signal<string | null | undefined>;
-    status: import("@angular/core").WritableSignal<"error" | "init" | "uploading" | "success">;
-    uploadProgress: import("@angular/core").WritableSignal<number>;
-    maxSize: import("@angular/core").InputSignal<number>;
-    uploadInfo(): string;
-    handleFileChange(event: Event): void;
-    removeFile(): void;
-    uploadFile(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSingleFileUploader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSingleFileUploader, "sc-single-file-uploader", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

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

@@ -1,4 +0,0 @@
-export declare function formatBytes(bytes: number, opts?: {
-    decimals?: number;
-    sizeType?: 'accurate' | 'normal';
-}): string;

package/lib/components/input-otp/input-otp-handler.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class InputOtpHandler {
-    inputIndex: import("@angular/core").WritableSignal<number>;
-    length: import("@angular/core").WritableSignal<number>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputOtpHandler, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<InputOtpHandler>;
-}

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

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

package/lib/components/rtl/rtl.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScRTL {
-    text: import("@angular/core").WritableSignal<string>;
-    isRTL: import("@angular/core").Signal<boolean>;
-    text2: import("@angular/core").WritableSignal<string>;
-    isRTL2: import("@angular/core").Signal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScRTL, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScRTL, "sc-rtl", never, {}, {}, never, never, true, never>;
-}

package/lib/components/table/table-head.d.ts

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

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

@@ -1,9 +0,0 @@
-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

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

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

@@ -1,70 +0,0 @@
-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/toast/toast-example.d.ts

@@ -1,5 +0,0 @@
-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>;
-}