@semantic-components/ui 0.65.0 → 0.67.0

package/esm2022/lib/components/checkbox/checkbox-types.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const SC_CHECKBOX_FIELD = new InjectionToken('SC_CHECKBOX_FIELD');
+//# sourceMappingURL=checkbox-types.js.map

package/esm2022/lib/components/checkbox/checkbox-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-types.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/checkbox/checkbox-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAY/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,cAAc,CACjD,mBAAmB,CACpB,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport interface ScCheckboxContext {\n  // Auto-generated id, overridable by consumer\n  id: () => string;\n  // Computed state from native input\n  checked: () => boolean;\n  disabled: () => boolean;\n  indeterminate: () => boolean;\n  dataState: () => 'checked' | 'unchecked' | 'indeterminate';\n}\n\nexport const SC_CHECKBOX_FIELD = new InjectionToken<ScCheckboxContext>(\n  'SC_CHECKBOX_FIELD',\n);\n"]}

package/esm2022/lib/components/checkbox/checkbox-visual.js

@@ -0,0 +1,41 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
+import { SiCheckIcon, SiMinusIcon } from '@semantic-icons/lucide-icons';
+import { cn } from '../../utils';
+import { SC_CHECKBOX_FIELD } from './checkbox-types';
+import * as i0 from "@angular/core";
+export class ScCheckboxVisual {
+    checkbox = inject(SC_CHECKBOX_FIELD);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('pointer-events-none inline-flex size-4 shrink-0 items-center justify-center rounded-sm border border-primary transition-colors', 'data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground', 'data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground', 'ring-offset-background', 'peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2', 'peer-disabled:cursor-not-allowed peer-disabled:opacity-50', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCheckboxVisual, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScCheckboxVisual, isStandalone: true, selector: "span[scCheckboxVisual]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "checkbox-visual" }, properties: { "class": "class()", "attr.data-state": "checkbox.dataState()", "attr.aria-hidden": "true" } }, ngImport: i0, template: `
+    @if (checkbox.dataState() === 'indeterminate') {
+      <svg siMinusIcon class="size-4"></svg>
+    } @else if (checkbox.dataState() === 'checked') {
+      <svg siCheckIcon class="size-4"></svg>
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: SiCheckIcon, selector: "svg[siCheckIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }, { kind: "component", type: SiMinusIcon, selector: "svg[siMinusIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCheckboxVisual, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'span[scCheckboxVisual]',
+                    imports: [SiCheckIcon, SiMinusIcon],
+                    host: {
+                        'data-slot': 'checkbox-visual',
+                        '[class]': 'class()',
+                        '[attr.data-state]': 'checkbox.dataState()',
+                        '[attr.aria-hidden]': 'true',
+                    },
+                    template: `
+    @if (checkbox.dataState() === 'indeterminate') {
+      <svg siMinusIcon class="size-4"></svg>
+    } @else if (checkbox.dataState() === 'checked') {
+      <svg siCheckIcon class="size-4"></svg>
+    }
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=checkbox-visual.js.map

package/esm2022/lib/components/checkbox/checkbox-visual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-visual.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/checkbox/checkbox-visual.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;;AAqBrD,MAAM,OAAO,gBAAgB;IAClB,QAAQ,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACrC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gIAAgI,EAChI,8EAA8E,EAC9E,0FAA0F,EAC1F,wBAAwB,EACxB,yHAAyH,EACzH,2DAA2D,EAC3D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAdS,gBAAgB;2FAAhB,gBAAgB,qYAVjB;;;;;;GAMT,4DAbS,WAAW,4KAAE,WAAW;;2FAiBvB,gBAAgB;kBAnB5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;oBACnC,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;wBACpB,mBAAmB,EAAE,sBAAsB;wBAC3C,oBAAoB,EAAE,MAAM;qBAC7B;oBACD,QAAQ,EAAE;;;;;;GAMT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SiCheckIcon, SiMinusIcon } from '@semantic-icons/lucide-icons';\nimport { cn } from '../../utils';\nimport { SC_CHECKBOX_FIELD } from './checkbox-types';\n\n@Component({\n  selector: 'span[scCheckboxVisual]',\n  imports: [SiCheckIcon, SiMinusIcon],\n  host: {\n    'data-slot': 'checkbox-visual',\n    '[class]': 'class()',\n    '[attr.data-state]': 'checkbox.dataState()',\n    '[attr.aria-hidden]': 'true',\n  },\n  template: `\n    @if (checkbox.dataState() === 'indeterminate') {\n      <svg siMinusIcon class=\"size-4\"></svg>\n    } @else if (checkbox.dataState() === 'checked') {\n      <svg siCheckIcon class=\"size-4\"></svg>\n    }\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCheckboxVisual {\n  readonly checkbox = inject(SC_CHECKBOX_FIELD);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'pointer-events-none inline-flex size-4 shrink-0 items-center justify-center rounded-sm border border-primary transition-colors',\n      'data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\n      'data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground',\n      'ring-offset-background',\n      'peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2',\n      'peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/checkbox/checkbox.js

@@ -0,0 +1,54 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { computed, Directive, effect, ElementRef, inject, input, model, signal, } from '@angular/core';
+import { cn } from '../../utils';
+import { SC_CHECKBOX_FIELD } from './checkbox-types';
+import * as i0 from "@angular/core";
+export const SC_CHECKBOX = 'SC_CHECKBOX';
+export class ScCheckbox {
+    elementRef = inject((ElementRef));
+    checkboxField = inject(SC_CHECKBOX_FIELD, {
+        optional: true,
+    });
+    fallbackId = inject(_IdGenerator).getId('sc-checkbox-');
+    idInput = input('', { ...(ngDevMode ? { debugName: "idInput" } : {}), alias: 'id' });
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    indeterminate = input(false, ...(ngDevMode ? [{ debugName: "indeterminate" }] : []));
+    checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
+    // Priority: explicit id > field's generated id > own fallback id
+    id = computed(() => this.idInput() || this.checkboxField?.id() || this.fallbackId, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    // Expose disabled state as a signal
+    disabledSignal = signal(false, ...(ngDevMode ? [{ debugName: "disabledSignal" }] : []));
+    constructor() {
+        // Sync indeterminate input to native property
+        effect(() => {
+            this.elementRef.nativeElement.indeterminate = this.indeterminate();
+        });
+        // Track disabled state
+        effect(() => {
+            this.disabledSignal.set(this.elementRef.nativeElement.disabled);
+        });
+    }
+    onInputChange(event) {
+        const input = event.target;
+        this.checked.set(input.checked);
+        this.disabledSignal.set(input.disabled);
+    }
+    class = computed(() => cn('peer size-4 cursor-pointer opacity-0', 'disabled:cursor-not-allowed', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScCheckbox, isStandalone: true, selector: "input[type=\"checkbox\"][scCheckbox]", inputs: { idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { attributes: { "data-slot": "checkbox" }, listeners: { "change": "onInputChange($event)" }, properties: { "id": "id()", "class": "class()", "checked": "checked()" } }, exportAs: ["SC_CHECKBOX"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCheckbox, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[type="checkbox"][scCheckbox]',
+                    host: {
+                        'data-slot': 'checkbox',
+                        '[id]': 'id()',
+                        '[class]': 'class()',
+                        '[checked]': 'checked()',
+                        '(change)': 'onInputChange($event)',
+                    },
+                    exportAs: SC_CHECKBOX,
+                }]
+        }], ctorParameters: () => [], propDecorators: { idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }] } });
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;;AAErD,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC;AAazC,MAAM,OAAO,UAAU;IACJ,UAAU,GAAG,MAAM,CAAC,CAAA,UAA4B,CAAA,CAAC,CAAC;IAClD,aAAa,GAAG,MAAM,CAAC,iBAAiB,EAAE;QACzD,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;IACc,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAEhE,OAAO,GAAG,KAAK,CAAC,EAAE,oDAAI,KAAK,EAAE,IAAI,GAAG,CAAC;IACrC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,aAAa,GAAG,KAAK,CAAU,KAAK,yDAAC,CAAC;IACtC,OAAO,GAAG,KAAK,CAAU,KAAK,mDAAC,CAAC;IAEzC,iEAAiE;IACxD,EAAE,GAAG,QAAQ,CACpB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,UAAU,8CACpE,CAAC;IAEF,oCAAoC;IAC3B,cAAc,GAAG,MAAM,CAAC,KAAK,0DAAC,CAAC;IAExC;QACE,8CAA8C;QAC9C,MAAM,CAAC,GAAG,EAAE;YACV,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACrE,CAAC,CAAC,CAAC;QAEH,uBAAuB;QACvB,MAAM,CAAC,GAAG,EAAE;YACV,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;IACL,CAAC;IAES,aAAa,CAAC,KAAY;QAClC,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAChC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAEkB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,sCAAsC,EACtC,6BAA6B,EAC7B,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGA5CS,UAAU;2FAAV,UAAU;;2FAAV,UAAU;kBAXtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,oCAAoC;oBAC9C,IAAI,EAAE;wBACJ,WAAW,EAAE,UAAU;wBACvB,MAAM,EAAE,MAAM;wBACd,SAAS,EAAE,SAAS;wBACpB,WAAW,EAAE,WAAW;wBACxB,UAAU,EAAE,uBAAuB;qBACpC;oBACD,QAAQ,EAAE,WAAW;iBACtB","sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\nimport type { FormCheckboxControl } from '@angular/forms/signals';\nimport { cn } from '../../utils';\nimport { SC_CHECKBOX_FIELD } from './checkbox-types';\n\nexport const SC_CHECKBOX = 'SC_CHECKBOX';\n\n@Directive({\n  selector: 'input[type=\"checkbox\"][scCheckbox]',\n  host: {\n    'data-slot': 'checkbox',\n    '[id]': 'id()',\n    '[class]': 'class()',\n    '[checked]': 'checked()',\n    '(change)': 'onInputChange($event)',\n  },\n  exportAs: SC_CHECKBOX,\n})\nexport class ScCheckbox implements FormCheckboxControl {\n  private readonly elementRef = inject(ElementRef<HTMLInputElement>);\n  private readonly checkboxField = inject(SC_CHECKBOX_FIELD, {\n    optional: true,\n  });\n  private readonly fallbackId = inject(_IdGenerator).getId('sc-checkbox-');\n\n  readonly idInput = input('', { alias: 'id' });\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly indeterminate = input<boolean>(false);\n  readonly checked = model<boolean>(false);\n\n  // Priority: explicit id > field's generated id > own fallback id\n  readonly id = computed(\n    () => this.idInput() || this.checkboxField?.id() || this.fallbackId,\n  );\n\n  // Expose disabled state as a signal\n  readonly disabledSignal = signal(false);\n\n  constructor() {\n    // Sync indeterminate input to native property\n    effect(() => {\n      this.elementRef.nativeElement.indeterminate = this.indeterminate();\n    });\n\n    // Track disabled state\n    effect(() => {\n      this.disabledSignal.set(this.elementRef.nativeElement.disabled);\n    });\n  }\n\n  protected onInputChange(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    this.checked.set(input.checked);\n    this.disabledSignal.set(input.disabled);\n  }\n\n  protected readonly class = computed(() =>\n    cn(\n      'peer size-4 cursor-pointer opacity-0',\n      'disabled:cursor-not-allowed',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/checkbox/index.js

@@ -0,0 +1,5 @@
+export * from './checkbox-field';
+export * from './checkbox-visual';
+export * from './checkbox-types';
+export * from './checkbox';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC","sourcesContent":["export * from './checkbox-field';\nexport * from './checkbox-visual';\nexport * from './checkbox-types';\nexport * from './checkbox';\n"]}

package/esm2022/lib/components/collapsible/collapsible-body.js

@@ -0,0 +1,33 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScCollapsibleBody {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('block overflow-hidden', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsibleBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScCollapsibleBody, isStandalone: true, selector: "sc-collapsible-body", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "collapsible-body", "animate.enter": "animate-collapsible-down", "animate.leave": "animate-collapsible-up" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    <div class="pt-0 pb-2.5">
+      <ng-content />
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsibleBody, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sc-collapsible-body',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'data-slot': 'collapsible-body',
+                        '[class]': 'class()',
+                        'animate.enter': 'animate-collapsible-down',
+                        'animate.leave': 'animate-collapsible-up',
+                    },
+                    template: `
+    <div class="pt-0 pb-2.5">
+      <ng-content />
+    </div>
+  `,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=collapsible-body.js.map

package/esm2022/lib/components/collapsible/collapsible-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-body.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/collapsible/collapsible-body.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAkBjC,MAAM,OAAO,iBAAiB;IACnB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC7B,EAAE,CAAC,uBAAuB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC/C,CAAC;uGAJS,iBAAiB;2FAAjB,iBAAiB,oZANlB;;;;GAIT;;2FAEU,iBAAiB;kBAhB7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,IAAI,EAAE;wBACJ,WAAW,EAAE,kBAAkB;wBAC/B,SAAS,EAAE,SAAS;wBACpB,eAAe,EAAE,0BAA0B;wBAC3C,eAAe,EAAE,wBAAwB;qBAC1C;oBACD,QAAQ,EAAE;;;;GAIT;iBACF","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: 'sc-collapsible-body',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-slot': 'collapsible-body',\n    '[class]': 'class()',\n    'animate.enter': 'animate-collapsible-down',\n    'animate.leave': 'animate-collapsible-up',\n  },\n  template: `\n    <div class=\"pt-0 pb-2.5\">\n      <ng-content />\n    </div>\n  `,\n})\nexport class ScCollapsibleBody {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly class = computed(() =>\n    cn('block overflow-hidden', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/collapsible/collapsible-content.js

@@ -0,0 +1,16 @@
+import { Directive } from '@angular/core';
+import { AccordionContent } from '@angular/aria/accordion';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/accordion";
+export class ScCollapsibleContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsibleContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScCollapsibleContent, isStandalone: true, selector: "ng-template[scCollapsibleContent]", hostDirectives: [{ directive: i1.AccordionContent }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsibleContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[scCollapsibleContent]',
+                    hostDirectives: [AccordionContent],
+                }]
+        }] });
+//# sourceMappingURL=collapsible-content.js.map

package/esm2022/lib/components/collapsible/collapsible-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-content.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/collapsible/collapsible-content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;;;AAM3D,MAAM,OAAO,oBAAoB;uGAApB,oBAAoB;2FAApB,oBAAoB;;2FAApB,oBAAoB;kBAJhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,mCAAmC;oBAC7C,cAAc,EAAE,CAAC,gBAAgB,CAAC;iBACnC","sourcesContent":["import { Directive } from '@angular/core';\nimport { AccordionContent } from '@angular/aria/accordion';\n\n@Directive({\n  selector: 'ng-template[scCollapsibleContent]',\n  hostDirectives: [AccordionContent],\n})\nexport class ScCollapsibleContent {}\n"]}

package/esm2022/lib/components/collapsible/collapsible-panel.js

@@ -0,0 +1,35 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { AccordionPanel } from '@angular/aria/accordion';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/accordion";
+export class ScCollapsiblePanel {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsiblePanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScCollapsiblePanel, isStandalone: true, selector: "[scCollapsiblePanel]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "collapsible-panel" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.AccordionPanel, inputs: ["panelId", "panelId"] }], ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsiblePanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scCollapsiblePanel]',
+                    hostDirectives: [
+                        {
+                            directive: AccordionPanel,
+                            inputs: ['panelId'],
+                        },
+                    ],
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'collapsible-panel',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=collapsible-panel.js.map

package/esm2022/lib/components/collapsible/collapsible-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-panel.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/collapsible/collapsible-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;AAoBjC,MAAM,OAAO,kBAAkB;IACpB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAAC,CAAC;uGAH1D,kBAAkB;2FAAlB,kBAAkB,kZAVnB;;GAET;;2FAQU,kBAAkB;kBAlB9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,cAAc;4BACzB,MAAM,EAAE,CAAC,SAAS,CAAC;yBACpB;qBACF;oBACD,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,mBAAmB;wBAChC,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AccordionPanel } from '@angular/aria/accordion';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: '[scCollapsiblePanel]',\n  hostDirectives: [\n    {\n      directive: AccordionPanel,\n      inputs: ['panelId'],\n    },\n  ],\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'collapsible-panel',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCollapsiblePanel {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() => cn('', this.classInput()));\n}\n"]}

package/esm2022/lib/components/collapsible/collapsible-trigger.js

@@ -0,0 +1,45 @@
+import { AccordionTrigger } from '@angular/aria/accordion';
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/accordion";
+export class ScCollapsibleTrigger {
+    trigger = inject(AccordionTrigger);
+    /**
+     * Whether the collapsible is expanded
+     */
+    expanded = this.trigger.expanded;
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('[&_svg]:pointer-events-none', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsibleTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScCollapsibleTrigger, isStandalone: true, selector: "[scCollapsibleTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "collapsible-trigger", "type": "button" }, properties: { "attr.data-state": "trigger.expanded() ? \"open\" : \"closed\"", "attr.disabled": "trigger.disabled() || null", "class": "class()" } }, exportAs: ["scCollapsibleTrigger"], hostDirectives: [{ directive: i1.AccordionTrigger, inputs: ["panelId", "panelId", "disabled", "disabled", "expanded", "expanded"], outputs: ["expandedChange", "expandedChange"] }], ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsibleTrigger, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scCollapsibleTrigger]',
+                    exportAs: 'scCollapsibleTrigger',
+                    hostDirectives: [
+                        {
+                            directive: AccordionTrigger,
+                            inputs: ['panelId', 'disabled', 'expanded'],
+                            outputs: ['expandedChange'],
+                        },
+                    ],
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'collapsible-trigger',
+                        type: 'button',
+                        '[attr.data-state]': 'trigger.expanded() ? "open" : "closed"',
+                        '[attr.disabled]': 'trigger.disabled() || null',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=collapsible-trigger.js.map

package/esm2022/lib/components/collapsible/collapsible-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/collapsible/collapsible-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;AAyBjC,MAAM,OAAO,oBAAoB;IACtB,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAE5C;;OAEG;IACM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;IAEjC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,6BAA6B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACrD,CAAC;uGAZS,oBAAoB;2FAApB,oBAAoB,6pBAbrB;;GAET;;2FAWU,oBAAoB;kBAvBhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE,sBAAsB;oBAChC,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,gBAAgB;4BAC3B,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC;4BAC3C,OAAO,EAAE,CAAC,gBAAgB,CAAC;yBAC5B;qBACF;oBACD,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,qBAAqB;wBAClC,IAAI,EAAE,QAAQ;wBACd,mBAAmB,EAAE,wCAAwC;wBAC7D,iBAAiB,EAAE,4BAA4B;wBAC/C,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { AccordionTrigger } from '@angular/aria/accordion';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: '[scCollapsibleTrigger]',\n  exportAs: 'scCollapsibleTrigger',\n  hostDirectives: [\n    {\n      directive: AccordionTrigger,\n      inputs: ['panelId', 'disabled', 'expanded'],\n      outputs: ['expandedChange'],\n    },\n  ],\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'collapsible-trigger',\n    type: 'button',\n    '[attr.data-state]': 'trigger.expanded() ? \"open\" : \"closed\"',\n    '[attr.disabled]': 'trigger.disabled() || null',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCollapsibleTrigger {\n  readonly trigger = inject(AccordionTrigger);\n\n  /**\n   * Whether the collapsible is expanded\n   */\n  readonly expanded = this.trigger.expanded;\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('[&_svg]:pointer-events-none', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/collapsible/collapsible.js

@@ -0,0 +1,35 @@
+import { AccordionGroup } from '@angular/aria/accordion';
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/accordion";
+export class ScCollapsible {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsible, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScCollapsible, isStandalone: true, selector: "[scCollapsible]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "collapsible" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.AccordionGroup, inputs: ["disabled", "disabled"] }], ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScCollapsible, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scCollapsible]',
+                    hostDirectives: [
+                        {
+                            directive: AccordionGroup,
+                            inputs: ['disabled'],
+                        },
+                    ],
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'collapsible',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/collapsible/collapsible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;AAoBjC,MAAM,OAAO,aAAa;IACf,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAAC,CAAC;uGAH1D,aAAa;2FAAb,aAAa,yYAVd;;GAET;;2FAQU,aAAa;kBAlBzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,cAAc;4BACzB,MAAM,EAAE,CAAC,UAAU,CAAC;yBACrB;qBACF;oBACD,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { AccordionGroup } from '@angular/aria/accordion';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: '[scCollapsible]',\n  hostDirectives: [\n    {\n      directive: AccordionGroup,\n      inputs: ['disabled'],\n    },\n  ],\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'collapsible',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCollapsible {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() => cn('', this.classInput()));\n}\n"]}

package/esm2022/lib/components/collapsible/index.js

@@ -0,0 +1,6 @@
+export { ScCollapsible } from './collapsible';
+export { ScCollapsibleBody } from './collapsible-body';
+export { ScCollapsibleContent } from './collapsible-content';
+export { ScCollapsiblePanel } from './collapsible-panel';
+export { ScCollapsibleTrigger } from './collapsible-trigger';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/collapsible/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { ScCollapsible } from './collapsible';\nexport { ScCollapsibleBody } from './collapsible-body';\nexport { ScCollapsibleContent } from './collapsible-content';\nexport { ScCollapsiblePanel } from './collapsible-panel';\nexport { ScCollapsibleTrigger } from './collapsible-trigger';\n"]}

package/esm2022/lib/components/date-picker/date-picker.js

@@ -0,0 +1,134 @@
+import { ChangeDetectionStrategy, Component, computed, input, model, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScPopoverProvider, ScPopoverPortal, ScPopover, ScPopoverTrigger, } from '../popover';
+import { SiCalendarIcon } from '@semantic-icons/lucide-icons';
+import { ScCalendar, } from '../calendar';
+import * as i0 from "@angular/core";
+export class ScDatePicker {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    mode = input('single', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    placeholder = input('Pick a date', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    disabled = input([], ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    minDate = input(undefined, ...(ngDevMode ? [{ debugName: "minDate" }] : []));
+    maxDate = input(undefined, ...(ngDevMode ? [{ debugName: "maxDate" }] : []));
+    side = input('bottom', ...(ngDevMode ? [{ debugName: "side" }] : []));
+    align = input('start', ...(ngDevMode ? [{ debugName: "align" }] : []));
+    value = model(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    class = computed(() => cn('', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    triggerClass = computed(() => cn('flex h-10 w-[280px] items-center justify-start rounded-md border border-input bg-background px-3 py-2 text-sm', 'ring-offset-background placeholder:text-muted-foreground', 'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', 'disabled:cursor-not-allowed disabled:opacity-50', '[&>span]:line-clamp-1'), ...(ngDevMode ? [{ debugName: "triggerClass" }] : []));
+    displayText = computed(() => {
+        const mode = this.mode();
+        const val = this.value();
+        if (mode === 'single') {
+            const date = val;
+            return date ? this.formatDate(date) : '';
+        }
+        if (mode === 'multiple') {
+            const dates = val ?? [];
+            if (dates.length === 0)
+                return '';
+            if (dates.length === 1)
+                return this.formatDate(dates[0]);
+            return `${dates.length} dates selected`;
+        }
+        if (mode === 'range') {
+            const range = val ?? {
+                from: undefined,
+                to: undefined,
+            };
+            if (!range.from)
+                return '';
+            if (!range.to)
+                return this.formatDate(range.from);
+            return `${this.formatDate(range.from)} - ${this.formatDate(range.to)}`;
+        }
+        return '';
+    }, ...(ngDevMode ? [{ debugName: "displayText" }] : []));
+    formatDate(date) {
+        return date.toLocaleString('en-US', {
+            month: 'short',
+            day: 'numeric',
+            year: 'numeric',
+        });
+    }
+    onValueChange() {
+        const mode = this.mode();
+        const val = this.value();
+        if (mode === 'single' && val) {
+            this.open.set(false);
+        }
+        if (mode === 'range') {
+            const range = val;
+            if (range?.from && range?.to) {
+                this.open.set(false);
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScDatePicker, isStandalone: true, selector: "sc-date-picker", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", open: "openChange" }, host: { attributes: { "data-slot": "date-picker" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    <div scPopoverProvider [(open)]="open" [side]="side()" [align]="align()">
+      <button scPopoverTrigger type="button" [class]="triggerClass()">
+        <svg siCalendarIcon class="mr-2 size-4"></svg>
+        <span [class]="displayText() ? '' : 'text-muted-foreground'">
+          {{ displayText() || placeholder() }}
+        </span>
+      </button>
+      <ng-template scPopoverPortal>
+        <div scPopover class="w-auto p-0">
+          <sc-calendar
+            [mode]="mode()"
+            [(value)]="value"
+            [disabled]="disabled()"
+            [minDate]="minDate()"
+            [maxDate]="maxDate()"
+            (valueChange)="onValueChange()"
+          />
+        </div>
+      </ng-template>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: ScPopoverProvider, selector: "div[scPopoverProvider]", inputs: ["class", "side", "align", "open"], outputs: ["openChange"] }, { kind: "directive", type: ScPopoverTrigger, selector: "button[scPopoverTrigger]", inputs: ["class"] }, { kind: "directive", type: ScPopoverPortal, selector: "ng-template[scPopoverPortal]" }, { kind: "component", type: ScPopover, selector: "div[scPopover]", inputs: ["class"] }, { kind: "component", type: ScCalendar, selector: "sc-calendar", inputs: ["class", "mode", "disabled", "minDate", "maxDate", "value"], outputs: ["valueChange"] }, { kind: "component", type: SiCalendarIcon, selector: "svg[siCalendarIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDatePicker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sc-date-picker',
+                    imports: [
+                        ScPopoverProvider,
+                        ScPopoverTrigger,
+                        ScPopoverPortal,
+                        ScPopover,
+                        ScCalendar,
+                        SiCalendarIcon,
+                    ],
+                    template: `
+    <div scPopoverProvider [(open)]="open" [side]="side()" [align]="align()">
+      <button scPopoverTrigger type="button" [class]="triggerClass()">
+        <svg siCalendarIcon class="mr-2 size-4"></svg>
+        <span [class]="displayText() ? '' : 'text-muted-foreground'">
+          {{ displayText() || placeholder() }}
+        </span>
+      </button>
+      <ng-template scPopoverPortal>
+        <div scPopover class="w-auto p-0">
+          <sc-calendar
+            [mode]="mode()"
+            [(value)]="value"
+            [disabled]="disabled()"
+            [minDate]="minDate()"
+            [maxDate]="maxDate()"
+            (valueChange)="onValueChange()"
+          />
+        </div>
+      </ng-template>
+    </div>
+  `,
+                    host: {
+                        'data-slot': 'date-picker',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }] } });
+//# sourceMappingURL=date-picker.js.map

package/esm2022/lib/components/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/date-picker/date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport {\n  ScPopoverProvider,\n  ScPopoverPortal,\n  ScPopover,\n  ScPopoverTrigger,\n  ScPopoverAlign,\n  ScPopoverSide,\n} from '../popover';\nimport { SiCalendarIcon } from '@semantic-icons/lucide-icons';\nimport { Temporal } from '@js-temporal/polyfill';\nimport {\n  ScCalendar,\n  ScCalendarMode,\n  ScCalendarValue,\n  ScDateRange,\n} from '../calendar';\n\n@Component({\n  selector: 'sc-date-picker',\n  imports: [\n    ScPopoverProvider,\n    ScPopoverTrigger,\n    ScPopoverPortal,\n    ScPopover,\n    ScCalendar,\n    SiCalendarIcon,\n  ],\n  template: `\n    <div scPopoverProvider [(open)]=\"open\" [side]=\"side()\" [align]=\"align()\">\n      <button scPopoverTrigger type=\"button\" [class]=\"triggerClass()\">\n        <svg siCalendarIcon class=\"mr-2 size-4\"></svg>\n        <span [class]=\"displayText() ? '' : 'text-muted-foreground'\">\n          {{ displayText() || placeholder() }}\n        </span>\n      </button>\n      <ng-template scPopoverPortal>\n        <div scPopover class=\"w-auto p-0\">\n          <sc-calendar\n            [mode]=\"mode()\"\n            [(value)]=\"value\"\n            [disabled]=\"disabled()\"\n            [minDate]=\"minDate()\"\n            [maxDate]=\"maxDate()\"\n            (valueChange)=\"onValueChange()\"\n          />\n        </div>\n      </ng-template>\n    </div>\n  `,\n  host: {\n    'data-slot': 'date-picker',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScDatePicker {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly mode = input<ScCalendarMode>('single');\n  readonly placeholder = input<string>('Pick a date');\n  readonly disabled = input<Temporal.PlainDate[]>([]);\n  readonly minDate = input<Temporal.PlainDate | undefined>(undefined);\n  readonly maxDate = input<Temporal.PlainDate | undefined>(undefined);\n  readonly side = input<ScPopoverSide>('bottom');\n  readonly align = input<ScPopoverAlign>('start');\n\n  readonly value = model<ScCalendarValue>(undefined);\n\n  readonly open = model<boolean>(false);\n\n  protected readonly class = computed(() => cn('', this.classInput()));\n\n  protected readonly triggerClass = computed(() =>\n    cn(\n      'flex h-10 w-[280px] items-center justify-start rounded-md border border-input bg-background px-3 py-2 text-sm',\n      'ring-offset-background placeholder:text-muted-foreground',\n      'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n      'disabled:cursor-not-allowed disabled:opacity-50',\n      '[&>span]:line-clamp-1',\n    ),\n  );\n\n  protected readonly displayText = computed(() => {\n    const mode = this.mode();\n    const val = this.value();\n\n    if (mode === 'single') {\n      const date = val as Temporal.PlainDate | undefined;\n      return date ? this.formatDate(date) : '';\n    }\n\n    if (mode === 'multiple') {\n      const dates = (val as Temporal.PlainDate[] | undefined) ?? [];\n      if (dates.length === 0) return '';\n      if (dates.length === 1) return this.formatDate(dates[0]);\n      return `${dates.length} dates selected`;\n    }\n\n    if (mode === 'range') {\n      const range = (val as ScDateRange | undefined) ?? {\n        from: undefined,\n        to: undefined,\n      };\n      if (!range.from) return '';\n      if (!range.to) return this.formatDate(range.from);\n      return `${this.formatDate(range.from)} - ${this.formatDate(range.to)}`;\n    }\n\n    return '';\n  });\n\n  private formatDate(date: Temporal.PlainDate): string {\n    return date.toLocaleString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    });\n  }\n\n  protected onValueChange(): void {\n    const mode = this.mode();\n    const val = this.value();\n\n    if (mode === 'single' && val) {\n      this.open.set(false);\n    }\n\n    if (mode === 'range') {\n      const range = val as ScDateRange | undefined;\n      if (range?.from && range?.to) {\n        this.open.set(false);\n      }\n    }\n  }\n}\n"]}

package/esm2022/lib/components/date-picker/index.js

@@ -0,0 +1,2 @@
+export * from './date-picker';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './date-picker';\n"]}

package/esm2022/lib/components/dialog/dialog-close.js

@@ -0,0 +1,30 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '../../utils';
+import { ScDialogProvider } from './dialog-provider';
+import { buttonVariants } from '../button';
+import * as i0 from "@angular/core";
+export class ScDialogClose {
+    dialogProvider = inject(ScDialogProvider);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    variant = input('ghost', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('icon-sm', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    class = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), 'absolute top-2 right-2', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    closeDialog() {
+        this.dialogProvider.open.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDialogClose, isStandalone: true, selector: "button[scDialogClose]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-close", "type": "button" }, listeners: { "click": "closeDialog()" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogClose, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[scDialogClose]',
+                    host: {
+                        'data-slot': 'dialog-close',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '(click)': 'closeDialog()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+//# sourceMappingURL=dialog-close.js.map

package/esm2022/lib/components/dialog/dialog-close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-close.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/dialog/dialog-close.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAoB,MAAM,WAAW,CAAC;;AAW7D,MAAM,OAAO,aAAa;IACP,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAElD,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,KAAK,CAA8B,OAAO,mDAAC,CAAC;IACtD,IAAI,GAAG,KAAK,CAA2B,SAAS,gDAAC,CAAC;IAExC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAC9D,wBAAwB,EACxB,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEQ,WAAW;QACnB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;uGAjBU,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBATzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,SAAS,EAAE,eAAe;qBAC3B;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScDialogProvider } from './dialog-provider';\nimport { buttonVariants, ScButtonVariants } from '../button';\n\n@Directive({\n  selector: 'button[scDialogClose]',\n  host: {\n    'data-slot': 'dialog-close',\n    type: 'button',\n    '[class]': 'class()',\n    '(click)': 'closeDialog()',\n  },\n})\nexport class ScDialogClose {\n  private readonly dialogProvider = inject(ScDialogProvider);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly variant = input<ScButtonVariants['variant']>('ghost');\n  readonly size = input<ScButtonVariants['size']>('icon-sm');\n\n  protected readonly class = computed(() =>\n    cn(\n      buttonVariants({ variant: this.variant(), size: this.size() }),\n      'absolute top-2 right-2',\n      this.classInput(),\n    ),\n  );\n\n  protected closeDialog(): void {\n    this.dialogProvider.open.set(false);\n  }\n}\n"]}

package/esm2022/lib/components/dialog/dialog-description.js

@@ -0,0 +1,23 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '../../utils';
+import { ScDialog } from './dialog';
+import * as i0 from "@angular/core";
+export class ScDialogDescription {
+    dialog = inject(ScDialog);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDialogDescription, isStandalone: true, selector: "p[scDialogDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-description" }, properties: { "id": "dialog.descriptionId", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'p[scDialogDescription]',
+                    host: {
+                        'data-slot': 'dialog-description',
+                        '[id]': 'dialog.descriptionId',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=dialog-description.js.map

package/esm2022/lib/components/dialog/dialog-description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-description.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/dialog/dialog-description.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;;AAUpC,MAAM,OAAO,mBAAmB;IACrB,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,oGAAoG,EACpG,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGATS,mBAAmB;2FAAnB,mBAAmB;;2FAAnB,mBAAmB;kBAR/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,IAAI,EAAE;wBACJ,WAAW,EAAE,oBAAoB;wBACjC,MAAM,EAAE,sBAAsB;wBAC9B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScDialog } from './dialog';\n\n@Directive({\n  selector: 'p[scDialogDescription]',\n  host: {\n    'data-slot': 'dialog-description',\n    '[id]': 'dialog.descriptionId',\n    '[class]': 'class()',\n  },\n})\nexport class ScDialogDescription {\n  readonly dialog = inject(ScDialog);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3',\n      this.classInput(),\n    ),\n  );\n}\n"]}