@semantic-components/ui 0.65.0 → 0.66.0

package/esm2022/lib/components/switch/switch.js

@@ -0,0 +1,45 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { computed, Directive, effect, ElementRef, inject, input, model, signal, } from '@angular/core';
+import { cn } from '../../utils';
+import { SC_SWITCH_FIELD } from './switch-types';
+import * as i0 from "@angular/core";
+export const SC_SWITCH = 'SC_SWITCH';
+export class ScSwitch {
+    elementRef = inject((ElementRef));
+    switchField = inject(SC_SWITCH_FIELD, { optional: true });
+    fallbackId = inject(_IdGenerator).getId('sc-switch-');
+    idInput = input('', { ...(ngDevMode ? { debugName: "idInput" } : {}), alias: 'id' });
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
+    disabledSignal = signal(false, ...(ngDevMode ? [{ debugName: "disabledSignal" }] : []));
+    id = computed(() => this.idInput() || this.switchField?.id() || this.fallbackId, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    constructor() {
+        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 sr-only', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSwitch, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSwitch, isStandalone: true, selector: "input[type=\"checkbox\"][scSwitch]", inputs: { idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { attributes: { "data-slot": "switch", "role": "switch" }, listeners: { "change": "onInputChange($event)" }, properties: { "id": "id()", "class": "class()", "checked": "checked()" } }, exportAs: ["SC_SWITCH"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSwitch, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[type="checkbox"][scSwitch]',
+                    host: {
+                        'data-slot': 'switch',
+                        role: 'switch',
+                        '[id]': 'id()',
+                        '[class]': 'class()',
+                        '[checked]': 'checked()',
+                        '(change)': 'onInputChange($event)',
+                    },
+                    exportAs: SC_SWITCH,
+                }]
+        }], ctorParameters: () => [], propDecorators: { idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }] } });
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/switch/switch.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,eAAe,EAAE,MAAM,gBAAgB,CAAC;;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;AAcrC,MAAM,OAAO,QAAQ;IACF,UAAU,GAAG,MAAM,CAAC,CAAA,UAA4B,CAAA,CAAC,CAAC;IAClD,WAAW,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAE9D,OAAO,GAAG,KAAK,CAAC,EAAE,oDAAI,KAAK,EAAE,IAAI,GAAG,CAAC;IACrC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,KAAK,CAAU,KAAK,mDAAC,CAAC;IAChC,cAAc,GAAG,MAAM,CAAC,KAAK,0DAAC,CAAC;IAE/B,EAAE,GAAG,QAAQ,CACpB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,UAAU,8CAClE,CAAC;IAEF;QACE,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,CAAC,cAAc,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACtC,CAAC;uGA5BS,QAAQ;2FAAR,QAAQ;;2FAAR,QAAQ;kBAZpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kCAAkC;oBAC5C,IAAI,EAAE;wBACJ,WAAW,EAAE,QAAQ;wBACrB,IAAI,EAAE,QAAQ;wBACd,MAAM,EAAE,MAAM;wBACd,SAAS,EAAE,SAAS;wBACpB,WAAW,EAAE,WAAW;wBACxB,UAAU,EAAE,uBAAuB;qBACpC;oBACD,QAAQ,EAAE,SAAS;iBACpB","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_SWITCH_FIELD } from './switch-types';\n\nexport const SC_SWITCH = 'SC_SWITCH';\n\n@Directive({\n  selector: 'input[type=\"checkbox\"][scSwitch]',\n  host: {\n    'data-slot': 'switch',\n    role: 'switch',\n    '[id]': 'id()',\n    '[class]': 'class()',\n    '[checked]': 'checked()',\n    '(change)': 'onInputChange($event)',\n  },\n  exportAs: SC_SWITCH,\n})\nexport class ScSwitch implements FormCheckboxControl {\n  private readonly elementRef = inject(ElementRef<HTMLInputElement>);\n  private readonly switchField = inject(SC_SWITCH_FIELD, { optional: true });\n  private readonly fallbackId = inject(_IdGenerator).getId('sc-switch-');\n\n  readonly idInput = input('', { alias: 'id' });\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly checked = model<boolean>(false);\n  readonly disabledSignal = signal(false);\n\n  readonly id = computed(\n    () => this.idInput() || this.switchField?.id() || this.fallbackId,\n  );\n\n  constructor() {\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('peer sr-only', this.classInput()),\n  );\n}\n"]}

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

@@ -0,0 +1,9 @@
+export * from './table';
+export * from './table-header';
+export * from './table-body';
+export * from './table-footer';
+export * from './table-row';
+export * from './table-header-cell';
+export * from './table-cell';
+export * from './table-caption';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './table';\nexport * from './table-header';\nexport * from './table-body';\nexport * from './table-footer';\nexport * from './table-row';\nexport * from './table-header-cell';\nexport * from './table-cell';\nexport * from './table-caption';\n"]}

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

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScTableBody {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('[&_tr:last-child]:border-0', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTableBody, isStandalone: true, selector: "tbody[scTableBody]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "table-body" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tbody[scTableBody]',
+                    host: {
+                        'data-slot': 'table-body',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=table-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-body.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/table/table-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,WAAW;IACb,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,4BAA4B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACpD,CAAC;uGALS,WAAW;2FAAX,WAAW;;2FAAX,WAAW;kBAPvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,IAAI,EAAE;wBACJ,WAAW,EAAE,YAAY;wBACzB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'tbody[scTableBody]',\n  host: {\n    'data-slot': 'table-body',\n    '[class]': 'class()',\n  },\n})\nexport class ScTableBody {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('[&_tr:last-child]:border-0', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/table/table-caption.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScTableCaption {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('mt-4 text-sm text-muted-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTableCaption, isStandalone: true, selector: "caption[scTableCaption]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "table-caption" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableCaption, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'caption[scTableCaption]',
+                    host: {
+                        'data-slot': 'table-caption',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=table-caption.js.map

package/esm2022/lib/components/table/table-caption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-caption.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/table/table-caption.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,cAAc;IAChB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,oCAAoC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC5D,CAAC;uGALS,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAP1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'caption[scTableCaption]',\n  host: {\n    'data-slot': 'table-caption',\n    '[class]': 'class()',\n  },\n})\nexport class ScTableCaption {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('mt-4 text-sm text-muted-foreground', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/table/table-cell.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScTableCell {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableCell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTableCell, isStandalone: true, selector: "td[scTableCell]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "table-cell" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableCell, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'td[scTableCell]',
+                    host: {
+                        'data-slot': 'table-cell',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=table-cell.js.map

package/esm2022/lib/components/table/table-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/table/table-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,WAAW;IACb,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,gDAAgD,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACxE,CAAC;uGALS,WAAW;2FAAX,WAAW;;2FAAX,WAAW;kBAPvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,IAAI,EAAE;wBACJ,WAAW,EAAE,YAAY;wBACzB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'td[scTableCell]',\n  host: {\n    'data-slot': 'table-cell',\n    '[class]': 'class()',\n  },\n})\nexport class ScTableCell {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/table/table-footer.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScTableFooter {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTableFooter, isStandalone: true, selector: "tfoot[scTableFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "table-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tfoot[scTableFooter]',
+                    host: {
+                        'data-slot': 'table-footer',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=table-footer.js.map

package/esm2022/lib/components/table/table-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-footer.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/table/table-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,aAAa;IACf,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,yDAAyD,EACzD,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAPzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'tfoot[scTableFooter]',\n  host: {\n    'data-slot': 'table-footer',\n    '[class]': 'class()',\n  },\n})\nexport class ScTableFooter {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'border-t bg-muted/50 font-medium [&>tr]:last:border-b-0',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/table/table-header-cell.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScTableHeaderCell {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableHeaderCell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTableHeaderCell, isStandalone: true, selector: "th[scTableHeaderCell]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "table-header-cell" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableHeaderCell, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'th[scTableHeaderCell]',
+                    host: {
+                        'data-slot': 'table-header-cell',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=table-header-cell.js.map

package/esm2022/lib/components/table/table-header-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-cell.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/table/table-header-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,iBAAiB;IACnB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,kGAAkG,EAClG,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAP7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,IAAI,EAAE;wBACJ,WAAW,EAAE,mBAAmB;wBAChC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'th[scTableHeaderCell]',\n  host: {\n    'data-slot': 'table-header-cell',\n    '[class]': 'class()',\n  },\n})\nexport class ScTableHeaderCell {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/table/table-header.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScTableHeader {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('[&_tr]:border-b', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTableHeader, isStandalone: true, selector: "thead[scTableHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "table-header" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'thead[scTableHeader]',
+                    host: {
+                        'data-slot': 'table-header',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=table-header.js.map

package/esm2022/lib/components/table/table-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/table/table-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,aAAa;IACf,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACzC,CAAC;uGALS,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAPzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'thead[scTableHeader]',\n  host: {\n    'data-slot': 'table-header',\n    '[class]': 'class()',\n  },\n})\nexport class ScTableHeader {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('[&_tr]:border-b', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/table/table-row.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScTableRow {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTableRow, isStandalone: true, selector: "tr[scTableRow]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "table-row" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableRow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tr[scTableRow]',
+                    host: {
+                        'data-slot': 'table-row',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=table-row.js.map

package/esm2022/lib/components/table/table-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/table/table-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,UAAU;IACZ,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,6EAA6E,EAC7E,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,UAAU;2FAAV,UAAU;;2FAAV,UAAU;kBAPtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,WAAW,EAAE,WAAW;wBACxB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'tr[scTableRow]',\n  host: {\n    'data-slot': 'table-row',\n    '[class]': 'class()',\n  },\n})\nexport class ScTableRow {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/table/table.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScTable {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('w-full caption-bottom text-sm', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTable, isStandalone: true, selector: "table[scTable]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "table" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTable, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'table[scTable]',
+                    host: {
+                        'data-slot': 'table',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/table/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,OAAO;IACT,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,+BAA+B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACvD,CAAC;uGALS,OAAO;2FAAP,OAAO;;2FAAP,OAAO;kBAPnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,WAAW,EAAE,OAAO;wBACpB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'table[scTable]',\n  host: {\n    'data-slot': 'table',\n    '[class]': 'class()',\n  },\n})\nexport class ScTable {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('w-full caption-bottom text-sm', this.classInput()),\n  );\n}\n"]}

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

@@ -0,0 +1,6 @@
+export { ScTabs } from './tabs';
+export { ScTabList, tabsListVariants } from './tab-list';
+export { ScTab } from './tab';
+export { ScTabPanel } from './tab-panel';
+export { ScTabContent } from './tab-content';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { ScTabs } from './tabs';\nexport { ScTabList, tabsListVariants } from './tab-list';\nexport { ScTab } from './tab';\nexport { ScTabPanel } from './tab-panel';\nexport { ScTabContent } from './tab-content';\n"]}

package/esm2022/lib/components/tabs/tab-content.js

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

package/esm2022/lib/components/tabs/tab-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-content.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/tabs/tab-content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;;;AAMhD,MAAM,OAAO,YAAY;uGAAZ,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAJxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,cAAc,EAAE,CAAC,UAAU,CAAC;iBAC7B","sourcesContent":["import { Directive } from '@angular/core';\nimport { TabContent } from '@angular/aria/tabs';\n\n@Directive({\n  selector: 'ng-template[scTabContent]',\n  hostDirectives: [TabContent],\n})\nexport class ScTabContent {}\n"]}

package/esm2022/lib/components/tabs/tab-list.js

@@ -0,0 +1,57 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { TabList } from '@angular/aria/tabs';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/tabs";
+export const tabsListVariants = cva('rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-8 data-[variant=line]:rounded-none group/tab-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col', {
+    variants: {
+        variant: {
+            default: 'bg-muted',
+            line: 'gap-1 bg-transparent',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+export class ScTabList {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    class = computed(() => cn(tabsListVariants({ variant: this.variant() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTabList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScTabList, isStandalone: true, selector: "[scTabList]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "tab-list" }, properties: { "class": "class()", "attr.data-variant": "variant()" } }, hostDirectives: [{ directive: i1.TabList, inputs: ["selectedTab", "selectedTab", "selectionMode", "selectionMode", "orientation", "orientation", "disabled", "disabled", "wrap", "wrap", "focusMode", "focusMode"], outputs: ["selectedTabChange", "selectedTabChange"] }], 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: ScTabList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scTabList]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [
+                        {
+                            directive: TabList,
+                            inputs: [
+                                'selectedTab',
+                                'selectionMode',
+                                'orientation',
+                                'disabled',
+                                'wrap',
+                                'focusMode',
+                            ],
+                            outputs: ['selectedTabChange'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'tab-list',
+                        '[class]': 'class()',
+                        '[attr.data-variant]': 'variant()',
+                    },
+                    template: `
+    <ng-content />
+  `,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+//# sourceMappingURL=tab-list.js.map

package/esm2022/lib/components/tabs/tab-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-list.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/tabs/tab-list.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAqB,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,kRAAkR,EAClR;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,UAAU;YACnB,IAAI,EAAE,sBAAsB;SAC7B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AA+BF,MAAM,OAAO,SAAS;IACX,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,KAAK,CAAmB,SAAS,mDAAC,CAAC;IAC7C,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC7B,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACrE,CAAC;uGALS,SAAS;2FAAT,SAAS,wtBAJV;;GAET;;2FAEU,SAAS;kBA3BrB,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,OAAO;4BAClB,MAAM,EAAE;gCACN,aAAa;gCACb,eAAe;gCACf,aAAa;gCACb,UAAU;gCACV,MAAM;gCACN,WAAW;6BACZ;4BACD,OAAO,EAAE,CAAC,mBAAmB,CAAC;yBAC/B;qBACF;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,UAAU;wBACvB,SAAS,EAAE,SAAS;wBACpB,qBAAqB,EAAE,WAAW;qBACnC;oBACD,QAAQ,EAAE;;GAET;iBACF","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { TabList } from '@angular/aria/tabs';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { cn } from '../../utils';\n\nexport const tabsListVariants = cva(\n  'rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-8 data-[variant=line]:rounded-none group/tab-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col',\n  {\n    variants: {\n      variant: {\n        default: 'bg-muted',\n        line: 'gap-1 bg-transparent',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype ScTabListVariant = VariantProps<typeof tabsListVariants>['variant'];\n\n@Component({\n  selector: '[scTabList]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [\n    {\n      directive: TabList,\n      inputs: [\n        'selectedTab',\n        'selectionMode',\n        'orientation',\n        'disabled',\n        'wrap',\n        'focusMode',\n      ],\n      outputs: ['selectedTabChange'],\n    },\n  ],\n  host: {\n    'data-slot': 'tab-list',\n    '[class]': 'class()',\n    '[attr.data-variant]': 'variant()',\n  },\n  template: `\n    <ng-content />\n  `,\n})\nexport class ScTabList {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly variant = input<ScTabListVariant>('default');\n  readonly class = computed(() =>\n    cn(tabsListVariants({ variant: this.variant() }), this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/tabs/tab-panel.js

@@ -0,0 +1,35 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { TabPanel } from '@angular/aria/tabs';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/tabs";
+export class ScTabPanel {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('text-sm flex-1 outline-none [&[inert]]:hidden', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTabPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScTabPanel, isStandalone: true, selector: "[scTabPanel]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "tabs-content" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.TabPanel, inputs: ["value", "value", "id", "id"] }], 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: ScTabPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scTabPanel]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [
+                        {
+                            directive: TabPanel,
+                            inputs: ['value', 'id'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'tabs-content',
+                        '[class]': 'class()',
+                    },
+                    template: `
+    <ng-content />
+  `,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=tab-panel.js.map

package/esm2022/lib/components/tabs/tab-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/tabs/tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;AAoBjC,MAAM,OAAO,UAAU;IACZ,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC7B,EAAE,CAAC,+CAA+C,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACvE,CAAC;uGAJS,UAAU;2FAAV,UAAU,uYAJX;;GAET;;2FAEU,UAAU;kBAlBtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;yBACxB;qBACF;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;oBACD,QAAQ,EAAE;;GAET;iBACF","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { TabPanel } from '@angular/aria/tabs';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: '[scTabPanel]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [\n    {\n      directive: TabPanel,\n      inputs: ['value', 'id'],\n    },\n  ],\n  host: {\n    'data-slot': 'tabs-content',\n    '[class]': 'class()',\n  },\n  template: `\n    <ng-content />\n  `,\n})\nexport class ScTabPanel {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly class = computed(() =>\n    cn('text-sm flex-1 outline-none [&[inert]]:hidden', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/tabs/tab.js

@@ -0,0 +1,34 @@
+import { computed, Directive, input } from '@angular/core';
+import { Tab } from '@angular/aria/tabs';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/tabs";
+export class ScTab {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium', 'group-data-[variant=default]/tab-list:aria-selected:shadow-sm group-data-[variant=line]/tab-list:aria-selected:shadow-none', "[&_svg:not([class*='size-'])]:size-4", 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring', 'text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground', 'relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all', 'group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start', 'focus-visible:ring-[3px] focus-visible:outline-1', 'disabled:pointer-events-none disabled:opacity-50', '[&_svg]:pointer-events-none [&_svg]:shrink-0', 
+    // line variant styles
+    'group-data-[variant=line]/tab-list:bg-transparent group-data-[variant=line]/tab-list:aria-selected:bg-transparent', 'dark:group-data-[variant=line]/tab-list:aria-selected:border-transparent dark:group-data-[variant=line]/tab-list:aria-selected:bg-transparent', 
+    // active styles
+    'aria-selected:bg-background dark:aria-selected:text-foreground dark:aria-selected:border-input dark:aria-selected:bg-input/30 aria-selected:text-foreground', 
+    // line variant underline/side indicator
+    'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity', 'group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5', 'group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5', 'group-data-[variant=line]/tab-list:aria-selected:after:opacity-100', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTab, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTab, isStandalone: true, selector: "[scTab]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "tabs-trigger" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.Tab, inputs: ["value", "value", "disabled", "disabled", "id", "id"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTab, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scTab]',
+                    hostDirectives: [
+                        {
+                            directive: Tab,
+                            inputs: ['value', 'disabled', 'id'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'tabs-trigger',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=tab.js.map

package/esm2022/lib/components/tabs/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/tabs/tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;AAejC,MAAM,OAAO,KAAK;IACP,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC7B,EAAE,CACA,gFAAgF,EAChF,4HAA4H,EAC5H,sCAAsC,EACtC,iFAAiF,EACjF,gGAAgG,EAChG,6GAA6G,EAC7G,oGAAoG,EACpG,kDAAkD,EAClD,kDAAkD,EAClD,8CAA8C;IAC9C,sBAAsB;IACtB,mHAAmH,EACnH,+IAA+I;IAC/I,gBAAgB;IAChB,6JAA6J;IAC7J,wCAAwC;IACxC,6EAA6E,EAC7E,4KAA4K,EAC5K,iKAAiK,EACjK,oEAAoE,EACpE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGA1BS,KAAK;2FAAL,KAAK;;2FAAL,KAAK;kBAbjB,SAAS;mBAAC;oBACT,QAAQ,EAAE,SAAS;oBACnB,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,GAAG;4BACd,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,CAAC;yBACpC;qBACF;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { Tab } from '@angular/aria/tabs';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scTab]',\n  hostDirectives: [\n    {\n      directive: Tab,\n      inputs: ['value', 'disabled', 'id'],\n    },\n  ],\n  host: {\n    'data-slot': 'tabs-trigger',\n    '[class]': 'class()',\n  },\n})\nexport class ScTab {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly class = computed(() =>\n    cn(\n      'gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium',\n      'group-data-[variant=default]/tab-list:aria-selected:shadow-sm group-data-[variant=line]/tab-list:aria-selected:shadow-none',\n      \"[&_svg:not([class*='size-'])]:size-4\",\n      'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring',\n      'text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground',\n      'relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all',\n      'group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start',\n      'focus-visible:ring-[3px] focus-visible:outline-1',\n      'disabled:pointer-events-none disabled:opacity-50',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      // line variant styles\n      'group-data-[variant=line]/tab-list:bg-transparent group-data-[variant=line]/tab-list:aria-selected:bg-transparent',\n      'dark:group-data-[variant=line]/tab-list:aria-selected:border-transparent dark:group-data-[variant=line]/tab-list:aria-selected:bg-transparent',\n      // active styles\n      'aria-selected:bg-background dark:aria-selected:text-foreground dark:aria-selected:border-input dark:aria-selected:bg-input/30 aria-selected:text-foreground',\n      // line variant underline/side indicator\n      'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity',\n      'group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5',\n      'group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5',\n      'group-data-[variant=line]/tab-list:aria-selected:after:opacity-100',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/tabs/tabs.js

@@ -0,0 +1,36 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { Tabs } from '@angular/aria/tabs';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/tabs";
+export class ScTabs {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    class = computed(() => cn('group/tabs gap-2 flex data-[orientation=horizontal]:flex-col data-[orientation=vertical]:flex-row', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScTabs, isStandalone: true, selector: "[scTabs]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "tabs" }, properties: { "class": "class()", "attr.data-orientation": "orientation()" } }, hostDirectives: [{ directive: i1.Tabs }], 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: ScTabs, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scTabs]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [
+                        {
+                            directive: Tabs,
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'tabs',
+                        '[class]': 'class()',
+                        '[attr.data-orientation]': 'orientation()',
+                    },
+                    template: `
+    <ng-content />
+  `,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
+//# sourceMappingURL=tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;AAoBjC,MAAM,OAAO,MAAM;IACR,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,WAAW,GAAG,KAAK,CAA4B,YAAY,uDAAC,CAAC;IAC7D,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC7B,EAAE,CACA,mGAAmG,EACnG,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,MAAM;2FAAN,MAAM,mgBAJP;;GAET;;2FAEU,MAAM;kBAlBlB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,IAAI;yBAChB;qBACF;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,MAAM;wBACnB,SAAS,EAAE,SAAS;wBACpB,yBAAyB,EAAE,eAAe;qBAC3C;oBACD,QAAQ,EAAE;;GAET;iBACF","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { Tabs } from '@angular/aria/tabs';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: '[scTabs]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [\n    {\n      directive: Tabs,\n    },\n  ],\n  host: {\n    'data-slot': 'tabs',\n    '[class]': 'class()',\n    '[attr.data-orientation]': 'orientation()',\n  },\n  template: `\n    <ng-content />\n  `,\n})\nexport class ScTabs {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n  readonly class = computed(() =>\n    cn(\n      'group/tabs gap-2 flex data-[orientation=horizontal]:flex-col data-[orientation=vertical]:flex-row',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

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

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

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

package/esm2022/lib/components/textarea/textarea.js

@@ -0,0 +1,41 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { booleanAttribute, computed, Directive, inject, input, } from '@angular/core';
+import { FormField } from '@angular/forms/signals';
+import { cn } from '../../utils';
+import { SC_FIELD } from '../field';
+import * as i0 from "@angular/core";
+export class ScTextarea {
+    field = inject(SC_FIELD, { optional: true });
+    formField = inject(FormField, { optional: true });
+    fallbackId = inject(_IdGenerator).getId('sc-textarea-');
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    idInput = input('', { ...(ngDevMode ? { debugName: "idInput" } : {}), alias: 'id' });
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), alias: 'disabled',
+        transform: booleanAttribute });
+    dataSlot = computed(() => this.variant() === 'group' ? 'input-group-control' : 'textarea', ...(ngDevMode ? [{ debugName: "dataSlot" }] : []));
+    id = computed(() => this.idInput() || this.field?.id() || this.fallbackId, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    invalid = computed(() => (this.formField?.state().touched() &&
+        this.formField?.state().invalid()) ??
+        false, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
+    disabled = computed(() => this.formField?.state().disabled() ?? this.disabledInput(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    class = computed(() => cn(this.variant() === 'group'
+        ? 'rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none px-2.5 text-base md:text-sm outline-none placeholder:text-muted-foreground field-sizing-content min-h-16 min-w-0 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50'
+        : 'border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTextarea, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTextarea, isStandalone: true, selector: "textarea[scTextarea]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-slot": "dataSlot()", "attr.id": "id()", "attr.aria-invalid": "invalid() || null", "attr.disabled": "disabled() || null", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTextarea, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'textarea[scTextarea]',
+                    host: {
+                        '[attr.data-slot]': 'dataSlot()',
+                        '[attr.id]': 'id()',
+                        '[attr.aria-invalid]': 'invalid() || null',
+                        '[attr.disabled]': 'disabled() || null',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+//# sourceMappingURL=textarea.js.map