@duyluonganduin/acl-web-components 0.0.44 → 0.0.45

package/dist/jsx.d.ts

@@ -549,6 +549,58 @@ declare module 'react' {
       // ── anduin-pagination-last-page ───────────────────────────────────────
       'anduin-pagination-last-page': Base
 
+      // ── anduin-sidebar ────────────────────────────────────────────────────
+      'anduin-sidebar': Base
+
+      // ── anduin-sidebar-content ────────────────────────────────────────────
+      'anduin-sidebar-content': Base
+
+      // ── anduin-sidebar-header ─────────────────────────────────────────────
+      'anduin-sidebar-header': Base & {
+        /** Draw a separating border toward the content */
+        divider?: boolean | string
+      }
+
+      // ── anduin-sidebar-footer ─────────────────────────────────────────────
+      'anduin-sidebar-footer': Base & {
+        /** Draw a separating border toward the content */
+        divider?: boolean | string
+      }
+
+      // ── anduin-sidebar-group ──────────────────────────────────────────────
+      'anduin-sidebar-group': Base
+
+      // ── anduin-sidebar-group-label ────────────────────────────────────────
+      'anduin-sidebar-group-label': Base
+
+      // ── anduin-sidebar-menu ───────────────────────────────────────────────
+      'anduin-sidebar-menu': Base
+
+      // ── anduin-sidebar-menu-item ──────────────────────────────────────────
+      'anduin-sidebar-menu-item': Base & {
+        /** anduin-icon name shown before the label */
+        'start-icon'?: string
+        /** Highlights the entry as the active one */
+        selected?: boolean | string
+        /** Mute the entry and prevent interaction */
+        disabled?: boolean | string
+        /** Renders an <a> instead of a <button> when provided */
+        href?: string
+        /** Open the link in a new tab (target="_blank" with rel="noreferrer noopener") */
+        'open-new-tab'?: boolean | string
+        /** Fired when the item is activated — detail: the menu item element */
+        onSelect?: (e: CustomEvent<HTMLElement>) => void
+      }
+
+      // ── anduin-sidebar-action ─────────────────────────────────────────────
+      'anduin-sidebar-action': Base
+
+      // ── anduin-sidebar-badge ──────────────────────────────────────────────
+      'anduin-sidebar-badge': Base
+
+      // ── anduin-sidebar-separator ──────────────────────────────────────────
+      'anduin-sidebar-separator': Base
+
       // ── anduin-timeline ───────────────────────────────────────────────────
       'anduin-timeline': Base
 

package/dist/react.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@lit/react"),e=require("./anduin-timeline-DwZH2zju.cjs"),t=a.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=a.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),i=a.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),l=a.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),s=a.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),r=a.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),C=a.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),m=a.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),c=a.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),d=a.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),u=a.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),E=a.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),g=a.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),A=a.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),T=a.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),N=a.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),p=a.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),_=a.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),G=a.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),O=a.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),L=a.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),I=a.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),S=a.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),R=a.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),P=a.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),D=a.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),H=a.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),b=a.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),v=a.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),M=a.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),U=a.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=a.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),h=a.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),W=a.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),V=a.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),w=a.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}}),B=a.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),k=a.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),z=a.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),K=a.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),f=a.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),x=a.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),X=a.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),q=a.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),Z=a.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),y=a.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),j=a.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),J=a.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),Q=a.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),Y=a.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),$=a.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),ee=a.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),ne=a.createComponent({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),ae=a.createComponent({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),te=a.createComponent({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}}),oe=a.createComponent({react:n,tagName:"anduin-pagination",elementClass:e.AnduinPagination,events:{onValueChange:e.PAGINATION_CHANGE}}),ie=a.createComponent({react:n,tagName:"anduin-pagination-first-page",elementClass:e.AnduinPaginationFirstPage}),le=a.createComponent({react:n,tagName:"anduin-pagination-last-page",elementClass:e.AnduinPaginationLastPage}),se=a.createComponent({react:n,tagName:"anduin-timeline",elementClass:e.AnduinTimeline}),re=a.createComponent({react:n,tagName:"anduin-timeline-item",elementClass:e.AnduinTimelineItem}),Ce=a.createComponent({react:n,tagName:"anduin-timeline-date",elementClass:e.AnduinTimelineDate}),me=a.createComponent({react:n,tagName:"anduin-timeline-title",elementClass:e.AnduinTimelineTitle}),ce=a.createComponent({react:n,tagName:"anduin-timeline-group",elementClass:e.AnduinTimelineGroup}),de=a.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel});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.PAGINATION_CHANGE=e.PAGINATION_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=e.RESIZE_EVENT;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=l;exports.BadgeCount=s;exports.Button=r;exports.Callout=C;exports.Checkbox=O;exports.Divider=m;exports.Dot=c;exports.Drawer=j;exports.DrawerClose=J;exports.Dropdown=y;exports.Field=g;exports.FieldDescription=T;exports.FieldError=N;exports.FieldGroup=p;exports.FieldLabel=A;exports.FileIcon=X;exports.Icon=i;exports.Input=L;exports.LoadingState=E;exports.Menu=P;exports.MenuItem=D;exports.Modal=H;exports.ModalClose=b;exports.Navigation=$;exports.NavigationItem=ee;exports.Pagination=oe;exports.PaginationFirstPage=ie;exports.PaginationLastPage=le;exports.Popover=S;exports.PopoverClose=R;exports.Progress=d;exports.Radio=_;exports.RadioGroup=G;exports.ResizableHandle=te;exports.ResizablePanel=ae;exports.ResizablePanelGroup=ne;exports.Skeleton=u;exports.SparkleSpinner=o;exports.Spinner=t;exports.Suggestion=Y;exports.Switcher=Q;exports.TabContent=F;exports.TabTrigger=U;exports.Tabs=v;exports.TabsList=M;exports.Tag=h;exports.TagClose=W;exports.Textarea=I;exports.Timeline=se;exports.TimelineDate=Ce;exports.TimelineGroup=ce;exports.TimelineItem=re;exports.TimelineLabel=de;exports.TimelineTitle=me;exports.Toast=q;exports.Toaster=Z;exports.ToggleGroup=V;exports.ToggleGroupItem=w;exports.Tooltip=B;exports.TooltipContent=z;exports.TooltipTrigger=k;exports.Well=K;exports.WellClose=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@lit/react"),e=require("./anduin-sidebar-bObs5k3h.cjs"),t=a.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=a.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),i=a.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),r=a.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),s=a.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),l=a.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),C=a.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),m=a.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),c=a.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),d=a.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),u=a.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),g=a.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),E=a.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),A=a.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),N=a.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),p=a.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),T=a.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),_=a.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),G=a.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),S=a.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),b=a.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),L=a.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),I=a.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),O=a.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),R=a.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),P=a.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),D=a.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),H=a.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),v=a.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),M=a.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),U=a.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=a.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),h=a.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),B=a.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),W=a.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),V=a.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}}),w=a.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),k=a.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),z=a.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),f=a.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),K=a.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),x=a.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),X=a.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),q=a.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),Z=a.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),y=a.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),j=a.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),J=a.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),Q=a.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),Y=a.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),$=a.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),ee=a.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),ne=a.createComponent({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),ae=a.createComponent({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),te=a.createComponent({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}}),oe=a.createComponent({react:n,tagName:"anduin-pagination",elementClass:e.AnduinPagination,events:{onValueChange:e.PAGINATION_CHANGE}}),ie=a.createComponent({react:n,tagName:"anduin-pagination-first-page",elementClass:e.AnduinPaginationFirstPage}),re=a.createComponent({react:n,tagName:"anduin-pagination-last-page",elementClass:e.AnduinPaginationLastPage}),se=a.createComponent({react:n,tagName:"anduin-sidebar",elementClass:e.AnduinSidebar}),le=a.createComponent({react:n,tagName:"anduin-sidebar-content",elementClass:e.AnduinSidebarContent}),Ce=a.createComponent({react:n,tagName:"anduin-sidebar-header",elementClass:e.AnduinSidebarHeader}),me=a.createComponent({react:n,tagName:"anduin-sidebar-footer",elementClass:e.AnduinSidebarFooter}),ce=a.createComponent({react:n,tagName:"anduin-sidebar-group",elementClass:e.AnduinSidebarGroup}),de=a.createComponent({react:n,tagName:"anduin-sidebar-group-label",elementClass:e.AnduinSidebarGroupLabel}),ue=a.createComponent({react:n,tagName:"anduin-sidebar-menu",elementClass:e.AnduinSidebarMenu}),ge=a.createComponent({react:n,tagName:"anduin-sidebar-menu-item",elementClass:e.AnduinSidebarMenuItem,events:{onSelect:e.SIDEBAR_SELECT}}),Ee=a.createComponent({react:n,tagName:"anduin-sidebar-action",elementClass:e.AnduinSidebarAction}),Ae=a.createComponent({react:n,tagName:"anduin-sidebar-badge",elementClass:e.AnduinSidebarBadge}),Ne=a.createComponent({react:n,tagName:"anduin-sidebar-separator",elementClass:e.AnduinSidebarSeparator}),pe=a.createComponent({react:n,tagName:"anduin-timeline",elementClass:e.AnduinTimeline}),Te=a.createComponent({react:n,tagName:"anduin-timeline-item",elementClass:e.AnduinTimelineItem}),_e=a.createComponent({react:n,tagName:"anduin-timeline-date",elementClass:e.AnduinTimelineDate}),Ge=a.createComponent({react:n,tagName:"anduin-timeline-title",elementClass:e.AnduinTimelineTitle}),Se=a.createComponent({react:n,tagName:"anduin-timeline-group",elementClass:e.AnduinTimelineGroup}),be=a.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel});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.PAGINATION_CHANGE=e.PAGINATION_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=e.RESIZE_EVENT;exports.SIDEBAR_SELECT=e.SIDEBAR_SELECT;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=r;exports.BadgeCount=s;exports.Button=l;exports.Callout=C;exports.Checkbox=S;exports.Divider=m;exports.Dot=c;exports.Drawer=j;exports.DrawerClose=J;exports.Dropdown=y;exports.Field=E;exports.FieldDescription=N;exports.FieldError=p;exports.FieldGroup=T;exports.FieldLabel=A;exports.FileIcon=X;exports.Icon=i;exports.Input=b;exports.LoadingState=g;exports.Menu=R;exports.MenuItem=P;exports.Modal=D;exports.ModalClose=H;exports.Navigation=$;exports.NavigationItem=ee;exports.Pagination=oe;exports.PaginationFirstPage=ie;exports.PaginationLastPage=re;exports.Popover=I;exports.PopoverClose=O;exports.Progress=d;exports.Radio=_;exports.RadioGroup=G;exports.ResizableHandle=te;exports.ResizablePanel=ae;exports.ResizablePanelGroup=ne;exports.Sidebar=se;exports.SidebarAction=Ee;exports.SidebarBadge=Ae;exports.SidebarContent=le;exports.SidebarFooter=me;exports.SidebarGroup=ce;exports.SidebarGroupLabel=de;exports.SidebarHeader=Ce;exports.SidebarMenu=ue;exports.SidebarMenuItem=ge;exports.SidebarSeparator=Ne;exports.Skeleton=u;exports.SparkleSpinner=o;exports.Spinner=t;exports.Suggestion=Y;exports.Switcher=Q;exports.TabContent=F;exports.TabTrigger=U;exports.Tabs=v;exports.TabsList=M;exports.Tag=h;exports.TagClose=B;exports.Textarea=L;exports.Timeline=pe;exports.TimelineDate=_e;exports.TimelineGroup=Se;exports.TimelineItem=Te;exports.TimelineLabel=be;exports.TimelineTitle=Ge;exports.Toast=q;exports.Toaster=Z;exports.ToggleGroup=W;exports.ToggleGroupItem=V;exports.Tooltip=w;exports.TooltipContent=z;exports.TooltipTrigger=k;exports.Well=f;exports.WellClose=K;

package/dist/react.d.ts

@@ -507,6 +507,136 @@ declare class AnduinResizablePanelGroup extends LitElement {
     render(): TemplateResult<1>;
 }
 
+/**
+ * anduin-sidebar — a vertical navigation region for an application's primary
+ * sections. It organises navigable entries into labelled groups, highlights the
+ * active entry, and supports both button-style and link-style items.
+ *
+ * Compose a sidebar from these building blocks:
+ *   - anduin-sidebar               the navigation container
+ *   - anduin-sidebar-header/footer sticky top / bottom regions (optional divider)
+ *   - anduin-sidebar-content       scrolling region that owns the sidebar's padding
+ *   - anduin-sidebar-group         a section pairing a label with a menu
+ *   - anduin-sidebar-group-label   the heading for a group
+ *   - anduin-sidebar-menu          a vertical list of items
+ *   - anduin-sidebar-menu-item     a single navigable entry
+ *   - anduin-sidebar-action        a control shown on the right of a label/item
+ *   - anduin-sidebar-badge         a count/status badge shown on the right
+ *   - anduin-sidebar-separator     a divider between sections
+ *
+ * @example
+ * <anduin-sidebar aria-label="Fund navigation">
+ *   <anduin-sidebar-content>
+ *     <anduin-sidebar-group>
+ *       <anduin-sidebar-group-label>Fund administration</anduin-sidebar-group-label>
+ *       <anduin-sidebar-menu>
+ *         <anduin-sidebar-menu-item start-icon="dashboard" selected>Overview</anduin-sidebar-menu-item>
+ *         <anduin-sidebar-menu-item start-icon="userInvestor">Investors</anduin-sidebar-menu-item>
+ *       </anduin-sidebar-menu>
+ *     </anduin-sidebar-group>
+ *   </anduin-sidebar-content>
+ * </anduin-sidebar>
+ */
+declare class AnduinSidebar extends LitElement {
+    static styles: CSSResult;
+    connectedCallback(): void;
+    render(): TemplateResult<1>;
+}
+
+/**
+ * A small action control shown on the right of a group label or menu item.
+ * Prop-less container: slot in any control (typically an anduin-button). It is
+ * pushed to the right of the row, and activating it never triggers the menu
+ * item's own click or navigation.
+ */
+declare class AnduinSidebarAction extends LitElement {
+    static styles: CSSResult;
+    connectedCallback(): void;
+    render(): TemplateResult<1>;
+}
+
+/**
+ * A count or status badge shown on the right of a group label or menu item.
+ * Hosts a standard anduin-badge-count (or anduin-badge). Unlike an action, a
+ * badge is informational: clicking it does not swallow the item's click.
+ */
+declare class AnduinSidebarBadge extends LitElement {
+    static styles: CSSResult;
+    connectedCallback(): void;
+    render(): TemplateResult<1>;
+}
+
+/**
+ * The container that holds the groups. It owns the sidebar's padding and, when
+ * the sidebar has a bounded height, scrolls between an optional header/footer.
+ */
+declare class AnduinSidebarContent extends LitElement {
+    static styles: CSSResult;
+    render(): TemplateResult<1>;
+}
+
+/** A sticky region pinned to the bottom of the sidebar, below the scrolling content. */
+declare class AnduinSidebarFooter extends LitElement {
+    static styles: CSSResult;
+    /** Draw a separating border toward the content. */
+    divider: boolean;
+    render(): TemplateResult<1>;
+}
+
+/** A section that pairs a group label with a menu of related entries. */
+declare class AnduinSidebarGroup extends LitElement {
+    static styles: CSSResult;
+    render(): TemplateResult<1>;
+}
+
+/** The heading for a group. Accepts a slotted badge or action on the right. */
+declare class AnduinSidebarGroupLabel extends LitElement {
+    static styles: CSSResult;
+    render(): TemplateResult<1>;
+}
+
+/** A sticky region pinned to the top of the sidebar, above the scrolling content. */
+declare class AnduinSidebarHeader extends LitElement {
+    static styles: CSSResult;
+    /** Draw a separating border toward the content. */
+    divider: boolean;
+    render(): TemplateResult<1>;
+}
+
+/** A vertical list of menu items. */
+declare class AnduinSidebarMenu extends LitElement {
+    static styles: CSSResult;
+    render(): TemplateResult<1>;
+}
+
+/**
+ * A single navigable entry. Renders a native <button> by default, or an <a>
+ * when `href` is set. Accepts a leading icon (`start-icon`), a slotted
+ * `anduin-sidebar-badge`, and a slotted `anduin-sidebar-action`.
+ */
+declare class AnduinSidebarMenuItem extends LitElement {
+    static styles: CSSResult;
+    /** anduin-icon name shown before the label. */
+    startIcon: string;
+    /** Highlights the entry as the active one. Bind to your route/selection state. */
+    selected: boolean;
+    /** Mute the entry and prevent interaction. */
+    disabled: boolean;
+    /** Renders an <a> instead of a <button> when provided. */
+    href: string;
+    /** Open the link in a new tab (target="_blank" with rel="noreferrer noopener"). */
+    openNewTab: boolean;
+    private onClick;
+    render(): TemplateResult<1>;
+}
+
+/** A divider between unrelated sections. */
+declare class AnduinSidebarSeparator extends LitElement {
+    static styles: CSSResult;
+    connectedCallback(): void;
+    render(): TemplateResult<1>;
+}
+
 declare class AnduinSkeleton extends LitElement {
     static styles: CSSResult;
     effect: string;
@@ -1011,6 +1141,42 @@ export declare const RESIZE_EVENT = "anduin-resizable:resize";
 
 declare type ResizeOrientation = 'horizontal' | 'vertical';
 
+export declare const Sidebar: ReactWebComponent<AnduinSidebar, {}>;
+
+/**
+ * Fired when a (non-disabled) sidebar menu item is activated by click or
+ * keyboard. `detail` is the activated `anduin-sidebar-menu-item` element.
+ *
+ * Menu items are native buttons (or links when `href` is set), so a native
+ * `click` also bubbles — this event exists as a convenience so consumers can
+ * bind a single `onSelect` handler (and it maps to the React wrapper's
+ * `onSelect` prop). Activating a control slotted into an `anduin-sidebar-action`
+ * never triggers it, because the action sits outside the item's button/link.
+ */
+export declare const SIDEBAR_SELECT = "anduin-sidebar:select";
+
+export declare const SidebarAction: ReactWebComponent<AnduinSidebarAction, {}>;
+
+export declare const SidebarBadge: ReactWebComponent<AnduinSidebarBadge, {}>;
+
+export declare const SidebarContent: ReactWebComponent<AnduinSidebarContent, {}>;
+
+export declare const SidebarFooter: ReactWebComponent<AnduinSidebarFooter, {}>;
+
+export declare const SidebarGroup: ReactWebComponent<AnduinSidebarGroup, {}>;
+
+export declare const SidebarGroupLabel: ReactWebComponent<AnduinSidebarGroupLabel, {}>;
+
+export declare const SidebarHeader: ReactWebComponent<AnduinSidebarHeader, {}>;
+
+export declare const SidebarMenu: ReactWebComponent<AnduinSidebarMenu, {}>;
+
+export declare const SidebarMenuItem: ReactWebComponent<AnduinSidebarMenuItem, {
+onSelect: string;
+}>;
+
+export declare const SidebarSeparator: ReactWebComponent<AnduinSidebarSeparator, {}>;
+
 export declare const Skeleton: ReactWebComponent<AnduinSkeleton, {}>;
 
 export declare const SparkleSpinner: ReactWebComponent<AnduinSparkleSpinner, {}>;

package/dist/react.js

@@ -1,195 +1,212 @@
 import e from "react";
 import { createComponent as a } from "@lit/react";
-import { N as n, M as t, q as s, a as i, b as l, c as o, d, f as r, g as m, F as u, L as c, s as g, k as C, o as A, l as N, m as T, n as p, as as E, G, at as _, H as v, ab as I, e as b, aj as S, ai as L, r as R, aD as P, W as O, D, E as h, t as H, u as F, al as w, am as M, v as f, w as k, az as z, S as U, T as x, R as W, Q as B, U as V, aC as K, V as X, aE as j, a3 as y, aH as Z, aI as q, aF as J, a4 as Q, a5 as Y, a7 as $, a6 as ee, a8 as ae, aP as ne, a9 as te, A as se, p as ie, a1 as le, a2 as oe, ae as de, j as re, ac as me, ad as ue, h as ce, i as ge, ay as Ce, P as Ae, aw as Ne, ax as Te, av as pe, O as Ee, an as Ge, x as _e, y as ve, K as Ie, J as be, au as Se, I as Le, ap as Re, z as Pe, B as Oe, C as De, X as he, _ as He, Y as Fe, a0 as we, Z as Me, $ as fe } from "./anduin-timeline-DkszsVSy.js";
-import { ak as Ya } from "./anduin-timeline-DkszsVSy.js";
-const xe = a({ react: e, tagName: "anduin-spinner", elementClass: n }), We = a({ react: e, tagName: "anduin-sparkle-spinner", elementClass: t }), Be = a({ react: e, tagName: "anduin-icon", elementClass: s }), Ve = a({ react: e, tagName: "anduin-badge", elementClass: i }), Ke = a({ react: e, tagName: "anduin-badge-count", elementClass: l }), Xe = a({ react: e, tagName: "anduin-button", elementClass: o }), je = a({ react: e, tagName: "anduin-callout", elementClass: d }), ye = a({ react: e, tagName: "anduin-divider", elementClass: r }), Ze = a({ react: e, tagName: "anduin-dot", elementClass: m }), qe = a({ react: e, tagName: "anduin-progress", elementClass: u }), Je = a({ react: e, tagName: "anduin-skeleton", elementClass: c }), Qe = a({ react: e, tagName: "anduin-loading-state", elementClass: g }), Ye = a({ react: e, tagName: "anduin-field", elementClass: C }), $e = a({ react: e, tagName: "anduin-field-label", elementClass: A }), ea = a({ react: e, tagName: "anduin-field-description", elementClass: N }), aa = a({ react: e, tagName: "anduin-field-error", elementClass: T }), na = a({ react: e, tagName: "anduin-field-group", elementClass: p }), ta = a({
+import { Y as n, X as t, q as s, a as i, b as l, c as o, d, f as r, g as u, F as m, W as c, s as g, k as C, o as A, l as N, m as T, n as p, aD as b, G as E, aE as S, H as G, am as _, e as v, au as I, at as L, r as R, aP as P, a5 as O, D, E as h, t as H, u as F, aw as M, ax as f, v as w, w as k, aL as U, a1 as B, a2 as z, a0 as x, $ as W, a3 as V, aO as K, a4 as X, aQ as j, ae as y, aT as J, aU as Q, aR as Z, af as $, ag as q, ai as Y, ah as ee, aj as ae, a$ as ne, ak as te, A as se, p as ie, ac as le, ad as oe, ap as de, j as re, an as ue, ao as me, h as ce, i as ge, aK as Ce, _ as Ae, aI as Ne, aJ as Te, aH as pe, Z as be, ay as Ee, x as Se, y as Ge, K as _e, J as ve, aF as Ie, I as Le, aA as Re, z as Pe, B as Oe, C as De, L as he, O as He, S as Fe, P as Me, Q as fe, R as we, T as ke, aG as Ue, U as Be, M as ze, N as xe, V as We, a6 as Ve, a9 as Ke, a7 as Xe, ab as je, a8 as ye, aa as Je } from "./anduin-sidebar-BLBUZYp_.js";
+import { av as Gn } from "./anduin-sidebar-BLBUZYp_.js";
+const qe = a({ react: e, tagName: "anduin-spinner", elementClass: n }), Ye = a({ react: e, tagName: "anduin-sparkle-spinner", elementClass: t }), ea = a({ react: e, tagName: "anduin-icon", elementClass: s }), aa = a({ react: e, tagName: "anduin-badge", elementClass: i }), na = a({ react: e, tagName: "anduin-badge-count", elementClass: l }), ta = a({ react: e, tagName: "anduin-button", elementClass: o }), sa = a({ react: e, tagName: "anduin-callout", elementClass: d }), ia = a({ react: e, tagName: "anduin-divider", elementClass: r }), la = a({ react: e, tagName: "anduin-dot", elementClass: u }), oa = a({ react: e, tagName: "anduin-progress", elementClass: m }), da = a({ react: e, tagName: "anduin-skeleton", elementClass: c }), ra = a({ react: e, tagName: "anduin-loading-state", elementClass: g }), ua = a({ react: e, tagName: "anduin-field", elementClass: C }), ma = a({ react: e, tagName: "anduin-field-label", elementClass: A }), ca = a({ react: e, tagName: "anduin-field-description", elementClass: N }), ga = a({ react: e, tagName: "anduin-field-error", elementClass: T }), Ca = a({ react: e, tagName: "anduin-field-group", elementClass: p }), Aa = a({
   react: e,
   tagName: "anduin-radio",
-  elementClass: G,
-  events: { onChange: E }
-}), sa = a({
+  elementClass: E,
+  events: { onChange: b }
+}), Na = a({
   react: e,
   tagName: "anduin-radio-group",
-  elementClass: v,
-  events: { onChange: _ }
-}), ia = a({
+  elementClass: G,
+  events: { onChange: S }
+}), Ta = a({
   react: e,
   tagName: "anduin-checkbox",
-  elementClass: b,
-  events: { onChange: I }
-}), la = a({
+  elementClass: v,
+  events: { onChange: _ }
+}), pa = a({
   react: e,
   tagName: "anduin-input",
   elementClass: R,
-  events: { onChange: L, onClear: S }
-}), oa = a({
+  events: { onChange: L, onClear: I }
+}), ba = a({
   react: e,
   tagName: "anduin-textarea",
   elementClass: O,
   events: { onChange: P }
-}), da = a({ react: e, tagName: "anduin-popover", elementClass: D }), ra = a({ react: e, tagName: "anduin-popover-close", elementClass: h }), ma = a({ react: e, tagName: "anduin-menu", elementClass: H }), ua = a({
+}), Ea = a({ react: e, tagName: "anduin-popover", elementClass: D }), Sa = a({ react: e, tagName: "anduin-popover-close", elementClass: h }), Ga = a({ react: e, tagName: "anduin-menu", elementClass: H }), _a = a({
   react: e,
   tagName: "anduin-menu-item",
   elementClass: F
-}), ca = a({
+}), va = a({
   react: e,
   tagName: "anduin-modal",
-  elementClass: f,
-  events: { onClose: M, onAfterClose: w }
-}), ga = a({ react: e, tagName: "anduin-modal-close", elementClass: k }), Ca = a({
+  elementClass: w,
+  events: { onClose: f, onAfterClose: M }
+}), Ia = a({ react: e, tagName: "anduin-modal-close", elementClass: k }), La = a({
   react: e,
   tagName: "anduin-tabs",
-  elementClass: U,
-  events: { onChange: z }
-}), Aa = a({ react: e, tagName: "anduin-tabs-list", elementClass: x }), Na = a({ react: e, tagName: "anduin-tab-trigger", elementClass: W }), Ta = a({ react: e, tagName: "anduin-tab-content", elementClass: B }), pa = a({ react: e, tagName: "anduin-tag", elementClass: V }), Ea = a({
+  elementClass: B,
+  events: { onChange: U }
+}), Ra = a({ react: e, tagName: "anduin-tabs-list", elementClass: z }), Pa = a({ react: e, tagName: "anduin-tab-trigger", elementClass: x }), Oa = a({ react: e, tagName: "anduin-tab-content", elementClass: W }), Da = a({ react: e, tagName: "anduin-tag", elementClass: V }), ha = a({
   react: e,
   tagName: "anduin-tag-close",
   elementClass: X,
   events: { onClick: K }
-}), Ga = a({
+}), Ha = a({
   react: e,
   tagName: "anduin-toggle-group",
   elementClass: y,
   events: { onChange: j }
-}), _a = a({
+}), Fa = a({
   react: e,
   tagName: "anduin-toggle-group-item",
-  elementClass: Q,
-  events: { onChange: J, onSelect: q, onDeselect: Z }
-}), va = a({ react: e, tagName: "anduin-tooltip", elementClass: Y }), Ia = a({ react: e, tagName: "anduin-tooltip-trigger", elementClass: $ }), ba = a({ react: e, tagName: "anduin-tooltip-content", elementClass: ee }), Sa = a({ react: e, tagName: "anduin-well", elementClass: ae }), La = a({
+  elementClass: $,
+  events: { onChange: Z, onSelect: Q, onDeselect: J }
+}), Ma = a({ react: e, tagName: "anduin-tooltip", elementClass: q }), fa = a({ react: e, tagName: "anduin-tooltip-trigger", elementClass: Y }), wa = a({ react: e, tagName: "anduin-tooltip-content", elementClass: ee }), ka = a({ react: e, tagName: "anduin-well", elementClass: ae }), Ua = a({
   react: e,
   tagName: "anduin-well-close",
   elementClass: te,
   events: { onClick: ne }
-}), Ra = a({ react: e, tagName: "anduin-avatar", elementClass: se }), Pa = a({ react: e, tagName: "anduin-file-icon", elementClass: ie }), Oa = a({ react: e, tagName: "anduin-toast", elementClass: le }), Da = a({ react: e, tagName: "anduin-toaster", elementClass: oe }), ha = a({
+}), Ba = a({ react: e, tagName: "anduin-avatar", elementClass: se }), za = a({ react: e, tagName: "anduin-file-icon", elementClass: ie }), xa = a({ react: e, tagName: "anduin-toast", elementClass: le }), Wa = a({ react: e, tagName: "anduin-toaster", elementClass: oe }), Va = a({
   react: e,
   tagName: "anduin-dropdown",
   elementClass: re,
   events: { onChange: de }
-}), Ha = a({
+}), Ka = a({
   react: e,
   tagName: "anduin-drawer",
   elementClass: ce,
-  events: { onClose: ue, onAfterClose: me }
-}), Fa = a({ react: e, tagName: "anduin-drawer-close", elementClass: ge }), wa = a({
+  events: { onClose: me, onAfterClose: ue }
+}), Xa = a({ react: e, tagName: "anduin-drawer-close", elementClass: ge }), ja = a({
   react: e,
   tagName: "anduin-switcher",
   elementClass: Ae,
   events: { onChange: Ce }
-}), Ma = a({
+}), ya = a({
   react: e,
   tagName: "anduin-suggestion",
-  elementClass: Ee,
+  elementClass: be,
   events: { onChange: pe, onSelect: Te, onClear: Ne }
-}), fa = a({
+}), Ja = a({
   react: e,
   tagName: "anduin-navigation",
-  elementClass: _e,
-  events: { onChange: Ge }
-}), ka = a({
+  elementClass: Se,
+  events: { onChange: Ee }
+}), Qa = a({
   react: e,
   tagName: "anduin-navigation-item",
-  elementClass: ve
-}), za = a({ react: e, tagName: "anduin-resizable-panel-group", elementClass: Ie }), Ua = a({ react: e, tagName: "anduin-resizable-panel", elementClass: be }), xa = a({
+  elementClass: Ge
+}), Za = a({ react: e, tagName: "anduin-resizable-panel-group", elementClass: _e }), $a = a({ react: e, tagName: "anduin-resizable-panel", elementClass: ve }), qa = a({
   react: e,
   tagName: "anduin-resizable-handle",
   elementClass: Le,
-  events: { onResize: Se }
-}), Wa = a({
+  events: { onResize: Ie }
+}), Ya = a({
   react: e,
   tagName: "anduin-pagination",
   elementClass: Pe,
   events: { onValueChange: Re }
-}), Ba = a({ react: e, tagName: "anduin-pagination-first-page", elementClass: Oe }), Va = a({ react: e, tagName: "anduin-pagination-last-page", elementClass: De }), Ka = a({ react: e, tagName: "anduin-timeline", elementClass: he }), Xa = a({ react: e, tagName: "anduin-timeline-item", elementClass: He }), ja = a({ react: e, tagName: "anduin-timeline-date", elementClass: Fe }), ya = a({ react: e, tagName: "anduin-timeline-title", elementClass: we }), Za = a({ react: e, tagName: "anduin-timeline-group", elementClass: Me }), qa = a({ react: e, tagName: "anduin-timeline-label", elementClass: fe });
+}), en = a({ react: e, tagName: "anduin-pagination-first-page", elementClass: Oe }), an = a({ react: e, tagName: "anduin-pagination-last-page", elementClass: De }), nn = a({ react: e, tagName: "anduin-sidebar", elementClass: he }), tn = a({ react: e, tagName: "anduin-sidebar-content", elementClass: He }), sn = a({ react: e, tagName: "anduin-sidebar-header", elementClass: Fe }), ln = a({ react: e, tagName: "anduin-sidebar-footer", elementClass: Me }), on = a({ react: e, tagName: "anduin-sidebar-group", elementClass: fe }), dn = a({ react: e, tagName: "anduin-sidebar-group-label", elementClass: we }), rn = a({ react: e, tagName: "anduin-sidebar-menu", elementClass: ke }), un = a({
+  react: e,
+  tagName: "anduin-sidebar-menu-item",
+  elementClass: Be,
+  events: { onSelect: Ue }
+}), mn = a({ react: e, tagName: "anduin-sidebar-action", elementClass: ze }), cn = a({ react: e, tagName: "anduin-sidebar-badge", elementClass: xe }), gn = a({ react: e, tagName: "anduin-sidebar-separator", elementClass: We }), Cn = a({ react: e, tagName: "anduin-timeline", elementClass: Ve }), An = a({ react: e, tagName: "anduin-timeline-item", elementClass: Ke }), Nn = a({ react: e, tagName: "anduin-timeline-date", elementClass: Xe }), Tn = a({ react: e, tagName: "anduin-timeline-title", elementClass: je }), pn = a({ react: e, tagName: "anduin-timeline-group", elementClass: ye }), bn = a({ react: e, tagName: "anduin-timeline-label", elementClass: Je });
 export {
-  Ra as Avatar,
-  Ve as Badge,
-  Ke as BadgeCount,
-  Xe as Button,
-  I as CHECKBOX_CHANGE,
-  je as Callout,
-  ia as Checkbox,
-  me as DRAWER_AFTER_CLOSE_EVENT,
-  ue as DRAWER_CLOSE_EVENT,
+  Ba as Avatar,
+  aa as Badge,
+  na as BadgeCount,
+  ta as Button,
+  _ as CHECKBOX_CHANGE,
+  sa as Callout,
+  Ta as Checkbox,
+  ue as DRAWER_AFTER_CLOSE_EVENT,
+  me as DRAWER_CLOSE_EVENT,
   de as DROPDOWN_CHANGE,
-  ye as Divider,
-  Ze as Dot,
-  Ha as Drawer,
-  Fa as DrawerClose,
-  ha as Dropdown,
-  Ye as Field,
-  ea as FieldDescription,
-  aa as FieldError,
-  na as FieldGroup,
-  $e as FieldLabel,
-  Pa as FileIcon,
+  ia as Divider,
+  la as Dot,
+  Ka as Drawer,
+  Xa as DrawerClose,
+  Va as Dropdown,
+  ua as Field,
+  ca as FieldDescription,
+  ga as FieldError,
+  Ca as FieldGroup,
+  ma as FieldLabel,
+  za as FileIcon,
   L as INPUT_CHANGE,
-  S as INPUT_CLEAR,
-  Be as Icon,
-  la as Input,
-  Qe as LoadingState,
-  Ya as MENU_ITEM_CLICK,
-  w as MODAL_AFTER_CLOSE_EVENT,
-  M as MODAL_CLOSE_EVENT,
-  ma as Menu,
-  ua as MenuItem,
-  ca as Modal,
-  ga as ModalClose,
-  Ge as NAVIGATION_CHANGE,
-  fa as Navigation,
-  ka as NavigationItem,
+  I as INPUT_CLEAR,
+  ea as Icon,
+  pa as Input,
+  ra as LoadingState,
+  Gn as MENU_ITEM_CLICK,
+  M as MODAL_AFTER_CLOSE_EVENT,
+  f as MODAL_CLOSE_EVENT,
+  Ga as Menu,
+  _a as MenuItem,
+  va as Modal,
+  Ia as ModalClose,
+  Ee as NAVIGATION_CHANGE,
+  Ja as Navigation,
+  Qa as NavigationItem,
   Re as PAGINATION_CHANGE,
-  Wa as Pagination,
-  Ba as PaginationFirstPage,
-  Va as PaginationLastPage,
-  da as Popover,
-  ra as PopoverClose,
-  qe as Progress,
-  E as RADIO_CHANGE,
-  _ as RADIO_GROUP_CHANGE,
-  Se as RESIZE_EVENT,
-  ta as Radio,
-  sa as RadioGroup,
-  xa as ResizableHandle,
-  Ua as ResizablePanel,
-  za as ResizablePanelGroup,
+  Ya as Pagination,
+  en as PaginationFirstPage,
+  an as PaginationLastPage,
+  Ea as Popover,
+  Sa as PopoverClose,
+  oa as Progress,
+  b as RADIO_CHANGE,
+  S as RADIO_GROUP_CHANGE,
+  Ie as RESIZE_EVENT,
+  Aa as Radio,
+  Na as RadioGroup,
+  qa as ResizableHandle,
+  $a as ResizablePanel,
+  Za as ResizablePanelGroup,
+  Ue as SIDEBAR_SELECT,
   pe as SUGGESTION_CHANGE,
   Ne as SUGGESTION_CLEAR,
   Te as SUGGESTION_SELECT,
   Ce as SWITCHER_CHANGE,
-  Je as Skeleton,
-  We as SparkleSpinner,
-  xe as Spinner,
-  Ma as Suggestion,
-  wa as Switcher,
-  z as TAB_CHANGE,
+  nn as Sidebar,
+  mn as SidebarAction,
+  cn as SidebarBadge,
+  tn as SidebarContent,
+  ln as SidebarFooter,
+  on as SidebarGroup,
+  dn as SidebarGroupLabel,
+  sn as SidebarHeader,
+  rn as SidebarMenu,
+  un as SidebarMenuItem,
+  gn as SidebarSeparator,
+  da as Skeleton,
+  Ye as SparkleSpinner,
+  qe as Spinner,
+  ya as Suggestion,
+  ja as Switcher,
+  U as TAB_CHANGE,
   K as TAG_CLOSE_CLICK,
   P as TEXTAREA_CHANGE,
   j as TOGGLE_GROUP_CHANGE,
-  J as TOGGLE_GROUP_ITEM_CHANGE,
-  Z as TOGGLE_GROUP_ITEM_DESELECT,
-  q as TOGGLE_GROUP_ITEM_SELECT,
-  Ta as TabContent,
-  Na as TabTrigger,
-  Ca as Tabs,
-  Aa as TabsList,
-  pa as Tag,
-  Ea as TagClose,
-  oa as Textarea,
-  Ka as Timeline,
-  ja as TimelineDate,
-  Za as TimelineGroup,
-  Xa as TimelineItem,
-  qa as TimelineLabel,
-  ya as TimelineTitle,
-  Oa as Toast,
-  Da as Toaster,
-  Ga as ToggleGroup,
-  _a as ToggleGroupItem,
-  va as Tooltip,
-  ba as TooltipContent,
-  Ia as TooltipTrigger,
+  Z as TOGGLE_GROUP_ITEM_CHANGE,
+  J as TOGGLE_GROUP_ITEM_DESELECT,
+  Q as TOGGLE_GROUP_ITEM_SELECT,
+  Oa as TabContent,
+  Pa as TabTrigger,
+  La as Tabs,
+  Ra as TabsList,
+  Da as Tag,
+  ha as TagClose,
+  ba as Textarea,
+  Cn as Timeline,
+  Nn as TimelineDate,
+  pn as TimelineGroup,
+  An as TimelineItem,
+  bn as TimelineLabel,
+  Tn as TimelineTitle,
+  xa as Toast,
+  Wa as Toaster,
+  Ha as ToggleGroup,
+  Fa as ToggleGroupItem,
+  Ma as Tooltip,
+  wa as TooltipContent,
+  fa as TooltipTrigger,
   ne as WELL_CLOSE_CLICK,
-  Sa as Well,
-  La as WellClose
+  ka as Well,
+  Ua as WellClose
 };

package/package.json

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