@semantic-components/ui 0.65.0 → 0.67.0

package/esm2022/lib/components/avatar/avatar.js

@@ -0,0 +1,24 @@
+import { computed, Directive, input, signal } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScAvatar {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    /** Internal state for image loading */
+    imageStatus = signal('idle', ...(ngDevMode ? [{ debugName: "imageStatus" }] : []));
+    class = computed(() => cn('group/avatar relative flex size-8 shrink-0 rounded-full select-none', 'data-[size=lg]:size-10 data-[size=sm]:size-6', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScAvatar, isStandalone: true, selector: "span[scAvatar]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "avatar" }, properties: { "attr.data-size": "size()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScAvatar, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'span[scAvatar]',
+                    host: {
+                        'data-slot': 'avatar',
+                        '[attr.data-size]': 'size()',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/avatar/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAajC,MAAM,OAAO,QAAQ;IACV,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,IAAI,GAAG,KAAK,CAAe,SAAS,gDAAC,CAAC;IAE/C,uCAAuC;IAC9B,WAAW,GAAG,MAAM,CAAsB,MAAM,uDAAC,CAAC;IAExC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,qEAAqE,EACrE,8CAA8C,EAC9C,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAbS,QAAQ;2FAAR,QAAQ;;2FAAR,QAAQ;kBARpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,WAAW,EAAE,QAAQ;wBACrB,kBAAkB,EAAE,QAAQ;wBAC5B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input, signal } from '@angular/core';\nimport { cn } from '../../utils';\n\nexport type ScAvatarImageStatus = 'idle' | 'loading' | 'loaded' | 'error';\nexport type ScAvatarSize = 'sm' | 'default' | 'lg';\n\n@Directive({\n  selector: 'span[scAvatar]',\n  host: {\n    'data-slot': 'avatar',\n    '[attr.data-size]': 'size()',\n    '[class]': 'class()',\n  },\n})\nexport class ScAvatar {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly size = input<ScAvatarSize>('default');\n\n  /** Internal state for image loading */\n  readonly imageStatus = signal<ScAvatarImageStatus>('idle');\n\n  protected readonly class = computed(() =>\n    cn(\n      'group/avatar relative flex size-8 shrink-0 rounded-full select-none',\n      'data-[size=lg]:size-10 data-[size=sm]:size-6',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,7 @@
+export * from './avatar';
+export * from './avatar-badge';
+export * from './avatar-fallback';
+export * from './avatar-group';
+export * from './avatar-group-count';
+export * from './avatar-image';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './avatar';\nexport * from './avatar-badge';\nexport * from './avatar-fallback';\nexport * from './avatar-group';\nexport * from './avatar-group-count';\nexport * from './avatar-image';\n"]}

package/esm2022/lib/components/backdrop/backdrop.js

@@ -0,0 +1,53 @@
+import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, output, signal, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScBackdrop {
+    elementRef = inject(ElementRef);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    /**
+     * Controls the backdrop animation state
+     * When true: Triggers fade-in animation
+     * When false: Triggers fade-out animation
+     */
+    open = input.required(...(ngDevMode ? [{ debugName: "open" }] : []));
+    state = signal('idle', ...(ngDevMode ? [{ debugName: "state" }] : []));
+    /**
+     * Emits when the close animation completes
+     */
+    animationComplete = output();
+    class = computed(() => cn('pointer-events-none fixed inset-0 -z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs', 'data-idle:opacity-0', 'data-open:animate-in data-open:fade-in-0', 'data-closed:animate-out data-closed:fade-out-0', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        // Sync state with open input
+        effect(() => {
+            const isOpen = this.open();
+            this.state.set(isOpen ? 'open' : 'closed');
+        });
+    }
+    onAnimationEnd(event) {
+        // Only emit when close animation completes
+        if (!this.open() && event.target === this.elementRef.nativeElement) {
+            this.state.set('idle');
+            this.animationComplete.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBackdrop, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScBackdrop, isStandalone: true, selector: "div[scBackdrop]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { animationComplete: "animationComplete" }, host: { attributes: { "data-slot": "backdrop" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "class": "class()", "attr.data-idle": "state() === \"idle\" ? \"\" : null", "attr.data-open": "state() === \"open\" ? \"\" : null", "attr.data-closed": "state() === \"closed\" ? \"\" : null" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBackdrop, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scBackdrop]',
+                    template: '',
+                    host: {
+                        'data-slot': 'backdrop',
+                        '[class]': 'class()',
+                        '[attr.data-idle]': 'state() === "idle" ? "" : null',
+                        '[attr.data-open]': 'state() === "open" ? "" : null',
+                        '[attr.data-closed]': 'state() === "closed" ? "" : null',
+                        '(animationend)': 'onAnimationEnd($event)',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: true }] }], animationComplete: [{ type: i0.Output, args: ["animationComplete"] }] } });
+//# sourceMappingURL=backdrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/backdrop/backdrop.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;;AAkBjC,MAAM,OAAO,UAAU;IACJ,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAExC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAE5D;;;;OAIG;IACM,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAW,CAAC;IAEvB,KAAK,GAAG,MAAM,CAAkB,MAAM,iDAAC,CAAC;IAE3D;;OAEG;IACM,iBAAiB,GAAG,MAAM,EAAQ,CAAC;IAEzB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,4GAA4G,EAC5G,qBAAqB,EACrB,0CAA0C,EAC1C,gDAAgD,EAChD,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF;QACE,6BAA6B;QAC7B,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;IAES,cAAc,CAAC,KAAqB;QAC5C,2CAA2C;QAC3C,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;YACnE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACvB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;QAChC,CAAC;IACH,CAAC;uGA3CU,UAAU;2FAAV,UAAU,8rBAZX,EAAE;;2FAYD,UAAU;kBAdtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,EAAE;oBACZ,IAAI,EAAE;wBACJ,WAAW,EAAE,UAAU;wBACvB,SAAS,EAAE,SAAS;wBACpB,kBAAkB,EAAE,gCAAgC;wBACpD,kBAAkB,EAAE,gCAAgC;wBACpD,oBAAoB,EAAE,kCAAkC;wBACxD,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';\n\ntype ScBackdropState = 'idle' | 'open' | 'closed';\n\n@Component({\n  selector: 'div[scBackdrop]',\n  template: '',\n  host: {\n    'data-slot': 'backdrop',\n    '[class]': 'class()',\n    '[attr.data-idle]': 'state() === \"idle\" ? \"\" : null',\n    '[attr.data-open]': 'state() === \"open\" ? \"\" : null',\n    '[attr.data-closed]': 'state() === \"closed\" ? \"\" : null',\n    '(animationend)': 'onAnimationEnd($event)',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScBackdrop {\n  private readonly elementRef = inject(ElementRef);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  /**\n   * Controls the backdrop animation state\n   * When true: Triggers fade-in animation\n   * When false: Triggers fade-out animation\n   */\n  readonly open = input.required<boolean>();\n\n  protected readonly state = signal<ScBackdropState>('idle');\n\n  /**\n   * Emits when the close animation completes\n   */\n  readonly animationComplete = output<void>();\n\n  protected readonly class = computed(() =>\n    cn(\n      'pointer-events-none fixed inset-0 -z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs',\n      'data-idle:opacity-0',\n      'data-open:animate-in data-open:fade-in-0',\n      'data-closed:animate-out data-closed:fade-out-0',\n      this.classInput(),\n    ),\n  );\n\n  constructor() {\n    // Sync state with open input\n    effect(() => {\n      const isOpen = this.open();\n      this.state.set(isOpen ? 'open' : 'closed');\n    });\n  }\n\n  protected onAnimationEnd(event: AnimationEvent): void {\n    // Only emit when close animation completes\n    if (!this.open() && event.target === this.elementRef.nativeElement) {\n      this.state.set('idle');\n      this.animationComplete.emit();\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,2 @@
+export { ScBackdrop } from './backdrop';
+//# sourceMappingURL=index.js.map

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

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

package/esm2022/lib/components/badge/badge.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 badgeVariants = cva('inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
+            secondary: 'bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
+            destructive: 'bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+            outline: 'border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
+            ghost: '[a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
+            link: 'text-primary underline-offset-4 [a&]:hover:underline',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+export class ScBadge {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    class = computed(() => cn(badgeVariants({ variant: this.variant() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScBadge, isStandalone: true, selector: "div[scBadge], span[scBadge]", 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": "badge" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBadge, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scBadge], span[scBadge]',
+                    host: {
+                        'data-slot': 'badge',
+                        '[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 }] }] } });
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/badge/badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAEjC,MAAM,aAAa,GAAG,GAAG,CACvB,qaAAqa,EACra;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,6DAA6D;YACtE,SAAS,EACP,mEAAmE;YACrE,WAAW,EACT,wJAAwJ;YAC1J,OAAO,EACL,sFAAsF;YACxF,KAAK,EAAE,wDAAwD;YAC/D,IAAI,EAAE,sDAAsD;SAC7D;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAWF,MAAM,OAAO,OAAO;IACT,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,KAAK,CAA6B,SAAS,mDAAC,CAAC;IAE7C,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAClE,CAAC;uGANS,OAAO;2FAAP,OAAO;;2FAAP,OAAO;kBAPnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,IAAI,EAAE;wBACJ,WAAW,EAAE,OAAO;wBACpB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils';\n\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground [a&]:hover:bg-primary/90',\n        secondary:\n          'bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',\n        destructive:\n          'bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n        ghost: '[a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 [a&]:hover:underline',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nexport type ScBadgeVariants = VariantProps<typeof badgeVariants>;\n\n@Directive({\n  selector: 'div[scBadge], span[scBadge]',\n  host: {\n    'data-slot': 'badge',\n    '[class]': 'class()',\n  },\n})\nexport class ScBadge {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly variant = input<ScBadgeVariants['variant']>('default');\n\n  protected readonly class = computed(() =>\n    cn(badgeVariants({ variant: this.variant() }), this.classInput()),\n  );\n}\n"]}

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

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

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

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

package/esm2022/lib/components/breadcrumb/breadcrumb-ellipsis.js

@@ -0,0 +1,33 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { SiEllipsisIcon } from '@semantic-icons/lucide-icons';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScBreadcrumbEllipsis {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('flex size-9 items-center justify-center', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScBreadcrumbEllipsis, isStandalone: true, selector: "span[scBreadcrumbEllipsis]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-ellipsis", "role": "presentation", "aria-hidden": "true" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    <svg siEllipsisIcon class="size-4"></svg>
+    <span class="sr-only">More</span>
+  `, isInline: true, dependencies: [{ kind: "component", type: SiEllipsisIcon, selector: "svg[siEllipsisIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbEllipsis, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'span[scBreadcrumbEllipsis]',
+                    imports: [SiEllipsisIcon],
+                    host: {
+                        'data-slot': 'breadcrumb-ellipsis',
+                        role: 'presentation',
+                        'aria-hidden': 'true',
+                        '[class]': 'class()',
+                    },
+                    template: `
+    <svg siEllipsisIcon class="size-4"></svg>
+    <span class="sr-only">More</span>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=breadcrumb-ellipsis.js.map

package/esm2022/lib/components/breadcrumb/breadcrumb-ellipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-ellipsis.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/breadcrumb/breadcrumb-ellipsis.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAkBjC,MAAM,OAAO,oBAAoB;IACtB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,yCAAyC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACjE,CAAC;uGALS,oBAAoB;2FAApB,oBAAoB,qXAPrB;;;GAGT,4DAVS,cAAc;;2FAcb,oBAAoB;kBAhBhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,IAAI,EAAE;wBACJ,WAAW,EAAE,qBAAqB;wBAClC,IAAI,EAAE,cAAc;wBACpB,aAAa,EAAE,MAAM;wBACrB,SAAS,EAAE,SAAS;qBACrB;oBACD,QAAQ,EAAE;;;GAGT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SiEllipsisIcon } from '@semantic-icons/lucide-icons';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: 'span[scBreadcrumbEllipsis]',\n  imports: [SiEllipsisIcon],\n  host: {\n    'data-slot': 'breadcrumb-ellipsis',\n    role: 'presentation',\n    'aria-hidden': 'true',\n    '[class]': 'class()',\n  },\n  template: `\n    <svg siEllipsisIcon class=\"size-4\"></svg>\n    <span class=\"sr-only\">More</span>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScBreadcrumbEllipsis {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('flex size-9 items-center justify-center', this.classInput()),\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/breadcrumb/breadcrumb-item.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,CAAC,kCAAkC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC1D,CAAC;uGALS,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAP5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'li[scBreadcrumbItem]',\n  host: {\n    'data-slot': 'breadcrumb-item',\n    '[class]': 'class()',\n  },\n})\nexport class ScBreadcrumbItem {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('inline-flex items-center gap-1.5', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/breadcrumb/breadcrumb-link.js

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

package/esm2022/lib/components/breadcrumb/breadcrumb-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-link.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/breadcrumb/breadcrumb-link.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,CAAC,yCAAyC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACjE,CAAC;uGALS,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAP5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'a[scBreadcrumbLink]',\n  host: {\n    'data-slot': 'breadcrumb-link',\n    '[class]': 'class()',\n  },\n})\nexport class ScBreadcrumbLink {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('hover:text-foreground transition-colors', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/breadcrumb/breadcrumb-list.js

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

package/esm2022/lib/components/breadcrumb/breadcrumb-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-list.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/breadcrumb/breadcrumb-list.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,0FAA0F,EAC1F,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAP5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'ol[scBreadcrumbList]',\n  host: {\n    'data-slot': 'breadcrumb-list',\n    '[class]': 'class()',\n  },\n})\nexport class ScBreadcrumbList {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/breadcrumb/breadcrumb-page.js

@@ -0,0 +1,23 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScBreadcrumbPage {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('text-foreground font-normal', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbPage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScBreadcrumbPage, isStandalone: true, selector: "span[scBreadcrumbPage]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-page", "role": "link", "aria-disabled": "true", "aria-current": "page" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbPage, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'span[scBreadcrumbPage]',
+                    host: {
+                        'data-slot': 'breadcrumb-page',
+                        role: 'link',
+                        'aria-disabled': 'true',
+                        'aria-current': 'page',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=breadcrumb-page.js.map

package/esm2022/lib/components/breadcrumb/breadcrumb-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-page.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/breadcrumb/breadcrumb-page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAYjC,MAAM,OAAO,gBAAgB;IAClB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,6BAA6B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACrD,CAAC;uGALS,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAV5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,IAAI,EAAE,MAAM;wBACZ,eAAe,EAAE,MAAM;wBACvB,cAAc,EAAE,MAAM;wBACtB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'span[scBreadcrumbPage]',\n  host: {\n    'data-slot': 'breadcrumb-page',\n    role: 'link',\n    'aria-disabled': 'true',\n    'aria-current': 'page',\n    '[class]': 'class()',\n  },\n})\nexport class ScBreadcrumbPage {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('text-foreground font-normal', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/breadcrumb/breadcrumb-separator.js

@@ -0,0 +1,35 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { SiChevronRightIcon } from '@semantic-icons/lucide-icons';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScBreadcrumbSeparator {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('[&>svg]:size-3.5', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScBreadcrumbSeparator, isStandalone: true, selector: "li[scBreadcrumbSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-separator", "role": "presentation", "aria-hidden": "true" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    <ng-content>
+      <svg siChevronRightIcon></svg>
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "component", type: SiChevronRightIcon, selector: "svg[siChevronRightIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumbSeparator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'li[scBreadcrumbSeparator]',
+                    imports: [SiChevronRightIcon],
+                    host: {
+                        'data-slot': 'breadcrumb-separator',
+                        role: 'presentation',
+                        'aria-hidden': 'true',
+                        '[class]': 'class()',
+                    },
+                    template: `
+    <ng-content>
+      <svg siChevronRightIcon></svg>
+    </ng-content>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=breadcrumb-separator.js.map

package/esm2022/lib/components/breadcrumb/breadcrumb-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-separator.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/breadcrumb/breadcrumb-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAmBjC,MAAM,OAAO,qBAAqB;IACvB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC1C,CAAC;uGALS,qBAAqB;2FAArB,qBAAqB,qXARtB;;;;GAIT,4DAXS,kBAAkB;;2FAejB,qBAAqB;kBAjBjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,sBAAsB;wBACnC,IAAI,EAAE,cAAc;wBACpB,aAAa,EAAE,MAAM;wBACrB,SAAS,EAAE,SAAS;qBACrB;oBACD,QAAQ,EAAE;;;;GAIT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SiChevronRightIcon } from '@semantic-icons/lucide-icons';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: 'li[scBreadcrumbSeparator]',\n  imports: [SiChevronRightIcon],\n  host: {\n    'data-slot': 'breadcrumb-separator',\n    role: 'presentation',\n    'aria-hidden': 'true',\n    '[class]': 'class()',\n  },\n  template: `\n    <ng-content>\n      <svg siChevronRightIcon></svg>\n    </ng-content>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScBreadcrumbSeparator {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('[&>svg]:size-3.5', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/breadcrumb/breadcrumb.js

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ScBreadcrumb {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScBreadcrumb, isStandalone: true, selector: "nav[scBreadcrumb]", host: { attributes: { "data-slot": "breadcrumb", "aria-label": "breadcrumb" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScBreadcrumb, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'nav[scBreadcrumb]',
+                    host: {
+                        'data-slot': 'breadcrumb',
+                        'aria-label': 'breadcrumb',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/breadcrumb/breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,YAAY;uGAAZ,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAPxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,YAAY;wBACzB,YAAY,EAAE,YAAY;qBAC3B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: 'nav[scBreadcrumb]',\n  host: {\n    'data-slot': 'breadcrumb',\n    'aria-label': 'breadcrumb',\n  },\n})\nexport class ScBreadcrumb {}\n"]}

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

@@ -0,0 +1,8 @@
+export * from './breadcrumb';
+export * from './breadcrumb-list';
+export * from './breadcrumb-item';
+export * from './breadcrumb-link';
+export * from './breadcrumb-page';
+export * from './breadcrumb-separator';
+export * from './breadcrumb-ellipsis';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC","sourcesContent":["export * from './breadcrumb';\nexport * from './breadcrumb-list';\nexport * from './breadcrumb-item';\nexport * from './breadcrumb-link';\nexport * from './breadcrumb-page';\nexport * from './breadcrumb-separator';\nexport * from './breadcrumb-ellipsis';\n"]}

package/esm2022/lib/components/button/button.js

@@ -35,13 +35,13 @@ export class ScButton {
     type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
     class = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: ScButton, isStandalone: true, selector: "button[sc-button]", 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 }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button" }, properties: { "attr.type": "type()", "disabled": "disabled()", "attr.aria-disabled": "disabled() || null", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScButton, isStandalone: true, selector: "button[scButton]", 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 }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button" }, properties: { "attr.type": "type()", "disabled": "disabled()", "attr.aria-disabled": "disabled() || null", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButton, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'button[sc-button]',
+                    selector: 'button[scButton]',
                     host: {
                         'data-slot': 'button',
                         '[attr.type]': 'type()',

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,okBAAokB,EACpkB;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,4DAA4D;YACrE,OAAO,EACL,iLAAiL;YACnL,SAAS,EACP,iIAAiI;YACnI,KAAK,EACH,kHAAkH;YACpH,WAAW,EACT,6NAA6N;YAC/N,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EACL,sFAAsF;YACxF,EAAE,EAAE,+MAA+M;YACnN,EAAE,EAAE,yNAAyN;YAC7N,EAAE,EAAE,sFAAsF;YAC1F,IAAI,EAAE,QAAQ;YACd,SAAS,EACP,yHAAyH;YAC3H,SAAS,EACP,oFAAoF;YACtF,SAAS,EAAE,QAAQ;SACpB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAcF,MAAM,OAAO,QAAQ;IACV,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,KAAK,CAA8B,SAAS,mDAAC,CAAC;IACxD,IAAI,GAAG,KAAK,CAA2B,SAAS,gDAAC,CAAC;IAClD,IAAI,GAAG,KAAK,CAAgC,QAAQ,gDAAC,CAAC;IACtD,QAAQ,GAAG,KAAK,CAAmB,KAAK,qDAC/C,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IAEgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAC9D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAdS,QAAQ;2FAAR,QAAQ;;2FAAR,QAAQ;kBAVpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,QAAQ;wBACrB,aAAa,EAAE,QAAQ;wBACvB,YAAY,EAAE,YAAY;wBAC1B,sBAAsB,EAAE,oBAAoB;wBAC5C,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { booleanAttribute, computed, Directive, input } from '@angular/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils';\n\nexport const buttonVariants = cva(\n  \"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 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',\n        outline:\n          'border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',\n        ghost:\n          'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground',\n        destructive:\n          'bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default:\n          'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',\n        icon: 'size-8',\n        'icon-xs':\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        'icon-sm':\n          'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',\n        'icon-lg': 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type ScButtonVariants = VariantProps<typeof buttonVariants>;\n\n@Directive({\n  selector: 'button[sc-button]',\n  host: {\n    'data-slot': 'button',\n    '[attr.type]': 'type()',\n    '[disabled]': 'disabled()',\n    '[attr.aria-disabled]': 'disabled() || null',\n    '[class]': 'class()',\n  },\n})\nexport class ScButton {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly variant = input<ScButtonVariants['variant']>('default');\n  readonly size = input<ScButtonVariants['size']>('default');\n  readonly type = input<'button' | 'submit' | 'reset'>('button');\n  readonly disabled = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n\n  protected readonly class = computed(() =>\n    cn(\n      buttonVariants({ variant: this.variant(), size: this.size() }),\n      this.classInput(),\n    ),\n  );\n}\n"]}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,okBAAokB,EACpkB;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,4DAA4D;YACrE,OAAO,EACL,iLAAiL;YACnL,SAAS,EACP,iIAAiI;YACnI,KAAK,EACH,kHAAkH;YACpH,WAAW,EACT,6NAA6N;YAC/N,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EACL,sFAAsF;YACxF,EAAE,EAAE,+MAA+M;YACnN,EAAE,EAAE,yNAAyN;YAC7N,EAAE,EAAE,sFAAsF;YAC1F,IAAI,EAAE,QAAQ;YACd,SAAS,EACP,yHAAyH;YAC3H,SAAS,EACP,oFAAoF;YACtF,SAAS,EAAE,QAAQ;SACpB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAcF,MAAM,OAAO,QAAQ;IACV,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,KAAK,CAA8B,SAAS,mDAAC,CAAC;IACxD,IAAI,GAAG,KAAK,CAA2B,SAAS,gDAAC,CAAC;IAClD,IAAI,GAAG,KAAK,CAAgC,QAAQ,gDAAC,CAAC;IACtD,QAAQ,GAAG,KAAK,CAAmB,KAAK,qDAC/C,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IAEgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAC9D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAdS,QAAQ;2FAAR,QAAQ;;2FAAR,QAAQ;kBAVpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE;wBACJ,WAAW,EAAE,QAAQ;wBACrB,aAAa,EAAE,QAAQ;wBACvB,YAAY,EAAE,YAAY;wBAC1B,sBAAsB,EAAE,oBAAoB;wBAC5C,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { booleanAttribute, computed, Directive, input } from '@angular/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils';\n\nexport const buttonVariants = cva(\n  \"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 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',\n        outline:\n          'border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',\n        ghost:\n          'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground',\n        destructive:\n          'bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default:\n          'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',\n        icon: 'size-8',\n        'icon-xs':\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        'icon-sm':\n          'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',\n        'icon-lg': 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type ScButtonVariants = VariantProps<typeof buttonVariants>;\n\n@Directive({\n  selector: 'button[scButton]',\n  host: {\n    'data-slot': 'button',\n    '[attr.type]': 'type()',\n    '[disabled]': 'disabled()',\n    '[attr.aria-disabled]': 'disabled() || null',\n    '[class]': 'class()',\n  },\n})\nexport class ScButton {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly variant = input<ScButtonVariants['variant']>('default');\n  readonly size = input<ScButtonVariants['size']>('default');\n  readonly type = input<'button' | 'submit' | 'reset'>('button');\n  readonly disabled = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n\n  protected readonly class = computed(() =>\n    cn(\n      buttonVariants({ variant: this.variant(), size: this.size() }),\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,24 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScButtonGroupSeparator {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    class = computed(() => cn('bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButtonGroupSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScButtonGroupSeparator, isStandalone: true, selector: "div[scButtonGroupSeparator]", 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": "button-group-separator", "role": "separator" }, properties: { "attr.aria-orientation": "orientation()", "attr.data-orientation": "orientation()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButtonGroupSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scButtonGroupSeparator]',
+                    host: {
+                        'data-slot': 'button-group-separator',
+                        role: 'separator',
+                        '[attr.aria-orientation]': 'orientation()',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
+//# sourceMappingURL=button-group-separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-separator.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/button-group/button-group-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAcjC,MAAM,OAAO,sBAAsB;IACxB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,WAAW,GAAG,KAAK,CAAkC,UAAU,uDAAC,CAAC;IAEvD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,sHAAsH,EACtH,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGATS,sBAAsB;2FAAtB,sBAAsB;;2FAAtB,sBAAsB;kBAVlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,IAAI,EAAE;wBACJ,WAAW,EAAE,wBAAwB;wBACrC,IAAI,EAAE,WAAW;wBACjB,yBAAyB,EAAE,eAAe;wBAC1C,yBAAyB,EAAE,eAAe;wBAC1C,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\nexport type ButtonGroupSeparatorOrientation = 'horizontal' | 'vertical';\n\n@Directive({\n  selector: 'div[scButtonGroupSeparator]',\n  host: {\n    'data-slot': 'button-group-separator',\n    role: 'separator',\n    '[attr.aria-orientation]': 'orientation()',\n    '[attr.data-orientation]': 'orientation()',\n    '[class]': 'class()',\n  },\n})\nexport class ScButtonGroupSeparator {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly orientation = input<ButtonGroupSeparatorOrientation>('vertical');\n\n  protected readonly class = computed(() =>\n    cn(\n      'bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/button-group/button-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 ScButtonGroupText {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn("bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_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: ScButtonGroupText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScButtonGroupText, isStandalone: true, selector: "div[scButtonGroupText]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button-group-text" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButtonGroupText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scButtonGroupText]',
+                    host: {
+                        'data-slot': 'button-group-text',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=button-group-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-text.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/button-group/button-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,iBAAiB;IACnB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gJAAgJ,EAChJ,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAP7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,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: 'div[scButtonGroupText]',\n  host: {\n    'data-slot': 'button-group-text',\n    '[class]': 'class()',\n  },\n})\nexport class ScButtonGroupText {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      \"bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,34 @@
+import { computed, Directive, input } from '@angular/core';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export const buttonGroupVariants = cva("has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch *:focus-visible:z-10 *:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+    variants: {
+        orientation: {
+            horizontal: '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',
+            vertical: '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',
+        },
+    },
+    defaultVariants: {
+        orientation: 'horizontal',
+    },
+});
+export class ScButtonGroup {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    class = computed(() => cn(buttonGroupVariants({ orientation: this.orientation() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScButtonGroup, isStandalone: true, selector: "div[scButtonGroup]", 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": "button-group", "role": "group" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScButtonGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scButtonGroup]',
+                    host: {
+                        'data-slot': 'button-group',
+                        role: 'group',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
+//# sourceMappingURL=button-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/button-group/button-group.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,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,0RAA0R,EAC1R;IACE,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,UAAU,EACR,uKAAuK;YACzK,QAAQ,EACN,gLAAgL;SACnL;KACF;IACD,eAAe,EAAE;QACf,WAAW,EAAE,YAAY;KAC1B;CACF,CACF,CAAC;AAYF,MAAM,OAAO,aAAa;IACf,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,WAAW,GAClB,KAAK,CAAuC,YAAY,uDAAC,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,mBAAmB,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,EACxD,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAVS,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBARzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,IAAI,EAAE,OAAO;wBACb,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\nexport const buttonGroupVariants = cva(\n  \"has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch *:focus-visible:z-10 *:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical:\n          '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n);\n\nexport type ScButtonGroupVariants = VariantProps<typeof buttonGroupVariants>;\n\n@Directive({\n  selector: 'div[scButtonGroup]',\n  host: {\n    'data-slot': 'button-group',\n    role: 'group',\n    '[class]': 'class()',\n  },\n})\nexport class ScButtonGroup {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly orientation =\n    input<ScButtonGroupVariants['orientation']>('horizontal');\n\n  protected readonly class = computed(() =>\n    cn(\n      buttonGroupVariants({ orientation: this.orientation() }),\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,4 @@
+export { ScButtonGroup, buttonGroupVariants, } from './button-group';
+export { ScButtonGroupText } from './button-group-text';
+export { ScButtonGroupSeparator, } from './button-group-separator';
+//# sourceMappingURL=index.js.map