@duyluonganduin/acl-web-components 0.0.17 → 0.0.19

package/dist/jsx.d.ts

@@ -413,6 +413,36 @@ declare module 'react' {
       // ── anduin-drawer-close ───────────────────────────────────────────────
       'anduin-drawer-close': Base
 
+      // ── anduin-suggestion ─────────────────────────────────────────────────
+      'anduin-suggestion': Base & {
+        value?: string
+        /** 'small' | 'default' | 'large'  (default: 'default') */
+        size?: 'small' | 'default' | 'large'
+        disabled?: boolean | string
+        readonly?: boolean | string
+        placeholder?: string
+        /** id attribute on the inner <input> */
+        inputid?: string
+        /** 'valid' | 'invalid' | 'warning' | 'loading' */
+        status?: string
+        /** anduin-icon name shown on the left */
+        'start-icon'?: string
+        /** anduin-icon name shown on the right */
+        'end-icon'?: string
+        /** Show a clear button when value is non-empty */
+        clearable?: boolean | string
+        /** Filter suggestions by the current input value (case-insensitive) */
+        filter?: boolean | string
+        /** Hide the popover when there are no matching suggestions */
+        'hide-when-empty'?: boolean | string
+        /** Text shown when the suggestion list is empty */
+        'empty-text'?: string
+        /** Fired when the input value changes — detail: string */
+        onChange?: (e: CustomEvent<string>) => void
+        /** Fired when a suggestion is picked — detail: { value, label?, icon? } */
+        onSelect?: (e: CustomEvent<{ value: string; label?: string; icon?: string }>) => void
+      }
+
       // ── anduin-file-icon ──────────────────────────────────────────────────
       'anduin-file-icon': Base & {
         /** 'archive' | 'audio' | 'blueprint' | 'box' | 'csv' | 'excel' | 'folder'

package/dist/react.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-drawer-bp6-vwyZ.cjs"),a=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=t.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),s=t.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),r=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),C=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),l=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),i=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),c=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),d=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),m=t.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=t.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),A=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),E=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),g=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),p=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),N=t.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),T=t.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),_=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),L=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),R=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),D=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),O=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),I=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),G=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),S=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),H=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),b=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),v=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),F=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),M=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),P=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),W=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),w=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),h=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),B=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),V=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),K=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),U=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),k=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),f=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),x=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),X=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),q=t.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),y=t.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),j=t.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),z=t.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}});exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DRAWER_AFTER_CLOSE_EVENT=e.DRAWER_AFTER_CLOSE_EVENT;exports.DRAWER_CLOSE_EVENT=e.DRAWER_CLOSE_EVENT;exports.DROPDOWN_CHANGE=e.DROPDOWN_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.SWITCHER_CHANGE=e.SWITCHER_CHANGE;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=k;exports.Badge=s;exports.BadgeCount=r;exports.Button=C;exports.Callout=l;exports.Checkbox=L;exports.Divider=i;exports.Dot=c;exports.Drawer=y;exports.DrawerClose=j;exports.Dropdown=q;exports.Field=A;exports.FieldDescription=g;exports.FieldError=p;exports.FieldGroup=N;exports.FieldLabel=E;exports.FileIcon=f;exports.Icon=o;exports.Input=R;exports.LoadingState=u;exports.Menu=G;exports.MenuItem=S;exports.Modal=H;exports.ModalClose=b;exports.Popover=O;exports.PopoverClose=I;exports.Progress=d;exports.Radio=T;exports.RadioGroup=_;exports.Skeleton=m;exports.Spinner=a;exports.Switcher=z;exports.TabContent=P;exports.TabTrigger=M;exports.Tabs=v;exports.TabsList=F;exports.Tag=W;exports.TagClose=w;exports.Textarea=D;exports.Toast=x;exports.Toaster=X;exports.Tooltip=h;exports.TooltipContent=V;exports.TooltipTrigger=B;exports.Well=K;exports.WellClose=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-suggestion-BFLQTpY6.cjs"),a=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=t.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),s=t.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),C=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),r=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),l=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),i=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),c=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),d=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),m=t.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=t.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),E=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),A=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),g=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),N=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),T=t.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),p=t.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),_=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),S=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),G=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),L=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),O=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),R=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),I=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),D=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),H=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),v=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),b=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),F=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),M=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),P=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),W=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),U=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),w=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),h=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),B=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),V=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),K=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),k=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),f=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),x=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),X=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),q=t.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),y=t.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),j=t.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),z=t.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),J=t.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}});exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DRAWER_AFTER_CLOSE_EVENT=e.DRAWER_AFTER_CLOSE_EVENT;exports.DRAWER_CLOSE_EVENT=e.DRAWER_CLOSE_EVENT;exports.DROPDOWN_CHANGE=e.DROPDOWN_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.SUGGESTION_CHANGE=e.SUGGESTION_CHANGE;exports.SUGGESTION_CLEAR=e.SUGGESTION_CLEAR;exports.SUGGESTION_SELECT=e.SUGGESTION_SELECT;exports.SWITCHER_CHANGE=e.SWITCHER_CHANGE;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=k;exports.Badge=s;exports.BadgeCount=C;exports.Button=r;exports.Callout=l;exports.Checkbox=S;exports.Divider=i;exports.Dot=c;exports.Drawer=y;exports.DrawerClose=j;exports.Dropdown=q;exports.Field=E;exports.FieldDescription=g;exports.FieldError=N;exports.FieldGroup=T;exports.FieldLabel=A;exports.FileIcon=f;exports.Icon=o;exports.Input=G;exports.LoadingState=u;exports.Menu=I;exports.MenuItem=D;exports.Modal=H;exports.ModalClose=v;exports.Popover=O;exports.PopoverClose=R;exports.Progress=d;exports.Radio=p;exports.RadioGroup=_;exports.Skeleton=m;exports.Spinner=a;exports.Suggestion=J;exports.Switcher=z;exports.TabContent=P;exports.TabTrigger=M;exports.Tabs=b;exports.TabsList=F;exports.Tag=W;exports.TagClose=U;exports.Textarea=L;exports.Toast=x;exports.Toaster=X;exports.Tooltip=w;exports.TooltipContent=B;exports.TooltipTrigger=h;exports.Well=V;exports.WellClose=K;

package/dist/react.d.ts

@@ -358,6 +358,46 @@ declare class AnduinSpinner extends LitElement {
     render(): TemplateResult<2>;
 }
 
+declare class AnduinSuggestion extends LitElement {
+    static styles: CSSResult;
+    value: string;
+    size: 'small' | 'default' | 'large';
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    inputid: string;
+    status: string;
+    startIcon: string;
+    endIcon: string;
+    clearable: boolean;
+    suggestions: (SuggestionItem | string)[];
+    /** When true, suggestions are filtered by the current input value (case-insensitive). */
+    filter: boolean;
+    /** Hide the popover when there are no matching suggestions. */
+    hideWhenEmpty: boolean;
+    emptyText: string;
+    private _open;
+    private _activeIndex;
+    private _inputEl;
+    private _panelEl;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<PropertyKey, unknown>): void;
+    private _normalized;
+    private get _filteredSuggestions();
+    private _onDocumentMouseDown;
+    private _onScrollOrResize;
+    private _openPanel;
+    private _onFocus;
+    private _onInput;
+    private _onKeyDown;
+    private _scrollActiveIntoView;
+    private _selectSuggestion;
+    private _onClear;
+    private _updatePosition;
+    render(): TemplateResult<1>;
+}
+
 declare class AnduinSwitcher extends LitElement {
     static styles: CSSResult;
     checked: boolean;
@@ -664,6 +704,24 @@ export declare const Skeleton: ReactWebComponent<AnduinSkeleton, {}>;
 
 export declare const Spinner: ReactWebComponent<AnduinSpinner, {}>;
 
+export declare const Suggestion: ReactWebComponent<AnduinSuggestion, {
+onChange: string;
+onSelect: string;
+onClear: string;
+}>;
+
+export declare const SUGGESTION_CHANGE = "anduin-suggestion:change";
+
+export declare const SUGGESTION_CLEAR = "anduin-suggestion:clear";
+
+export declare const SUGGESTION_SELECT = "anduin-suggestion:select";
+
+declare interface SuggestionItem {
+    value: string;
+    label?: string;
+    icon?: string;
+}
+
 export declare const Switcher: ReactWebComponent<AnduinSwitcher, {
 onChange: string;
 }>;

package/dist/react.js

@@ -1,133 +1,142 @@
 import e from "react";
 import { createComponent as a } from "@lit/react";
-import { E as n, q as t, a as s, b as o, c as l, d as i, f as d, g as r, z as c, D as u, s as m, k as C, o as g, l as A, m as N, n as p, a6 as T, B as E, a7 as _, C as v, V as b, e as D, a1 as L, a0 as R, r as I, ad as S, M as h, x as w, y as F, t as G, u as O, a3 as f, a4 as M, v as H, w as P, a9 as k, I as W, J as x, H as B, G as K, K as V, ac as U, L as X, P as j, R as q, Q as y, S as z, ak as J, T as Q, A as Y, p as Z, N as $, O as ee, Y as ae, j as ne, W as te, X as se, h as oe, i as le, a8 as ie, F as de } from "./anduin-drawer-B3TU_PNv.js";
-import { a2 as la } from "./anduin-drawer-B3TU_PNv.js";
-const me = a({ react: e, tagName: "anduin-spinner", elementClass: n }), Ce = a({ react: e, tagName: "anduin-icon", elementClass: t }), ge = a({ react: e, tagName: "anduin-badge", elementClass: s }), Ae = a({ react: e, tagName: "anduin-badge-count", elementClass: o }), Ne = a({ react: e, tagName: "anduin-button", elementClass: l }), pe = a({ react: e, tagName: "anduin-callout", elementClass: i }), Te = a({ react: e, tagName: "anduin-divider", elementClass: d }), Ee = a({ react: e, tagName: "anduin-dot", elementClass: r }), _e = a({ react: e, tagName: "anduin-progress", elementClass: c }), ve = a({ react: e, tagName: "anduin-skeleton", elementClass: u }), be = a({ react: e, tagName: "anduin-loading-state", elementClass: m }), De = a({ react: e, tagName: "anduin-field", elementClass: C }), Le = a({ react: e, tagName: "anduin-field-label", elementClass: g }), Re = a({ react: e, tagName: "anduin-field-description", elementClass: A }), Ie = a({ react: e, tagName: "anduin-field-error", elementClass: N }), Se = a({ react: e, tagName: "anduin-field-group", elementClass: p }), he = a({
+import { E as n, q as t, a as s, b as o, c as l, d as i, f as d, g as r, z as c, D as u, s as C, k as m, o as g, l as A, m as N, n as T, a7 as E, B as p, a8 as _, C as v, W as S, e as b, a2 as L, a1 as G, r as D, ah as I, N as R, x as O, y as h, t as w, u as F, a4 as f, a5 as M, v as H, w as P, ad as W, J as k, K as x, I as B, H as U, L as K, ag as V, M as X, Q as j, S as q, R as y, T as z, ao as J, U as Q, A as Y, p as Z, O as $, P as ee, Z as ae, j as ne, X as te, Y as se, h as oe, i as le, ac as ie, G as de, aa as re, ab as ce, a9 as ue, F as Ce } from "./anduin-suggestion-73700ybo.js";
+import { a3 as ua } from "./anduin-suggestion-73700ybo.js";
+const Ne = a({ react: e, tagName: "anduin-spinner", elementClass: n }), Te = a({ react: e, tagName: "anduin-icon", elementClass: t }), Ee = a({ react: e, tagName: "anduin-badge", elementClass: s }), pe = a({ react: e, tagName: "anduin-badge-count", elementClass: o }), _e = a({ react: e, tagName: "anduin-button", elementClass: l }), ve = a({ react: e, tagName: "anduin-callout", elementClass: i }), Se = a({ react: e, tagName: "anduin-divider", elementClass: d }), be = a({ react: e, tagName: "anduin-dot", elementClass: r }), Le = a({ react: e, tagName: "anduin-progress", elementClass: c }), Ge = a({ react: e, tagName: "anduin-skeleton", elementClass: u }), De = a({ react: e, tagName: "anduin-loading-state", elementClass: C }), Ie = a({ react: e, tagName: "anduin-field", elementClass: m }), Re = a({ react: e, tagName: "anduin-field-label", elementClass: g }), Oe = a({ react: e, tagName: "anduin-field-description", elementClass: A }), he = a({ react: e, tagName: "anduin-field-error", elementClass: N }), we = a({ react: e, tagName: "anduin-field-group", elementClass: T }), Fe = a({
   react: e,
   tagName: "anduin-radio",
-  elementClass: E,
-  events: { onChange: T }
-}), we = a({
+  elementClass: p,
+  events: { onChange: E }
+}), fe = a({
   react: e,
   tagName: "anduin-radio-group",
   elementClass: v,
   events: { onChange: _ }
-}), Fe = a({
+}), Me = a({
   react: e,
   tagName: "anduin-checkbox",
-  elementClass: D,
-  events: { onChange: b }
-}), Ge = a({
+  elementClass: b,
+  events: { onChange: S }
+}), He = a({
   react: e,
   tagName: "anduin-input",
-  elementClass: I,
-  events: { onChange: R, onClear: L }
-}), Oe = a({
+  elementClass: D,
+  events: { onChange: G, onClear: L }
+}), Pe = a({
   react: e,
   tagName: "anduin-textarea",
-  elementClass: h,
-  events: { onChange: S }
-}), fe = a({ react: e, tagName: "anduin-popover", elementClass: w }), Me = a({ react: e, tagName: "anduin-popover-close", elementClass: F }), He = a({ react: e, tagName: "anduin-menu", elementClass: G }), Pe = a({
+  elementClass: R,
+  events: { onChange: I }
+}), We = a({ react: e, tagName: "anduin-popover", elementClass: O }), ke = a({ react: e, tagName: "anduin-popover-close", elementClass: h }), xe = a({ react: e, tagName: "anduin-menu", elementClass: w }), Be = a({
   react: e,
   tagName: "anduin-menu-item",
-  elementClass: O
-}), ke = a({
+  elementClass: F
+}), Ue = a({
   react: e,
   tagName: "anduin-modal",
   elementClass: H,
   events: { onClose: M, onAfterClose: f }
-}), We = a({ react: e, tagName: "anduin-modal-close", elementClass: P }), xe = a({
+}), Ke = a({ react: e, tagName: "anduin-modal-close", elementClass: P }), Ve = a({
   react: e,
   tagName: "anduin-tabs",
-  elementClass: W,
-  events: { onChange: k }
-}), Be = a({ react: e, tagName: "anduin-tabs-list", elementClass: x }), Ke = a({ react: e, tagName: "anduin-tab-trigger", elementClass: B }), Ve = a({ react: e, tagName: "anduin-tab-content", elementClass: K }), Ue = a({ react: e, tagName: "anduin-tag", elementClass: V }), Xe = a({
+  elementClass: k,
+  events: { onChange: W }
+}), Xe = a({ react: e, tagName: "anduin-tabs-list", elementClass: x }), je = a({ react: e, tagName: "anduin-tab-trigger", elementClass: B }), qe = a({ react: e, tagName: "anduin-tab-content", elementClass: U }), ye = a({ react: e, tagName: "anduin-tag", elementClass: K }), ze = a({
   react: e,
   tagName: "anduin-tag-close",
   elementClass: X,
-  events: { onClick: U }
-}), je = a({ react: e, tagName: "anduin-tooltip", elementClass: j }), qe = a({ react: e, tagName: "anduin-tooltip-trigger", elementClass: q }), ye = a({ react: e, tagName: "anduin-tooltip-content", elementClass: y }), ze = a({ react: e, tagName: "anduin-well", elementClass: z }), Je = a({
+  events: { onClick: V }
+}), Je = a({ react: e, tagName: "anduin-tooltip", elementClass: j }), Qe = a({ react: e, tagName: "anduin-tooltip-trigger", elementClass: q }), Ye = a({ react: e, tagName: "anduin-tooltip-content", elementClass: y }), Ze = a({ react: e, tagName: "anduin-well", elementClass: z }), $e = a({
   react: e,
   tagName: "anduin-well-close",
   elementClass: Q,
   events: { onClick: J }
-}), Qe = a({ react: e, tagName: "anduin-avatar", elementClass: Y }), Ye = a({ react: e, tagName: "anduin-file-icon", elementClass: Z }), Ze = a({ react: e, tagName: "anduin-toast", elementClass: $ }), $e = a({ react: e, tagName: "anduin-toaster", elementClass: ee }), ea = a({
+}), ea = a({ react: e, tagName: "anduin-avatar", elementClass: Y }), aa = a({ react: e, tagName: "anduin-file-icon", elementClass: Z }), na = a({ react: e, tagName: "anduin-toast", elementClass: $ }), ta = a({ react: e, tagName: "anduin-toaster", elementClass: ee }), sa = a({
   react: e,
   tagName: "anduin-dropdown",
   elementClass: ne,
   events: { onChange: ae }
-}), aa = a({
+}), oa = a({
   react: e,
   tagName: "anduin-drawer",
   elementClass: oe,
   events: { onClose: se, onAfterClose: te }
-}), na = a({ react: e, tagName: "anduin-drawer-close", elementClass: le }), ta = a({
+}), la = a({ react: e, tagName: "anduin-drawer-close", elementClass: le }), ia = a({
   react: e,
   tagName: "anduin-switcher",
   elementClass: de,
   events: { onChange: ie }
+}), da = a({
+  react: e,
+  tagName: "anduin-suggestion",
+  elementClass: Ce,
+  events: { onChange: ue, onSelect: ce, onClear: re }
 });
 export {
-  Qe as Avatar,
-  ge as Badge,
-  Ae as BadgeCount,
-  Ne as Button,
-  b as CHECKBOX_CHANGE,
-  pe as Callout,
-  Fe as Checkbox,
+  ea as Avatar,
+  Ee as Badge,
+  pe as BadgeCount,
+  _e as Button,
+  S as CHECKBOX_CHANGE,
+  ve as Callout,
+  Me as Checkbox,
   te as DRAWER_AFTER_CLOSE_EVENT,
   se as DRAWER_CLOSE_EVENT,
   ae as DROPDOWN_CHANGE,
-  Te as Divider,
-  Ee as Dot,
-  aa as Drawer,
-  na as DrawerClose,
-  ea as Dropdown,
-  De as Field,
-  Re as FieldDescription,
-  Ie as FieldError,
-  Se as FieldGroup,
-  Le as FieldLabel,
-  Ye as FileIcon,
-  R as INPUT_CHANGE,
+  Se as Divider,
+  be as Dot,
+  oa as Drawer,
+  la as DrawerClose,
+  sa as Dropdown,
+  Ie as Field,
+  Oe as FieldDescription,
+  he as FieldError,
+  we as FieldGroup,
+  Re as FieldLabel,
+  aa as FileIcon,
+  G as INPUT_CHANGE,
   L as INPUT_CLEAR,
-  Ce as Icon,
-  Ge as Input,
-  be as LoadingState,
-  la as MENU_ITEM_CLICK,
+  Te as Icon,
+  He as Input,
+  De as LoadingState,
+  ua as MENU_ITEM_CLICK,
   f as MODAL_AFTER_CLOSE_EVENT,
   M as MODAL_CLOSE_EVENT,
-  He as Menu,
-  Pe as MenuItem,
-  ke as Modal,
-  We as ModalClose,
-  fe as Popover,
-  Me as PopoverClose,
-  _e as Progress,
-  T as RADIO_CHANGE,
+  xe as Menu,
+  Be as MenuItem,
+  Ue as Modal,
+  Ke as ModalClose,
+  We as Popover,
+  ke as PopoverClose,
+  Le as Progress,
+  E as RADIO_CHANGE,
   _ as RADIO_GROUP_CHANGE,
-  he as Radio,
-  we as RadioGroup,
+  Fe as Radio,
+  fe as RadioGroup,
+  ue as SUGGESTION_CHANGE,
+  re as SUGGESTION_CLEAR,
+  ce as SUGGESTION_SELECT,
   ie as SWITCHER_CHANGE,
-  ve as Skeleton,
-  me as Spinner,
-  ta as Switcher,
-  k as TAB_CHANGE,
-  U as TAG_CLOSE_CLICK,
-  S as TEXTAREA_CHANGE,
-  Ve as TabContent,
-  Ke as TabTrigger,
-  xe as Tabs,
-  Be as TabsList,
-  Ue as Tag,
-  Xe as TagClose,
-  Oe as Textarea,
-  Ze as Toast,
-  $e as Toaster,
-  je as Tooltip,
-  ye as TooltipContent,
-  qe as TooltipTrigger,
+  Ge as Skeleton,
+  Ne as Spinner,
+  da as Suggestion,
+  ia as Switcher,
+  W as TAB_CHANGE,
+  V as TAG_CLOSE_CLICK,
+  I as TEXTAREA_CHANGE,
+  qe as TabContent,
+  je as TabTrigger,
+  Ve as Tabs,
+  Xe as TabsList,
+  ye as Tag,
+  ze as TagClose,
+  Pe as Textarea,
+  na as Toast,
+  ta as Toaster,
+  Je as Tooltip,
+  Ye as TooltipContent,
+  Qe as TooltipTrigger,
   J as WELL_CLOSE_CLICK,
-  ze as Well,
-  Je as WellClose
+  Ze as Well,
+  $e as WellClose
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duyluonganduin/acl-web-components",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "type": "module",
   "main": "./dist/acl-web-components.cjs",
   "module": "./dist/acl-web-components.js",