@duyluonganduin/acl-web-components 0.0.16 → 0.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/acl-web-components.cjs +1 -1
  2. package/dist/acl-web-components.d.ts +52 -0
  3. package/dist/acl-web-components.js +61 -57
  4. package/dist/{anduin-drawer-Cn01TrhD.cjs → anduin-suggestion-D-65gDM8.cjs} +283 -111
  5. package/dist/{anduin-drawer-Bpsl7Cgo.js → anduin-suggestion-MjW2UwfA.js} +1506 -1156
  6. package/dist/jsx.d.ts +30 -0
  7. package/dist/react.cjs +1 -1
  8. package/dist/react.d.ts +58 -0
  9. package/dist/react.js +89 -80
  10. package/package.json +10 -3
package/dist/jsx.d.ts CHANGED
@@ -413,6 +413,36 @@ declare module 'react' {
413
413
  // ── anduin-drawer-close ───────────────────────────────────────────────
414
414
  'anduin-drawer-close': Base
415
415
 
416
+ // ── anduin-suggestion ─────────────────────────────────────────────────
417
+ 'anduin-suggestion': Base & {
418
+ value?: string
419
+ /** 'small' | 'default' | 'large' (default: 'default') */
420
+ size?: 'small' | 'default' | 'large'
421
+ disabled?: boolean | string
422
+ readonly?: boolean | string
423
+ placeholder?: string
424
+ /** id attribute on the inner <input> */
425
+ inputid?: string
426
+ /** 'valid' | 'invalid' | 'warning' | 'loading' */
427
+ status?: string
428
+ /** anduin-icon name shown on the left */
429
+ 'start-icon'?: string
430
+ /** anduin-icon name shown on the right */
431
+ 'end-icon'?: string
432
+ /** Show a clear button when value is non-empty */
433
+ clearable?: boolean | string
434
+ /** Filter suggestions by the current input value (case-insensitive) */
435
+ filter?: boolean | string
436
+ /** Hide the popover when there are no matching suggestions */
437
+ 'hide-when-empty'?: boolean | string
438
+ /** Text shown when the suggestion list is empty */
439
+ 'empty-text'?: string
440
+ /** Fired when the input value changes — detail: string */
441
+ onChange?: (e: CustomEvent<string>) => void
442
+ /** Fired when a suggestion is picked — detail: { value, label?, icon? } */
443
+ onSelect?: (e: CustomEvent<{ value: string; label?: string; icon?: string }>) => void
444
+ }
445
+
416
446
  // ── anduin-file-icon ──────────────────────────────────────────────────
417
447
  'anduin-file-icon': Base & {
418
448
  /** 'archive' | 'audio' | 'blueprint' | 'box' | 'csv' | 'excel' | 'folder'
package/dist/react.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-drawer-Cn01TrhD.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-suggestion-D-65gDM8.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 CHANGED
@@ -358,6 +358,46 @@ declare class AnduinSpinner extends LitElement {
358
358
  render(): TemplateResult<2>;
359
359
  }
360
360
 
361
+ declare class AnduinSuggestion extends LitElement {
362
+ static styles: CSSResult;
363
+ value: string;
364
+ size: 'small' | 'default' | 'large';
365
+ disabled: boolean;
366
+ readonly: boolean;
367
+ placeholder: string;
368
+ inputid: string;
369
+ status: string;
370
+ startIcon: string;
371
+ endIcon: string;
372
+ clearable: boolean;
373
+ suggestions: (SuggestionItem | string)[];
374
+ /** When true, suggestions are filtered by the current input value (case-insensitive). */
375
+ filter: boolean;
376
+ /** Hide the popover when there are no matching suggestions. */
377
+ hideWhenEmpty: boolean;
378
+ emptyText: string;
379
+ private _open;
380
+ private _activeIndex;
381
+ private _inputEl;
382
+ private _panelEl;
383
+ connectedCallback(): void;
384
+ disconnectedCallback(): void;
385
+ updated(changed: Map<PropertyKey, unknown>): void;
386
+ private _normalized;
387
+ private get _filteredSuggestions();
388
+ private _onDocumentMouseDown;
389
+ private _onScrollOrResize;
390
+ private _openPanel;
391
+ private _onFocus;
392
+ private _onInput;
393
+ private _onKeyDown;
394
+ private _scrollActiveIntoView;
395
+ private _selectSuggestion;
396
+ private _onClear;
397
+ private _updatePosition;
398
+ render(): TemplateResult<1>;
399
+ }
400
+
361
401
  declare class AnduinSwitcher extends LitElement {
362
402
  static styles: CSSResult;
363
403
  checked: boolean;
@@ -664,6 +704,24 @@ export declare const Skeleton: ReactWebComponent<AnduinSkeleton, {}>;
664
704
 
665
705
  export declare const Spinner: ReactWebComponent<AnduinSpinner, {}>;
666
706
 
707
+ export declare const Suggestion: ReactWebComponent<AnduinSuggestion, {
708
+ onChange: string;
709
+ onSelect: string;
710
+ onClear: string;
711
+ }>;
712
+
713
+ export declare const SUGGESTION_CHANGE = "anduin-suggestion:change";
714
+
715
+ export declare const SUGGESTION_CLEAR = "anduin-suggestion:clear";
716
+
717
+ export declare const SUGGESTION_SELECT = "anduin-suggestion:select";
718
+
719
+ declare interface SuggestionItem {
720
+ value: string;
721
+ label?: string;
722
+ icon?: string;
723
+ }
724
+
667
725
  export declare const Switcher: ReactWebComponent<AnduinSwitcher, {
668
726
  onChange: string;
669
727
  }>;
package/dist/react.js CHANGED
@@ -1,133 +1,142 @@
1
1
  import e from "react";
2
2
  import { createComponent as a } from "@lit/react";
3
- 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-Bpsl7Cgo.js";
4
- import { a2 as la } from "./anduin-drawer-Bpsl7Cgo.js";
5
- 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({
3
+ 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-MjW2UwfA.js";
4
+ import { a3 as ua } from "./anduin-suggestion-MjW2UwfA.js";
5
+ 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({
6
6
  react: e,
7
7
  tagName: "anduin-radio",
8
- elementClass: E,
9
- events: { onChange: T }
10
- }), we = a({
8
+ elementClass: p,
9
+ events: { onChange: E }
10
+ }), fe = a({
11
11
  react: e,
12
12
  tagName: "anduin-radio-group",
13
13
  elementClass: v,
14
14
  events: { onChange: _ }
15
- }), Fe = a({
15
+ }), Me = a({
16
16
  react: e,
17
17
  tagName: "anduin-checkbox",
18
- elementClass: D,
19
- events: { onChange: b }
20
- }), Ge = a({
18
+ elementClass: b,
19
+ events: { onChange: S }
20
+ }), He = a({
21
21
  react: e,
22
22
  tagName: "anduin-input",
23
- elementClass: I,
24
- events: { onChange: R, onClear: L }
25
- }), Oe = a({
23
+ elementClass: D,
24
+ events: { onChange: G, onClear: L }
25
+ }), Pe = a({
26
26
  react: e,
27
27
  tagName: "anduin-textarea",
28
- elementClass: h,
29
- events: { onChange: S }
30
- }), 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({
28
+ elementClass: R,
29
+ events: { onChange: I }
30
+ }), 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({
31
31
  react: e,
32
32
  tagName: "anduin-menu-item",
33
- elementClass: O
34
- }), ke = a({
33
+ elementClass: F
34
+ }), Ue = a({
35
35
  react: e,
36
36
  tagName: "anduin-modal",
37
37
  elementClass: H,
38
38
  events: { onClose: M, onAfterClose: f }
39
- }), We = a({ react: e, tagName: "anduin-modal-close", elementClass: P }), xe = a({
39
+ }), Ke = a({ react: e, tagName: "anduin-modal-close", elementClass: P }), Ve = a({
40
40
  react: e,
41
41
  tagName: "anduin-tabs",
42
- elementClass: W,
43
- events: { onChange: k }
44
- }), 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({
42
+ elementClass: k,
43
+ events: { onChange: W }
44
+ }), 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({
45
45
  react: e,
46
46
  tagName: "anduin-tag-close",
47
47
  elementClass: X,
48
- events: { onClick: U }
49
- }), 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({
48
+ events: { onClick: V }
49
+ }), 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({
50
50
  react: e,
51
51
  tagName: "anduin-well-close",
52
52
  elementClass: Q,
53
53
  events: { onClick: J }
54
- }), 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({
54
+ }), 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({
55
55
  react: e,
56
56
  tagName: "anduin-dropdown",
57
57
  elementClass: ne,
58
58
  events: { onChange: ae }
59
- }), aa = a({
59
+ }), oa = a({
60
60
  react: e,
61
61
  tagName: "anduin-drawer",
62
62
  elementClass: oe,
63
63
  events: { onClose: se, onAfterClose: te }
64
- }), na = a({ react: e, tagName: "anduin-drawer-close", elementClass: le }), ta = a({
64
+ }), la = a({ react: e, tagName: "anduin-drawer-close", elementClass: le }), ia = a({
65
65
  react: e,
66
66
  tagName: "anduin-switcher",
67
67
  elementClass: de,
68
68
  events: { onChange: ie }
69
+ }), da = a({
70
+ react: e,
71
+ tagName: "anduin-suggestion",
72
+ elementClass: Ce,
73
+ events: { onChange: ue, onSelect: ce, onClear: re }
69
74
  });
70
75
  export {
71
- Qe as Avatar,
72
- ge as Badge,
73
- Ae as BadgeCount,
74
- Ne as Button,
75
- b as CHECKBOX_CHANGE,
76
- pe as Callout,
77
- Fe as Checkbox,
76
+ ea as Avatar,
77
+ Ee as Badge,
78
+ pe as BadgeCount,
79
+ _e as Button,
80
+ S as CHECKBOX_CHANGE,
81
+ ve as Callout,
82
+ Me as Checkbox,
78
83
  te as DRAWER_AFTER_CLOSE_EVENT,
79
84
  se as DRAWER_CLOSE_EVENT,
80
85
  ae as DROPDOWN_CHANGE,
81
- Te as Divider,
82
- Ee as Dot,
83
- aa as Drawer,
84
- na as DrawerClose,
85
- ea as Dropdown,
86
- De as Field,
87
- Re as FieldDescription,
88
- Ie as FieldError,
89
- Se as FieldGroup,
90
- Le as FieldLabel,
91
- Ye as FileIcon,
92
- R as INPUT_CHANGE,
86
+ Se as Divider,
87
+ be as Dot,
88
+ oa as Drawer,
89
+ la as DrawerClose,
90
+ sa as Dropdown,
91
+ Ie as Field,
92
+ Oe as FieldDescription,
93
+ he as FieldError,
94
+ we as FieldGroup,
95
+ Re as FieldLabel,
96
+ aa as FileIcon,
97
+ G as INPUT_CHANGE,
93
98
  L as INPUT_CLEAR,
94
- Ce as Icon,
95
- Ge as Input,
96
- be as LoadingState,
97
- la as MENU_ITEM_CLICK,
99
+ Te as Icon,
100
+ He as Input,
101
+ De as LoadingState,
102
+ ua as MENU_ITEM_CLICK,
98
103
  f as MODAL_AFTER_CLOSE_EVENT,
99
104
  M as MODAL_CLOSE_EVENT,
100
- He as Menu,
101
- Pe as MenuItem,
102
- ke as Modal,
103
- We as ModalClose,
104
- fe as Popover,
105
- Me as PopoverClose,
106
- _e as Progress,
107
- T as RADIO_CHANGE,
105
+ xe as Menu,
106
+ Be as MenuItem,
107
+ Ue as Modal,
108
+ Ke as ModalClose,
109
+ We as Popover,
110
+ ke as PopoverClose,
111
+ Le as Progress,
112
+ E as RADIO_CHANGE,
108
113
  _ as RADIO_GROUP_CHANGE,
109
- he as Radio,
110
- we as RadioGroup,
114
+ Fe as Radio,
115
+ fe as RadioGroup,
116
+ ue as SUGGESTION_CHANGE,
117
+ re as SUGGESTION_CLEAR,
118
+ ce as SUGGESTION_SELECT,
111
119
  ie as SWITCHER_CHANGE,
112
- ve as Skeleton,
113
- me as Spinner,
114
- ta as Switcher,
115
- k as TAB_CHANGE,
116
- U as TAG_CLOSE_CLICK,
117
- S as TEXTAREA_CHANGE,
118
- Ve as TabContent,
119
- Ke as TabTrigger,
120
- xe as Tabs,
121
- Be as TabsList,
122
- Ue as Tag,
123
- Xe as TagClose,
124
- Oe as Textarea,
125
- Ze as Toast,
126
- $e as Toaster,
127
- je as Tooltip,
128
- ye as TooltipContent,
129
- qe as TooltipTrigger,
120
+ Ge as Skeleton,
121
+ Ne as Spinner,
122
+ da as Suggestion,
123
+ ia as Switcher,
124
+ W as TAB_CHANGE,
125
+ V as TAG_CLOSE_CLICK,
126
+ I as TEXTAREA_CHANGE,
127
+ qe as TabContent,
128
+ je as TabTrigger,
129
+ Ve as Tabs,
130
+ Xe as TabsList,
131
+ ye as Tag,
132
+ ze as TagClose,
133
+ Pe as Textarea,
134
+ na as Toast,
135
+ ta as Toaster,
136
+ Je as Tooltip,
137
+ Ye as TooltipContent,
138
+ Qe as TooltipTrigger,
130
139
  J as WELL_CLOSE_CLICK,
131
- ze as Well,
132
- Je as WellClose
140
+ Ze as Well,
141
+ $e as WellClose
133
142
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@duyluonganduin/acl-web-components",
3
- "version": "0.0.16",
3
+ "version": "0.0.18",
4
4
  "type": "module",
5
5
  "main": "./dist/acl-web-components.cjs",
6
6
  "module": "./dist/acl-web-components.js",
@@ -36,8 +36,12 @@
36
36
  "react-dom": ">=18"
37
37
  },
38
38
  "peerDependenciesMeta": {
39
- "react": { "optional": true },
40
- "react-dom": { "optional": true }
39
+ "react": {
40
+ "optional": true
41
+ },
42
+ "react-dom": {
43
+ "optional": true
44
+ }
41
45
  },
42
46
  "files": [
43
47
  "dist"
@@ -56,7 +60,10 @@
56
60
  "@storybook/blocks": "^8.5.0",
57
61
  "@storybook/web-components-vite": "^8.5.0",
58
62
  "@types/react": "^19.2.14",
63
+ "@types/react-dom": "^19.2.3",
59
64
  "lit": "^3.3.2",
65
+ "react": "^19.2.5",
66
+ "react-dom": "^19.2.5",
60
67
  "storybook": "^8.5.0",
61
68
  "typescript": "^5.7.0",
62
69
  "vite": "^6.1.0",