@semantic-components/ui 0.65.0 → 0.67.0

package/esm2022/lib/components/tooltip/tooltip.js

@@ -0,0 +1,66 @@
+import { ChangeDetectionStrategy, Component, computed, ElementRef, inject, InjectionToken, output, signal, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export const SC_TOOLTIP_DATA = new InjectionToken('SC_TOOLTIP_DATA');
+export class ScTooltip {
+    elementRef = inject(ElementRef);
+    data = inject(SC_TOOLTIP_DATA);
+    state = signal('open', ...(ngDevMode ? [{ debugName: "state" }] : []));
+    side = signal('top', ...(ngDevMode ? [{ debugName: "side" }] : []));
+    animationComplete = output();
+    hostClass = computed(() => cn('bg-primary text-primary-foreground z-50 rounded-md px-3 py-1.5 text-xs w-fit max-w-xs', 'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95', 'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2'), ...(ngDevMode ? [{ debugName: "hostClass" }] : []));
+    onAnimationEnd(event) {
+        // Only emit when close animation completes
+        if (this.state() === 'closed' &&
+            event.target === this.elementRef.nativeElement) {
+            this.animationComplete.emit();
+        }
+    }
+    close() {
+        this.state.set('closed');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTooltip, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: ScTooltip, isStandalone: true, selector: "sc-tooltip", outputs: { animationComplete: "animationComplete" }, host: { attributes: { "data-slot": "tooltip", "role": "tooltip", "aria-live": "polite", "aria-atomic": "true" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "id": "data.tooltipId", "class": "hostClass()", "attr.data-open": "state() === \"open\" ? true : null", "attr.data-closed": "state() === \"closed\" ? true : null", "attr.data-side": "side()" } }, ngImport: i0, template: `
+    {{ data.content }}
+    <span
+      [attr.data-side]="side()"
+      class="absolute size-2.5 rotate-45 rounded-[2px] bg-primary z-50
+             data-[side=top]:-bottom-[5px] data-[side=top]:left-1/2 data-[side=top]:-translate-x-1/2
+             data-[side=bottom]:-top-[5px] data-[side=bottom]:left-1/2 data-[side=bottom]:-translate-x-1/2
+             data-[side=left]:-right-[5px] data-[side=left]:top-1/2 data-[side=left]:-translate-y-1/2
+             data-[side=right]:-left-[5px] data-[side=right]:top-1/2 data-[side=right]:-translate-y-1/2"
+    ></span>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTooltip, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sc-tooltip',
+                    template: `
+    {{ data.content }}
+    <span
+      [attr.data-side]="side()"
+      class="absolute size-2.5 rotate-45 rounded-[2px] bg-primary z-50
+             data-[side=top]:-bottom-[5px] data-[side=top]:left-1/2 data-[side=top]:-translate-x-1/2
+             data-[side=bottom]:-top-[5px] data-[side=bottom]:left-1/2 data-[side=bottom]:-translate-x-1/2
+             data-[side=left]:-right-[5px] data-[side=left]:top-1/2 data-[side=left]:-translate-y-1/2
+             data-[side=right]:-left-[5px] data-[side=right]:top-1/2 data-[side=right]:-translate-y-1/2"
+    ></span>
+  `,
+                    host: {
+                        'data-slot': 'tooltip',
+                        role: 'tooltip',
+                        'aria-live': 'polite',
+                        'aria-atomic': 'true',
+                        '[id]': 'data.tooltipId',
+                        '[class]': 'hostClass()',
+                        '[attr.data-open]': 'state() === "open" ? true : null',
+                        '[attr.data-closed]': 'state() === "closed" ? true : null',
+                        '[attr.data-side]': 'side()',
+                        '(animationend)': 'onAnimationEnd($event)',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { animationComplete: [{ type: i0.Output, args: ["animationComplete"] }] } });
+//# sourceMappingURL=tooltip.js.map

package/esm2022/lib/components/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,MAAM,EACN,cAAc,EACd,MAAM,EACN,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAOjC,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,cAAc,CAC/C,iBAAiB,CAClB,CAAC;AAiCF,MAAM,OAAO,SAAS;IACH,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAExC,IAAI,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IAC/B,KAAK,GAAG,MAAM,CAAiB,MAAM,iDAAC,CAAC;IACvC,IAAI,GAAG,MAAM,CAAgB,KAAK,gDAAC,CAAC;IACpC,iBAAiB,GAAG,MAAM,EAAQ,CAAC;IAEzB,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC3C,EAAE,CACA,uFAAuF,EACvF,+DAA+D,EAC/D,wEAAwE,EACxE,6JAA6J,CAC9J,qDACF,CAAC;IAEQ,cAAc,CAAC,KAAqB;QAC5C,2CAA2C;QAC3C,IACE,IAAI,CAAC,KAAK,EAAE,KAAK,QAAQ;YACzB,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,CAAC,aAAa,EAC9C,CAAC;YACD,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;QAChC,CAAC;IACH,CAAC;IAED,KAAK;QACH,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC;uGA7BU,SAAS;2FAAT,SAAS,ufA1BV;;;;;;;;;;GAUT;;2FAgBU,SAAS;kBA5BrB,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,QAAQ,EAAE;;;;;;;;;;GAUT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,SAAS;wBACtB,IAAI,EAAE,SAAS;wBACf,WAAW,EAAE,QAAQ;wBACrB,aAAa,EAAE,MAAM;wBACrB,MAAM,EAAE,gBAAgB;wBACxB,SAAS,EAAE,aAAa;wBACxB,kBAAkB,EAAE,kCAAkC;wBACtD,oBAAoB,EAAE,oCAAoC;wBAC1D,kBAAkB,EAAE,QAAQ;wBAC5B,gBAAgB,EAAE,wBAAwB;qBAC3C;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  InjectionToken,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\nexport interface ScTooltipData {\n  content: string;\n  tooltipId: string;\n}\n\nexport const SC_TOOLTIP_DATA = new InjectionToken<ScTooltipData>(\n  'SC_TOOLTIP_DATA',\n);\n\ntype ScTooltipState = 'open' | 'closed';\ntype ScTooltipSide = 'top' | 'right' | 'bottom' | 'left';\n\n@Component({\n  selector: 'sc-tooltip',\n  template: `\n    {{ data.content }}\n    <span\n      [attr.data-side]=\"side()\"\n      class=\"absolute size-2.5 rotate-45 rounded-[2px] bg-primary z-50\n             data-[side=top]:-bottom-[5px] data-[side=top]:left-1/2 data-[side=top]:-translate-x-1/2\n             data-[side=bottom]:-top-[5px] data-[side=bottom]:left-1/2 data-[side=bottom]:-translate-x-1/2\n             data-[side=left]:-right-[5px] data-[side=left]:top-1/2 data-[side=left]:-translate-y-1/2\n             data-[side=right]:-left-[5px] data-[side=right]:top-1/2 data-[side=right]:-translate-y-1/2\"\n    ></span>\n  `,\n  host: {\n    'data-slot': 'tooltip',\n    role: 'tooltip',\n    'aria-live': 'polite',\n    'aria-atomic': 'true',\n    '[id]': 'data.tooltipId',\n    '[class]': 'hostClass()',\n    '[attr.data-open]': 'state() === \"open\" ? true : null',\n    '[attr.data-closed]': 'state() === \"closed\" ? true : null',\n    '[attr.data-side]': 'side()',\n    '(animationend)': 'onAnimationEnd($event)',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScTooltip {\n  private readonly elementRef = inject(ElementRef);\n\n  readonly data = inject(SC_TOOLTIP_DATA);\n  readonly state = signal<ScTooltipState>('open');\n  readonly side = signal<ScTooltipSide>('top');\n  readonly animationComplete = output<void>();\n\n  protected readonly hostClass = computed(() =>\n    cn(\n      'bg-primary text-primary-foreground z-50 rounded-md px-3 py-1.5 text-xs w-fit max-w-xs',\n      'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95',\n      'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n      'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n    ),\n  );\n\n  protected onAnimationEnd(event: AnimationEvent): void {\n    // Only emit when close animation completes\n    if (\n      this.state() === 'closed' &&\n      event.target === this.elementRef.nativeElement\n    ) {\n      this.animationComplete.emit();\n    }\n  }\n\n  close(): void {\n    this.state.set('closed');\n  }\n}\n"]}

package/lib/components/accordion/accordion-body.d.ts

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

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

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/accordion";
+export declare class ScAccordionContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAccordionContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScAccordionContent, "ng-template[scAccordionContent]", never, {}, {}, never, never, true, [{ directive: typeof i1.AccordionContent; inputs: {}; outputs: {}; }]>;
+}

package/lib/components/accordion/accordion-group.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/accordion";
+export declare class ScAccordionGroup {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAccordionGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAccordionGroup, "[scAccordionGroup]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.AccordionGroup; inputs: { "multiExpandable": "multiExpandable"; "disabled": "disabled"; "wrap": "wrap"; "softDisabled": "softDisabled"; }; outputs: {}; }]>;
+}

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

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

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

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

package/lib/components/accordion/accordion-panel.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/accordion";
+export declare class ScAccordionPanel {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAccordionPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAccordionPanel, "[scAccordionPanel]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.AccordionPanel; inputs: { "panelId": "panelId"; "id": "id"; }; outputs: {}; }]>;
+}

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/accordion";
+export declare class ScAccordionTrigger {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAccordionTrigger, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAccordionTrigger, "[scAccordionTrigger]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.AccordionTrigger; inputs: { "panelId": "panelId"; "disabled": "disabled"; "expanded": "expanded"; "id": "id"; }; outputs: { "expandedChange": "expandedChange"; }; }]>;
+}

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

@@ -0,0 +1,7 @@
+export { ScAccordionGroup } from './accordion-group';
+export { ScAccordionHeader } from './accordion-header';
+export { ScAccordionItem } from './accordion-item';
+export { ScAccordionTrigger } from './accordion-trigger';
+export { ScAccordionPanel } from './accordion-panel';
+export { ScAccordionContent } from './accordion-content';
+export { ScAccordionBody } from './accordion-body';

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

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

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

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

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

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

package/lib/components/alert/alert.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as i0 from "@angular/core";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ScAlertVariants = VariantProps<typeof alertVariants>;
+export declare class ScAlert {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly variant: import("@angular/core").InputSignal<"default" | "destructive" | null | undefined>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAlert, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScAlert, "[scAlert]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

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

@@ -0,0 +1,4 @@
+export * from './alert';
+export * from './alert-title';
+export * from './alert-description';
+export * from './alert-action';

package/lib/components/alert-dialog/alert-dialog-action.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class ScAlertDialogAction {
+    private readonly alertDialogProvider;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly variant: import("@angular/core").InputSignal<"default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined>;
+    readonly size: import("@angular/core").InputSignal<"default" | "sm" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    action(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAlertDialogAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScAlertDialogAction, "button[scAlertDialogAction]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/alert-dialog/alert-dialog-cancel.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class ScAlertDialogCancel {
+    private readonly alertDialogProvider;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly variant: import("@angular/core").InputSignal<"default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined>;
+    readonly size: import("@angular/core").InputSignal<"default" | "sm" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAlertDialogCancel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScAlertDialogCancel, "button[scAlertDialogCancel]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/alert-dialog/alert-dialog-description.d.ts

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

package/lib/components/alert-dialog/alert-dialog-footer.d.ts

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

package/lib/components/alert-dialog/alert-dialog-header.d.ts

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

package/lib/components/alert-dialog/alert-dialog-media.d.ts

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

package/lib/components/alert-dialog/alert-dialog-portal.d.ts

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

package/lib/components/alert-dialog/alert-dialog-provider.d.ts

@@ -0,0 +1,22 @@
+import { ScAlertDialogPortal } from './alert-dialog-portal';
+import * as i0 from "@angular/core";
+export declare class ScAlertDialogProvider {
+    private readonly overlay;
+    private readonly viewContainerRef;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    private readonly overlayTemplate;
+    protected readonly alertDialogPortal: import("@angular/core").Signal<ScAlertDialogPortal>;
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    readonly overlayOpen: import("@angular/core").WritableSignal<boolean>;
+    private readonly animationsCompleted;
+    private overlayRef;
+    protected readonly class: import("@angular/core").Signal<string>;
+    constructor();
+    onDialogAnimationComplete(): void;
+    onBackdropAnimationComplete(): void;
+    private getOverlayRef;
+    private attachDialog;
+    private detachDialog;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAlertDialogProvider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAlertDialogProvider, "div[scAlertDialogProvider]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["alertDialogPortal"], ["*"], true, never>;
+}

package/lib/components/alert-dialog/alert-dialog-title.d.ts

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

package/lib/components/alert-dialog/alert-dialog-trigger.d.ts

@@ -0,0 +1,10 @@
+import { ScAlertDialogProvider } from './alert-dialog-provider';
+import * as i0 from "@angular/core";
+export declare class ScAlertDialogTrigger {
+    readonly alertDialogProvider: ScAlertDialogProvider;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    openDialog(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAlertDialogTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScAlertDialogTrigger, "button[scAlertDialogTrigger]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,19 @@
+import { ScAlertDialogProvider } from './alert-dialog-provider';
+import * as i0 from "@angular/core";
+type ScAlertDialogState = 'idle' | 'open' | 'closed';
+export declare class ScAlertDialog {
+    private readonly elementRef;
+    readonly alertDialogProvider: ScAlertDialogProvider;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<"default" | "sm">;
+    protected readonly state: import("@angular/core").WritableSignal<ScAlertDialogState>;
+    readonly dialogId: string;
+    readonly titleId: string;
+    readonly descriptionId: string;
+    protected readonly class: import("@angular/core").Signal<string>;
+    constructor();
+    protected onAnimationEnd(event: AnimationEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAlertDialog, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAlertDialog, "div[scAlertDialog]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+export {};

package/lib/components/alert-dialog/index.d.ts

@@ -0,0 +1,11 @@
+export { ScAlertDialogProvider } from './alert-dialog-provider';
+export { ScAlertDialogTrigger } from './alert-dialog-trigger';
+export { ScAlertDialogPortal } from './alert-dialog-portal';
+export { ScAlertDialog } from './alert-dialog';
+export { ScAlertDialogHeader } from './alert-dialog-header';
+export { ScAlertDialogTitle } from './alert-dialog-title';
+export { ScAlertDialogDescription } from './alert-dialog-description';
+export { ScAlertDialogFooter } from './alert-dialog-footer';
+export { ScAlertDialogMedia } from './alert-dialog-media';
+export { ScAlertDialogCancel } from './alert-dialog-cancel';
+export { ScAlertDialogAction } from './alert-dialog-action';

package/lib/components/aspect-ratio/aspect-ratio.d.ts

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

package/lib/components/aspect-ratio/index.d.ts

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

package/lib/components/avatar/avatar-badge.d.ts

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

package/lib/components/avatar/avatar-fallback.d.ts

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

package/lib/components/avatar/avatar-group-count.d.ts

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

package/lib/components/avatar/avatar-group.d.ts

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

package/lib/components/avatar/avatar-image.d.ts

@@ -0,0 +1,12 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScAvatarImage implements OnInit {
+    private readonly avatar;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    ngOnInit(): void;
+    protected onLoad(): void;
+    protected onError(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAvatarImage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScAvatarImage, "img[scAvatarImage]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/avatar/avatar.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export type ScAvatarImageStatus = 'idle' | 'loading' | 'loaded' | 'error';
+export type ScAvatarSize = 'sm' | 'default' | 'lg';
+export declare class ScAvatar {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<ScAvatarSize>;
+    /** Internal state for image loading */
+    readonly imageStatus: import("@angular/core").WritableSignal<ScAvatarImageStatus>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAvatar, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScAvatar, "span[scAvatar]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,6 @@
+export * from './avatar';
+export * from './avatar-badge';
+export * from './avatar-fallback';
+export * from './avatar-group';
+export * from './avatar-group-count';
+export * from './avatar-image';

package/lib/components/backdrop/backdrop.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+type ScBackdropState = 'idle' | 'open' | 'closed';
+export declare class ScBackdrop {
+    private readonly elementRef;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    /**
+     * Controls the backdrop animation state
+     * When true: Triggers fade-in animation
+     * When false: Triggers fade-out animation
+     */
+    readonly open: import("@angular/core").InputSignal<boolean>;
+    protected readonly state: import("@angular/core").WritableSignal<ScBackdropState>;
+    /**
+     * Emits when the close animation completes
+     */
+    readonly animationComplete: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    constructor();
+    protected onAnimationEnd(event: AnimationEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScBackdrop, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScBackdrop, "div[scBackdrop]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": true; "isSignal": true; }; }, { "animationComplete": "animationComplete"; }, never, never, true, never>;
+}
+export {};

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

@@ -0,0 +1 @@
+export { ScBackdrop } from './backdrop';

package/lib/components/badge/badge.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+import * as i0 from "@angular/core";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ScBadgeVariants = VariantProps<typeof badgeVariants>;
+export declare class ScBadge {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly variant: import("@angular/core").InputSignal<"default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScBadge, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScBadge, "div[scBadge], span[scBadge]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ScBreadcrumb {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScBreadcrumb, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScBreadcrumb, "nav[scBreadcrumb]", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,7 @@
+export * from './breadcrumb';
+export * from './breadcrumb-list';
+export * from './breadcrumb-item';
+export * from './breadcrumb-link';
+export * from './breadcrumb-page';
+export * from './breadcrumb-separator';
+export * from './breadcrumb-ellipsis';

package/lib/components/button/button.d.ts

@@ -1,17 +1,17 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as i0 from "@angular/core";
 export declare const buttonVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ScButtonVariants = VariantProps<typeof buttonVariants>;
 export declare class ScButton {
     readonly classInput: import("@angular/core").InputSignal<string>;
-    readonly variant: import("@angular/core").InputSignal<"default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined>;
-    readonly size: import("@angular/core").InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
+    readonly variant: import("@angular/core").InputSignal<"default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined>;
+    readonly size: import("@angular/core").InputSignal<"default" | "sm" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
     readonly type: import("@angular/core").InputSignal<"button" | "submit" | "reset">;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScButton, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScButton, "button[sc-button]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScButton, "button[scButton]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }