@semantic-components/ui 0.65.0 → 0.67.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/textarea/textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;;AAYpC,MAAM,OAAO,UAAU;IACJ,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAClD,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAEhE,OAAO,GAAG,KAAK,CAAsB,SAAS,mDAAC,CAAC;IAChD,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,CAAmB,KAAK,0DACpD,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IAEgB,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC1C,IAAI,CAAC,OAAO,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,UAAU,oDAChE,CAAC;IAEO,EAAE,GAAG,QAAQ,CACpB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,UAAU,8CAC5D,CAAC;IAEO,OAAO,GAAG,QAAQ,CACzB,GAAG,EAAE,CACH,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE;QAChC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE,CAAC;QACpC,KAAK,mDACR,CAAC;IAEO,QAAQ,GAAG,QAAQ,CAC1B,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,oDACjE,CAAC;IAEiB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,IAAI,CAAC,OAAO,EAAE,KAAK,OAAO;QACxB,CAAC,CAAC,iYAAiY;QACnY,CAAC,CAAC,whBAAwhB,EAC5hB,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAvCS,UAAU;2FAAV,UAAU;;2FAAV,UAAU;kBAVtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,kBAAkB,EAAE,YAAY;wBAChC,WAAW,EAAE,MAAM;wBACnB,qBAAqB,EAAE,mBAAmB;wBAC1C,iBAAiB,EAAE,oBAAoB;wBACvC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  input,\n} from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\nimport { cn } from '../../utils';\nimport { SC_FIELD } from '../field';\n\n@Directive({\n  selector: 'textarea[scTextarea]',\n  host: {\n    '[attr.data-slot]': 'dataSlot()',\n    '[attr.id]': 'id()',\n    '[attr.aria-invalid]': 'invalid() || null',\n    '[attr.disabled]': 'disabled() || null',\n    '[class]': 'class()',\n  },\n})\nexport class ScTextarea {\n  private readonly field = inject(SC_FIELD, { optional: true });\n  private readonly formField = inject(FormField, { optional: true });\n  private readonly fallbackId = inject(_IdGenerator).getId('sc-textarea-');\n\n  readonly variant = input<'default' | 'group'>('default');\n  readonly idInput = input('', { alias: 'id' });\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly disabledInput = input<boolean, unknown>(false, {\n    alias: 'disabled',\n    transform: booleanAttribute,\n  });\n\n  protected readonly dataSlot = computed(() =>\n    this.variant() === 'group' ? 'input-group-control' : 'textarea',\n  );\n\n  readonly id = computed(\n    () => this.idInput() || this.field?.id() || this.fallbackId,\n  );\n\n  readonly invalid = computed(\n    () =>\n      (this.formField?.state().touched() &&\n        this.formField?.state().invalid()) ??\n      false,\n  );\n\n  readonly disabled = computed(\n    () => this.formField?.state().disabled() ?? this.disabledInput(),\n  );\n\n  protected readonly class = computed(() =>\n    cn(\n      this.variant() === 'group'\n        ? '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'\n        : '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',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,10 @@
+export { SC_TIME_PICKER, ScTimePicker } from './time-picker';
+export { ScTimePickerInput } from './time-picker-input';
+export { ScTimePickerHoursInput } from './time-picker-hours-input';
+export { ScTimePickerMinutesInput } from './time-picker-minutes-input';
+export { ScTimePickerSecondsInput } from './time-picker-seconds-input';
+export { ScTimePickerPeriod } from './time-picker-period';
+export { ScTimePickerPeriodAM } from './time-picker-period-am';
+export { ScTimePickerPeriodPM } from './time-picker-period-pm';
+export { ScTimePickerSeparator } from './time-picker-separator';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export { SC_TIME_PICKER, ScTimePicker } from './time-picker';\nexport type { ScTimeValue, ScTimeFormat, ScTimePeriod } from './time-picker';\nexport { ScTimePickerInput } from './time-picker-input';\nexport { ScTimePickerHoursInput } from './time-picker-hours-input';\nexport { ScTimePickerMinutesInput } from './time-picker-minutes-input';\nexport { ScTimePickerSecondsInput } from './time-picker-seconds-input';\nexport { ScTimePickerPeriod } from './time-picker-period';\nexport { ScTimePickerPeriodAM } from './time-picker-period-am';\nexport { ScTimePickerPeriodPM } from './time-picker-period-pm';\nexport { ScTimePickerSeparator } from './time-picker-separator';\n"]}

package/esm2022/lib/components/time-picker/time-picker-hours-input.js

@@ -0,0 +1,67 @@
+import { computed, Directive, inject } from '@angular/core';
+import { ScTimePickerInput } from './time-picker-input';
+import * as i0 from "@angular/core";
+export class ScTimePickerHoursInput {
+    input = inject(ScTimePickerInput);
+    timePicker = this.input.timePicker;
+    max = computed(() => this.timePicker.format() === '12h' ? 12 : 23, ...(ngDevMode ? [{ debugName: "max" }] : []));
+    min = computed(() => this.timePicker.format() === '12h' ? 1 : 0, ...(ngDevMode ? [{ debugName: "min" }] : []));
+    displayValue = computed(() => {
+        const val = this.timePicker.value();
+        if (!val)
+            return '00';
+        const num = this.timePicker.format() === '12h' ? val.hours % 12 || 12 : val.hours;
+        return num.toString().padStart(2, '0');
+    }, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    onInput(event) {
+        const el = event.target;
+        const value = el.value.replace(/\D/g, '');
+        const num = parseInt(value, 10);
+        if (!isNaN(num)) {
+            this.timePicker.setHours(Math.min(num, this.max()));
+        }
+    }
+    onBlur() {
+        this.input.focused.set(false);
+        const val = this.timePicker.value();
+        if (val) {
+            const clamped = Math.max(this.min(), Math.min(val.hours, this.max()));
+            if (clamped !== val.hours) {
+                this.timePicker.setHours(clamped);
+            }
+        }
+    }
+    onFocus(event) {
+        this.input.focused.set(true);
+        event.target.select();
+    }
+    onKeydown(event) {
+        if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            const val = this.timePicker.value() || { hours: 0, minutes: 0 };
+            this.timePicker.setHours(val.hours >= this.max() ? this.min() : val.hours + 1);
+        }
+        else if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            const val = this.timePicker.value() || { hours: 0, minutes: 0 };
+            this.timePicker.setHours(val.hours <= this.min() ? this.max() : val.hours - 1);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePickerHoursInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScTimePickerHoursInput, isStandalone: true, selector: "input[scTimePickerHoursInput]", host: { listeners: { "input": "onInput($event)", "blur": "onBlur()", "keydown": "onKeydown($event)", "focus": "onFocus($event)" }, properties: { "value": "displayValue()", "attr.aria-label": "\"Hours\"" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePickerHoursInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[scTimePickerHoursInput]',
+                    host: {
+                        '[value]': 'displayValue()',
+                        '[attr.aria-label]': '"Hours"',
+                        '(input)': 'onInput($event)',
+                        '(blur)': 'onBlur()',
+                        '(keydown)': 'onKeydown($event)',
+                        '(focus)': 'onFocus($event)',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=time-picker-hours-input.js.map

package/esm2022/lib/components/time-picker/time-picker-hours-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-hours-input.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/time-picker/time-picker-hours-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { computed, Directive, inject } from '@angular/core';\nimport { ScTimePickerInput } from './time-picker-input';\n\n@Directive({\n  selector: 'input[scTimePickerHoursInput]',\n  host: {\n    '[value]': 'displayValue()',\n    '[attr.aria-label]': '\"Hours\"',\n    '(input)': 'onInput($event)',\n    '(blur)': 'onBlur()',\n    '(keydown)': 'onKeydown($event)',\n    '(focus)': 'onFocus($event)',\n  },\n})\nexport class ScTimePickerHoursInput {\n  private readonly input = inject(ScTimePickerInput);\n\n  private readonly timePicker = this.input.timePicker;\n\n  private readonly max = computed(() =>\n    this.timePicker.format() === '12h' ? 12 : 23,\n  );\n\n  private readonly min = computed(() =>\n    this.timePicker.format() === '12h' ? 1 : 0,\n  );\n\n  protected readonly displayValue = computed(() => {\n    const val = this.timePicker.value();\n    if (!val) return '00';\n\n    const num =\n      this.timePicker.format() === '12h' ? val.hours % 12 || 12 : val.hours;\n    return num.toString().padStart(2, '0');\n  });\n\n  protected onInput(event: Event): void {\n    const el = event.target as HTMLInputElement;\n    const value = el.value.replace(/\\D/g, '');\n    const num = parseInt(value, 10);\n\n    if (!isNaN(num)) {\n      this.timePicker.setHours(Math.min(num, this.max()));\n    }\n  }\n\n  protected onBlur(): void {\n    this.input.focused.set(false);\n    const val = this.timePicker.value();\n    if (val) {\n      const clamped = Math.max(this.min(), Math.min(val.hours, this.max()));\n      if (clamped !== val.hours) {\n        this.timePicker.setHours(clamped);\n      }\n    }\n  }\n\n  protected onFocus(event: FocusEvent): void {\n    this.input.focused.set(true);\n    (event.target as HTMLInputElement).select();\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      const val = this.timePicker.value() || { hours: 0, minutes: 0 };\n      this.timePicker.setHours(\n        val.hours >= this.max() ? this.min() : val.hours + 1,\n      );\n    } else if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      const val = this.timePicker.value() || { hours: 0, minutes: 0 };\n      this.timePicker.setHours(\n        val.hours <= this.min() ? this.max() : val.hours - 1,\n      );\n    }\n  }\n}\n"]}

package/esm2022/lib/components/time-picker/time-picker-input.js

@@ -0,0 +1,26 @@
+import { computed, Directive, inject, input, signal } from '@angular/core';
+import { cn } from '../../utils';
+import { SC_TIME_PICKER } from './time-picker';
+import * as i0 from "@angular/core";
+export class ScTimePickerInput {
+    timePicker = inject(SC_TIME_PICKER);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    focused = signal(false, ...(ngDevMode ? [{ debugName: "focused" }] : []));
+    class = computed(() => cn('w-10 rounded-md border border-input bg-background px-2 py-1.5 text-center text-sm tabular-nums', 'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', '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: ScTimePickerInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTimePickerInput, isStandalone: true, selector: "input[scTimePickerInput]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "time-picker-input", "type": "text", "inputmode": "numeric" }, properties: { "class": "class()", "disabled": "timePicker.disabled()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTimePickerInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[scTimePickerInput]',
+                    host: {
+                        'data-slot': 'time-picker-input',
+                        type: 'text',
+                        inputmode: 'numeric',
+                        '[class]': 'class()',
+                        '[disabled]': 'timePicker.disabled()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=time-picker-input.js.map

package/esm2022/lib/components/time-picker/time-picker-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-input.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/time-picker/time-picker-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;;AAY/C,MAAM,OAAO,iBAAiB;IACnB,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAEpC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEnD,OAAO,GAAG,MAAM,CAAC,KAAK,mDAAC,CAAC;IAEd,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gGAAgG,EAChG,qEAAqE,EACrE,iDAAiD,EACjD,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAdS,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAV7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,IAAI,EAAE;wBACJ,WAAW,EAAE,mBAAmB;wBAChC,IAAI,EAAE,MAAM;wBACZ,SAAS,EAAE,SAAS;wBACpB,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,uBAAuB;qBACtC;iBACF","sourcesContent":["import { computed, Directive, inject, input, signal } from '@angular/core';\nimport { cn } from '../../utils';\nimport { SC_TIME_PICKER } from './time-picker';\n\n@Directive({\n  selector: 'input[scTimePickerInput]',\n  host: {\n    'data-slot': 'time-picker-input',\n    type: 'text',\n    inputmode: 'numeric',\n    '[class]': 'class()',\n    '[disabled]': 'timePicker.disabled()',\n  },\n})\nexport class ScTimePickerInput {\n  readonly timePicker = inject(SC_TIME_PICKER);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  readonly focused = signal(false);\n\n  protected readonly class = computed(() =>\n    cn(\n      'w-10 rounded-md border border-input bg-background px-2 py-1.5 text-center text-sm tabular-nums',\n      'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n      'disabled:cursor-not-allowed disabled:opacity-50',\n      this.classInput(),\n    ),\n  );\n}\n"]}