@semantic-components/ui 0.65.0 → 0.67.0

package/esm2022/lib/components/hover-card/hover-card.js

@@ -0,0 +1,74 @@
+import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, output, signal, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScHoverCardProvider } from './hover-card-provider';
+import * as i0 from "@angular/core";
+export class ScHoverCard {
+    elementRef = inject(ElementRef);
+    hoverCardProvider = inject(ScHoverCardProvider);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    state = signal('closed', ...(ngDevMode ? [{ debugName: "state" }] : []));
+    animationComplete = output();
+    class = computed(() => cn('z-50 w-64 rounded-lg ring-1 ring-foreground/10 bg-popover p-2.5 text-sm text-popover-foreground shadow-md outline-hidden', 'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 duration-100', 'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    hideTimeout = null;
+    constructor() {
+        // Sync state with provider's open signal
+        effect(() => {
+            const isOpen = this.hoverCardProvider.open();
+            this.state.set(isOpen ? 'open' : 'closed');
+        });
+    }
+    onMouseEnter() {
+        this.hoverCardProvider.cancelTriggerHide();
+        this.cancelHide();
+        this.hoverCardProvider.show();
+    }
+    onMouseLeave() {
+        this.scheduleHide();
+    }
+    scheduleHide() {
+        this.cancelHide();
+        this.hideTimeout = setTimeout(() => {
+            this.hoverCardProvider.hide();
+        }, this.hoverCardProvider.closeDelay());
+    }
+    cancelHide() {
+        if (this.hideTimeout) {
+            clearTimeout(this.hideTimeout);
+            this.hideTimeout = null;
+        }
+    }
+    onAnimationEnd(event) {
+        // Only emit when close animation completes
+        if (this.state() === 'closed' &&
+            event.target === this.elementRef.nativeElement) {
+            this.animationComplete.emit();
+            this.hoverCardProvider.onAnimationComplete();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScHoverCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScHoverCard, isStandalone: true, selector: "div[scHoverCard]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { animationComplete: "animationComplete" }, host: { attributes: { "data-slot": "hover-card" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "animationend": "onAnimationEnd($event)" }, properties: { "class": "class()", "attr.data-open": "state() === \"open\" ? true : null", "attr.data-closed": "state() === \"closed\" ? true : null", "attr.data-side": "hoverCardProvider.side()" } }, 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: ScHoverCard, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scHoverCard]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'hover-card',
+                        '[class]': 'class()',
+                        '[attr.data-open]': 'state() === "open" ? true : null',
+                        '[attr.data-closed]': 'state() === "closed" ? true : null',
+                        '[attr.data-side]': 'hoverCardProvider.side()',
+                        '(mouseenter)': 'onMouseEnter()',
+                        '(mouseleave)': 'onMouseLeave()',
+                        '(animationend)': 'onAnimationEnd($event)',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], animationComplete: [{ type: i0.Output, args: ["animationComplete"] }] } });
+//# sourceMappingURL=hover-card.js.map

package/esm2022/lib/components/hover-card/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/hover-card/hover-card.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAsB5D,MAAM,OAAO,WAAW;IACL,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAExC,iBAAiB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAChD,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,KAAK,GAAG,MAAM,CAAmB,QAAQ,iDAAC,CAAC;IAC3C,iBAAiB,GAAG,MAAM,EAAQ,CAAC;IAEzB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,0HAA0H,EAC1H,4EAA4E,EAC5E,wEAAwE,EACxE,6JAA6J,EAC7J,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEM,WAAW,GAAyC,IAAI,CAAC;IAEjE;QACE,yCAAyC;QACzC,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;YAC7C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,YAAY;QACV,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,CAAC;QAC3C,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;IAChC,CAAC;IAED,YAAY;QACV,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;QAChC,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC,CAAC;IAC1C,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC/B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC;IACH,CAAC;IAES,cAAc,CAAC,KAAqB;QAC5C,2CAA2C;QAC3C,IACE,IAAI,CAAC,KAAK,EAAE,KAAK,QAAQ;YACzB,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,CAAC,aAAa,EAC9C,CAAC;YACD,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;YAC9B,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,CAAC;QAC/C,CAAC;IACH,CAAC;uGA7DU,WAAW;2FAAX,WAAW,moBAhBZ;;GAET;;2FAcU,WAAW;kBAlBvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,YAAY;wBACzB,SAAS,EAAE,SAAS;wBACpB,kBAAkB,EAAE,kCAAkC;wBACtD,oBAAoB,EAAE,oCAAoC;wBAC1D,kBAAkB,EAAE,0BAA0B;wBAC9C,cAAc,EAAE,gBAAgB;wBAChC,cAAc,EAAE,gBAAgB;wBAChC,gBAAgB,EAAE,wBAAwB;qBAC3C;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScHoverCardProvider } from './hover-card-provider';\n\ntype ScHoverCardState = 'open' | 'closed';\n\n@Component({\n  selector: 'div[scHoverCard]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'hover-card',\n    '[class]': 'class()',\n    '[attr.data-open]': 'state() === \"open\" ? true : null',\n    '[attr.data-closed]': 'state() === \"closed\" ? true : null',\n    '[attr.data-side]': 'hoverCardProvider.side()',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n    '(animationend)': 'onAnimationEnd($event)',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScHoverCard {\n  private readonly elementRef = inject(ElementRef);\n\n  readonly hoverCardProvider = inject(ScHoverCardProvider);\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly state = signal<ScHoverCardState>('closed');\n  readonly animationComplete = output<void>();\n\n  protected readonly class = computed(() =>\n    cn(\n      'z-50 w-64 rounded-lg ring-1 ring-foreground/10 bg-popover p-2.5 text-sm text-popover-foreground shadow-md outline-hidden',\n      'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 duration-100',\n      'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n      'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n      this.classInput(),\n    ),\n  );\n\n  private hideTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  constructor() {\n    // Sync state with provider's open signal\n    effect(() => {\n      const isOpen = this.hoverCardProvider.open();\n      this.state.set(isOpen ? 'open' : 'closed');\n    });\n  }\n\n  onMouseEnter(): void {\n    this.hoverCardProvider.cancelTriggerHide();\n    this.cancelHide();\n    this.hoverCardProvider.show();\n  }\n\n  onMouseLeave(): void {\n    this.scheduleHide();\n  }\n\n  private scheduleHide(): void {\n    this.cancelHide();\n    this.hideTimeout = setTimeout(() => {\n      this.hoverCardProvider.hide();\n    }, this.hoverCardProvider.closeDelay());\n  }\n\n  private cancelHide(): void {\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n  }\n\n  protected onAnimationEnd(event: AnimationEvent): void {\n    // Only emit when close animation completes\n    if (\n      this.state() === 'closed' &&\n      event.target === this.elementRef.nativeElement\n    ) {\n      this.animationComplete.emit();\n      this.hoverCardProvider.onAnimationComplete();\n    }\n  }\n}\n"]}

package/esm2022/lib/components/hover-card/index.js

@@ -0,0 +1,5 @@
+export { ScHoverCardProvider } from './hover-card-provider';
+export { ScHoverCardPortal } from './hover-card-portal';
+export { ScHoverCard } from './hover-card';
+export { ScHoverCardTrigger } from './hover-card-trigger';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/hover-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/hover-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { ScHoverCardProvider } from './hover-card-provider';\nexport type { ScHoverCardAlign, ScHoverCardSide } from './hover-card-provider';\nexport { ScHoverCardPortal } from './hover-card-portal';\nexport { ScHoverCard } from './hover-card';\nexport { ScHoverCardTrigger } from './hover-card-trigger';\n"]}

package/esm2022/lib/components/index.js

@@ -1,3 +1,53 @@
+export * from './accordion';
+export * from './alert';
+export * from './alert-dialog';
+export * from './aspect-ratio';
+export * from './avatar';
+export * from './backdrop';
+export * from './badge';
+export * from './breadcrumb';
 export * from './button';
+export * from './button-group';
+export * from './calendar';
+export * from './card';
+export * from './collapsible';
+export * from './checkbox';
+export * from './date-picker';
+export * from './dialog';
+export * from './drawer';
+export * from './empty';
+export * from './field';
+export * from './file-upload';
+export * from './hover-card';
+export * from './input';
+export * from './input-group';
+export * from './item';
+export * from './kbd';
+export * from './label';
 export * from './link';
+export * from './menu';
+export * from './menu-bar';
+export * from './native-select';
+export * from './navigation-menu';
+export * from './pagination';
+export * from './popover';
+export * from './progress';
+export * from './radio-group';
+export * from './select';
+export * from './separator';
+export * from './sheet';
+export * from './skeleton';
+export * from './range-slider';
+export * from './slider';
+export * from './spinner';
+export * from './switch';
+export * from './time-picker';
+export * from './table';
+export * from './tabs';
+export * from './textarea';
+export * from './toggle';
+export * from './toggle-group';
+export * from './toolbar';
+export * from './toast';
+export * from './tooltip';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/ui/src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC","sourcesContent":["export * from './button';\nexport * from './link';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/ui/src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC","sourcesContent":["export * from './accordion';\nexport * from './alert';\nexport * from './alert-dialog';\nexport * from './aspect-ratio';\nexport * from './avatar';\nexport * from './backdrop';\nexport * from './badge';\nexport * from './breadcrumb';\nexport * from './button';\nexport * from './button-group';\nexport * from './calendar';\nexport * from './card';\nexport * from './collapsible';\nexport * from './checkbox';\nexport * from './date-picker';\nexport * from './dialog';\nexport * from './drawer';\nexport * from './empty';\nexport * from './field';\nexport * from './file-upload';\nexport * from './hover-card';\nexport * from './input';\nexport * from './input-group';\nexport * from './item';\nexport * from './kbd';\nexport * from './label';\nexport * from './link';\nexport * from './menu';\nexport * from './menu-bar';\nexport * from './native-select';\nexport * from './navigation-menu';\nexport * from './pagination';\nexport * from './popover';\nexport * from './progress';\nexport * from './radio-group';\nexport * from './select';\nexport * from './separator';\nexport * from './sheet';\nexport * from './skeleton';\nexport * from './range-slider';\nexport * from './slider';\nexport * from './spinner';\nexport * from './switch';\nexport * from './time-picker';\nexport * from './table';\nexport * from './tabs';\nexport * from './textarea';\nexport * from './toggle';\nexport * from './toggle-group';\nexport * from './toolbar';\nexport * from './toast';\nexport * from './tooltip';\n"]}

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

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

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

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

package/esm2022/lib/components/input/input.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 ScInput {
+    field = inject(SC_FIELD, { optional: true });
+    formField = inject(FormField, { optional: true });
+    fallbackId = inject(_IdGenerator).getId('sc-input-');
+    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' : 'input', ...(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 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 h-full px-2.5 text-base md:text-sm outline-none placeholder:text-muted-foreground min-w-0 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50'
+        : 'dark:bg-input/30 border-input 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 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-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: ScInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScInput, isStandalone: true, selector: "input[scInput]", 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: ScInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[scInput]',
+                    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=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/input/input.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,OAAO;IACD,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,WAAW,CAAC,CAAC;IAE7D,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,OAAO,oDAC7D,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,yVAAyV;QAC3V,CAAC,CAAC,6oBAA6oB,EACjpB,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAvCS,OAAO;2FAAP,OAAO;;2FAAP,OAAO;kBAVnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,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: 'input[scInput]',\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 ScInput {\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-input-');\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' : 'input',\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 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 h-full px-2.5 text-base md:text-sm outline-none placeholder:text-muted-foreground min-w-0 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50'\n        : 'dark:bg-input/30 border-input 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 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/input-group/index.js

@@ -0,0 +1,5 @@
+export { ScInputGroup } from './input-group';
+export { ScInputGroupAddon } from './input-group-addon';
+export { ScInputGroupButton } from './input-group-button';
+export { ScInputGroupText } from './input-group-text';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/input-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/input-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { ScInputGroup } from './input-group';\nexport { ScInputGroupAddon } from './input-group-addon';\nexport { ScInputGroupButton } from './input-group-button';\nexport { ScInputGroupText } from './input-group-text';\n"]}

package/esm2022/lib/components/input-group/input-group-addon.js

@@ -0,0 +1,37 @@
+import { computed, Directive, input } from '@angular/core';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+const inputGroupAddonVariants = cva("text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none", {
+    variants: {
+        align: {
+            'inline-start': 'pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first',
+            'inline-end': 'pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last',
+            'block-start': 'px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start',
+            'block-end': 'px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start',
+        },
+    },
+    defaultVariants: {
+        align: 'inline-start',
+    },
+});
+export class ScInputGroupAddon {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    align = input('inline-start', ...(ngDevMode ? [{ debugName: "align" }] : []));
+    class = computed(() => cn(inputGroupAddonVariants({ align: this.align() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScInputGroupAddon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScInputGroupAddon, isStandalone: true, selector: "div[scInputGroupAddon]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "input-group-addon", "role": "group" }, properties: { "attr.data-align": "align()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScInputGroupAddon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scInputGroupAddon]',
+                    host: {
+                        'data-slot': 'input-group-addon',
+                        role: 'group',
+                        '[attr.data-align]': 'align()',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
+//# sourceMappingURL=input-group-addon.js.map

package/esm2022/lib/components/input-group/input-group-addon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-addon.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/input-group/input-group-addon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAEjC,MAAM,uBAAuB,GAAG,GAAG,CACjC,yPAAyP,EACzP;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,cAAc,EACZ,sEAAsE;YACxE,YAAY,EACV,qEAAqE;YACvE,aAAa,EACX,mGAAmG;YACrG,WAAW,EACT,kGAAkG;SACrG;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,cAAc;KACtB;CACF,CACF,CAAC;AAeF,MAAM,OAAO,iBAAiB;IACnB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,KAAK,GAAG,KAAK,CAAqC,cAAc,iDAAC,CAAC;IAExD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,uBAAuB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACxE,CAAC;uGANS,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAT7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,IAAI,EAAE;wBACJ,WAAW,EAAE,mBAAmB;wBAChC,IAAI,EAAE,OAAO;wBACb,mBAAmB,EAAE,SAAS;wBAC9B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils';\n\nconst inputGroupAddonVariants = cva(\n  \"text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none\",\n  {\n    variants: {\n      align: {\n        'inline-start':\n          'pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first',\n        'inline-end':\n          'pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last',\n        'block-start':\n          'px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start',\n        'block-end':\n          'px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start',\n      },\n    },\n    defaultVariants: {\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type ScInputGroupAddonVariants = VariantProps<\n  typeof inputGroupAddonVariants\n>;\n\n@Directive({\n  selector: 'div[scInputGroupAddon]',\n  host: {\n    'data-slot': 'input-group-addon',\n    role: 'group',\n    '[attr.data-align]': 'align()',\n    '[class]': 'class()',\n  },\n})\nexport class ScInputGroupAddon {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly align = input<ScInputGroupAddonVariants['align']>('inline-start');\n\n  protected readonly class = computed(() =>\n    cn(inputGroupAddonVariants({ align: this.align() }), this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/input-group/input-group-button.js

@@ -0,0 +1,39 @@
+import { computed, Directive, input } from '@angular/core';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils';
+import { buttonVariants } from '../button/button';
+import * as i0 from "@angular/core";
+const inputGroupButtonVariants = cva('gap-2 text-sm shadow-none flex items-center', {
+    variants: {
+        size: {
+            xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+            sm: '',
+            'icon-xs': 'size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0',
+            'icon-sm': 'size-8 p-0 has-[>svg]:p-0',
+        },
+    },
+    defaultVariants: {
+        size: 'xs',
+    },
+});
+export class ScInputGroupButton {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    variant = input('ghost', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('xs', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    class = computed(() => cn(buttonVariants({ variant: this.variant(), size: null }), inputGroupButtonVariants({ size: this.size() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScInputGroupButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScInputGroupButton, isStandalone: true, selector: "button[scInputGroupButton]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "input-group-button", "type": "button" }, properties: { "attr.data-size": "size()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScInputGroupButton, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[scInputGroupButton]',
+                    host: {
+                        'data-slot': 'input-group-button',
+                        type: 'button',
+                        '[attr.data-size]': 'size()',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+//# sourceMappingURL=input-group-button.js.map

package/esm2022/lib/components/input-group/input-group-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-button.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/input-group/input-group-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAyB,MAAM,kBAAkB,CAAC;;AAEzE,MAAM,wBAAwB,GAAG,GAAG,CAClC,6CAA6C,EAC7C;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,2FAA2F;YAC/F,EAAE,EAAE,EAAE;YACN,SAAS,EACP,6DAA6D;YAC/D,SAAS,EAAE,2BAA2B;SACvC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAeF,MAAM,OAAO,kBAAkB;IACpB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,KAAK,CAA8B,OAAO,mDAAC,CAAC;IACtD,IAAI,GAAG,KAAK,CAAqC,IAAI,gDAAC,CAAC;IAE7C,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EACvD,wBAAwB,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAC/C,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAXS,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAT9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,IAAI,EAAE;wBACJ,WAAW,EAAE,oBAAoB;wBACjC,IAAI,EAAE,QAAQ;wBACd,kBAAkB,EAAE,QAAQ;wBAC5B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils';\nimport { buttonVariants, type ScButtonVariants } from '../button/button';\n\nconst inputGroupButtonVariants = cva(\n  'gap-2 text-sm shadow-none flex items-center',\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n        sm: '',\n        'icon-xs':\n          'size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0',\n        'icon-sm': 'size-8 p-0 has-[>svg]:p-0',\n      },\n    },\n    defaultVariants: {\n      size: 'xs',\n    },\n  },\n);\n\nexport type ScInputGroupButtonVariants = VariantProps<\n  typeof inputGroupButtonVariants\n>;\n\n@Directive({\n  selector: 'button[scInputGroupButton]',\n  host: {\n    'data-slot': 'input-group-button',\n    type: 'button',\n    '[attr.data-size]': 'size()',\n    '[class]': 'class()',\n  },\n})\nexport class ScInputGroupButton {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly variant = input<ScButtonVariants['variant']>('ghost');\n  readonly size = input<ScInputGroupButtonVariants['size']>('xs');\n\n  protected readonly class = computed(() =>\n    cn(\n      buttonVariants({ variant: this.variant(), size: null }),\n      inputGroupButtonVariants({ size: this.size() }),\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/input-group/input-group-text.js

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

package/esm2022/lib/components/input-group/input-group-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-text.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/input-group/input-group-text.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,gBAAgB;IAClB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,wHAAwH,EACxH,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAP5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,IAAI,EAAE;wBACJ,WAAW,EAAE,kBAAkB;wBAC/B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'span[scInputGroupText]',\n  host: {\n    'data-slot': 'input-group-text',\n    '[class]': 'class()',\n  },\n})\nexport class ScInputGroupText {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      \"text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/input-group/input-group.js

@@ -0,0 +1,21 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScInputGroup {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScInputGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScInputGroup, isStandalone: true, selector: "div[scInputGroup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "input-group", "role": "group" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScInputGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scInputGroup]',
+                    host: {
+                        'data-slot': 'input-group',
+                        role: 'group',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=input-group.js.map

package/esm2022/lib/components/input-group/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/input-group/input-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAUjC,MAAM,OAAO,YAAY;IACd,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,ulCAAulC,EACvlC,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBARxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,IAAI,EAAE,OAAO;wBACb,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scInputGroup]',\n  host: {\n    'data-slot': 'input-group',\n    role: 'group',\n    '[class]': 'class()',\n  },\n})\nexport class ScInputGroup {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,11 @@
+export * from './item-group';
+export * from './item-separator';
+export * from './item';
+export * from './item-media';
+export * from './item-body';
+export * from './item-title';
+export * from './item-description';
+export * from './item-actions';
+export * from './item-header';
+export * from './item-footer';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/item/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC","sourcesContent":["export * from './item-group';\nexport * from './item-separator';\nexport * from './item';\nexport * from './item-media';\nexport * from './item-body';\nexport * from './item-title';\nexport * from './item-description';\nexport * from './item-actions';\nexport * from './item-header';\nexport * from './item-footer';\n"]}

package/esm2022/lib/components/item/item-actions.js

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

package/esm2022/lib/components/item/item-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-actions.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/item/item-actions.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,yBAAyB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACjD,CAAC;uGALS,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAPzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,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: 'div[scItemActions]',\n  host: {\n    'data-slot': 'item-actions',\n    '[class]': 'class()',\n  },\n})\nexport class ScItemActions {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('gap-2 flex items-center', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/item/item-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 ScItemBody {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-body]]:flex-none', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItemBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScItemBody, isStandalone: true, selector: "div[scItemBody]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "item-body" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItemBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scItemBody]',
+                    host: {
+                        'data-slot': 'item-body',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=item-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-body.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/item/item-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,UAAU;IACZ,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gGAAgG,EAChG,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,UAAU;2FAAV,UAAU;;2FAAV,UAAU;kBAPtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,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: 'div[scItemBody]',\n  host: {\n    'data-slot': 'item-body',\n    '[class]': 'class()',\n  },\n})\nexport class ScItemBody {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-body]]:flex-none',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScItemDescription {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItemDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScItemDescription, isStandalone: true, selector: "p[scItemDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "item-description" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItemDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'p[scItemDescription]',
+                    host: {
+                        'data-slot': 'item-description',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=item-description.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-description.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/item/item-description.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,qLAAqL,EACrL,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAP7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,kBAAkB;wBAC/B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'p[scItemDescription]',\n  host: {\n    'data-slot': 'item-description',\n    '[class]': 'class()',\n  },\n})\nexport class ScItemDescription {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/item/item-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 ScItemFooter {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('gap-2 flex basis-full items-center justify-between', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItemFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScItemFooter, isStandalone: true, selector: "div[scItemFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "item-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItemFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scItemFooter]',
+                    host: {
+                        'data-slot': 'item-footer',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=item-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-footer.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/item/item-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,YAAY;IACd,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,oDAAoD,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC5E,CAAC;uGALS,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAPxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scItemFooter]',\n  host: {\n    'data-slot': 'item-footer',\n    '[class]': 'class()',\n  },\n})\nexport class ScItemFooter {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('gap-2 flex basis-full items-center justify-between', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/item/item-group.js

@@ -0,0 +1,21 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScItemGroup {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 group/item-group flex w-full flex-col', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItemGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScItemGroup, isStandalone: true, selector: "div[scItemGroup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "item-group", "role": "list" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItemGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scItemGroup]',
+                    host: {
+                        'data-slot': 'item-group',
+                        role: 'list',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=item-group.js.map

package/esm2022/lib/components/item/item-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-group.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/item/item-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAUjC,MAAM,OAAO,WAAW;IACb,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,iGAAiG,EACjG,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,WAAW;2FAAX,WAAW;;2FAAX,WAAW;kBARvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE;wBACJ,WAAW,EAAE,YAAY;wBACzB,IAAI,EAAE,MAAM;wBACZ,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scItemGroup]',\n  host: {\n    'data-slot': 'item-group',\n    role: 'list',\n    '[class]': 'class()',\n  },\n})\nexport class ScItemGroup {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 group/item-group flex w-full flex-col',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/item/item-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 ScItemHeader {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('gap-2 flex basis-full items-center justify-between', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItemHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScItemHeader, isStandalone: true, selector: "div[scItemHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "item-header" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItemHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scItemHeader]',
+                    host: {
+                        'data-slot': 'item-header',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=item-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-header.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/item/item-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,YAAY;IACd,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,oDAAoD,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC5E,CAAC;uGALS,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAPxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scItemHeader]',\n  host: {\n    'data-slot': 'item-header',\n    '[class]': 'class()',\n  },\n})\nexport class ScItemHeader {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('gap-2 flex basis-full items-center justify-between', this.classInput()),\n  );\n}\n"]}