@luzmo/ngx-lucero 1.0.2 → 1.0.3-alpha.1

package/esm/components/action-button.d.ts

@@ -1,8 +1,9 @@
 import { OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import '@luzmo/lucero/action-button';
-import type { LuzmoActionButton as LuzmoActionButtonHostElement } from '@luzmo/lucero/action-button';
+import type { LuzmoActionButton as LuzmoActionButtonHostElement, ActionButtonVariants } from '@luzmo/lucero/action-button';
 import * as i0 from "@angular/core";
+export type { ActionButtonVariants } from '@luzmo/lucero/action-button';
 export declare class LuzmoActionButton implements OnChanges, ControlValueAccessor {
     private readonly elementRef;
     private readonly renderer;
@@ -25,6 +26,8 @@ export declare class LuzmoActionButton implements OnChanges, ControlValueAccesso
     toggles?: boolean;
     /** The static color variant to use for the action button. */
     staticColor?: 'white' | 'black';
+    /** The appearance preset to apply to this action button. - `neutral` (default): the standard action button. - `pill`: a content-width chip using the standard action-button radius. - `accent`: a content-width chip with a soft, primary-tinted theme. */
+    variant?: ActionButtonVariants;
     /** The value of the Action Button */
     value?: string;
     size?: ('xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl');
@@ -73,7 +76,7 @@ export declare class LuzmoActionButton implements OnChanges, ControlValueAccesso
     setDisabledState(isDisabled: boolean): void;
     focus(options?: FocusOptions): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoActionButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoActionButton, "luzmo-action-button", ["luzmoActionButton"], { "emphasized": { "alias": "emphasized"; "required": false; }; "holdAffordance": { "alias": "holdAffordance"; "required": false; }; "quiet": { "alias": "quiet"; "required": false; }; "role": { "alias": "role"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "toggles": { "alias": "toggles"; "required": false; }; "staticColor": { "alias": "staticColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "download": { "alias": "download"; "required": false; }; "label": { "alias": "label"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "referrerpolicy": { "alias": "referrerpolicy"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "active": { "alias": "active"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "longpressEvent": "longpress"; "changeEvent": "change"; "keydownEvent": "keydown"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoActionButton, "luzmo-action-button", ["luzmoActionButton"], { "emphasized": { "alias": "emphasized"; "required": false; }; "holdAffordance": { "alias": "holdAffordance"; "required": false; }; "quiet": { "alias": "quiet"; "required": false; }; "role": { "alias": "role"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "toggles": { "alias": "toggles"; "required": false; }; "staticColor": { "alias": "staticColor"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "download": { "alias": "download"; "required": false; }; "label": { "alias": "label"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "referrerpolicy": { "alias": "referrerpolicy"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "active": { "alias": "active"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "longpressEvent": "longpress"; "changeEvent": "change"; "keydownEvent": "keydown"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoActionButton */
 export type LuzmoActionButtonElement = LuzmoActionButtonHostElement;

package/esm/components/action-button.js

@@ -33,6 +33,8 @@ export class LuzmoActionButton {
     toggles;
     /** The static color variant to use for the action button. */
     staticColor;
+    /** The appearance preset to apply to this action button. - `neutral` (default): the standard action button. - `pill`: a content-width chip using the standard action-button radius. - `accent`: a content-width chip with a soft, primary-tinted theme. */
+    variant;
     /** The value of the Action Button */
     value;
     size;
@@ -93,6 +95,9 @@ export class LuzmoActionButton {
                 case 'staticColor':
                     this.setHostProperty('staticColor', changes['staticColor'].currentValue);
                     break;
+                case 'variant':
+                    this.setHostProperty('variant', changes['variant'].currentValue);
+                    break;
                 case 'value':
                     this.setHostProperty('value', changes['value'].currentValue);
                     break;
@@ -204,7 +209,7 @@ export class LuzmoActionButton {
         return this.host.focus(options);
     }
     static ɵfac = function LuzmoActionButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoActionButton)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoActionButton, selectors: [["luzmo-action-button"]], inputs: { emphasized: "emphasized", holdAffordance: "holdAffordance", quiet: "quiet", role: "role", selected: "selected", toggles: "toggles", staticColor: "staticColor", value: "value", size: "size", download: "download", label: "label", href: "href", target: "target", referrerpolicy: "referrerpolicy", rel: "rel", active: "active", type: "type", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { longpressEvent: "longpress", changeEvent: "change", keydownEvent: "keydown" }, exportAs: ["luzmoActionButton"], features: [i0.ɵɵProvidersFeature([
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoActionButton, selectors: [["luzmo-action-button"]], inputs: { emphasized: "emphasized", holdAffordance: "holdAffordance", quiet: "quiet", role: "role", selected: "selected", toggles: "toggles", staticColor: "staticColor", variant: "variant", value: "value", size: "size", download: "download", label: "label", href: "href", target: "target", referrerpolicy: "referrerpolicy", rel: "rel", active: "active", type: "type", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { longpressEvent: "longpress", changeEvent: "change", keydownEvent: "keydown" }, exportAs: ["luzmoActionButton"], features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef(() => LuzmoActionButton),
@@ -252,6 +257,9 @@ export class LuzmoActionButton {
         }], staticColor: [{
             type: Input,
             args: [{ alias: 'staticColor' }]
+        }], variant: [{
+            type: Input,
+            args: [{ alias: 'variant' }]
         }], value: [{
             type: Input,
             args: [{ alias: 'value' }]
@@ -289,4 +297,4 @@ export class LuzmoActionButton {
             type: Input,
             args: [{ alias: 'tabIndex' }]
         }], longpressEvent: [{ type: i0.Output, args: ["longpress"] }], changeEvent: [{ type: i0.Output, args: ["change"] }], keydownEvent: [{ type: i0.Output, args: ["keydown"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoActionButton, { className: "LuzmoActionButton", filePath: "components/action-button.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoActionButton, { className: "LuzmoActionButton", filePath: "components/action-button.ts", lineNumber: 27 }); })();

package/esm/components/prompt-box.d.ts

@@ -37,6 +37,8 @@ export declare class LuzmoPromptBox implements OnChanges {
     maxlength?: number;
     /** Whether the prompt box is in a pending/loading state. */
     pending?: boolean;
+    /** Whether the pending prompt can be stopped. */
+    stoppable?: boolean;
     /** Whether to allow image attachments. */
     allowImages?: boolean;
     /** Whether to allow file attachments. */
@@ -53,6 +55,8 @@ export declare class LuzmoPromptBox implements OnChanges {
     size?: ('xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl');
     /** Fired when the prompt is submitted. */
     readonly luzmoSubmitEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    /** Fired when the stop button is clicked. */
+    readonly luzmoStopEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Fired when a trigger menu opens, closes, or the search string changes. */
     readonly luzmoTriggerChangeEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Fired when an inline element badge is inserted. */
@@ -83,7 +87,7 @@ export declare class LuzmoPromptBox implements OnChanges {
     clear(): void;
     submit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoPromptBox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoPromptBox, "luzmo-prompt-box", ["luzmoPromptBox"], { "rows": { "alias": "rows"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "recording": { "alias": "recording"; "required": false; }; "hideSubmit": { "alias": "hideSubmit"; "required": false; }; "disableSubmit": { "alias": "disableSubmit"; "required": false; }; "singleLine": { "alias": "singleLine"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "allowImages": { "alias": "allowImages"; "required": false; }; "allowFiles": { "alias": "allowFiles"; "required": false; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "allowElements": { "alias": "allowElements"; "required": false; }; "acceptedElementTypes": { "alias": "acceptedElementTypes"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "segments": { "alias": "segments"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSubmitEvent": "luzmo-submit"; "luzmoTriggerChangeEvent": "luzmo-trigger-change"; "luzmoElementInsertedEvent": "luzmo-element-inserted"; "luzmoElementRemovedEvent": "luzmo-element-removed"; "luzmoAttachmentsChangeEvent": "luzmo-attachments-change"; "luzmoRecordEvent": "luzmo-record"; "luzmoRecordingCompleteEvent": "luzmo-recording-complete"; "luzmoRecordCancelEvent": "luzmo-record-cancel"; "luzmoRecordErrorEvent": "luzmo-record-error"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoPromptBox, "luzmo-prompt-box", ["luzmoPromptBox"], { "rows": { "alias": "rows"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "recording": { "alias": "recording"; "required": false; }; "hideSubmit": { "alias": "hideSubmit"; "required": false; }; "disableSubmit": { "alias": "disableSubmit"; "required": false; }; "singleLine": { "alias": "singleLine"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "stoppable": { "alias": "stoppable"; "required": false; }; "allowImages": { "alias": "allowImages"; "required": false; }; "allowFiles": { "alias": "allowFiles"; "required": false; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "allowElements": { "alias": "allowElements"; "required": false; }; "acceptedElementTypes": { "alias": "acceptedElementTypes"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "segments": { "alias": "segments"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSubmitEvent": "luzmo-submit"; "luzmoStopEvent": "luzmo-stop"; "luzmoTriggerChangeEvent": "luzmo-trigger-change"; "luzmoElementInsertedEvent": "luzmo-element-inserted"; "luzmoElementRemovedEvent": "luzmo-element-removed"; "luzmoAttachmentsChangeEvent": "luzmo-attachments-change"; "luzmoRecordEvent": "luzmo-record"; "luzmoRecordingCompleteEvent": "luzmo-recording-complete"; "luzmoRecordCancelEvent": "luzmo-record-cancel"; "luzmoRecordErrorEvent": "luzmo-record-error"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoPromptBox */
 export type LuzmoPromptBoxElement = LuzmoPromptBoxHostElement;

package/esm/components/prompt-box.js

@@ -47,6 +47,8 @@ export class LuzmoPromptBox {
     maxlength;
     /** Whether the prompt box is in a pending/loading state. */
     pending;
+    /** Whether the pending prompt can be stopped. */
+    stoppable;
     /** Whether to allow image attachments. */
     allowImages;
     /** Whether to allow file attachments. */
@@ -63,6 +65,8 @@ export class LuzmoPromptBox {
     size;
     /** Fired when the prompt is submitted. */
     luzmoSubmitEvent = output({ alias: 'luzmo-submit' });
+    /** Fired when the stop button is clicked. */
+    luzmoStopEvent = output({ alias: 'luzmo-stop' });
     /** Fired when a trigger menu opens, closes, or the search string changes. */
     luzmoTriggerChangeEvent = output({ alias: 'luzmo-trigger-change' });
     /** Fired when an inline element badge is inserted. */
@@ -129,6 +133,9 @@ export class LuzmoPromptBox {
                 case 'pending':
                     this.setHostProperty('pending', changes['pending'].currentValue);
                     break;
+                case 'stoppable':
+                    this.setHostProperty('stoppable', changes['stoppable'].currentValue);
+                    break;
                 case 'allowImages':
                     this.setHostProperty('allowImages', changes['allowImages'].currentValue);
                     break;
@@ -171,6 +178,9 @@ export class LuzmoPromptBox {
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-submit', (event) => {
             this.luzmoSubmitEvent.emit(event);
         }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-stop', (event) => {
+            this.luzmoStopEvent.emit(event);
+        }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-trigger-change', (event) => {
             this.luzmoTriggerChangeEvent.emit(event);
         }));
@@ -206,7 +216,7 @@ export class LuzmoPromptBox {
         return this.host.submit();
     }
     static ɵfac = function LuzmoPromptBox_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoPromptBox)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoPromptBox, selectors: [["luzmo-prompt-box"]], inputs: { rows: "rows", grows: "grows", maxRows: "maxRows", recording: "recording", hideSubmit: "hideSubmit", disableSubmit: "disableSubmit", singleLine: "singleLine", placeholder: "placeholder", value: "value", disabled: "disabled", readonly: "readonly", maxlength: "maxlength", pending: "pending", allowImages: "allowImages", allowFiles: "allowFiles", acceptedFileTypes: "acceptedFileTypes", allowElements: "allowElements", acceptedElementTypes: "acceptedElementTypes", triggers: "triggers", segments: "segments", size: "size" }, outputs: { luzmoSubmitEvent: "luzmo-submit", luzmoTriggerChangeEvent: "luzmo-trigger-change", luzmoElementInsertedEvent: "luzmo-element-inserted", luzmoElementRemovedEvent: "luzmo-element-removed", luzmoAttachmentsChangeEvent: "luzmo-attachments-change", luzmoRecordEvent: "luzmo-record", luzmoRecordingCompleteEvent: "luzmo-recording-complete", luzmoRecordCancelEvent: "luzmo-record-cancel", luzmoRecordErrorEvent: "luzmo-record-error" }, exportAs: ["luzmoPromptBox"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoPromptBox_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoPromptBox, selectors: [["luzmo-prompt-box"]], inputs: { rows: "rows", grows: "grows", maxRows: "maxRows", recording: "recording", hideSubmit: "hideSubmit", disableSubmit: "disableSubmit", singleLine: "singleLine", placeholder: "placeholder", value: "value", disabled: "disabled", readonly: "readonly", maxlength: "maxlength", pending: "pending", stoppable: "stoppable", allowImages: "allowImages", allowFiles: "allowFiles", acceptedFileTypes: "acceptedFileTypes", allowElements: "allowElements", acceptedElementTypes: "acceptedElementTypes", triggers: "triggers", segments: "segments", size: "size" }, outputs: { luzmoSubmitEvent: "luzmo-submit", luzmoStopEvent: "luzmo-stop", luzmoTriggerChangeEvent: "luzmo-trigger-change", luzmoElementInsertedEvent: "luzmo-element-inserted", luzmoElementRemovedEvent: "luzmo-element-removed", luzmoAttachmentsChangeEvent: "luzmo-attachments-change", luzmoRecordEvent: "luzmo-record", luzmoRecordingCompleteEvent: "luzmo-recording-complete", luzmoRecordCancelEvent: "luzmo-record-cancel", luzmoRecordErrorEvent: "luzmo-record-error" }, exportAs: ["luzmoPromptBox"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoPromptBox_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
@@ -259,6 +269,9 @@ export class LuzmoPromptBox {
         }], pending: [{
             type: Input,
             args: [{ alias: 'pending' }]
+        }], stoppable: [{
+            type: Input,
+            args: [{ alias: 'stoppable' }]
         }], allowImages: [{
             type: Input,
             args: [{ alias: 'allowImages' }]
@@ -283,5 +296,5 @@ export class LuzmoPromptBox {
         }], size: [{
             type: Input,
             args: [{ alias: 'size' }]
-        }], luzmoSubmitEvent: [{ type: i0.Output, args: ["luzmo-submit"] }], luzmoTriggerChangeEvent: [{ type: i0.Output, args: ["luzmo-trigger-change"] }], luzmoElementInsertedEvent: [{ type: i0.Output, args: ["luzmo-element-inserted"] }], luzmoElementRemovedEvent: [{ type: i0.Output, args: ["luzmo-element-removed"] }], luzmoAttachmentsChangeEvent: [{ type: i0.Output, args: ["luzmo-attachments-change"] }], luzmoRecordEvent: [{ type: i0.Output, args: ["luzmo-record"] }], luzmoRecordingCompleteEvent: [{ type: i0.Output, args: ["luzmo-recording-complete"] }], luzmoRecordCancelEvent: [{ type: i0.Output, args: ["luzmo-record-cancel"] }], luzmoRecordErrorEvent: [{ type: i0.Output, args: ["luzmo-record-error"] }] }); })();
+        }], luzmoSubmitEvent: [{ type: i0.Output, args: ["luzmo-submit"] }], luzmoStopEvent: [{ type: i0.Output, args: ["luzmo-stop"] }], luzmoTriggerChangeEvent: [{ type: i0.Output, args: ["luzmo-trigger-change"] }], luzmoElementInsertedEvent: [{ type: i0.Output, args: ["luzmo-element-inserted"] }], luzmoElementRemovedEvent: [{ type: i0.Output, args: ["luzmo-element-removed"] }], luzmoAttachmentsChangeEvent: [{ type: i0.Output, args: ["luzmo-attachments-change"] }], luzmoRecordEvent: [{ type: i0.Output, args: ["luzmo-record"] }], luzmoRecordingCompleteEvent: [{ type: i0.Output, args: ["luzmo-recording-complete"] }], luzmoRecordCancelEvent: [{ type: i0.Output, args: ["luzmo-record-cancel"] }], luzmoRecordErrorEvent: [{ type: i0.Output, args: ["luzmo-record-error"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoPromptBox, { className: "LuzmoPromptBox", filePath: "components/prompt-box.ts", lineNumber: 22 }); })();

package/esm/index.d.ts

@@ -51,7 +51,6 @@ import { LuzmoSelect } from './components/select.js';
 import { LuzmoSkeletonLoader } from './components/skeleton-loader.js';
 import { LuzmoSlider } from './components/slider.js';
 import { LuzmoStatusLight } from './components/status-light.js';
-import { LuzmoSuggestion } from './components/suggestion.js';
 import { LuzmoSwatch } from './components/swatch.js';
 import { LuzmoSwatchGroup } from './components/swatch-group.js';
 import { LuzmoSwitch } from './components/switch.js';
@@ -119,7 +118,6 @@ export { LuzmoSelect, type LuzmoSelectElement } from './components/select.js';
 export { LuzmoSkeletonLoader, type LuzmoSkeletonLoaderElement } from './components/skeleton-loader.js';
 export { LuzmoSlider, type LuzmoSliderElement } from './components/slider.js';
 export { LuzmoStatusLight, type LuzmoStatusLightElement } from './components/status-light.js';
-export { LuzmoSuggestion, type LuzmoSuggestionElement } from './components/suggestion.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';
@@ -134,6 +132,6 @@ 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 LuzmoSkeletonLoader, typeof LuzmoSlider, typeof LuzmoStatusLight, typeof LuzmoSuggestion, 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", "LuzmoSkeletonLoader", "LuzmoSlider", "LuzmoStatusLight", "LuzmoSuggestion", "LuzmoSwatch", "LuzmoSwatchGroup", "LuzmoSwitch", "LuzmoTab", "LuzmoTabPanel", "LuzmoTabs", "LuzmoTabsOverflow", "LuzmoTag", "LuzmoTags", "LuzmoTextField", "LuzmoToast", "LuzmoTooltip", "LuzmoTopNav", "LuzmoTopNavItem"];
+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 LuzmoSkeletonLoader, 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", "LuzmoSkeletonLoader", "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];

package/esm/index.js

@@ -52,7 +52,6 @@ import { LuzmoSelect } from './components/select.js';
 import { LuzmoSkeletonLoader } from './components/skeleton-loader.js';
 import { LuzmoSlider } from './components/slider.js';
 import { LuzmoStatusLight } from './components/status-light.js';
-import { LuzmoSuggestion } from './components/suggestion.js';
 import { LuzmoSwatch } from './components/swatch.js';
 import { LuzmoSwatchGroup } from './components/swatch-group.js';
 import { LuzmoSwitch } from './components/switch.js';
@@ -120,7 +119,6 @@ export { LuzmoSelect } from './components/select.js';
 export { LuzmoSkeletonLoader } from './components/skeleton-loader.js';
 export { LuzmoSlider } from './components/slider.js';
 export { LuzmoStatusLight } from './components/status-light.js';
-export { LuzmoSuggestion } from './components/suggestion.js';
 export { LuzmoSwatch } from './components/swatch.js';
 export { LuzmoSwatchGroup } from './components/swatch-group.js';
 export { LuzmoSwitch } from './components/switch.js';
@@ -189,7 +187,6 @@ export const LUZMO_ANGULAR_COMPONENTS = [
     LuzmoSkeletonLoader,
     LuzmoSlider,
     LuzmoStatusLight,
-    LuzmoSuggestion,
     LuzmoSwatch,
     LuzmoSwatchGroup,
     LuzmoSwitch,
@@ -259,7 +256,6 @@ export const LUZMO_ANGULAR_COMPONENT_NAMES = [
     'LuzmoSkeletonLoader',
     'LuzmoSlider',
     'LuzmoStatusLight',
-    'LuzmoSuggestion',
     'LuzmoSwatch',
     'LuzmoSwatchGroup',
     'LuzmoSwitch',

package/package.json

@@ -29,9 +29,9 @@
   "peerDependencies": {
     "@angular/core": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
     "@angular/forms": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
-    "@luzmo/lucero": "1.0.2"
+    "@luzmo/lucero": "1.0.3-alpha.1"
   },
-  "version": "1.0.2",
+  "version": "1.0.3-alpha.1",
   "peerDependenciesMeta": {
     "@angular/forms": {
       "optional": true

package/esm/components/suggestion.d.ts

@@ -1,30 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/lucero/suggestion';
-import type { LuzmoSuggestion as LuzmoSuggestionHostElement, SuggestionVariants } from '@luzmo/lucero/suggestion';
-import * as i0 from "@angular/core";
-export type { SuggestionVariants } from '@luzmo/lucero/suggestion';
-export declare class LuzmoSuggestion 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(): LuzmoSuggestionHostElement;
-    variant?: SuggestionVariants;
-    disabled?: boolean;
-    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<LuzmoSuggestion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoSuggestion, "luzmo-suggestion", ["luzmoSuggestion"], { "variant": { "alias": "variant"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-/** The underlying custom element type for LuzmoSuggestion */
-export type LuzmoSuggestionElement = LuzmoSuggestionHostElement;

package/esm/components/suggestion.js

@@ -1,79 +0,0 @@
-import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, Renderer2 } from '@angular/core';
-import '@luzmo/lucero/suggestion';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-suggestion>
- *
- * @slot (default) - text label of the suggestion
- * @slot icon - an icon element to display before the label
- */
-export class LuzmoSuggestion {
-    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;
-    }
-    variant;
-    disabled;
-    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 'variant':
-                    this.setHostProperty('variant', changes['variant'].currentValue);
-                    break;
-                case 'disabled':
-                    this.setHostProperty('disabled', changes['disabled'].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 LuzmoSuggestion_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoSuggestion)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoSuggestion, selectors: [["luzmo-suggestion"]], inputs: { variant: "variant", disabled: "disabled" }, exportAs: ["luzmoSuggestion"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSuggestion_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoSuggestion, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-suggestion',
-                exportAs: 'luzmoSuggestion',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { variant: [{
-            type: Input,
-            args: [{ alias: 'variant' }]
-        }], disabled: [{
-            type: Input,
-            args: [{ alias: 'disabled' }]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoSuggestion, { className: "LuzmoSuggestion", filePath: "components/suggestion.ts", lineNumber: 19 }); })();