@egose/shadcn-theme-ng 0.0.27 → 0.1.0

package/menubar/README.md

@@ -0,0 +1,11 @@
+# Menubar
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build menubar
+```

package/menubar/fesm2022/menubar.mjs

@@ -0,0 +1,108 @@
+import * as i0 from '@angular/core';
+import { Directive, InjectionToken, inject, input, booleanAttribute, computed, effect, forwardRef, NgModule } from '@angular/core';
+import * as i1 from '@angular/cdk/menu';
+import { CdkMenuBar, CdkMenuTrigger, CdkMenuItem } from '@angular/cdk/menu';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+import { createMenuPosition, MENU_SIDE } from '@spartan-ng/brain/core';
+
+class HlmMenubar {
+    constructor() {
+        classes(() => "bg-background h-9 gap-1 rounded-md border p-1 shadow-xs flex items-center");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenubar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmMenubar, isStandalone: true, selector: "[hlmMenubar],hlm-menubar", host: { attributes: { "data-slot": "menubar" } }, hostDirectives: [{ directive: i1.CdkMenuBar }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenubar, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmMenubar],hlm-menubar',
+                    hostDirectives: [CdkMenuBar],
+                    host: {
+                        'data-slot': 'menubar',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const defaultConfig = {
+    align: 'start',
+    side: 'bottom',
+};
+const HlmMenubarConfigToken = new InjectionToken('HlmMenubarConfig');
+function provideHlmMenubarConfig(config) {
+    return { provide: HlmMenubarConfigToken, useValue: { ...defaultConfig, ...config } };
+}
+function injectHlmMenubarConfig() {
+    return inject(HlmMenubarConfigToken, { optional: true }) ?? defaultConfig;
+}
+
+class HlmMenubarTrigger {
+    _cdkTrigger = inject(CdkMenuTrigger, { host: true });
+    _config = injectHlmMenubarConfig();
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    align = input(this._config.align, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    side = input(this._config.side, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    _menuPosition = computed(() => createMenuPosition(this.align(), this.side()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_menuPosition" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // CDK sets transform-origin on the menu content (a shared hlm-dropdown-menu) from the resolved
+        // position; the content reads it to animate from the anchored corner and to derive its data-side.
+        // Cast tolerates @angular/cdk < 21.2 (we still support >=21.0), where the property is absent and
+        // the assignment is a harmless no-op.
+        this._cdkTrigger.transformOriginSelector = '[data-slot="dropdown-menu"]';
+        effect(() => {
+            this._cdkTrigger.menuPosition = this._menuPosition();
+        });
+        classes(() => "hover:bg-muted aria-expanded:bg-muted rounded-sm px-2 py-1 text-sm font-medium flex items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenubarTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmMenubarTrigger, isStandalone: true, selector: "button[hlmMenubarTrigger]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "menubar-trigger" }, properties: { "disabled": "disabled() ", "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [{ provide: MENU_SIDE, useExisting: forwardRef(() => HlmMenubarTrigger) }], hostDirectives: [{ directive: i1.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled"] }, { directive: i1.CdkMenuTrigger, inputs: ["cdkMenuTriggerFor", "hlmMenubarTrigger", "cdkMenuTriggerData", "hlmMenubarTriggerData"], outputs: ["cdkMenuOpened", "hlmDropdownMenuOpened", "cdkMenuClosed", "hlmDropdownMenuClosed"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenubarTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[hlmMenubarTrigger]',
+                    providers: [{ provide: MENU_SIDE, useExisting: forwardRef(() => HlmMenubarTrigger) }],
+                    hostDirectives: [
+                        {
+                            directive: CdkMenuItem,
+                            inputs: ['cdkMenuItemDisabled: disabled'],
+                        },
+                        {
+                            directive: CdkMenuTrigger,
+                            inputs: ['cdkMenuTriggerFor: hlmMenubarTrigger', 'cdkMenuTriggerData: hlmMenubarTriggerData'],
+                            outputs: ['cdkMenuOpened: hlmDropdownMenuOpened', 'cdkMenuClosed: hlmDropdownMenuClosed'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'menubar-trigger',
+                        '[disabled]': 'disabled() ',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }] } });
+
+/*
+ * Public API Surface of menubar
+ */
+const HlmMenubarImports = [HlmMenubar, HlmMenubarTrigger];
+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: [HlmMenubar, HlmMenubarTrigger], exports: [HlmMenubar, HlmMenubarTrigger] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmMenubarModule });
+}
+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 { HlmMenubar, HlmMenubarImports, HlmMenubarModule, HlmMenubarTrigger, injectHlmMenubarConfig, provideHlmMenubarConfig };
+

package/menubar/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "menubar",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@spartan-ng/brain": "^1.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/menubar.mjs",
+  "typings": "types/menubar.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/menubar.d.ts",
+      "default": "./fesm2022/menubar.mjs"
+    }
+  },
+  "type": "module"
+}

package/menubar/types/menubar.d.ts

@@ -0,0 +1,40 @@
+import * as i0 from '@angular/core';
+import { ValueProvider } from '@angular/core';
+import * as i1 from '@angular/cdk/menu';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { MenuAlign, MenuSide } from '@spartan-ng/brain/core';
+
+declare class HlmMenubar {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmMenubar, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmMenubar, "[hlmMenubar],hlm-menubar", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenuBar; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmMenubarTrigger {
+    private readonly _cdkTrigger;
+    private readonly _config;
+    readonly disabled: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    readonly align: i0.InputSignal<MenuAlign>;
+    readonly side: i0.InputSignal<MenuSide>;
+    private readonly _menuPosition;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmMenubarTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmMenubarTrigger, "button[hlmMenubarTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuItem; inputs: { "cdkMenuItemDisabled": "disabled"; }; outputs: {}; }, { directive: typeof i1.CdkMenuTrigger; inputs: { "cdkMenuTriggerFor": "hlmMenubarTrigger"; "cdkMenuTriggerData": "hlmMenubarTriggerData"; }; outputs: { "cdkMenuOpened": "hlmDropdownMenuOpened"; "cdkMenuClosed": "hlmDropdownMenuClosed"; }; }]>;
+}
+
+interface HlmMenubarConfig {
+    align: MenuAlign;
+    side: MenuSide;
+}
+declare function provideHlmMenubarConfig(config: Partial<HlmMenubarConfig>): ValueProvider;
+declare function injectHlmMenubarConfig(): HlmMenubarConfig;
+
+declare const HlmMenubarImports: readonly [typeof HlmMenubar, typeof HlmMenubarTrigger];
+declare class HlmMenubarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmMenubarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmMenubarModule, never, [typeof HlmMenubar, typeof HlmMenubarTrigger], [typeof HlmMenubar, typeof HlmMenubarTrigger]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmMenubarModule>;
+}
+
+export { HlmMenubar, HlmMenubarImports, HlmMenubarModule, HlmMenubarTrigger, injectHlmMenubarConfig, provideHlmMenubarConfig };
+export type { HlmMenubarConfig };

package/native-select/README.md

@@ -0,0 +1,11 @@
+# NativeSelect
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build native-select
+```

package/native-select/fesm2022/native-select.mjs

@@ -0,0 +1,207 @@
+import * as i0 from '@angular/core';
+import { forwardRef, inject, input, computed, booleanAttribute, linkedSignal, output, ChangeDetectionStrategy, Component, Directive, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideChevronDown } from '@ng-icons/lucide';
+import * as i1 from '@spartan-ng/brain/field';
+import { BrnFieldControl, provideBrnLabelable } from '@spartan-ng/brain/field';
+import { hlm, classes } from '@egose/shadcn-theme-ng/utils';
+
+const HLM_NATIVE_SELECT_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => HlmNativeSelect),
+    multi: true,
+};
+class HlmNativeSelect {
+    _fieldControl = inject(BrnFieldControl, { optional: true });
+    static _id = 0;
+    selectId = input(`hlm-native-select-${HlmNativeSelect._id++}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectId" }] : /* istanbul ignore next */ []));
+    selectClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectClass" }] : /* istanbul ignore next */ []));
+    _computedSelectClass = computed(() => hlm("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 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent py-1 ps-2.5 pe-8 text-sm shadow-xs transition-[color,box-shadow] select-none focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 data-[size=sm]:h-8 outline-none disabled:pointer-events-none disabled:cursor-not-allowed", this.selectClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedSelectClass" }] : /* istanbul ignore next */ []));
+    selectIconClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectIconClass" }] : /* istanbul ignore next */ []));
+    _computedSelectIconClass = computed(() => hlm("text-muted-foreground end-2.5 top-1/2 -translate-y-1/2 text-[length:--spacing(4)] pointer-events-none absolute select-none", this.selectIconClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedSelectIconClass" }] : /* istanbul ignore next */ []));
+    size = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    _disabled = linkedSignal(this.disabled, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
+    /** Whether to force the input into an invalid state. */
+    forceInvalid = input(false, { ...(ngDevMode ? { debugName: "forceInvalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Manual override for aria-invalid. When not set, auto-detects from the parent autocomplete error state. */
+    ariaInvalidOverride = input(undefined, { ...(ngDevMode ? { debugName: "ariaInvalidOverride" } : /* istanbul ignore next */ {}), transform: (v) => (v === '' || v === undefined ? undefined : booleanAttribute(v)),
+        alias: 'aria-invalid' });
+    _ariaInvalid = computed(() => this.ariaInvalidOverride() ?? this._invalid?.(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_ariaInvalid" }] : /* istanbul ignore next */ []));
+    valueInput = input('', { ...(ngDevMode ? { debugName: "valueInput" } : /* istanbul ignore next */ {}), alias: 'value' });
+    value = linkedSignal(this.valueInput, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    _onChange;
+    _onTouched;
+    labelableId = this.selectId;
+    _invalid = this._fieldControl?.invalid;
+    _touched = this._fieldControl?.touched;
+    _dirty = this._fieldControl?.dirty;
+    _spartanInvalid = computed(() => this.forceInvalid() || this._fieldControl?.spartanInvalid(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_spartanInvalid" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => "group/native-select relative w-fit has-[select:disabled]:opacity-50");
+    }
+    _valueChanged(event) {
+        const value = event.target.value;
+        this.value.set(value);
+        this.valueChange.emit(value);
+        this._onChange?.(value);
+        this._onTouched?.();
+    }
+    _blur() {
+        this._onTouched?.();
+    }
+    /** CONTROL VALUE ACCESSOR */
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled.set(isDisabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNativeSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmNativeSelect, isStandalone: true, selector: "hlm-native-select", inputs: { selectId: { classPropertyName: "selectId", publicName: "selectId", isSignal: true, isRequired: false, transformFunction: null }, selectClass: { classPropertyName: "selectClass", publicName: "selectClass", isSignal: true, isRequired: false, transformFunction: null }, selectIconClass: { classPropertyName: "selectIconClass", publicName: "selectIconClass", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, forceInvalid: { classPropertyName: "forceInvalid", publicName: "forceInvalid", isSignal: true, isRequired: false, transformFunction: null }, ariaInvalidOverride: { classPropertyName: "ariaInvalidOverride", publicName: "aria-invalid", isSignal: true, isRequired: false, transformFunction: null }, valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { attributes: { "data-slot": "native-select-wrapper" }, properties: { "attr.data-size": "size()" } }, providers: [
+            HLM_NATIVE_SELECT_VALUE_ACCESSOR,
+            provideIcons({ lucideChevronDown }),
+            provideBrnLabelable(HlmNativeSelect),
+        ], hostDirectives: [{ directive: i1.BrnFieldControl }], ngImport: i0, template: `
+    <select
+      data-slot="native-select"
+      [id]="selectId()"
+      [class]="_computedSelectClass()"
+      [attr.data-size]="size()"
+      [attr.aria-invalid]="_ariaInvalid() ? 'true' : null"
+      [attr.data-invalid]="_ariaInvalid() ? 'true' : null"
+      [attr.data-dirty]="_dirty?.() ? 'true' : null"
+      [attr.data-touched]="_touched?.() ? 'true' : null"
+      [attr.data-matches-spartan-invalid]="_spartanInvalid() ? 'true' : null"
+      [value]="value()"
+      [disabled]="_disabled()"
+      (change)="_valueChanged($event)"
+      (blur)="_blur()"
+    >
+      <ng-content />
+    </select>
+
+    <ng-icon
+      name="lucideChevronDown"
+      [class]="_computedSelectIconClass()"
+      aria-hidden="true"
+      data-slot="native-select-icon"
+    />
+  `, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNativeSelect, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-native-select',
+                    imports: [NgIcon],
+                    providers: [
+                        HLM_NATIVE_SELECT_VALUE_ACCESSOR,
+                        provideIcons({ lucideChevronDown }),
+                        provideBrnLabelable(HlmNativeSelect),
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [BrnFieldControl],
+                    host: {
+                        'data-slot': 'native-select-wrapper',
+                        '[attr.data-size]': 'size()',
+                    },
+                    template: `
+    <select
+      data-slot="native-select"
+      [id]="selectId()"
+      [class]="_computedSelectClass()"
+      [attr.data-size]="size()"
+      [attr.aria-invalid]="_ariaInvalid() ? 'true' : null"
+      [attr.data-invalid]="_ariaInvalid() ? 'true' : null"
+      [attr.data-dirty]="_dirty?.() ? 'true' : null"
+      [attr.data-touched]="_touched?.() ? 'true' : null"
+      [attr.data-matches-spartan-invalid]="_spartanInvalid() ? 'true' : null"
+      [value]="value()"
+      [disabled]="_disabled()"
+      (change)="_valueChanged($event)"
+      (blur)="_blur()"
+    >
+      <ng-content />
+    </select>
+
+    <ng-icon
+      name="lucideChevronDown"
+      [class]="_computedSelectIconClass()"
+      aria-hidden="true"
+      data-slot="native-select-icon"
+    />
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { selectId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectId", required: false }] }], selectClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectClass", required: false }] }], selectIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectIconClass", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], forceInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceInvalid", required: false }] }], ariaInvalidOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-invalid", required: false }] }], valueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+class HlmNativeSelectOptGroup {
+    constructor() {
+        classes(() => "bg-[Canvas] text-[CanvasText]");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNativeSelectOptGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmNativeSelectOptGroup, isStandalone: true, selector: "optgroup[hlmNativeSelectOptGroup]", host: { attributes: { "data-slot": "native-select-optgroup" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNativeSelectOptGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'optgroup[hlmNativeSelectOptGroup]',
+                    host: { 'data-slot': 'native-select-optgroup' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmNativeSelectOption {
+    constructor() {
+        classes(() => "bg-[Canvas] text-[CanvasText]");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNativeSelectOption, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmNativeSelectOption, isStandalone: true, selector: "option[hlmNativeSelectOption]", host: { attributes: { "data-slot": "native-select-option" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNativeSelectOption, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'option[hlmNativeSelectOption]',
+                    host: { 'data-slot': 'native-select-option' },
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of native-select
+ */
+const HlmNativeSelectImports = [HlmNativeSelect, HlmNativeSelectOption, HlmNativeSelectOptGroup];
+class HlmNativeSelectModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNativeSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmNativeSelectModule, imports: [HlmNativeSelect, HlmNativeSelectOption, HlmNativeSelectOptGroup], exports: [HlmNativeSelect, HlmNativeSelectOption, HlmNativeSelectOptGroup] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNativeSelectModule, imports: [HlmNativeSelect] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNativeSelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmNativeSelectImports],
+                    exports: [...HlmNativeSelectImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HLM_NATIVE_SELECT_VALUE_ACCESSOR, HlmNativeSelect, HlmNativeSelectImports, HlmNativeSelectModule, HlmNativeSelectOptGroup, HlmNativeSelectOption };
+

package/native-select/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "native-select",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@spartan-ng/brain": "^1.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/native-select.mjs",
+  "typings": "types/native-select.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/native-select.d.ts",
+      "default": "./fesm2022/native-select.mjs"
+    }
+  },
+  "type": "module"
+}

package/native-select/types/native-select.d.ts

@@ -0,0 +1,70 @@
+import * as _angular_core from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ControlValueAccessor } from '@angular/forms';
+import { ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
+import { ClassValue } from 'clsx';
+import * as i1 from '@spartan-ng/brain/field';
+
+declare const HLM_NATIVE_SELECT_VALUE_ACCESSOR: {
+    provide: _angular_core.InjectionToken<readonly ControlValueAccessor[]>;
+    useExisting: _angular_core.Type<any>;
+    multi: boolean;
+};
+declare class HlmNativeSelect implements ControlValueAccessor {
+    private readonly _fieldControl;
+    private static _id;
+    readonly selectId: _angular_core.InputSignal<string>;
+    readonly selectClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedSelectClass: _angular_core.Signal<string>;
+    readonly selectIconClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedSelectIconClass: _angular_core.Signal<string>;
+    readonly size: _angular_core.InputSignal<"sm" | "default">;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    protected readonly _disabled: _angular_core.WritableSignal<boolean>;
+    /** Whether to force the input into an invalid state. */
+    readonly forceInvalid: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /** Manual override for aria-invalid. When not set, auto-detects from the parent autocomplete error state. */
+    readonly ariaInvalidOverride: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
+    protected readonly _ariaInvalid: _angular_core.Signal<boolean | null | undefined>;
+    readonly valueInput: _angular_core.InputSignal<string | null | undefined>;
+    readonly value: _angular_core.WritableSignal<string | null | undefined>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string | null | undefined>;
+    protected _onChange?: ChangeFn<string | undefined | null>;
+    protected _onTouched?: TouchFn;
+    readonly labelableId: _angular_core.InputSignal<string>;
+    protected readonly _invalid: _angular_core.Signal<boolean | null> | undefined;
+    protected readonly _touched: _angular_core.Signal<boolean | null> | undefined;
+    protected readonly _dirty: _angular_core.Signal<boolean | null> | undefined;
+    protected readonly _spartanInvalid: _angular_core.Signal<boolean | null | undefined>;
+    constructor();
+    protected _valueChanged(event: Event): void;
+    protected _blur(): void;
+    /** CONTROL VALUE ACCESSOR */
+    writeValue(value: string | undefined | null): void;
+    registerOnChange(fn: ChangeFn<string | undefined | null>): void;
+    registerOnTouched(fn: TouchFn): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmNativeSelect, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmNativeSelect, "hlm-native-select", never, { "selectId": { "alias": "selectId"; "required": false; "isSignal": true; }; "selectClass": { "alias": "selectClass"; "required": false; "isSignal": true; }; "selectIconClass": { "alias": "selectIconClass"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "forceInvalid": { "alias": "forceInvalid"; "required": false; "isSignal": true; }; "ariaInvalidOverride": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmNativeSelectOptGroup {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmNativeSelectOptGroup, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmNativeSelectOptGroup, "optgroup[hlmNativeSelectOptGroup]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmNativeSelectOption {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmNativeSelectOption, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmNativeSelectOption, "option[hlmNativeSelectOption]", never, {}, {}, never, never, true, never>;
+}
+
+declare const HlmNativeSelectImports: readonly [typeof HlmNativeSelect, typeof HlmNativeSelectOption, typeof HlmNativeSelectOptGroup];
+declare class HlmNativeSelectModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmNativeSelectModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<HlmNativeSelectModule, never, [typeof HlmNativeSelect, typeof HlmNativeSelectOption, typeof HlmNativeSelectOptGroup], [typeof HlmNativeSelect, typeof HlmNativeSelectOption, typeof HlmNativeSelectOptGroup]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<HlmNativeSelectModule>;
+}
+
+export { HLM_NATIVE_SELECT_VALUE_ACCESSOR, HlmNativeSelect, HlmNativeSelectImports, HlmNativeSelectModule, HlmNativeSelectOptGroup, HlmNativeSelectOption };

package/navigation-menu/README.md

@@ -0,0 +1,11 @@
+# NavigationMenu
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build navigation-menu
+```