@semantic-components/ui 0.65.0 → 0.67.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-separator.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu/menu-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAWjC,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,2BAA2B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACnD,CAAC;uGALS,eAAe;2FAAf,eAAe;;2FAAf,eAAe;kBAT3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,gBAAgB;wBAC7B,IAAI,EAAE,WAAW;wBACjB,kBAAkB,EAAE,YAAY;wBAChC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scMenuSeparator]',\n  host: {\n    'data-slot': 'menu-separator',\n    role: 'separator',\n    'aria-orientation': 'horizontal',\n    '[class]': 'class()',\n  },\n})\nexport class ScMenuSeparator {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('bg-border -mx-1 my-1 h-px', this.classInput()),\n  );\n}\n"]}

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

@@ -0,0 +1,34 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { MenuTrigger } from '@angular/aria/menu';
+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 ScMenuTrigger {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    trigger = inject(MenuTrigger);
+    overlayOrigin = inject(CdkOverlayOrigin);
+    expanded = this.trigger.expanded;
+    class = computed(() => cn('inline-flex cursor-pointer items-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-2 focus-visible:outline-ring', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScMenuTrigger, isStandalone: true, selector: "[scMenuTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menu-trigger" }, properties: { "class": "class()" } }, exportAs: ["scMenuTrigger"], hostDirectives: [{ directive: i1.MenuTrigger }, { directive: i2.CdkOverlayOrigin }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scMenuTrigger]',
+                    exportAs: 'scMenuTrigger',
+                    hostDirectives: [
+                        {
+                            directive: MenuTrigger,
+                        },
+                        CdkOverlayOrigin,
+                    ],
+                    host: {
+                        'data-slot': 'menu-trigger',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=menu-trigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu/menu-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;;AAgBjC,MAAM,OAAO,aAAa;IACf,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAC9B,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACzC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;IAEvB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,8NAA8N,EAC9N,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAXS,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAdzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,eAAe;oBACzB,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,WAAW;yBACvB;wBACD,gBAAgB;qBACjB;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { MenuTrigger } from '@angular/aria/menu';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scMenuTrigger]',\n  exportAs: 'scMenuTrigger',\n  hostDirectives: [\n    {\n      directive: MenuTrigger,\n    },\n    CdkOverlayOrigin,\n  ],\n  host: {\n    'data-slot': 'menu-trigger',\n    '[class]': 'class()',\n  },\n})\nexport class ScMenuTrigger {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly trigger = inject(MenuTrigger);\n  readonly overlayOrigin = inject(CdkOverlayOrigin);\n  readonly expanded = this.trigger.expanded;\n\n  protected readonly class = computed(() =>\n    cn(\n      'inline-flex cursor-pointer items-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-2 focus-visible:outline-ring',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,37 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { Menu } from '@angular/aria/menu';
+import { cn } from '../../utils';
+import { ScMenuPortal } from './menu-portal';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/menu";
+export class ScMenu {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    menu = inject(Menu);
+    visible = this.menu.visible;
+    class = computed(() => cn('bg-popover text-popover-foreground min-w-32 w-[15rem] rounded-lg p-1 shadow-md ring-1 ring-foreground/10 z-50 overflow-x-hidden overflow-y-auto data-[visible=false]:hidden', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        const portal = inject(ScMenuPortal, { optional: true });
+        portal?.menu.set(this.menu);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScMenu, isStandalone: true, selector: "[scMenu]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menu" }, properties: { "class": "class()" } }, exportAs: ["scMenu"], hostDirectives: [{ directive: i1.Menu, inputs: ["id", "id", "wrap", "wrap", "disabled", "disabled", "typeaheadDelay", "typeaheadDelay", "expansionDelay", "expansionDelay"], outputs: ["onSelect", "onSelect"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenu, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scMenu]',
+                    exportAs: 'scMenu',
+                    hostDirectives: [
+                        {
+                            directive: Menu,
+                            inputs: ['id', 'wrap', 'disabled', 'typeaheadDelay', 'expansionDelay'],
+                            outputs: ['onSelect'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'menu',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;;;AAiB7C,MAAM,OAAO,MAAM;IACR,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,IAAI,GAAG,MAAM,CAAU,IAAI,CAAC,CAAC;IAC7B,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;IAElB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,6KAA6K,EAC7K,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF;QACE,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QACxD,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAqB,CAAC,CAAC;IAC/C,CAAC;uGAfU,MAAM;2FAAN,MAAM;;2FAAN,MAAM;kBAflB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,IAAI;4BACf,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,gBAAgB,CAAC;4BACtE,OAAO,EAAE,CAAC,UAAU,CAAC;yBACtB;qBACF;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,MAAM;wBACnB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { Menu } from '@angular/aria/menu';\nimport { cn } from '../../utils';\nimport { ScMenuPortal } from './menu-portal';\n\n@Directive({\n  selector: '[scMenu]',\n  exportAs: 'scMenu',\n  hostDirectives: [\n    {\n      directive: Menu,\n      inputs: ['id', 'wrap', 'disabled', 'typeaheadDelay', 'expansionDelay'],\n      outputs: ['onSelect'],\n    },\n  ],\n  host: {\n    'data-slot': 'menu',\n    '[class]': 'class()',\n  },\n})\nexport class ScMenu<V = string> {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly menu = inject<Menu<V>>(Menu);\n  readonly visible = this.menu.visible;\n\n  protected readonly class = computed(() =>\n    cn(\n      'bg-popover text-popover-foreground min-w-32 w-[15rem] rounded-lg p-1 shadow-md ring-1 ring-foreground/10 z-50 overflow-x-hidden overflow-y-auto data-[visible=false]:hidden',\n      this.classInput(),\n    ),\n  );\n\n  constructor() {\n    const portal = inject(ScMenuPortal, { optional: true });\n    portal?.menu.set(this.menu as Menu<unknown>);\n  }\n}\n"]}

package/esm2022/lib/components/menu-bar/index.js

@@ -0,0 +1,3 @@
+export { ScMenuBar } from './menu-bar';
+export { ScMenuBarItem } from './menu-bar-item';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { ScMenuBar } from './menu-bar';\nexport { ScMenuBarItem } from './menu-bar-item';\n"]}

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

@@ -0,0 +1,103 @@
+import { ChangeDetectionStrategy, Component, computed, contentChild, effect, inject, input, viewChild, ViewEncapsulation, } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { CdkConnectedOverlay, CdkOverlayOrigin, OverlayModule, } from '@angular/cdk/overlay';
+import { MenuItem } from '@angular/aria/menu';
+import { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';
+import { cn } from '../../utils';
+import { ScMenuPortal } from '../menu';
+import { ScMenuBar } from './menu-bar';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/menu";
+import * as i2 from "@angular/cdk/overlay";
+export class ScMenuBarItem {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    overlayOrigin = inject(CdkOverlayOrigin);
+    menuItem = inject(MenuItem);
+    submenuPortal = contentChild(ScMenuPortal, ...(ngDevMode ? [{ debugName: "submenuPortal" }] : []));
+    connectedOverlay = viewChild(CdkConnectedOverlay, ...(ngDevMode ? [{ debugName: "connectedOverlay" }] : []));
+    scMenuBar = inject(ScMenuBar);
+    rendered = computed(() => this.scMenuBar.rendered(), ...(ngDevMode ? [{ debugName: "rendered" }] : []));
+    class = computed(() => cn('flex items-center rounded-sm px-2 py-0.5 text-sm font-medium outline-hidden select-none cursor-default hover:bg-muted aria-expanded:bg-muted focus-visible:outline-2 focus-visible:outline-ring', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        effect(() => {
+            const menu = this.submenuPortal()?.menu();
+            if (menu) {
+                signalSetFn(this.menuItem.submenu[SIGNAL], menu);
+            }
+        });
+        // Force overlay to recalculate position when menu item expands
+        effect(() => {
+            const expanded = this.menuItem.expanded();
+            if (expanded) {
+                this.connectedOverlay()?.overlayRef?.updatePosition();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuBarItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScMenuBarItem, isStandalone: true, selector: "[scMenuBarItem]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menu-bar-item" }, properties: { "class": "class()" } }, queries: [{ propertyName: "submenuPortal", first: true, predicate: ScMenuPortal, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "connectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }], exportAs: ["scMenuBarItem"], hostDirectives: [{ directive: i1.MenuItem, inputs: ["id", "id", "value", "value", "disabled", "disabled"] }, { directive: i2.CdkOverlayOrigin }], ngImport: i0, template: `
+    <ng-content />
+
+    @if (submenuPortal(); as portal) {
+      <ng-template
+        [cdkConnectedOverlayOpen]="rendered()"
+        [cdkConnectedOverlay]="{ origin: overlayOrigin, usePopover: 'inline' }"
+        [cdkConnectedOverlayPositions]="[
+          {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top',
+            offsetY: 4,
+          },
+        ]"
+        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: ScMenuBarItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scMenuBarItem]',
+                    exportAs: 'scMenuBarItem',
+                    imports: [OverlayModule, NgTemplateOutlet],
+                    hostDirectives: [
+                        {
+                            directive: MenuItem,
+                            inputs: ['id', 'value', 'disabled'],
+                        },
+                        CdkOverlayOrigin,
+                    ],
+                    template: `
+    <ng-content />
+
+    @if (submenuPortal(); as portal) {
+      <ng-template
+        [cdkConnectedOverlayOpen]="rendered()"
+        [cdkConnectedOverlay]="{ origin: overlayOrigin, usePopover: 'inline' }"
+        [cdkConnectedOverlayPositions]="[
+          {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top',
+            offsetY: 4,
+          },
+        ]"
+        cdkAttachPopoverAsChild
+      >
+        <ng-container [ngTemplateOutlet]="portal.templateRef" />
+      </ng-template>
+    }
+  `,
+                    host: {
+                        'data-slot': 'menu-bar-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 }] }], connectedOverlay: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkConnectedOverlay), { isSignal: true }] }] } });
+//# sourceMappingURL=menu-bar-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar-item.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu-bar/menu-bar-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;;;;AA0CvC,MAAM,OAAO,aAAa;IACf,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;IAC1B,aAAa,GAAG,YAAY,CAAC,YAAY,yDAAC,CAAC;IAC7C,gBAAgB,GAAG,SAAS,CAAC,mBAAmB,4DAAC,CAAC;IAElD,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAE5B,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,oDAAC,CAAC;IAErD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,iMAAiM,EACjM,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF;QACE,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;QAEH,+DAA+D;QAC/D,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAC1C,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,CAAC,gBAAgB,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC;YACxD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;uGAjCU,aAAa;2FAAb,aAAa,gWAIwB,YAAY,kHACd,mBAAmB,+OAlCvD;;;;;;;;;;;;;;;;;;;;;GAqBT,2DA7BS,aAAa,0nCAAE,gBAAgB;;2FAqC9B,aAAa;kBAxCzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,eAAe;oBACzB,OAAO,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC;oBAC1C,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,CAAC;yBACpC;wBACD,gBAAgB;qBACjB;oBACD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;GAqBT;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;2NAKiD,YAAY,+FACd,mBAAmB","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  CdkConnectedOverlay,\n  CdkOverlayOrigin,\n  OverlayModule,\n} from '@angular/cdk/overlay';\nimport { MenuItem } from '@angular/aria/menu';\nimport { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';\nimport { cn } from '../../utils';\nimport { ScMenuPortal } from '../menu';\nimport { ScMenuBar } from './menu-bar';\n\n@Component({\n  selector: '[scMenuBarItem]',\n  exportAs: 'scMenuBarItem',\n  imports: [OverlayModule, NgTemplateOutlet],\n  hostDirectives: [\n    {\n      directive: MenuItem,\n      inputs: ['id', 'value', 'disabled'],\n    },\n    CdkOverlayOrigin,\n  ],\n  template: `\n    <ng-content />\n\n    @if (submenuPortal(); as portal) {\n      <ng-template\n        [cdkConnectedOverlayOpen]=\"rendered()\"\n        [cdkConnectedOverlay]=\"{ origin: overlayOrigin, usePopover: 'inline' }\"\n        [cdkConnectedOverlayPositions]=\"[\n          {\n            originX: 'start',\n            originY: 'bottom',\n            overlayX: 'start',\n            overlayY: 'top',\n            offsetY: 4,\n          },\n        ]\"\n        cdkAttachPopoverAsChild\n      >\n        <ng-container [ngTemplateOutlet]=\"portal.templateRef\" />\n      </ng-template>\n    }\n  `,\n  host: {\n    'data-slot': 'menu-bar-item',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScMenuBarItem {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly overlayOrigin = inject(CdkOverlayOrigin);\n  private readonly menuItem = inject(MenuItem);\n  protected readonly submenuPortal = contentChild(ScMenuPortal);\n  private readonly connectedOverlay = viewChild(CdkConnectedOverlay);\n\n  private readonly scMenuBar = inject(ScMenuBar);\n\n  protected readonly rendered = computed(() => this.scMenuBar.rendered());\n\n  protected readonly class = computed(() =>\n    cn(\n      'flex items-center rounded-sm px-2 py-0.5 text-sm font-medium outline-hidden select-none cursor-default hover:bg-muted aria-expanded:bg-muted focus-visible:outline-2 focus-visible:outline-ring',\n      this.classInput(),\n    ),\n  );\n\n  constructor() {\n    effect(() => {\n      const menu = this.submenuPortal()?.menu();\n      if (menu) {\n        signalSetFn(this.menuItem.submenu[SIGNAL], menu);\n      }\n    });\n\n    // Force overlay to recalculate position when menu item expands\n    effect(() => {\n      const expanded = this.menuItem.expanded();\n      if (expanded) {\n        this.connectedOverlay()?.overlayRef?.updatePosition();\n      }\n    });\n  }\n}\n"]}

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

@@ -0,0 +1,28 @@
+import { computed, Directive, input, signal } from '@angular/core';
+import { MenuBar } from '@angular/aria/menu';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/menu";
+export class ScMenuBar {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    rendered = signal(false, ...(ngDevMode ? [{ debugName: "rendered" }] : []));
+    class = computed(() => cn('flex h-8 items-center gap-0.5 rounded-lg border bg-background p-[3px]', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onFocusIn() {
+        this.rendered.set(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuBar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScMenuBar, isStandalone: true, selector: "[scMenuBar]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menu-bar" }, listeners: { "focusin": "onFocusIn()" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.MenuBar }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScMenuBar, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scMenuBar]',
+                    hostDirectives: [MenuBar],
+                    host: {
+                        'data-slot': 'menu-bar',
+                        '[class]': 'class()',
+                        '(focusin)': 'onFocusIn()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=menu-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/menu-bar/menu-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;AAWjC,MAAM,OAAO,SAAS;IACX,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAE5D,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC,CAAC;IAEN,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,uEAAuE,EACvE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,SAAS;QACP,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;uGAdU,SAAS;2FAAT,SAAS;;2FAAT,SAAS;kBATrB,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,cAAc,EAAE,CAAC,OAAO,CAAC;oBACzB,IAAI,EAAE;wBACJ,WAAW,EAAE,UAAU;wBACvB,SAAS,EAAE,SAAS;wBACpB,WAAW,EAAE,aAAa;qBAC3B;iBACF","sourcesContent":["import { computed, Directive, input, signal } from '@angular/core';\nimport { MenuBar } from '@angular/aria/menu';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scMenuBar]',\n  hostDirectives: [MenuBar],\n  host: {\n    'data-slot': 'menu-bar',\n    '[class]': 'class()',\n    '(focusin)': 'onFocusIn()',\n  },\n})\nexport class ScMenuBar {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  rendered = signal(false);\n\n  protected readonly class = computed(() =>\n    cn(\n      'flex h-8 items-center gap-0.5 rounded-lg border bg-background p-[3px]',\n      this.classInput(),\n    ),\n  );\n\n  onFocusIn() {\n    this.rendered.set(true);\n  }\n}\n"]}

package/esm2022/lib/components/native-select/index.js

@@ -0,0 +1,6 @@
+export * from './native-select-container';
+export * from './native-select';
+export * from './native-select-icon';
+export * from './native-select-option';
+export * from './native-select-optgroup';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/native-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/native-select/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './native-select-container';\nexport * from './native-select';\nexport * from './native-select-icon';\nexport * from './native-select-option';\nexport * from './native-select-optgroup';\n"]}

package/esm2022/lib/components/native-select/native-select-container.js

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

package/esm2022/lib/components/native-select/native-select-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select-container.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/native-select/native-select-container.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,uBAAuB;IACzB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,qEAAqE,EACrE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,uBAAuB;2FAAvB,uBAAuB;;2FAAvB,uBAAuB;kBAPnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,IAAI,EAAE;wBACJ,WAAW,EAAE,yBAAyB;wBACtC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scNativeSelectContainer]',\n  host: {\n    'data-slot': 'native-select-container',\n    '[class]': 'class()',\n  },\n})\nexport class ScNativeSelectContainer {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'group/native-select relative w-fit has-[select:disabled]:opacity-50',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/native-select/native-select-icon.js

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

package/esm2022/lib/components/native-select/native-select-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select-icon.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/native-select/native-select-icon.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,kBAAkB;IACpB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,0GAA0G,EAC1G,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAP9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,oBAAoB;wBACjC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scNativeSelectIcon]',\n  host: {\n    'data-slot': 'native-select-icon',\n    '[class]': 'class()',\n  },\n})\nexport class ScNativeSelectIcon {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2 pointer-events-none absolute select-none',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/native-select/native-select-optgroup.js

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

package/esm2022/lib/components/native-select/native-select-optgroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select-optgroup.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/native-select/native-select-optgroup.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,sBAAsB;IACxB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,iDAAC,CAAC;uGAHtD,sBAAsB;2FAAtB,sBAAsB;;2FAAtB,sBAAsB;kBAPlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kCAAkC;oBAC5C,IAAI,EAAE;wBACJ,WAAW,EAAE,wBAAwB;wBACrC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'optgroup[scNativeSelectOptgroup]',\n  host: {\n    'data-slot': 'native-select-optgroup',\n    '[class]': 'class()',\n  },\n})\nexport class ScNativeSelectOptGroup {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() => cn(this.classInput()));\n}\n"]}

package/esm2022/lib/components/native-select/native-select-option.js

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

package/esm2022/lib/components/native-select/native-select-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select-option.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/native-select/native-select-option.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,oBAAoB;IACtB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,iDAAC,CAAC;uGAHtD,oBAAoB;2FAApB,oBAAoB;;2FAApB,oBAAoB;kBAPhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,IAAI,EAAE;wBACJ,WAAW,EAAE,sBAAsB;wBACnC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'option[scNativeSelectOption]',\n  host: {\n    'data-slot': 'native-select-option',\n    '[class]': 'class()',\n  },\n})\nexport class ScNativeSelectOption {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() => cn(this.classInput()));\n}\n"]}

package/esm2022/lib/components/native-select/native-select.js

@@ -0,0 +1,29 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+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 ScNativeSelect {
+    field = inject(SC_FIELD, { optional: true });
+    fallbackId = inject(_IdGenerator).getId('sc-native-select-');
+    idInput = input('', { ...(ngDevMode ? { debugName: "idInput" } : {}), alias: 'id' });
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    id = computed(() => this.idInput() || this.field?.id() || this.fallbackId, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    class = computed(() => cn('border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 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 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 outline-none disabled:pointer-events-none disabled:cursor-not-allowed', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNativeSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScNativeSelect, isStandalone: true, selector: "select[scNativeSelect]", inputs: { idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, 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": "native-select" }, properties: { "attr.id": "id()", "attr.data-size": "size()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNativeSelect, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'select[scNativeSelect]',
+                    host: {
+                        'data-slot': 'native-select',
+                        '[attr.id]': 'id()',
+                        '[attr.data-size]': 'size()',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+//# sourceMappingURL=native-select.js.map

package/esm2022/lib/components/native-select/native-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/native-select/native-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,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;;AAWpC,MAAM,OAAO,cAAc;IACR,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;IAErE,OAAO,GAAG,KAAK,CAAC,EAAE,oDAAI,KAAK,EAAE,IAAI,GAAG,CAAC;IACrC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,IAAI,GAAG,KAAK,CAAmB,SAAS,gDAAC,CAAC;IAE1C,EAAE,GAAG,QAAQ,CACpB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,UAAU,8CAC5D,CAAC;IAEiB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,0pBAA0pB,EAC1pB,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAjBS,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAT1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,WAAW,EAAE,MAAM;wBACnB,kBAAkB,EAAE,QAAQ;wBAC5B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { SC_FIELD } from '../field';\n\n@Directive({\n  selector: 'select[scNativeSelect]',\n  host: {\n    'data-slot': 'native-select',\n    '[attr.id]': 'id()',\n    '[attr.data-size]': 'size()',\n    '[class]': 'class()',\n  },\n})\nexport class ScNativeSelect {\n  private readonly field = inject(SC_FIELD, { optional: true });\n  private readonly fallbackId = inject(_IdGenerator).getId('sc-native-select-');\n\n  readonly idInput = input('', { alias: 'id' });\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly size = input<'default' | 'sm'>('default');\n\n  readonly id = computed(\n    () => this.idInput() || this.field?.id() || this.fallbackId,\n  );\n\n  protected readonly class = computed(() =>\n    cn(\n      'border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 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 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 outline-none disabled:pointer-events-none disabled:cursor-not-allowed',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/navigation-menu/index.js

@@ -0,0 +1,8 @@
+export { ScNavigationMenu } from './navigation-menu';
+export { ScNavigationMenuContent } from './navigation-menu-content';
+export { ScNavigationMenuItem } from './navigation-menu-item';
+export { ScNavigationMenuLink } from './navigation-menu-link';
+export { ScNavigationMenuList } from './navigation-menu-list';
+export { ScNavigationMenuPortal } from './navigation-menu-portal';
+export { ScNavigationMenuTrigger } from './navigation-menu-trigger';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/navigation-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { ScNavigationMenu } from './navigation-menu';\nexport { ScNavigationMenuContent } from './navigation-menu-content';\nexport { ScNavigationMenuItem } from './navigation-menu-item';\nexport { ScNavigationMenuLink } from './navigation-menu-link';\nexport { ScNavigationMenuList } from './navigation-menu-list';\nexport { ScNavigationMenuPortal } from './navigation-menu-portal';\nexport { ScNavigationMenuTrigger } from './navigation-menu-trigger';\n"]}

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

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScNavigationMenuItem } from './navigation-menu-item';
+import * as i0 from "@angular/core";
+export class ScNavigationMenuContent {
+    menuItem = inject(ScNavigationMenuItem);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('block', 'left-0 top-0 w-full md:absolute md:w-auto', 'bg-popover text-popover-foreground', 'rounded-md border shadow-lg', 'overflow-hidden', 'data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out', 'data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out', 'data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52', 'data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52', '**:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onMouseEnter() {
+        this.menuItem.cancelHide();
+    }
+    onMouseLeave() {
+        this.menuItem.onMouseLeave();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScNavigationMenuContent, isStandalone: true, selector: "div[scNavigationMenuContent]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-content" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScNavigationMenuContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scNavigationMenuContent]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'navigation-menu-content',
+                        '[class]': 'class()',
+                        '(mouseenter)': 'onMouseEnter()',
+                        '(mouseleave)': 'onMouseLeave()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=navigation-menu-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu-content.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/navigation-menu/navigation-menu-content.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAgB9D,MAAM,OAAO,uBAAuB;IACjB,QAAQ,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IAChD,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,OAAO,EACP,2CAA2C,EAC3C,oCAAoC,EACpC,6BAA6B,EAC7B,iBAAiB,EACjB,gEAAgE,EAChE,0DAA0D,EAC1D,8FAA8F,EAC9F,wFAAwF,EACxF,yGAAyG,EACzG,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,YAAY;QACV,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IAC7B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;IAC/B,CAAC;uGA1BU,uBAAuB;2FAAvB,uBAAuB,2ZAZxB;;GAET;;2FAUU,uBAAuB;kBAdnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,yBAAyB;wBACtC,SAAS,EAAE,SAAS;wBACpB,cAAc,EAAE,gBAAgB;wBAChC,cAAc,EAAE,gBAAgB;qBACjC;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScNavigationMenuItem } from './navigation-menu-item';\n\n@Component({\n  selector: 'div[scNavigationMenuContent]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'navigation-menu-content',\n    '[class]': 'class()',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScNavigationMenuContent {\n  private readonly menuItem = inject(ScNavigationMenuItem);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'block',\n      'left-0 top-0 w-full md:absolute md:w-auto',\n      'bg-popover text-popover-foreground',\n      'rounded-md border shadow-lg',\n      'overflow-hidden',\n      'data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out',\n      'data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out',\n      'data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52',\n      'data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52',\n      '**:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none',\n      this.classInput(),\n    ),\n  );\n\n  onMouseEnter(): void {\n    this.menuItem.cancelHide();\n  }\n\n  onMouseLeave(): void {\n    this.menuItem.onMouseLeave();\n  }\n}\n"]}