@duyluonganduin/acl-web-components 0.0.13 → 0.0.15

package/dist/jsx.d.ts

@@ -313,8 +313,12 @@ declare module 'react' {
         /** Cover the full viewport; hides overlay and removes border-radius */
         fullscreen?: boolean | string
         /** Fired when the modal should close (X, overlay click, or anduin-modal-close).
-         *  Import MODAL_CLOSE_EVENT for the event name string.
-         *  @example ref.current.addEventListener(MODAL_CLOSE_EVENT, () => setOpen(false)) */
+         *  Respond by setting open=false — exit animation plays automatically.
+         *  @example ref.current.addEventListener('anduin-close', () => setOpen(false))
+         *
+         *  Fired after the exit animation completes: 'anduin-after-close'
+         *  Use this to safely clear data / unmount when using conditional rendering.
+         *  @example ref.current.addEventListener('anduin-after-close', () => setData(null)) */
       }
 
       // ── anduin-modal-close ────────────────────────────────────────────────
@@ -352,6 +356,61 @@ declare module 'react' {
         position?: string
       }
 
+      // ── anduin-dropdown ───────────────────────────────────────────────────
+      'anduin-dropdown': Base & {
+        /** Currently selected value */
+        value?: string
+        /** Placeholder shown when no value is selected */
+        placeholder?: string
+        /** Icon name shown in the trigger button */
+        icon?: string
+        /** Show search input in the panel (default: true) */
+        searchable?: boolean
+        /** Disables the dropdown */
+        disabled?: boolean
+        /** Panel placement relative to trigger (default: 'bottom-start') */
+        placement?: 'bottom-start' | 'bottom-end' | 'bottom'
+        /** Visual style — 'filled' | 'outlined' | 'plain'  (default: 'filled') */
+        appearance?: 'filled' | 'outlined' | 'plain'
+        /** Size — 'small' (24px) | 'default' (32px) */
+        size?: 'small' | 'default'
+        /** Color variant — matches button variants  (default: 'gray0') */
+        variant?: 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning'
+        /** Stretch trigger to full container width */
+        'full-width'?: boolean
+        /** Fired when selection changes — detail: string (selected value) */
+        onChange?: (e: CustomEvent<string>) => void
+      }
+
+      // ── anduin-switcher ───────────────────────────────────────────────────
+      'anduin-switcher': Base & {
+        /** Whether the switcher is on */
+        checked?: boolean
+        /** Disables interaction */
+        disabled?: boolean
+        /** Fired when toggled — detail: boolean */
+        onChange?: (e: CustomEvent<boolean>) => void
+      }
+
+      // ── anduin-drawer ─────────────────────────────────────────────────────
+      'anduin-drawer': Base & {
+        /** Whether the drawer is open */
+        open?: boolean | string
+        /** Drawer title text */
+        heading?: string
+        /** Initial width preset: '320' | '360' | '400' | '640', or any px value (default: '320') */
+        'default-width'?: '320' | '360' | '400' | '640' | string
+        /** Hide the header (title + close button) */
+        'hide-header'?: boolean | string
+        /** Hide the footer slot container */
+        'hide-footer'?: boolean | string
+        /** When true, clicks outside the drawer pass through to underlying elements instead of dismissing (default: false) */
+        'allow-interact-outside'?: boolean | string
+      }
+
+      // ── anduin-drawer-close ───────────────────────────────────────────────
+      'anduin-drawer-close': Base
+
       // ── 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-toast-B-9dgTkL.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}),l=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),i=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),C=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),r=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}),g=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),A=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),p=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}),E=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}}),I=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),G=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),b=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),v=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),O=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),M=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem,events:{onClick:e.MENU_ITEM_CLICK}}),R=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT}}),H=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),S=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),P=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),D=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),B=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),K=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),U=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),k=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),h=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),W=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),x=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),f=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),X=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),q=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),V=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster});exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_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=f;exports.Badge=s;exports.BadgeCount=l;exports.Button=i;exports.Callout=C;exports.Checkbox=L;exports.Divider=r;exports.Dot=c;exports.Field=g;exports.FieldDescription=p;exports.FieldError=N;exports.FieldGroup=T;exports.FieldLabel=A;exports.FileIcon=X;exports.Icon=o;exports.Input=I;exports.LoadingState=u;exports.Menu=O;exports.MenuItem=M;exports.Modal=R;exports.ModalClose=H;exports.Popover=b;exports.PopoverClose=v;exports.Progress=d;exports.Radio=E;exports.RadioGroup=_;exports.Skeleton=m;exports.Spinner=a;exports.TabContent=F;exports.TabTrigger=D;exports.Tabs=S;exports.TabsList=P;exports.Tag=B;exports.TagClose=K;exports.Textarea=G;exports.Toast=q;exports.Toaster=V;exports.Tooltip=U;exports.TooltipContent=h;exports.TooltipTrigger=k;exports.Well=W;exports.WellClose=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-drawer-BwC5mziU.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,events:{onClick:e.MENU_ITEM_CLICK}}),v=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),H=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}}),M=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),F=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}),K=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),U=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),V=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=v;exports.ModalClose=H;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=F;exports.Tabs=b;exports.TabsList=M;exports.Tag=W;exports.TagClose=w;exports.Textarea=D;exports.Toast=x;exports.Toaster=X;exports.Tooltip=h;exports.TooltipContent=K;exports.TooltipTrigger=B;exports.Well=U;exports.WellClose=V;

package/dist/react.d.ts

@@ -92,6 +92,69 @@ declare class AnduinDot extends LitElement {
     render(): TemplateResult<1>;
 }
 
+declare class AnduinDrawer extends LitElement {
+    static styles: CSSResult;
+    open: boolean;
+    heading: string;
+    hideHeader: boolean;
+    hideFooter: boolean;
+    defaultWidth: DrawerWidth | string;
+    /** When true, clicks outside the drawer pass through to underlying elements instead of dismissing */
+    allowInteractOutside: boolean;
+    private _leaving;
+    private _width;
+    private _resizing;
+    private _startX;
+    private _startWidth;
+    willUpdate(changed: Map<PropertyKey, unknown>): void;
+    updated(changed: Map<PropertyKey, unknown>): void;
+    private _dispatch;
+    private _onClose;
+    private _onBackdropClick;
+    private _onResizeStart;
+    private _onResizeMove;
+    private _onResizeEnd;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinDrawerClose extends HTMLElement {
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onClick;
+}
+
+declare class AnduinDropdown extends LitElement {
+    static styles: CSSResult;
+    value: string;
+    placeholder: string;
+    options: DropdownOption[];
+    icon: string;
+    searchable: boolean;
+    disabled: boolean;
+    placement: 'bottom-start' | 'bottom-end' | 'bottom';
+    appearance: DropdownAppearance;
+    variant: DropdownVariant;
+    size: 'small' | 'default';
+    fullWidth: boolean;
+    private _open;
+    private _query;
+    private _triggerEl;
+    private _panelEl;
+    private _searchEl;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<PropertyKey, unknown>): void;
+    private _onOutsideClick;
+    private _onScrollOrResize;
+    private _onTriggerClick;
+    private _onKeyDown;
+    private _onClear;
+    private _selectOption;
+    private _updatePosition;
+    private get _filteredOptions();
+    render(): TemplateResult<1>;
+}
+
 declare class AnduinField extends LitElement {
     static styles: CSSResult;
     orientation: string;
@@ -294,6 +357,14 @@ declare class AnduinSpinner extends LitElement {
     render(): TemplateResult<2>;
 }
 
+declare class AnduinSwitcher extends LitElement {
+    static styles: CSSResult;
+    checked: boolean;
+    disabled: boolean;
+    private onChange;
+    render(): TemplateResult<1>;
+}
+
 declare class AnduinTabContent extends LitElement {
     static styles: CSSResult;
     value: string;
@@ -485,6 +556,35 @@ export declare const Divider: ReactWebComponent<AnduinDivider, {}>;
 
 export declare const Dot: ReactWebComponent<AnduinDot, {}>;
 
+export declare const Drawer: ReactWebComponent<AnduinDrawer, {
+onClose: string;
+onAfterClose: string;
+}>;
+
+export declare const DRAWER_AFTER_CLOSE_EVENT = "anduin-after-close";
+
+export declare const DRAWER_CLOSE_EVENT = "anduin-close";
+
+export declare const DrawerClose: ReactWebComponent<AnduinDrawerClose, {}>;
+
+declare type DrawerWidth = '320' | '360' | '400' | '640';
+
+export declare const Dropdown: ReactWebComponent<AnduinDropdown, {
+onChange: string;
+}>;
+
+export declare const DROPDOWN_CHANGE = "anduin-dropdown:change";
+
+declare type DropdownAppearance = 'filled' | 'outlined' | 'plain';
+
+declare interface DropdownOption {
+    value: string;
+    label: string;
+    icon?: string;
+}
+
+declare type DropdownVariant = 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning';
+
 export declare const Field: ReactWebComponent<AnduinField, {}>;
 
 export declare const FieldDescription: ReactWebComponent<AnduinFieldDescription, {}>;
@@ -522,12 +622,22 @@ onClick: string;
 
 export declare const Modal: ReactWebComponent<AnduinModal, {
 onClose: string;
+onAfterClose: string;
 }>;
 
-/** Event fired when the modal requests to close. Use with addEventListener since the
- *  hyphenated name can't be expressed as a JSX prop (onAnduinClose won't work).
+/** Event fired after the exit animation finishes and the modal is fully hidden.
+ *  Use this to safely unmount / clear data when using conditional rendering.
  *  @example
- *  ref.current.addEventListener(MODAL_CLOSE_EVENT, () => setOpen(false))
+ *  // Separate open state from data state so the modal stays mounted during exit animation:
+ *  const [open, setOpen] = useState(false)
+ *  const [data, setData] = useState(null)
+ *
+ *  <Modal open={open} onClose={() => setOpen(false)} onAfterClose={() => setData(null)} />
+ */
+export declare const MODAL_AFTER_CLOSE_EVENT = "anduin-after-close";
+
+/** Event fired when the modal requests to close (user clicked X, overlay, or anduin-modal-close).
+ *  Respond by setting open=false. The exit animation then plays automatically.
  */
 export declare const MODAL_CLOSE_EVENT = "anduin-close";
 
@@ -555,6 +665,12 @@ export declare const Skeleton: ReactWebComponent<AnduinSkeleton, {}>;
 
 export declare const Spinner: ReactWebComponent<AnduinSpinner, {}>;
 
+export declare const Switcher: ReactWebComponent<AnduinSwitcher, {
+onChange: string;
+}>;
+
+export declare const SWITCHER_CHANGE = "anduin-switcher:change";
+
 export declare const TAB_CHANGE = "anduin-tab:change";
 
 export declare const TabContent: ReactWebComponent<AnduinTabContent, {}>;

package/dist/react.js

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

package/package.json

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