@egose/shadcn-theme-ng 0.0.28 → 0.1.0

package/layout-simple/types/layout-simple.d.ts

@@ -7,7 +7,7 @@ import { BrnSheet } from '@spartan-ng/brain/sheet';
 
 interface UserMenuItem {
     label: string;
-    icon?: any;
+    icon?: string;
     action?: () => void;
     link?: string;
     class?: string;
@@ -21,7 +21,7 @@ declare class EgLayoutSimpleUserMenu {
     hlm: typeof hlm;
     lucideUser: string;
     menus: _angular_core.InputSignal<UserMenuSection[]>;
-    menuTrigger: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    menuTrigger: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EgLayoutSimpleUserMenu, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgLayoutSimpleUserMenu, "eg-layout-simple-user-menu", never, { "menus": { "alias": "menus"; "required": false; "isSignal": true; }; "menuTrigger": { "alias": "menuTrigger"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -30,8 +30,8 @@ declare class EgLayoutSimpleSidebar {
     readonly viewchildSheetRef: _angular_core.Signal<BrnSheet | undefined>;
     side: _angular_core.InputSignal<"top" | "bottom" | "left" | "right" | undefined>;
     title: _angular_core.InputSignal<string | undefined>;
-    content: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    contentContext: _angular_core.InputSignal<any>;
+    content: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    contentContext: _angular_core.InputSignal<object | null>;
     constructor();
     openSheet(): void;
     closeSheet(): void;
@@ -41,7 +41,7 @@ declare class EgLayoutSimpleSidebar {
 
 interface MenuItem {
     label: string;
-    icon?: any;
+    icon?: string;
     link?: string;
     action?: () => void;
     class?: string;
@@ -50,16 +50,27 @@ interface MenuGroup {
     label?: string;
     items: MenuItem[];
 }
+/**
+ * Single viewport contract for the shell: below Tailwind's `md` (768px) breakpoint the
+ * mobile menu trigger replaces all desktop navigation rows. CSS (`tw:hidden tw:md:flex`)
+ * and runtime rendering both derive from this one boundary.
+ */
+declare const EG_LAYOUT_SIMPLE_MOBILE_BREAKPOINT = "(max-width: 767.98px)";
 declare class EgLayoutSimple<TItem, TParams extends object = {
     search: string;
 }> {
     private breakpointObserver;
+    private readonly destroyRef;
     hlm: typeof hlm;
     menuIcon: string;
     sidebarEnabled: _angular_core.InputSignal<boolean>;
     sidebarTitle: _angular_core.InputSignal<string>;
-    sidebarContent: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    userMenuTrigger: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    sidebarContent: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Accessible name for the icon-only sidebar trigger. */
+    sidebarToggleLabel: _angular_core.InputSignal<string>;
+    /** Accessible name for the icon-only mobile menu trigger. */
+    mobileMenuLabel: _angular_core.InputSignal<string>;
+    userMenuTrigger: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
     /** Menu data inputs */
     leftMenus: _angular_core.InputSignal<MenuItem[]>;
     leftMenuGroups: _angular_core.InputSignal<MenuGroup[]>;
@@ -85,7 +96,7 @@ declare class EgLayoutSimple<TItem, TParams extends object = {
     loading: _angular_core.InputSignal<boolean>;
     searchPlaceholderText: _angular_core.InputSignal<string>;
     searchEmptyText: _angular_core.InputSignal<string>;
-    searchOptionTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    searchOptionTemplate: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
     searchLoaderFn: _angular_core.InputSignal<((params: TParams) => Promise<TItem[]>) | undefined>;
     searchTransformValueToSearch: _angular_core.InputSignal<((value: TItem) => string) | undefined>;
     readonly searchOptionChange: _angular_core.OutputEmitterRef<TItem>;
@@ -113,16 +124,19 @@ declare class EgLayoutSimple<TItem, TParams extends object = {
     protected readonly _computedFooterMenuClass: _angular_core.Signal<string>;
     protected readonly _computedFooterLinkClass: _angular_core.Signal<string>;
     /** Mobile menu state */
-    mobileMenuOpen: boolean;
+    protected readonly mobileMenuOpen: _angular_core.WritableSignal<boolean>;
     isMobile: _angular_core.WritableSignal<boolean>;
+    /** Expanded state of the sidebar sheet, kept in sync with BrnSheet state changes. */
+    protected readonly sidebarOpen: _angular_core.WritableSignal<boolean>;
     constructor(breakpointObserver: BreakpointObserver);
     toggleMobileMenu(): void;
+    closeMobileMenu(): void;
     onSearchOptionChange(value: TItem): void;
     readonly viewchildSheetRef: _angular_core.Signal<EgLayoutSimpleSidebar | undefined>;
     openSidebar(): void;
     closeSidebar(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EgLayoutSimple<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgLayoutSimple<any, any>, "eg-layout-simple", never, { "sidebarEnabled": { "alias": "sidebarEnabled"; "required": false; "isSignal": true; }; "sidebarTitle": { "alias": "sidebarTitle"; "required": false; "isSignal": true; }; "sidebarContent": { "alias": "sidebarContent"; "required": false; "isSignal": true; }; "userMenuTrigger": { "alias": "userMenuTrigger"; "required": false; "isSignal": true; }; "leftMenus": { "alias": "leftMenus"; "required": false; "isSignal": true; }; "leftMenuGroups": { "alias": "leftMenuGroups"; "required": false; "isSignal": true; }; "rightMenus": { "alias": "rightMenus"; "required": false; "isSignal": true; }; "topMenus": { "alias": "topMenus"; "required": false; "isSignal": true; }; "topSecondaryMenus": { "alias": "topSecondaryMenus"; "required": false; "isSignal": true; }; "userMenus": { "alias": "userMenus"; "required": false; "isSignal": true; }; "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "logoLink": { "alias": "logoLink"; "required": false; "isSignal": true; }; "logoClass": { "alias": "logoClass"; "required": false; "isSignal": true; }; "headerClass": { "alias": "headerClass"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; "contentBottomClass": { "alias": "contentBottomClass"; "required": false; "isSignal": true; }; "leftMenuClass": { "alias": "leftClass"; "required": false; "isSignal": true; }; "rightMenuClass": { "alias": "rightClass"; "required": false; "isSignal": true; }; "topMenuClass": { "alias": "topClass"; "required": false; "isSignal": true; }; "leftLinkClass": { "alias": "leftLinkClass"; "required": false; "isSignal": true; }; "rightLinkClass": { "alias": "rightLinkClass"; "required": false; "isSignal": true; }; "topLinkClass": { "alias": "topLinkClass"; "required": false; "isSignal": true; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "searchPlaceholderText": { "alias": "searchPlaceholderText"; "required": false; "isSignal": true; }; "searchEmptyText": { "alias": "searchEmptyText"; "required": false; "isSignal": true; }; "searchOptionTemplate": { "alias": "searchOptionTemplate"; "required": false; "isSignal": true; }; "searchLoaderFn": { "alias": "searchLoaderFn"; "required": false; "isSignal": true; }; "searchTransformValueToSearch": { "alias": "searchTransformValueToSearch"; "required": false; "isSignal": true; }; "footerEnabled": { "alias": "footerEnabled"; "required": false; "isSignal": true; }; "footerMenus": { "alias": "footerMenus"; "required": false; "isSignal": true; }; "footerMenuClass": { "alias": "footerMenuClass"; "required": false; "isSignal": true; }; "footerLinkClass": { "alias": "footerLinkClass"; "required": false; "isSignal": true; }; "footerContent": { "alias": "footerContent"; "required": false; "isSignal": true; }; "footerClass": { "alias": "footerClass"; "required": false; "isSignal": true; }; }, { "searchOptionChange": "searchOptionChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgLayoutSimple<any, any>, "eg-layout-simple", never, { "sidebarEnabled": { "alias": "sidebarEnabled"; "required": false; "isSignal": true; }; "sidebarTitle": { "alias": "sidebarTitle"; "required": false; "isSignal": true; }; "sidebarContent": { "alias": "sidebarContent"; "required": false; "isSignal": true; }; "sidebarToggleLabel": { "alias": "sidebarToggleLabel"; "required": false; "isSignal": true; }; "mobileMenuLabel": { "alias": "mobileMenuLabel"; "required": false; "isSignal": true; }; "userMenuTrigger": { "alias": "userMenuTrigger"; "required": false; "isSignal": true; }; "leftMenus": { "alias": "leftMenus"; "required": false; "isSignal": true; }; "leftMenuGroups": { "alias": "leftMenuGroups"; "required": false; "isSignal": true; }; "rightMenus": { "alias": "rightMenus"; "required": false; "isSignal": true; }; "topMenus": { "alias": "topMenus"; "required": false; "isSignal": true; }; "topSecondaryMenus": { "alias": "topSecondaryMenus"; "required": false; "isSignal": true; }; "userMenus": { "alias": "userMenus"; "required": false; "isSignal": true; }; "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "logoLink": { "alias": "logoLink"; "required": false; "isSignal": true; }; "logoClass": { "alias": "logoClass"; "required": false; "isSignal": true; }; "headerClass": { "alias": "headerClass"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; "contentBottomClass": { "alias": "contentBottomClass"; "required": false; "isSignal": true; }; "leftMenuClass": { "alias": "leftClass"; "required": false; "isSignal": true; }; "rightMenuClass": { "alias": "rightClass"; "required": false; "isSignal": true; }; "topMenuClass": { "alias": "topClass"; "required": false; "isSignal": true; }; "leftLinkClass": { "alias": "leftLinkClass"; "required": false; "isSignal": true; }; "rightLinkClass": { "alias": "rightLinkClass"; "required": false; "isSignal": true; }; "topLinkClass": { "alias": "topLinkClass"; "required": false; "isSignal": true; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "searchPlaceholderText": { "alias": "searchPlaceholderText"; "required": false; "isSignal": true; }; "searchEmptyText": { "alias": "searchEmptyText"; "required": false; "isSignal": true; }; "searchOptionTemplate": { "alias": "searchOptionTemplate"; "required": false; "isSignal": true; }; "searchLoaderFn": { "alias": "searchLoaderFn"; "required": false; "isSignal": true; }; "searchTransformValueToSearch": { "alias": "searchTransformValueToSearch"; "required": false; "isSignal": true; }; "footerEnabled": { "alias": "footerEnabled"; "required": false; "isSignal": true; }; "footerMenus": { "alias": "footerMenus"; "required": false; "isSignal": true; }; "footerMenuClass": { "alias": "footerMenuClass"; "required": false; "isSignal": true; }; "footerLinkClass": { "alias": "footerLinkClass"; "required": false; "isSignal": true; }; "footerContent": { "alias": "footerContent"; "required": false; "isSignal": true; }; "footerClass": { "alias": "footerClass"; "required": false; "isSignal": true; }; }, { "searchOptionChange": "searchOptionChange"; }, never, ["*"], true, never>;
 }
 
 interface AutocompleteOption<T = unknown> {
@@ -149,5 +163,5 @@ declare class EgGenericAutocomplete<TItem, TParams extends object = {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgGenericAutocomplete<any, any>, "eg-generic-autocomplete", never, { "placeholderText": { "alias": "placeholderText"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loaderFn": { "alias": "loaderFn"; "required": false; "isSignal": true; }; "transformValueToSearch": { "alias": "transformValueToSearch"; "required": false; "isSignal": true; }; }, { "optionChange": "optionChange"; }, never, never, true, never>;
 }
 
-export { EgGenericAutocomplete, EgLayoutSimple, EgLayoutSimpleUserMenu };
+export { EG_LAYOUT_SIMPLE_MOBILE_BREAKPOINT, EgGenericAutocomplete, EgLayoutSimple, EgLayoutSimpleUserMenu };
 export type { AutocompleteOption, MenuGroup, MenuItem, UserMenuItem, UserMenuSection };

package/menu/README.md

@@ -0,0 +1,3 @@
+# Menu Subpath
+
+This project ships only as `@egose/shadcn-theme-ng/menu` or `@egose/shadcn-theme-ng-tw/menu`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.

package/menu/fesm2022/menu.mjs

@@ -0,0 +1,455 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component, Directive, booleanAttribute, NgModule } from '@angular/core';
+import * as i1 from '@angular/cdk/menu';
+import { CdkMenu, CdkMenuBar, CdkMenuItem, CdkMenuGroup, CdkMenuItemCheckbox, CdkMenuItemRadio } from '@angular/cdk/menu';
+import { hlm } from '@egose/shadcn-theme-ng/utils';
+import { cva } from 'class-variance-authority';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideCheck, lucideCircle, lucideChevronRight } from '@ng-icons/lucide';
+import { HlmIcon, provideHlmIconConfig } from '@egose/shadcn-theme-ng/icon';
+
+const menuVariants = cva("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out tw:data-[state=closed]:fade-out-0 tw:data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 tw:data-[side=bottom]:slide-in-from-top-2 tw:data-[side=left]:slide-in-from-right-2 tw:data-[side=right]:slide-in-from-left-2 tw:data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-top overflow-y-auto overflow-x-hidden rounded-md border p-1 shadow-md", {
+    variants: {
+        variant: {
+            default: "my-0.5",
+            menubar: "my-2",
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+class HlmMenu {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm(menuVariants({ variant: this.variant() }), this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    variant = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenu, isStandalone: true, selector: "hlm-menu", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.CdkMenu }], ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenu, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-menu',
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    hostDirectives: [CdkMenu],
+                    template: ` <ng-content /> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+class HlmMenuBar {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("bg-background shadow-xs flex h-9 items-center gap-1 rounded-md border p-1", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenuBar, isStandalone: true, selector: "hlm-menu-bar", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.CdkMenuBar }], ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuBar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-menu-bar',
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    hostDirectives: [CdkMenuBar],
+                    template: '<ng-content/>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmMenuBarItem {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("focus:bg-secondary focus:text-secondary-foreground aria-expanded:bg-secondary aria-expanded:text-secondary-foreground flex select-none items-center rounded-sm px-2 py-1 text-sm font-medium outline-none", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuBarItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenuBarItem, isStandalone: true, selector: "[hlmMenuBarItem]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.CdkMenuItem }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuBarItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmMenuBarItem]',
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    hostDirectives: [CdkMenuItem],
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmMenuGroup {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.3", type: HlmMenuGroup, isStandalone: true, selector: "hlm-menu-group", host: { classAttribute: "block" }, hostDirectives: [{ directive: i1.CdkMenuGroup }], ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-menu-group',
+                    host: {
+                        class: 'block',
+                    },
+                    hostDirectives: [CdkMenuGroup],
+                    template: ` <ng-content /> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class HlmMenuItem {
+    variant = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    inset = input(false, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("hover:bg-secondary hover:text-secondary-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[ng-icon]:!text-destructive [&_ng-icon]:text-muted-foreground relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[disabled]:opacity-50 [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenuItem, isStandalone: true, selector: "[hlmMenuItem]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, inset: { classPropertyName: "inset", publicName: "inset", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()", "attr.data-variant": "variant()", "attr.data-inset": "inset() ? \"\" : null" } }, hostDirectives: [{ directive: i1.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled"], outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmMenuItem]',
+                    host: {
+                        '[class]': '_computedClass()',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-inset]': 'inset() ? "" : null',
+                    },
+                    hostDirectives: [
+                        {
+                            directive: CdkMenuItem,
+                            inputs: ['cdkMenuItemDisabled: disabled'],
+                            outputs: ['cdkMenuItemTriggered: triggered'],
+                        },
+                    ],
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmMenuItemCheck {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("absolute left-2 flex h-3.5 w-3.5 items-center justify-center opacity-0 group-[.checked]:opacity-100", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemCheck, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenuItemCheck, isStandalone: true, selector: "hlm-menu-item-check", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [provideIcons({ lucideCheck })], ngImport: i0, template: `
+    <!-- Using 1rem for size to mimick h-4 w-4 -->
+    <ng-icon hlm size="1rem" name="lucideCheck" />
+  `, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemCheck, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-menu-item-check',
+                    providers: [provideIcons({ lucideCheck })],
+                    imports: [NgIcon, HlmIcon],
+                    template: `
+    <!-- Using 1rem for size to mimick h-4 w-4 -->
+    <ng-icon hlm size="1rem" name="lucideCheck" />
+  `,
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmMenuItemCheckbox {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("hover:bg-secondary hover:text-secondary-foreground focus-visible:bg-secondary focus-visible:text-secondary-foreground group relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors disabled:pointer-events-none disabled:opacity-50", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenuItemCheckbox, isStandalone: true, selector: "[hlmMenuItemCheckbox]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.CdkMenuItemCheckbox, inputs: ["cdkMenuItemDisabled", "disabled", "cdkMenuItemChecked", "checked"], outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemCheckbox, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmMenuItemCheckbox]',
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    hostDirectives: [
+                        {
+                            directive: CdkMenuItemCheckbox,
+                            inputs: ['cdkMenuItemDisabled: disabled', 'cdkMenuItemChecked: checked'],
+                            outputs: ['cdkMenuItemTriggered: triggered'],
+                        },
+                    ],
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmMenuItemIcon {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("mr-2", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenuItemIcon, isStandalone: true, selector: "[hlmMenuIcon]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [provideHlmIconConfig({ size: 'sm' })], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmMenuIcon]',
+                    providers: [provideHlmIconConfig({ size: 'sm' })],
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmMenuItemRadio {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("hover:bg-secondary hover:text-secondary-foreground focus-visible:bg-secondary focus-visible:text-secondary-foreground group relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors disabled:pointer-events-none disabled:opacity-50", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemRadio, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenuItemRadio, isStandalone: true, selector: "[hlmMenuItemRadio]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.CdkMenuItemRadio, inputs: ["cdkMenuItemDisabled", "disabled", "cdkMenuItemChecked", "checked"], outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemRadio, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmMenuItemRadio]',
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    hostDirectives: [
+                        {
+                            directive: CdkMenuItemRadio,
+                            inputs: ['cdkMenuItemDisabled: disabled', 'cdkMenuItemChecked: checked'],
+                            outputs: ['cdkMenuItemTriggered: triggered'],
+                        },
+                    ],
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmMenuItemRadioIndicator {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("absolute left-2 flex h-3.5 w-3.5 items-center justify-center opacity-0 group-[.checked]:opacity-100", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemRadioIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenuItemRadioIndicator, isStandalone: true, selector: "hlm-menu-item-radio", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [provideIcons({ lucideCircle })], ngImport: i0, template: "\n    <!-- Using 0.5rem for size to mimick h-2 w-2 -->\n    <ng-icon hlm size=\"0.5rem\" class=\"*:*:fill-current\" name=\"lucideCircle\" />\n  ", isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemRadioIndicator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-menu-item-radio',
+                    providers: [provideIcons({ lucideCircle })],
+                    imports: [NgIcon, HlmIcon],
+                    template: "\n    <!-- Using 0.5rem for size to mimick h-2 w-2 -->\n    <ng-icon hlm size=\"0.5rem\" class=\"*:*:fill-current\" name=\"lucideCircle\" />\n  ",
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmMenuItemSubIndicator {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("ml-auto size-4", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemSubIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenuItemSubIndicator, isStandalone: true, selector: "hlm-menu-item-sub-indicator", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [provideIcons({ lucideChevronRight })], ngImport: i0, template: " <ng-icon hlm size=\"sm\" name=\"lucideChevronRight\" class=\"text-popover-foreground\" /> ", isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemSubIndicator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-menu-item-sub-indicator',
+                    providers: [provideIcons({ lucideChevronRight })],
+                    imports: [NgIcon, HlmIcon],
+                    template: " <ng-icon hlm size=\"sm\" name=\"lucideChevronRight\" class=\"text-popover-foreground\" /> ",
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmMenuLabel {
+    inset = input(false, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("block px-2 py-1.5 text-sm font-semibold data-[inset]:pl-8", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuLabel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenuLabel, isStandalone: true, selector: "hlm-menu-label", inputs: { inset: { classPropertyName: "inset", publicName: "inset", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()", "attr.data-inset": "inset() ? \"\" : null" } }, ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuLabel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-menu-label',
+                    template: ` <ng-content /> `,
+                    host: {
+                        '[class]': '_computedClass()',
+                        '[attr.data-inset]': 'inset() ? "" : null',
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmMenuSeparator {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("bg-border -mx-1 my-1 block h-px", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenuSeparator, isStandalone: true, selector: "hlm-menu-separator", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuSeparator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-menu-separator',
+                    template: '',
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmMenuShortcut {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("text-muted-foreground ml-auto text-xs tracking-widest", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuShortcut, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenuShortcut, isStandalone: true, selector: "hlm-menu-shortcut", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuShortcut, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-menu-shortcut',
+                    template: ` <ng-content /> `,
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmSubMenu {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("border-border bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out tw:data-[state=closed]:fade-out-0 tw:data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 tw:data-[side=bottom]:slide-in-from-top-2 tw:data-[side=left]:slide-in-from-right-2 tw:data-[side=right]:slide-in-from-left-2 tw:data-[side=top]:slide-in-from-bottom-2 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSubMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmSubMenu, isStandalone: true, selector: "hlm-sub-menu", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.CdkMenu }], ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSubMenu, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-sub-menu',
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    hostDirectives: [CdkMenu],
+                    template: ` <ng-content /> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/*
+ * Public API Surface of menu
+ */
+const HlmMenuItemImports = [
+    HlmMenuItem,
+    HlmMenuItemIcon,
+    HlmMenuGroup,
+    HlmMenuItemSubIndicator,
+    HlmMenuItemRadioIndicator,
+    HlmMenuItemCheck,
+    HlmMenuShortcut,
+    HlmMenuItemCheckbox,
+    HlmMenuItemRadio,
+];
+const HlmMenuStructureImports = [HlmMenuLabel, HlmMenuSeparator];
+const HlmMenuImports = [...HlmMenuItemImports, ...HlmMenuStructureImports, HlmMenu, HlmSubMenu];
+const HlmMenuBarImports = [...HlmMenuImports, HlmMenuBar, HlmMenuBarItem];
+class HlmMenuItemModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemModule, imports: [HlmMenuItem,
+            HlmMenuItemIcon,
+            HlmMenuGroup,
+            HlmMenuItemSubIndicator,
+            HlmMenuItemRadioIndicator,
+            HlmMenuItemCheck,
+            HlmMenuShortcut,
+            HlmMenuItemCheckbox,
+            HlmMenuItemRadio], exports: [HlmMenuItem,
+            HlmMenuItemIcon,
+            HlmMenuGroup,
+            HlmMenuItemSubIndicator,
+            HlmMenuItemRadioIndicator,
+            HlmMenuItemCheck,
+            HlmMenuShortcut,
+            HlmMenuItemCheckbox,
+            HlmMenuItemRadio] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemModule, imports: [HlmMenuItemSubIndicator,
+            HlmMenuItemRadioIndicator,
+            HlmMenuItemCheck] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmMenuItemImports],
+                    exports: [...HlmMenuItemImports],
+                }]
+        }] });
+class HlmMenuModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuModule, imports: [HlmMenuItem,
+            HlmMenuItemIcon,
+            HlmMenuGroup,
+            HlmMenuItemSubIndicator,
+            HlmMenuItemRadioIndicator,
+            HlmMenuItemCheck,
+            HlmMenuShortcut,
+            HlmMenuItemCheckbox,
+            HlmMenuItemRadio, HlmMenuLabel, HlmMenuSeparator, HlmMenu, HlmSubMenu], exports: [HlmMenuItem,
+            HlmMenuItemIcon,
+            HlmMenuGroup,
+            HlmMenuItemSubIndicator,
+            HlmMenuItemRadioIndicator,
+            HlmMenuItemCheck,
+            HlmMenuShortcut,
+            HlmMenuItemCheckbox,
+            HlmMenuItemRadio, HlmMenuLabel, HlmMenuSeparator, HlmMenu, HlmSubMenu] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuModule, imports: [HlmMenuItemSubIndicator,
+            HlmMenuItemRadioIndicator,
+            HlmMenuItemCheck] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmMenuImports],
+                    exports: [...HlmMenuImports],
+                }]
+        }] });
+class HlmMenuBarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuBarModule, imports: [HlmMenuItem,
+            HlmMenuItemIcon,
+            HlmMenuGroup,
+            HlmMenuItemSubIndicator,
+            HlmMenuItemRadioIndicator,
+            HlmMenuItemCheck,
+            HlmMenuShortcut,
+            HlmMenuItemCheckbox,
+            HlmMenuItemRadio, HlmMenuLabel, HlmMenuSeparator, HlmMenu, HlmSubMenu, HlmMenuBar, HlmMenuBarItem], exports: [HlmMenuItem,
+            HlmMenuItemIcon,
+            HlmMenuGroup,
+            HlmMenuItemSubIndicator,
+            HlmMenuItemRadioIndicator,
+            HlmMenuItemCheck,
+            HlmMenuShortcut,
+            HlmMenuItemCheckbox,
+            HlmMenuItemRadio, HlmMenuLabel, HlmMenuSeparator, HlmMenu, HlmSubMenu, HlmMenuBar, HlmMenuBarItem] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuBarModule, imports: [HlmMenuItemSubIndicator,
+            HlmMenuItemRadioIndicator,
+            HlmMenuItemCheck] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenuBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmMenuBarImports],
+                    exports: [...HlmMenuBarImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmMenu, HlmMenuBar, HlmMenuBarImports, HlmMenuBarItem, HlmMenuBarModule, HlmMenuGroup, HlmMenuImports, HlmMenuItem, HlmMenuItemCheck, HlmMenuItemCheckbox, HlmMenuItemIcon, HlmMenuItemImports, HlmMenuItemModule, HlmMenuItemRadio, HlmMenuItemRadioIndicator, HlmMenuItemSubIndicator, HlmMenuLabel, HlmMenuModule, HlmMenuSeparator, HlmMenuShortcut, HlmMenuStructureImports, HlmSubMenu, menuVariants };
+

package/menu/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "menu",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.3.0 || ^22.0.0",
+    "@angular/core": "^20.3.0 || ^22.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/menu.mjs",
+  "typings": "types/menu.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/menu.d.ts",
+      "default": "./fesm2022/menu.mjs"
+    }
+  },
+  "type": "module"
+}