@luzmo/ngx-lucero 1.0.1-alpha.78

package/esm/components/top-nav-item.js

@@ -0,0 +1,120 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, Renderer2 } from '@angular/core';
+import '@luzmo/lucero/top-nav';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-top-nav-item>
+ *
+ * @slot (default) - text label of the navigation item
+ */
+export class LuzmoTopNavItem {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    destroyRef = inject(DestroyRef);
+    host = this.elementRef.nativeElement;
+    listenerCleanup = [];
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement() {
+        return this.host;
+    }
+    href;
+    target;
+    download;
+    rel;
+    label;
+    selected;
+    disabled;
+    value;
+    constructor() {
+        this.bindEvents();
+        this.destroyRef.onDestroy(() => {
+            for (const cleanup of this.listenerCleanup) {
+                cleanup();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        for (const key of Object.keys(changes)) {
+            switch (key) {
+                case 'href':
+                    this.setHostProperty('href', changes['href'].currentValue);
+                    break;
+                case 'target':
+                    this.setHostProperty('target', changes['target'].currentValue);
+                    break;
+                case 'download':
+                    this.setHostProperty('download', changes['download'].currentValue);
+                    break;
+                case 'rel':
+                    this.setHostProperty('rel', changes['rel'].currentValue);
+                    break;
+                case 'label':
+                    this.setHostProperty('label', changes['label'].currentValue);
+                    break;
+                case 'selected':
+                    this.setHostProperty('selected', changes['selected'].currentValue);
+                    break;
+                case 'disabled':
+                    this.setHostProperty('disabled', changes['disabled'].currentValue);
+                    break;
+                case 'value':
+                    this.setHostProperty('value', changes['value'].currentValue);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    setHostProperty(key, value) {
+        this.renderer.setProperty(this.host, key, value);
+    }
+    bindEvents() {
+        // No custom events for this wrapper.
+    }
+    static ɵfac = function LuzmoTopNavItem_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoTopNavItem)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTopNavItem, selectors: [["luzmo-top-nav-item"]], inputs: { href: "href", target: "target", download: "download", rel: "rel", label: "label", selected: "selected", disabled: "disabled", value: "value" }, exportAs: ["luzmoTopNavItem"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTopNavItem_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTopNavItem, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-top-nav-item',
+                exportAs: 'luzmoTopNavItem',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { href: [{
+            type: Input,
+            args: [{ alias: 'href' }]
+        }], target: [{
+            type: Input,
+            args: [{ alias: 'target' }]
+        }], download: [{
+            type: Input,
+            args: [{ alias: 'download' }]
+        }], rel: [{
+            type: Input,
+            args: [{ alias: 'rel' }]
+        }], label: [{
+            type: Input,
+            args: [{ alias: 'label' }]
+        }], selected: [{
+            type: Input,
+            args: [{ alias: 'selected' }]
+        }], disabled: [{
+            type: Input,
+            args: [{ alias: 'disabled' }]
+        }], value: [{
+            type: Input,
+            args: [{ alias: 'value' }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoTopNavItem, { className: "LuzmoTopNavItem", filePath: "components/top-nav-item.ts", lineNumber: 17 }); })();

package/esm/components/top-nav.d.ts

@@ -0,0 +1,35 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/lucero/top-nav';
+import type { LuzmoTopNav as LuzmoTopNavHostElement } from '@luzmo/lucero/top-nav';
+import * as i0 from "@angular/core";
+export declare class LuzmoTopNav implements OnChanges {
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly destroyRef;
+    private readonly host;
+    private readonly listenerCleanup;
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement(): LuzmoTopNavHostElement;
+    label?: string;
+    quiet?: boolean;
+    selected?: boolean;
+    selectionIndicatorStyle?: unknown;
+    shouldAnimate?: boolean;
+    rovingTabindexController?: unknown;
+    /** The selected navigation item has changed. */
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<Event>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    private setHostProperty;
+    private bindEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoTopNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoTopNav, "luzmo-top-nav", ["luzmoTopNav"], { "label": { "alias": "label"; "required": false; }; "quiet": { "alias": "quiet"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selectionIndicatorStyle": { "alias": "selection-indicator-style"; "required": false; }; "shouldAnimate": { "alias": "should-animate"; "required": false; }; "rovingTabindexController": { "alias": "roving-tabindex-controller"; "required": false; }; }, { "changeEvent": "change"; }, never, ["*"], true, never>;
+}
+/** The underlying custom element type for LuzmoTopNav */
+export type LuzmoTopNavElement = LuzmoTopNavHostElement;

package/esm/components/top-nav.js

@@ -0,0 +1,110 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/lucero/top-nav';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-top-nav>
+ *
+ * @slot (default) - Navigation items to display in the top nav
+ */
+export class LuzmoTopNav {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    destroyRef = inject(DestroyRef);
+    host = this.elementRef.nativeElement;
+    listenerCleanup = [];
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement() {
+        return this.host;
+    }
+    label;
+    quiet;
+    selected;
+    selectionIndicatorStyle;
+    shouldAnimate;
+    rovingTabindexController;
+    /** The selected navigation item has changed. */
+    changeEvent = output({ alias: 'change' });
+    constructor() {
+        this.bindEvents();
+        this.destroyRef.onDestroy(() => {
+            for (const cleanup of this.listenerCleanup) {
+                cleanup();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        for (const key of Object.keys(changes)) {
+            switch (key) {
+                case 'label':
+                    this.setHostProperty('label', changes['label'].currentValue);
+                    break;
+                case 'quiet':
+                    this.setHostProperty('quiet', changes['quiet'].currentValue);
+                    break;
+                case 'selected':
+                    this.setHostProperty('selected', changes['selected'].currentValue);
+                    break;
+                case 'selectionIndicatorStyle':
+                    this.setHostProperty('selectionIndicatorStyle', changes['selectionIndicatorStyle'].currentValue);
+                    break;
+                case 'shouldAnimate':
+                    this.setHostProperty('shouldAnimate', changes['shouldAnimate'].currentValue);
+                    break;
+                case 'rovingTabindexController':
+                    this.setHostProperty('rovingTabindexController', changes['rovingTabindexController'].currentValue);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    setHostProperty(key, value) {
+        this.renderer.setProperty(this.host, key, value);
+    }
+    bindEvents() {
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'change', (event) => {
+            this.changeEvent.emit(event);
+        }));
+    }
+    static ɵfac = function LuzmoTopNav_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoTopNav)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTopNav, selectors: [["luzmo-top-nav"]], inputs: { label: "label", quiet: "quiet", selected: "selected", selectionIndicatorStyle: [0, "selection-indicator-style", "selectionIndicatorStyle"], shouldAnimate: [0, "should-animate", "shouldAnimate"], rovingTabindexController: [0, "roving-tabindex-controller", "rovingTabindexController"] }, outputs: { changeEvent: "change" }, exportAs: ["luzmoTopNav"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTopNav_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTopNav, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-top-nav',
+                exportAs: 'luzmoTopNav',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { label: [{
+            type: Input,
+            args: [{ alias: 'label' }]
+        }], quiet: [{
+            type: Input,
+            args: [{ alias: 'quiet' }]
+        }], selected: [{
+            type: Input,
+            args: [{ alias: 'selected' }]
+        }], selectionIndicatorStyle: [{
+            type: Input,
+            args: [{ alias: 'selection-indicator-style' }]
+        }], shouldAnimate: [{
+            type: Input,
+            args: [{ alias: 'should-animate' }]
+        }], rovingTabindexController: [{
+            type: Input,
+            args: [{ alias: 'roving-tabindex-controller' }]
+        }], changeEvent: [{ type: i0.Output, args: ["change"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoTopNav, { className: "LuzmoTopNav", filePath: "components/top-nav.ts", lineNumber: 17 }); })();

package/esm/index.d.ts

@@ -0,0 +1,135 @@
+import { LuzmoAccordion } from './components/accordion.js';
+import { LuzmoAccordionItem } from './components/accordion-item.js';
+import { LuzmoActionBar } from './components/action-bar.js';
+import { LuzmoActionButton } from './components/action-button.js';
+import { LuzmoActionGroup } from './components/action-group.js';
+import { LuzmoActionMenu } from './components/action-menu.js';
+import { LuzmoAvatar } from './components/avatar.js';
+import { LuzmoBadge } from './components/badge.js';
+import { LuzmoButton } from './components/button.js';
+import { LuzmoButtonGroup } from './components/button-group.js';
+import { LuzmoCalendar } from './components/calendar.js';
+import { LuzmoChatMessage } from './components/chat-message.js';
+import { LuzmoChatMessageGroup } from './components/chat-message-group.js';
+import { LuzmoCheckbox } from './components/checkbox.js';
+import { LuzmoClearButton } from './components/clear-button.js';
+import { LuzmoCloseButton } from './components/close-button.js';
+import { LuzmoColorArea } from './components/color-area.js';
+import { LuzmoColorField } from './components/color-field.js';
+import { LuzmoColorHandle } from './components/color-handle.js';
+import { LuzmoColorLoupe } from './components/color-loupe.js';
+import { LuzmoColorMenu } from './components/color-menu.js';
+import { LuzmoColorPalette } from './components/color-palette.js';
+import { LuzmoColorPaletteGroup } from './components/color-palette-group.js';
+import { LuzmoColorPicker } from './components/color-picker.js';
+import { LuzmoColorSlider } from './components/color-slider.js';
+import { LuzmoDateRangePicker } from './components/date-range-picker.js';
+import { LuzmoDateTimePicker } from './components/date-time-picker.js';
+import { LuzmoDivider } from './components/divider.js';
+import { LuzmoFieldGroup } from './components/field-group.js';
+import { LuzmoFieldLabel } from './components/field-label.js';
+import { LuzmoHelpText } from './components/help-text.js';
+import { LuzmoIcon } from './components/icon.js';
+import { LuzmoInfieldButton } from './components/infield-button.js';
+import { LuzmoLabel } from './components/label.js';
+import { LuzmoMenu } from './components/menu.js';
+import { LuzmoMultiLanguageField } from './components/multi-language-field.js';
+import { LuzmoNumberField } from './components/number-field.js';
+import { LuzmoOptions } from './components/options.js';
+import { LuzmoOverlay } from './components/overlay.js';
+import { LuzmoPicker } from './components/picker.js';
+import { LuzmoPickerButton } from './components/picker-button.js';
+import { LuzmoPopover } from './components/popover.js';
+import { LuzmoProgressBar } from './components/progress-bar.js';
+import { LuzmoProgressCircle } from './components/progress-circle.js';
+import { LuzmoProgressSteps } from './components/progress-steps.js';
+import { LuzmoPromptBox } from './components/prompt-box.js';
+import { LuzmoRadio } from './components/radio.js';
+import { LuzmoRadioGroup } from './components/radio-group.js';
+import { LuzmoSearch } from './components/search.js';
+import { LuzmoSelect } from './components/select.js';
+import { LuzmoSlider } from './components/slider.js';
+import { LuzmoStatusLight } from './components/status-light.js';
+import { LuzmoSwatch } from './components/swatch.js';
+import { LuzmoSwatchGroup } from './components/swatch-group.js';
+import { LuzmoSwitch } from './components/switch.js';
+import { LuzmoTab } from './components/tab.js';
+import { LuzmoTabPanel } from './components/tab-panel.js';
+import { LuzmoTabs } from './components/tabs.js';
+import { LuzmoTabsOverflow } from './components/tabs-overflow.js';
+import { LuzmoTag } from './components/tag.js';
+import { LuzmoTags } from './components/tags.js';
+import { LuzmoTextField } from './components/text-field.js';
+import { LuzmoToast } from './components/toast.js';
+import { LuzmoTooltip } from './components/tooltip.js';
+import { LuzmoTopNav } from './components/top-nav.js';
+import { LuzmoTopNavItem } from './components/top-nav-item.js';
+export { LuzmoAccordion, type LuzmoAccordionElement } from './components/accordion.js';
+export { LuzmoAccordionItem, type LuzmoAccordionItemElement } from './components/accordion-item.js';
+export { LuzmoActionBar, type LuzmoActionBarElement } from './components/action-bar.js';
+export { LuzmoActionButton, type LuzmoActionButtonElement } from './components/action-button.js';
+export { LuzmoActionGroup, type LuzmoActionGroupElement } from './components/action-group.js';
+export { LuzmoActionMenu, type LuzmoActionMenuElement } from './components/action-menu.js';
+export { LuzmoAvatar, type LuzmoAvatarElement } from './components/avatar.js';
+export { LuzmoBadge, type LuzmoBadgeElement } from './components/badge.js';
+export { LuzmoButton, type LuzmoButtonElement } from './components/button.js';
+export { LuzmoButtonGroup, type LuzmoButtonGroupElement } from './components/button-group.js';
+export { LuzmoCalendar, type LuzmoCalendarElement } from './components/calendar.js';
+export { LuzmoChatMessage, type LuzmoChatMessageElement } from './components/chat-message.js';
+export { LuzmoChatMessageGroup, type LuzmoChatMessageGroupElement } from './components/chat-message-group.js';
+export { LuzmoCheckbox, type LuzmoCheckboxElement } from './components/checkbox.js';
+export { LuzmoClearButton, type LuzmoClearButtonElement } from './components/clear-button.js';
+export { LuzmoCloseButton, type LuzmoCloseButtonElement } from './components/close-button.js';
+export { LuzmoColorArea, type LuzmoColorAreaElement } from './components/color-area.js';
+export { LuzmoColorField, type LuzmoColorFieldElement } from './components/color-field.js';
+export { LuzmoColorHandle, type LuzmoColorHandleElement } from './components/color-handle.js';
+export { LuzmoColorLoupe, type LuzmoColorLoupeElement } from './components/color-loupe.js';
+export { LuzmoColorMenu, type LuzmoColorMenuElement } from './components/color-menu.js';
+export { LuzmoColorPalette, type LuzmoColorPaletteElement } from './components/color-palette.js';
+export { LuzmoColorPaletteGroup, type LuzmoColorPaletteGroupElement } from './components/color-palette-group.js';
+export { LuzmoColorPicker, type LuzmoColorPickerElement } from './components/color-picker.js';
+export { LuzmoColorSlider, type LuzmoColorSliderElement } from './components/color-slider.js';
+export { LuzmoDateRangePicker, type LuzmoDateRangePickerElement } from './components/date-range-picker.js';
+export { LuzmoDateTimePicker, type LuzmoDateTimePickerElement } from './components/date-time-picker.js';
+export { LuzmoDivider, type LuzmoDividerElement } from './components/divider.js';
+export { LuzmoFieldGroup, type LuzmoFieldGroupElement } from './components/field-group.js';
+export { LuzmoFieldLabel, type LuzmoFieldLabelElement } from './components/field-label.js';
+export { LuzmoHelpText, type LuzmoHelpTextElement } from './components/help-text.js';
+export { LuzmoIcon, type LuzmoIconElement } from './components/icon.js';
+export { LuzmoInfieldButton, type LuzmoInfieldButtonElement } from './components/infield-button.js';
+export { LuzmoLabel, type LuzmoLabelElement } from './components/label.js';
+export { LuzmoMenu, type LuzmoMenuElement } from './components/menu.js';
+export { LuzmoMultiLanguageField, type LuzmoMultiLanguageFieldElement } from './components/multi-language-field.js';
+export { LuzmoNumberField, type LuzmoNumberFieldElement } from './components/number-field.js';
+export { LuzmoOptions, type LuzmoOptionsElement } from './components/options.js';
+export { LuzmoOverlay, type LuzmoOverlayElement } from './components/overlay.js';
+export { LuzmoPicker, type LuzmoPickerElement } from './components/picker.js';
+export { LuzmoPickerButton, type LuzmoPickerButtonElement } from './components/picker-button.js';
+export { LuzmoPopover, type LuzmoPopoverElement } from './components/popover.js';
+export { LuzmoProgressBar, type LuzmoProgressBarElement } from './components/progress-bar.js';
+export { LuzmoProgressCircle, type LuzmoProgressCircleElement } from './components/progress-circle.js';
+export { LuzmoProgressSteps, type LuzmoProgressStepsElement } from './components/progress-steps.js';
+export { LuzmoPromptBox, type LuzmoPromptBoxElement } from './components/prompt-box.js';
+export { LuzmoRadio, type LuzmoRadioElement } from './components/radio.js';
+export { LuzmoRadioGroup, type LuzmoRadioGroupElement } from './components/radio-group.js';
+export { LuzmoSearch, type LuzmoSearchElement } from './components/search.js';
+export { LuzmoSelect, type LuzmoSelectElement } from './components/select.js';
+export { LuzmoSlider, type LuzmoSliderElement } from './components/slider.js';
+export { LuzmoStatusLight, type LuzmoStatusLightElement } from './components/status-light.js';
+export { LuzmoSwatch, type LuzmoSwatchElement } from './components/swatch.js';
+export { LuzmoSwatchGroup, type LuzmoSwatchGroupElement } from './components/swatch-group.js';
+export { LuzmoSwitch, type LuzmoSwitchElement } from './components/switch.js';
+export { LuzmoTab, type LuzmoTabElement } from './components/tab.js';
+export { LuzmoTabPanel, type LuzmoTabPanelElement } from './components/tab-panel.js';
+export { LuzmoTabs, type LuzmoTabsElement } from './components/tabs.js';
+export { LuzmoTabsOverflow, type LuzmoTabsOverflowElement } from './components/tabs-overflow.js';
+export { LuzmoTag, type LuzmoTagElement } from './components/tag.js';
+export { LuzmoTags, type LuzmoTagsElement } from './components/tags.js';
+export { LuzmoTextField, type LuzmoTextFieldElement } from './components/text-field.js';
+export { LuzmoToast, type LuzmoToastElement } from './components/toast.js';
+export { LuzmoTooltip, type LuzmoTooltipElement } from './components/tooltip.js';
+export { LuzmoTopNav, type LuzmoTopNavElement } from './components/top-nav.js';
+export { LuzmoTopNavItem, type LuzmoTopNavItemElement } from './components/top-nav-item.js';
+export declare const LUZMO_ANGULAR_COMPONENTS: readonly [typeof LuzmoAccordion, typeof LuzmoAccordionItem, typeof LuzmoActionBar, typeof LuzmoActionButton, typeof LuzmoActionGroup, typeof LuzmoActionMenu, typeof LuzmoAvatar, typeof LuzmoBadge, typeof LuzmoButton, typeof LuzmoButtonGroup, typeof LuzmoCalendar, typeof LuzmoChatMessage, typeof LuzmoChatMessageGroup, typeof LuzmoCheckbox, typeof LuzmoClearButton, typeof LuzmoCloseButton, typeof LuzmoColorArea, typeof LuzmoColorField, typeof LuzmoColorHandle, typeof LuzmoColorLoupe, typeof LuzmoColorMenu, typeof LuzmoColorPalette, typeof LuzmoColorPaletteGroup, typeof LuzmoColorPicker, typeof LuzmoColorSlider, typeof LuzmoDateRangePicker, typeof LuzmoDateTimePicker, typeof LuzmoDivider, typeof LuzmoFieldGroup, typeof LuzmoFieldLabel, typeof LuzmoHelpText, typeof LuzmoIcon, typeof LuzmoInfieldButton, typeof LuzmoLabel, typeof LuzmoMenu, typeof LuzmoMultiLanguageField, typeof LuzmoNumberField, typeof LuzmoOptions, typeof LuzmoOverlay, typeof LuzmoPicker, typeof LuzmoPickerButton, typeof LuzmoPopover, typeof LuzmoProgressBar, typeof LuzmoProgressCircle, typeof LuzmoProgressSteps, typeof LuzmoPromptBox, typeof LuzmoRadio, typeof LuzmoRadioGroup, typeof LuzmoSearch, typeof LuzmoSelect, typeof LuzmoSlider, typeof LuzmoStatusLight, typeof LuzmoSwatch, typeof LuzmoSwatchGroup, typeof LuzmoSwitch, typeof LuzmoTab, typeof LuzmoTabPanel, typeof LuzmoTabs, typeof LuzmoTabsOverflow, typeof LuzmoTag, typeof LuzmoTags, typeof LuzmoTextField, typeof LuzmoToast, typeof LuzmoTooltip, typeof LuzmoTopNav, typeof LuzmoTopNavItem];
+export declare const LUZMO_ANGULAR_COMPONENT_NAMES: readonly ["LuzmoAccordion", "LuzmoAccordionItem", "LuzmoActionBar", "LuzmoActionButton", "LuzmoActionGroup", "LuzmoActionMenu", "LuzmoAvatar", "LuzmoBadge", "LuzmoButton", "LuzmoButtonGroup", "LuzmoCalendar", "LuzmoChatMessage", "LuzmoChatMessageGroup", "LuzmoCheckbox", "LuzmoClearButton", "LuzmoCloseButton", "LuzmoColorArea", "LuzmoColorField", "LuzmoColorHandle", "LuzmoColorLoupe", "LuzmoColorMenu", "LuzmoColorPalette", "LuzmoColorPaletteGroup", "LuzmoColorPicker", "LuzmoColorSlider", "LuzmoDateRangePicker", "LuzmoDateTimePicker", "LuzmoDivider", "LuzmoFieldGroup", "LuzmoFieldLabel", "LuzmoHelpText", "LuzmoIcon", "LuzmoInfieldButton", "LuzmoLabel", "LuzmoMenu", "LuzmoMultiLanguageField", "LuzmoNumberField", "LuzmoOptions", "LuzmoOverlay", "LuzmoPicker", "LuzmoPickerButton", "LuzmoPopover", "LuzmoProgressBar", "LuzmoProgressCircle", "LuzmoProgressSteps", "LuzmoPromptBox", "LuzmoRadio", "LuzmoRadioGroup", "LuzmoSearch", "LuzmoSelect", "LuzmoSlider", "LuzmoStatusLight", "LuzmoSwatch", "LuzmoSwatchGroup", "LuzmoSwitch", "LuzmoTab", "LuzmoTabPanel", "LuzmoTabs", "LuzmoTabsOverflow", "LuzmoTag", "LuzmoTags", "LuzmoTextField", "LuzmoToast", "LuzmoTooltip", "LuzmoTopNav", "LuzmoTopNavItem"];
+export type LuzmoAngularComponentName = (typeof LUZMO_ANGULAR_COMPONENT_NAMES)[number];