@semantic-components/ui 0.65.0 → 0.66.0

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

@@ -0,0 +1,35 @@
+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 itemMediaVariants = cva('gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: "[&_svg:not([class*='size-'])]:size-4",
+            image: 'size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+export class ScItemMedia {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    class = computed(() => cn(itemMediaVariants({ variant: this.variant() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItemMedia, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScItemMedia, isStandalone: true, selector: "div[scItemMedia]", 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": "item-media" }, properties: { "attr.data-variant": "variant()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItemMedia, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scItemMedia]',
+                    host: {
+                        'data-slot': 'item-media',
+                        '[attr.data-variant]': 'variant()',
+                        '[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=item-media.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-media.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/item/item-media.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,iBAAiB,GAAG,GAAG,CAClC,gMAAgM,EAChM;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,gBAAgB;YACzB,IAAI,EAAE,sCAAsC;YAC5C,KAAK,EACH,6IAA6I;SAChJ;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAYF,MAAM,OAAO,WAAW;IACb,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,KAAK,CAAiC,SAAS,mDAAC,CAAC;IAEjD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACtE,CAAC;uGANS,WAAW;2FAAX,WAAW;;2FAAX,WAAW;kBARvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE;wBACJ,WAAW,EAAE,YAAY;wBACzB,qBAAqB,EAAE,WAAW;wBAClC,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 itemMediaVariants = cva(\n  'gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          'size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nexport type ScItemMediaVariants = VariantProps<typeof itemMediaVariants>;\n\n@Directive({\n  selector: 'div[scItemMedia]',\n  host: {\n    'data-slot': 'item-media',\n    '[attr.data-variant]': 'variant()',\n    '[class]': 'class()',\n  },\n})\nexport class ScItemMedia {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly variant = input<ScItemMediaVariants['variant']>('default');\n\n  protected readonly class = computed(() =>\n    cn(itemMediaVariants({ variant: this.variant() }), this.classInput()),\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-separator.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/item/item-separator.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,eAAe;IACjB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,4BAA4B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACpD,CAAC;uGALS,eAAe;2FAAf,eAAe;;2FAAf,eAAe;kBAR3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,gBAAgB;wBAC7B,IAAI,EAAE,WAAW;wBACjB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scItemSeparator]',\n  host: {\n    'data-slot': 'item-separator',\n    role: 'separator',\n    '[class]': 'class()',\n  },\n})\nexport class ScItemSeparator {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('bg-border my-2 h-px w-full', this.classInput()),\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-title.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/item/item-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,WAAW;IACb,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gGAAgG,EAChG,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,WAAW;2FAAX,WAAW;;2FAAX,WAAW;kBAPvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE;wBACJ,WAAW,EAAE,YAAY;wBACzB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scItemTitle]',\n  host: {\n    'data-slot': 'item-title',\n    '[class]': 'class()',\n  },\n})\nexport class ScItemTitle {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,43 @@
+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 itemVariants = cva('[a]:hover:bg-muted rounded-lg border text-sm w-full group/item focus-visible:border-ring focus-visible:ring-ring/50 flex items-center flex-wrap outline-none transition-colors duration-100 focus-visible:ring-[3px] [a]:transition-colors', {
+    variants: {
+        variant: {
+            default: 'border-transparent',
+            outline: 'border-border',
+            muted: 'bg-muted/50 border-transparent',
+        },
+        size: {
+            default: 'gap-2.5 px-3 py-2.5',
+            sm: 'gap-2.5 px-3 py-2.5',
+            xs: 'gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+export class ScItem {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    class = computed(() => cn(itemVariants({ variant: this.variant(), size: this.size() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScItem, isStandalone: true, selector: "div[scItem]", 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": "item" }, properties: { "attr.data-variant": "variant()", "attr.data-size": "size()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scItem]',
+                    host: {
+                        'data-slot': 'item',
+                        '[attr.data-variant]': 'variant()',
+                        '[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=item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/item/item.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,YAAY,GAAG,GAAG,CAC7B,4OAA4O,EAC5O;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,oBAAoB;YAC7B,OAAO,EAAE,eAAe;YACxB,KAAK,EAAE,gCAAgC;SACxC;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,qBAAqB;YAC9B,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,4DAA4D;SACjE;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAaF,MAAM,OAAO,MAAM;IACR,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,KAAK,CAA4B,SAAS,mDAAC,CAAC;IACtD,IAAI,GAAG,KAAK,CAAyB,SAAS,gDAAC,CAAC;IAEtC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAC5D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAVS,MAAM;2FAAN,MAAM;;2FAAN,MAAM;kBATlB,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,IAAI,EAAE;wBACJ,WAAW,EAAE,MAAM;wBACnB,qBAAqB,EAAE,WAAW;wBAClC,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';\n\nexport const itemVariants = cva(\n  '[a]:hover:bg-muted rounded-lg border text-sm w-full group/item focus-visible:border-ring focus-visible:ring-ring/50 flex items-center flex-wrap outline-none transition-colors duration-100 focus-visible:ring-[3px] [a]:transition-colors',\n  {\n    variants: {\n      variant: {\n        default: 'border-transparent',\n        outline: 'border-border',\n        muted: 'bg-muted/50 border-transparent',\n      },\n      size: {\n        default: 'gap-2.5 px-3 py-2.5',\n        sm: 'gap-2.5 px-3 py-2.5',\n        xs: 'gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type ScItemVariants = VariantProps<typeof itemVariants>;\n\n@Directive({\n  selector: 'div[scItem]',\n  host: {\n    'data-slot': 'item',\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-size]': 'size()',\n    '[class]': 'class()',\n  },\n})\nexport class ScItem {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly variant = input<ScItemVariants['variant']>('default');\n  readonly size = input<ScItemVariants['size']>('default');\n\n  protected readonly class = computed(() =>\n    cn(\n      itemVariants({ variant: this.variant(), size: this.size() }),\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,3 @@
+export { ScKbd } from './kbd';
+export { ScKbdGroup } from './kbd-group';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/kbd/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { ScKbd } from './kbd';\nexport { ScKbdGroup } from './kbd-group';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd-group.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/kbd/kbd-group.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,CAAC,gCAAgC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACxD,CAAC;uGALS,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: 'kbd[scKbdGroup]',\n  host: {\n    'data-slot': 'kbd-group',\n    '[class]': 'class()',\n  },\n})\nexport class ScKbdGroup {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('gap-1 inline-flex items-center', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/kbd/kbd.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScKbd {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*=size-])]:size-3 pointer-events-none inline-flex items-center justify-center select-none', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScKbd, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScKbd, isStandalone: true, selector: "kbd[scKbd]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "kbd" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScKbd, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kbd[scKbd]',
+                    host: {
+                        'data-slot': 'kbd',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=kbd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/kbd/kbd.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,KAAK;IACP,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,qWAAqW,EACrW,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,KAAK;2FAAL,KAAK;;2FAAL,KAAK;kBAPjB,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,IAAI,EAAE;wBACJ,WAAW,EAAE,KAAK;wBAClB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'kbd[scKbd]',\n  host: {\n    'data-slot': 'kbd',\n    '[class]': 'class()',\n  },\n})\nexport class ScKbd {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*=size-])]:size-3 pointer-events-none inline-flex items-center justify-center select-none',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

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

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

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

package/esm2022/lib/components/label/label.js

@@ -0,0 +1,29 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '../../utils';
+import { SC_FIELD } from '../field';
+import * as i0 from "@angular/core";
+export class ScLabel {
+    field = inject(SC_FIELD, { optional: true });
+    forInput = input('', { ...(ngDevMode ? { debugName: "forInput" } : {}), alias: 'for' });
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    for = computed(() => {
+        // Priority: explicit for input > field context
+        const forValue = this.forInput() || this.field?.id();
+        return forValue || null;
+    }, ...(ngDevMode ? [{ debugName: "for" }] : []));
+    class = computed(() => cn('has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5 group/label peer/label flex w-fit leading-snug', 'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScLabel, isStandalone: true, selector: "label[scLabel]", inputs: { forInput: { classPropertyName: "forInput", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "label" }, properties: { "attr.for": "for()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'label[scLabel]',
+                    host: {
+                        'data-slot': 'label',
+                        '[attr.for]': 'for()',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { forInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/label/label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;;AAUpC,MAAM,OAAO,OAAO;IACD,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAErD,QAAQ,GAAG,KAAK,CAAS,EAAE,qDAAI,KAAK,EAAE,KAAK,GAAG,CAAC;IAC/C,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE;QACrC,+CAA+C;QAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC;QACrD,OAAO,QAAQ,IAAI,IAAI,CAAC;IAC1B,CAAC,+CAAC,CAAC;IAEgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,sSAAsS,EACtS,mEAAmE,EACnE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAlBS,OAAO;2FAAP,OAAO;;2FAAP,OAAO;kBARnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,WAAW,EAAE,OAAO;wBACpB,YAAY,EAAE,OAAO;wBACrB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { SC_FIELD } from '../field';\n\n@Directive({\n  selector: 'label[scLabel]',\n  host: {\n    'data-slot': 'label',\n    '[attr.for]': 'for()',\n    '[class]': 'class()',\n  },\n})\nexport class ScLabel {\n  private readonly field = inject(SC_FIELD, { optional: true });\n\n  readonly forInput = input<string>('', { alias: 'for' });\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly for = computed(() => {\n    // Priority: explicit for input > field context\n    const forValue = this.forInput() || this.field?.id();\n    return forValue || null;\n  });\n\n  protected readonly class = computed(() =>\n    cn(\n      'has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5 group/label peer/label flex w-fit leading-snug',\n      'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -9,13 +9,13 @@ export class ScLink {
     href = input('#', ...(ngDevMode ? [{ debugName: "href" }] : []));
     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: ScLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: ScLink, isStandalone: true, selector: "a[sc-link]", 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 }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "link" }, properties: { "attr.href": "href()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScLink, isStandalone: true, selector: "a[scLink]", 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 }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "link" }, properties: { "attr.href": "href()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScLink, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'a[sc-link]',
+                    selector: 'a[scLink]',
                     host: {
                         'data-slot': 'link',
                         '[attr.href]': 'href()',

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

@@ -1 +1 @@
-{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/link/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAyB,MAAM,WAAW,CAAC;;AAYlE,MAAM,OAAO,MAAM;IACR,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,CAAS,GAAG,gDAAC,CAAC;IAC1B,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,MAAM;2FAAN,MAAM;;2FAAN,MAAM;kBAVlB,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,IAAI,EAAE;wBACJ,WAAW,EAAE,MAAM;wBACnB,aAAa,EAAE,QAAQ;wBACvB,sBAAsB,EAAE,oBAAoB;wBAC5C,iBAAiB,EAAE,wBAAwB;wBAC3C,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { booleanAttribute, computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { buttonVariants, type ScButtonVariants } from '../button';\n\n@Directive({\n  selector: 'a[sc-link]',\n  host: {\n    'data-slot': 'link',\n    '[attr.href]': 'href()',\n    '[attr.aria-disabled]': 'disabled() || null',\n    '[attr.tabindex]': 'disabled() ? -1 : null',\n    '[class]': 'class()',\n  },\n})\nexport class ScLink {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly variant = input<ScButtonVariants['variant']>('default');\n  readonly size = input<ScButtonVariants['size']>('default');\n  readonly href = input<string>('#');\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":"link.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/link/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAyB,MAAM,WAAW,CAAC;;AAYlE,MAAM,OAAO,MAAM;IACR,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,CAAS,GAAG,gDAAC,CAAC;IAC1B,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,MAAM;2FAAN,MAAM;;2FAAN,MAAM;kBAVlB,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,IAAI,EAAE;wBACJ,WAAW,EAAE,MAAM;wBACnB,aAAa,EAAE,QAAQ;wBACvB,sBAAsB,EAAE,oBAAoB;wBAC5C,iBAAiB,EAAE,wBAAwB;wBAC3C,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { booleanAttribute, computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { buttonVariants, type ScButtonVariants } from '../button';\n\n@Directive({\n  selector: 'a[scLink]',\n  host: {\n    'data-slot': 'link',\n    '[attr.href]': 'href()',\n    '[attr.aria-disabled]': 'disabled() || null',\n    '[attr.tabindex]': 'disabled() ? -1 : null',\n    '[class]': 'class()',\n  },\n})\nexport class ScLink {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly variant = input<ScButtonVariants['variant']>('default');\n  readonly size = input<ScButtonVariants['size']>('default');\n  readonly href = input<string>('#');\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/menu/index.js

@@ -0,0 +1,8 @@
+export { ScMenu } from './menu';
+export { ScMenuContent } from './menu-content';
+export { ScMenuItem } from './menu-item';
+export { ScMenuProvider } from './menu-provider';
+export { ScMenuSeparator } from './menu-separator';
+export { ScMenuPortal } from './menu-portal';
+export { ScMenuTrigger } from './menu-trigger';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { ScMenu } from './menu';\nexport { ScMenuContent } from './menu-content';\nexport { ScMenuItem } from './menu-item';\nexport { ScMenuProvider } from './menu-provider';\nexport { ScMenuSeparator } from './menu-separator';\nexport { ScMenuPortal } from './menu-portal';\nexport { ScMenuTrigger } from './menu-trigger';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-content.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu/menu-content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;;;AAMjD,MAAM,OAAO,aAAa;uGAAb,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAJzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,cAAc,EAAE,CAAC,WAAW,CAAC;iBAC9B","sourcesContent":["import { Directive } from '@angular/core';\nimport { MenuContent } from '@angular/aria/menu';\n\n@Directive({\n  selector: 'ng-template[scMenuContent]',\n  hostDirectives: [MenuContent],\n})\nexport class ScMenuContent {}\n"]}

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

@@ -0,0 +1,96 @@
+import { ChangeDetectionStrategy, Component, computed, contentChild, effect, inject, input, ViewEncapsulation, } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { CdkOverlayOrigin, OverlayModule } from '@angular/cdk/overlay';
+import { Menu, MenuItem } from '@angular/aria/menu';
+import { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';
+import { ScMenuPortal } from './menu-portal';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/menu";
+import * as i2 from "@angular/cdk/overlay";
+export class ScMenuItem {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    overlayOrigin = inject(CdkOverlayOrigin);
+    menuItem = inject(MenuItem);
+    parentMenu = inject(Menu);
+    submenuOpen = computed(() => this.parentMenu.visible(), ...(ngDevMode ? [{ debugName: "submenuOpen" }] : []));
+    submenuPortal = contentChild(ScMenuPortal, ...(ngDevMode ? [{ debugName: "submenuPortal" }] : []));
+    class = computed(() => cn('data-[active=true]:bg-accent data-[active=true]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm relative flex cursor-default items-center outline-hidden select-none focus-visible:outline-2 focus-visible:outline-ring', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        // Auto-connect submenu when ScMenu registers itself with the portal
+        effect(() => {
+            const menu = this.submenuPortal()?.menu();
+            if (menu) {
+                signalSetFn(this.menuItem.submenu[SIGNAL], menu);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScMenuItem, isStandalone: true, selector: "[scMenuItem]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menu-item" }, properties: { "class": "class()" } }, queries: [{ propertyName: "submenuPortal", first: true, predicate: ScMenuPortal, descendants: true, isSignal: true }], exportAs: ["scMenuItem"], hostDirectives: [{ directive: i1.MenuItem, inputs: ["id", "id", "value", "value", "disabled", "disabled", "searchTerm", "searchTerm"], outputs: ["searchTermChange", "searchTermChange"] }, { directive: i2.CdkOverlayOrigin }], ngImport: i0, template: `
+    <ng-content />
+
+    @if (submenuPortal(); as portal) {
+      <ng-template
+        [cdkConnectedOverlayOpen]="submenuOpen()"
+        [cdkConnectedOverlay]="{ origin: overlayOrigin, usePopover: 'inline' }"
+        [cdkConnectedOverlayPositions]="[
+          {
+            originX: 'end',
+            originY: 'top',
+            overlayY: 'top',
+            overlayX: 'start',
+            offsetX: 6,
+          },
+        ]"
+        cdkAttachPopoverAsChild
+      >
+        <ng-container [ngTemplateOutlet]="portal.templateRef" />
+      </ng-template>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scMenuItem]',
+                    exportAs: 'scMenuItem',
+                    imports: [OverlayModule, NgTemplateOutlet],
+                    hostDirectives: [
+                        {
+                            directive: MenuItem,
+                            inputs: ['id', 'value', 'disabled', 'searchTerm'],
+                            outputs: ['searchTermChange'],
+                        },
+                        CdkOverlayOrigin,
+                    ],
+                    template: `
+    <ng-content />
+
+    @if (submenuPortal(); as portal) {
+      <ng-template
+        [cdkConnectedOverlayOpen]="submenuOpen()"
+        [cdkConnectedOverlay]="{ origin: overlayOrigin, usePopover: 'inline' }"
+        [cdkConnectedOverlayPositions]="[
+          {
+            originX: 'end',
+            originY: 'top',
+            overlayY: 'top',
+            overlayX: 'start',
+            offsetX: 6,
+          },
+        ]"
+        cdkAttachPopoverAsChild
+      >
+        <ng-container [ngTemplateOutlet]="portal.templateRef" />
+      </ng-template>
+    }
+  `,
+                    host: {
+                        'data-slot': 'menu-item',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], submenuPortal: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScMenuPortal), { isSignal: true }] }] } });
+//# sourceMappingURL=menu-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;;AA2CjC,MAAM,OAAO,UAAU;IACZ,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACjC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC5B,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,uDAAC,CAAC;IACxD,aAAa,GAAG,YAAY,CAAC,YAAY,yDAAC,CAAC;IAE3C,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,uOAAuO,EACvO,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF;QACE,oEAAoE;QACpE,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,CAAC;YAC1C,IAAI,IAAI,EAAE,CAAC;gBACT,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;uGAvBU,UAAU;2FAAV,UAAU,yVAM2B,YAAY,2TAnClD;;;;;;;;;;;;;;;;;;;;;GAqBT,2DA9BS,aAAa,0nCAAE,gBAAgB;;2FAsC9B,UAAU;kBAzCtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE,YAAY;oBACtB,OAAO,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC;oBAC1C,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC;4BACjD,OAAO,EAAE,CAAC,kBAAkB,CAAC;yBAC9B;wBACD,gBAAgB;qBACjB;oBACD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;GAqBT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,WAAW;wBACxB,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;2NAOiD,YAAY","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { CdkOverlayOrigin, OverlayModule } from '@angular/cdk/overlay';\nimport { Menu, MenuItem } from '@angular/aria/menu';\nimport { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';\nimport { ScMenuPortal } from './menu-portal';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: '[scMenuItem]',\n  exportAs: 'scMenuItem',\n  imports: [OverlayModule, NgTemplateOutlet],\n  hostDirectives: [\n    {\n      directive: MenuItem,\n      inputs: ['id', 'value', 'disabled', 'searchTerm'],\n      outputs: ['searchTermChange'],\n    },\n    CdkOverlayOrigin,\n  ],\n  template: `\n    <ng-content />\n\n    @if (submenuPortal(); as portal) {\n      <ng-template\n        [cdkConnectedOverlayOpen]=\"submenuOpen()\"\n        [cdkConnectedOverlay]=\"{ origin: overlayOrigin, usePopover: 'inline' }\"\n        [cdkConnectedOverlayPositions]=\"[\n          {\n            originX: 'end',\n            originY: 'top',\n            overlayY: 'top',\n            overlayX: 'start',\n            offsetX: 6,\n          },\n        ]\"\n        cdkAttachPopoverAsChild\n      >\n        <ng-container [ngTemplateOutlet]=\"portal.templateRef\" />\n      </ng-template>\n    }\n  `,\n  host: {\n    'data-slot': 'menu-item',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScMenuItem {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly overlayOrigin = inject(CdkOverlayOrigin);\n  private readonly menuItem = inject(MenuItem);\n  private readonly parentMenu = inject(Menu);\n  protected readonly submenuOpen = computed(() => this.parentMenu.visible());\n  protected readonly submenuPortal = contentChild(ScMenuPortal);\n\n  protected readonly class = computed(() =>\n    cn(\n      'data-[active=true]:bg-accent data-[active=true]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm relative flex cursor-default items-center outline-hidden select-none focus-visible:outline-2 focus-visible:outline-ring',\n      this.classInput(),\n    ),\n  );\n\n  constructor() {\n    // Auto-connect submenu when ScMenu registers itself with the portal\n    effect(() => {\n      const menu = this.submenuPortal()?.menu();\n      if (menu) {\n        signalSetFn(this.menuItem.submenu[SIGNAL], menu);\n      }\n    });\n  }\n}\n"]}

package/esm2022/lib/components/menu/menu-portal.js

@@ -0,0 +1,15 @@
+import { Directive, inject, signal, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ScMenuPortal {
+    templateRef = inject(TemplateRef);
+    menu = signal(undefined, ...(ngDevMode ? [{ debugName: "menu" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScMenuPortal, isStandalone: true, selector: "[scMenuPortal]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuPortal, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scMenuPortal]',
+                }]
+        }] });
+//# sourceMappingURL=menu-portal.js.map

package/esm2022/lib/components/menu/menu-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-portal.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu/menu-portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAMvE,MAAM,OAAO,YAAY;IACd,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAClC,IAAI,GAAG,MAAM,CAA4B,SAAS,gDAAC,CAAC;uGAFlD,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAHxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;iBAC3B","sourcesContent":["import { Directive, inject, signal, TemplateRef } from '@angular/core';\nimport type { Menu } from '@angular/aria/menu';\n\n@Directive({\n  selector: '[scMenuPortal]',\n})\nexport class ScMenuPortal {\n  readonly templateRef = inject(TemplateRef);\n  readonly menu = signal<Menu<unknown> | undefined>(undefined);\n}\n"]}

package/esm2022/lib/components/menu/menu-provider.js

@@ -0,0 +1,102 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { ChangeDetectionStrategy, Component, computed, contentChild, effect, input, ViewEncapsulation, } from '@angular/core';
+import { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';
+import { cn } from '../../utils';
+import { ScMenuTrigger } from './menu-trigger';
+import { ScMenuPortal } from './menu-portal';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+export class ScMenuProvider {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    triggerChild = contentChild(ScMenuTrigger, ...(ngDevMode ? [{ debugName: "triggerChild" }] : []));
+    menuPortal = contentChild.required(ScMenuPortal);
+    origin = computed(() => this.triggerChild()?.overlayOrigin, ...(ngDevMode ? [{ debugName: "origin" }] : []));
+    trigger = computed(() => this.triggerChild()?.trigger, ...(ngDevMode ? [{ debugName: "trigger" }] : []));
+    menu = computed(() => this.menuPortal()?.menu(), ...(ngDevMode ? [{ debugName: "menu" }] : []));
+    expanded = computed(() => this.triggerChild()?.trigger?.expanded() ?? false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    class = computed(() => cn('contents', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        // Auto-connect trigger to menu
+        effect(() => {
+            const trigger = this.triggerChild()?.trigger;
+            const menu = this.menuPortal()?.menu();
+            if (trigger && menu) {
+                signalSetFn(trigger.menu[SIGNAL], menu);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuProvider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScMenuProvider, isStandalone: true, selector: "div[scMenuProvider]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menu-provider" }, properties: { "class": "class()" } }, queries: [{ propertyName: "triggerChild", first: true, predicate: ScMenuTrigger, descendants: true, isSignal: true }, { propertyName: "menuPortal", first: true, predicate: ScMenuPortal, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-content />
+
+    @if (origin(); as origin) {
+      <ng-template
+        [cdkConnectedOverlayOpen]="expanded()"
+        [cdkConnectedOverlay]="{ origin, usePopover: 'inline' }"
+        [cdkConnectedOverlayPositions]="[
+          {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top',
+            offsetY: 4,
+          },
+          {
+            originX: 'start',
+            originY: 'top',
+            overlayX: 'start',
+            overlayY: 'bottom',
+            offsetY: -4,
+          },
+        ]"
+        cdkAttachPopoverAsChild
+      >
+        <ng-container [ngTemplateOutlet]="menuPortal().templateRef" />
+      </ng-template>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuProvider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scMenuProvider]',
+                    imports: [OverlayModule, NgTemplateOutlet],
+                    template: `
+    <ng-content />
+
+    @if (origin(); as origin) {
+      <ng-template
+        [cdkConnectedOverlayOpen]="expanded()"
+        [cdkConnectedOverlay]="{ origin, usePopover: 'inline' }"
+        [cdkConnectedOverlayPositions]="[
+          {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top',
+            offsetY: 4,
+          },
+          {
+            originX: 'start',
+            originY: 'top',
+            overlayX: 'start',
+            overlayY: 'bottom',
+            offsetY: -4,
+          },
+        ]"
+        cdkAttachPopoverAsChild
+      >
+        <ng-container [ngTemplateOutlet]="menuPortal().templateRef" />
+      </ng-template>
+    }
+  `,
+                    host: {
+                        'data-slot': 'menu-provider',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], triggerChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScMenuTrigger), { isSignal: true }] }], menuPortal: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScMenuPortal), { isSignal: true }] }] } });
+//# sourceMappingURL=menu-provider.js.map

package/esm2022/lib/components/menu/menu-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-provider.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu/menu-provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;;;AAyC7C,MAAM,OAAO,cAAc;IAChB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAE3C,YAAY,GAAG,YAAY,CAAC,aAAa,wDAAC,CAAC;IACzC,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAE3D,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,aAAa,kDAAC,CAAC;IAC5D,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,OAAO,mDAAC,CAAC;IACvD,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,gDAAC,CAAC;IAEvC,QAAQ,GAAG,QAAQ,CACpC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,KAAK,oDACxD,CAAC;IAEiB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAAC,CAAC;IAE7E;QACE,+BAA+B;QAC/B,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,EAAE,OAAO,CAAC;YAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC;YACvC,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;gBACpB,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;uGAzBU,cAAc;2FAAd,cAAc,mWAGoB,aAAa,6FACJ,YAAY,gEAxCxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BT,2DA7BS,aAAa,0nCAAE,gBAAgB;;2FAqC9B,cAAc;kBAvC1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,OAAO,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC;oBAC1C,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;0NAI8C,aAAa,4FACJ,YAAY","sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  effect,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';\nimport { cn } from '../../utils';\nimport { ScMenuTrigger } from './menu-trigger';\nimport { ScMenuPortal } from './menu-portal';\n\n@Component({\n  selector: 'div[scMenuProvider]',\n  imports: [OverlayModule, NgTemplateOutlet],\n  template: `\n    <ng-content />\n\n    @if (origin(); as origin) {\n      <ng-template\n        [cdkConnectedOverlayOpen]=\"expanded()\"\n        [cdkConnectedOverlay]=\"{ origin, usePopover: 'inline' }\"\n        [cdkConnectedOverlayPositions]=\"[\n          {\n            originX: 'start',\n            originY: 'bottom',\n            overlayX: 'start',\n            overlayY: 'top',\n            offsetY: 4,\n          },\n          {\n            originX: 'start',\n            originY: 'top',\n            overlayX: 'start',\n            overlayY: 'bottom',\n            offsetY: -4,\n          },\n        ]\"\n        cdkAttachPopoverAsChild\n      >\n        <ng-container [ngTemplateOutlet]=\"menuPortal().templateRef\" />\n      </ng-template>\n    }\n  `,\n  host: {\n    'data-slot': 'menu-provider',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScMenuProvider {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  private readonly triggerChild = contentChild(ScMenuTrigger);\n  protected readonly menuPortal = contentChild.required(ScMenuPortal);\n\n  readonly origin = computed(() => this.triggerChild()?.overlayOrigin);\n  readonly trigger = computed(() => this.triggerChild()?.trigger);\n  readonly menu = computed(() => this.menuPortal()?.menu());\n\n  protected readonly expanded = computed(\n    () => this.triggerChild()?.trigger?.expanded() ?? false,\n  );\n\n  protected readonly class = computed(() => cn('contents', this.classInput()));\n\n  constructor() {\n    // Auto-connect trigger to menu\n    effect(() => {\n      const trigger = this.triggerChild()?.trigger;\n      const menu = this.menuPortal()?.menu();\n      if (trigger && menu) {\n        signalSetFn(trigger.menu[SIGNAL], menu);\n      }\n    });\n  }\n}\n"]}