@duyluonganduin/acl-web-components 0.0.27 → 0.0.28

package/dist/jsx.d.ts

@@ -476,6 +476,31 @@ declare module 'react' {
         onSelect?: (e: CustomEvent<{ value: string; label?: string; icon?: string }>) => void
       }
 
+      // ── anduin-navigation ─────────────────────────────────────────────────
+      'anduin-navigation': Base & {
+        /** Initially active item value (uncontrolled usage) */
+        'default-value'?: string
+        /** Controlled active item value */
+        value?: string
+        /** 'light' | 'dark'  (default: 'light') */
+        theme?: 'light' | 'dark'
+        /** 'left' | 'center' | 'right'  (default: 'left') */
+        alignment?: 'left' | 'center' | 'right'
+        /** Fired when the active item changes — detail: string (selected value) */
+        onChange?: (e: CustomEvent<string>) => void
+      }
+
+      // ── anduin-navigation-item ────────────────────────────────────────────
+      'anduin-navigation-item': Base & {
+        /** Unique value identifying this item within the bar */
+        value?: string
+        /** anduin-icon name shown before the label */
+        'start-icon'?: string
+        /** Renders an <a> instead of a <button> when provided */
+        href?: string
+        disabled?: boolean | string
+      }
+
       // ── 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-suggestion-Bk4AI23P.cjs"),a=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=t.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),C=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}),l=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),i=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),c=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),E=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}),T=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),_=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),N=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}}),G=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),O=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),L=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),S=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),R=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),I=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),D=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),H=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),P=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}),M=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),U=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),b=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),W=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),h=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),w=t.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),B=t.createComponent({react:n,tagName:"anduin-toggle-group-item",elementClass:e.AnduinToggleGroupItem,events:{onChange:e.TOGGLE_GROUP_ITEM_CHANGE,onSelect:e.TOGGLE_GROUP_ITEM_SELECT,onDeselect:e.TOGGLE_GROUP_ITEM_DESELECT}}),k=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),V=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),K=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),f=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}}),X=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),q=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),y=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),j=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),z=t.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),J=t.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),Q=t.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),Y=t.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),Z=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.TOGGLE_GROUP_CHANGE=e.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=e.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_DESELECT=e.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=e.TOGGLE_GROUP_ITEM_SELECT;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=X;exports.Badge=s;exports.BadgeCount=r;exports.Button=l;exports.Callout=i;exports.Checkbox=O;exports.Divider=c;exports.Dot=E;exports.Drawer=J;exports.DrawerClose=Q;exports.Dropdown=z;exports.Field=g;exports.FieldDescription=T;exports.FieldError=_;exports.FieldGroup=N;exports.FieldLabel=A;exports.FileIcon=q;exports.Icon=C;exports.Input=L;exports.LoadingState=u;exports.Menu=D;exports.MenuItem=H;exports.Modal=P;exports.ModalClose=v;exports.Popover=R;exports.PopoverClose=I;exports.Progress=d;exports.Radio=p;exports.RadioGroup=G;exports.Skeleton=m;exports.SparkleSpinner=o;exports.Spinner=a;exports.Suggestion=Z;exports.Switcher=Y;exports.TabContent=F;exports.TabTrigger=b;exports.Tabs=M;exports.TabsList=U;exports.Tag=W;exports.TagClose=h;exports.Textarea=S;exports.Toast=y;exports.Toaster=j;exports.ToggleGroup=w;exports.ToggleGroupItem=B;exports.Tooltip=k;exports.TooltipContent=K;exports.TooltipTrigger=V;exports.Well=f;exports.WellClose=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-navigation-BgreqvTv.cjs"),a=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=t.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),C=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}),i=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),l=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),c=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),m=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),d=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),E=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}),N=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),T=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),_=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}}),G=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),O=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),L=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),S=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),I=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),R=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),D=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),v=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}}),P=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),M=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),U=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),b=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),W=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),h=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),w=t.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),B=t.createComponent({react:n,tagName:"anduin-toggle-group-item",elementClass:e.AnduinToggleGroupItem,events:{onChange:e.TOGGLE_GROUP_ITEM_CHANGE,onSelect:e.TOGGLE_GROUP_ITEM_SELECT,onDeselect:e.TOGGLE_GROUP_ITEM_DESELECT}}),V=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),k=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),K=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),f=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}}),X=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),q=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),y=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),j=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),z=t.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),J=t.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),Q=t.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),Y=t.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),Z=t.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),$=t.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),ee=t.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem});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.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;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.TOGGLE_GROUP_CHANGE=e.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=e.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_DESELECT=e.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=e.TOGGLE_GROUP_ITEM_SELECT;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=X;exports.Badge=s;exports.BadgeCount=r;exports.Button=i;exports.Callout=l;exports.Checkbox=O;exports.Divider=c;exports.Dot=m;exports.Drawer=J;exports.DrawerClose=Q;exports.Dropdown=z;exports.Field=g;exports.FieldDescription=N;exports.FieldError=T;exports.FieldGroup=_;exports.FieldLabel=A;exports.FileIcon=q;exports.Icon=C;exports.Input=L;exports.LoadingState=u;exports.Menu=D;exports.MenuItem=v;exports.Modal=H;exports.ModalClose=P;exports.Navigation=$;exports.NavigationItem=ee;exports.Popover=I;exports.PopoverClose=R;exports.Progress=d;exports.Radio=p;exports.RadioGroup=G;exports.Skeleton=E;exports.SparkleSpinner=o;exports.Spinner=a;exports.Suggestion=Z;exports.Switcher=Y;exports.TabContent=F;exports.TabTrigger=b;exports.Tabs=M;exports.TabsList=U;exports.Tag=W;exports.TagClose=h;exports.Textarea=S;exports.Toast=y;exports.Toaster=j;exports.ToggleGroup=w;exports.ToggleGroupItem=B;exports.Tooltip=V;exports.TooltipContent=K;exports.TooltipTrigger=k;exports.Well=f;exports.WellClose=x;

package/dist/react.d.ts

@@ -278,6 +278,51 @@ declare class AnduinModalClose extends HTMLElement {
     private _onClick;
 }
 
+/**
+ * Horizontal navigation bar — a row of items where exactly one is active.
+ * Recommended for navigating between top-level pages of an application.
+ *
+ * Theming: `theme="light"` (default) or `theme="dark"`. For a custom light
+ * theme, set any of these CSS custom properties on the element:
+ *   --nav-color, --nav-hover-color, --nav-hover-bg,
+ *   --nav-active-color, --nav-active-bg, --nav-surface
+ */
+declare class AnduinNavigation extends LitElement {
+    static styles: CSSResult;
+    /** Initially active item value (uncontrolled usage). */
+    defaultValue: string;
+    /** Controlled active item value. Leave unset for uncontrolled usage. */
+    value: string | null;
+    theme: NavigationTheme;
+    alignment: NavigationAlignment;
+    private internalValue;
+    private get isControlled();
+    private get selection();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(): void;
+    private get items();
+    private syncItems;
+    private onItemClick;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinNavigationItem extends LitElement {
+    static styles: CSSResult;
+    /** Unique value identifying this item within the bar. */
+    value: string;
+    /** anduin-icon name shown before the label. */
+    startIcon: string;
+    /** Renders an <a> instead of a <button> when provided. */
+    href: string;
+    disabled: boolean;
+    selected: boolean;
+    theme: NavigationTheme;
+    private onClick;
+    updated(changed: Map<string, unknown>): void;
+    render(): TemplateResult<1>;
+}
+
 declare class AnduinPopover extends LitElement {
     static styles: CSSResult;
     open: boolean;
@@ -727,6 +772,18 @@ export declare const MODAL_CLOSE_EVENT = "anduin-close";
 
 export declare const ModalClose: ReactWebComponent<AnduinModalClose, {}>;
 
+export declare const Navigation: ReactWebComponent<AnduinNavigation, {
+onChange: string;
+}>;
+
+export declare const NAVIGATION_CHANGE = "anduin-navigation:change";
+
+declare type NavigationAlignment = 'left' | 'center' | 'right';
+
+export declare const NavigationItem: ReactWebComponent<AnduinNavigationItem, {}>;
+
+declare type NavigationTheme = 'light' | 'dark';
+
 export declare const Popover: ReactWebComponent<AnduinPopover, {}>;
 
 export declare const PopoverClose: ReactWebComponent<AnduinPopoverClose, {}>;

package/dist/react.js

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

package/package.json

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