@duyluonganduin/acl-web-components 0.0.45 → 0.0.48

package/dist/jsx.d.ts

@@ -618,6 +618,87 @@ declare module 'react' {
 
       // ── anduin-timeline-label ─────────────────────────────────────────────
       'anduin-timeline-label': Base
+
+      // ── anduin-calendar ───────────────────────────────────────────────────
+      'anduin-calendar': Base & {
+        /** Selected day, ISO `YYYY-MM-DD`. Also the month the calendar opens on. */
+        value?: string
+        /** Earliest selectable day, ISO `YYYY-MM-DD` */
+        'min-date'?: string
+        /** Latest selectable day, ISO `YYYY-MM-DD` */
+        'max-date'?: string
+        /** First day of a painted range, ISO `YYYY-MM-DD` */
+        'range-start'?: string
+        /** Last day of a painted range, ISO `YYYY-MM-DD` */
+        'range-end'?: string
+      }
+
+      // ── anduin-date-range ─────────────────────────────────────────────────
+      'anduin-date-range': Base & {
+        /** First day of the selected range, ISO `YYYY-MM-DD` */
+        'start-date'?: string
+        /** Last day of the selected range, ISO `YYYY-MM-DD` */
+        'end-date'?: string
+        /** Earliest selectable day, ISO `YYYY-MM-DD` */
+        'min-date'?: string
+        /** Latest selectable day, ISO `YYYY-MM-DD` */
+        'max-date'?: string
+      }
+
+      // ── anduin-date-range-default ─────────────────────────────────────────
+      'anduin-date-range-default': Base
+
+      // ── anduin-date-range-start ───────────────────────────────────────────
+      'anduin-date-range-start': Base
+
+      // ── anduin-date-range-end ─────────────────────────────────────────────
+      'anduin-date-range-end': Base
+
+      // ── anduin-date-input ─────────────────────────────────────────────────
+      'anduin-date-input': Base & {
+        /** Pattern to type into, e.g. `MM/dd/yyyy` | `yyyy-MM-dd` | `dd.MM.yyyy` */
+        format?: string
+        /** Current value, formatted to match `format` */
+        value?: string
+        /** 'small' | 'default' | 'large'  (default: 'default') */
+        size?: string
+        disabled?: boolean
+        readonly?: boolean
+        /** 'valid' | 'invalid' | 'warning' | 'loading' */
+        status?: string
+        /** Icon name rendered inside the input, before the text */
+        'start-icon'?: string
+        /** Earliest allowed date, ISO `YYYY-MM-DD` */
+        'min-date'?: string
+        /** Latest allowed date, ISO `YYYY-MM-DD` */
+        'max-date'?: string
+        /** Matches `anduin-field-label`'s `for` */
+        inputid?: string
+      }
+
+      // ── anduin-date-picker ────────────────────────────────────────────────
+      'anduin-date-picker': Base & {
+        /** Pattern for the input, e.g. `MM/dd/yyyy`. `value` must match it. */
+        format?: string
+        /** Current value, formatted to match `format` */
+        value?: string
+        /** 'small' | 'default' | 'large'  (default: 'default') */
+        size?: string
+        disabled?: boolean
+        readonly?: boolean
+        /** 'valid' | 'invalid' | 'warning' | 'loading' */
+        status?: string
+        /** Icon name rendered inside the input, before the text */
+        'start-icon'?: string
+        /** Earliest selectable date, ISO `YYYY-MM-DD` */
+        'min-date'?: string
+        /** Latest selectable date, ISO `YYYY-MM-DD` */
+        'max-date'?: string
+        /** Calendar position: 'bottom-start' | 'bottom-end' | 'bottom' | 'top-start' | 'top-end' | 'top' */
+        placement?: string
+        /** Matches `anduin-field-label`'s `for` */
+        inputid?: string
+      }
     }
   }
 }

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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@lit/react"),e=require("./anduin-date-picker-BHLmPYcA.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}),d=a.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),c=a.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),m=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}),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}}),R=a.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),b=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,events:{onOpenChange:e.POPOVER_OPEN_CHANGE}}),O=a.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),L=a.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),D=a.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),P=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}),V=a.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),B=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}}),k=a.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),w=a.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),f=a.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),K=a.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),z=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}),de=a.createComponent({react:n,tagName:"anduin-sidebar-footer",elementClass:e.AnduinSidebarFooter}),ce=a.createComponent({react:n,tagName:"anduin-sidebar-group",elementClass:e.AnduinSidebarGroup}),me=a.createComponent({react:n,tagName:"anduin-sidebar-group-label",elementClass:e.AnduinSidebarGroupLabel}),ue=a.createComponent({react:n,tagName:"anduin-sidebar-menu",elementClass:e.AnduinSidebarMenu}),Ee=a.createComponent({react:n,tagName:"anduin-sidebar-menu-item",elementClass:e.AnduinSidebarMenuItem,events:{onSelect:e.SIDEBAR_SELECT}}),ge=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}),Re=a.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel}),be=a.createComponent({react:n,tagName:"anduin-calendar",elementClass:e.AnduinCalendar,events:{onValueChange:e.CALENDAR_CHANGE}}),Ie=a.createComponent({react:n,tagName:"anduin-date-range",elementClass:e.AnduinDateRange,events:{onChange:e.DATE_RANGE_CHANGE}}),Oe=a.createComponent({react:n,tagName:"anduin-date-range-default",elementClass:e.AnduinDateRangeDefault}),Le=a.createComponent({react:n,tagName:"anduin-date-range-start",elementClass:e.AnduinDateRangeStart}),De=a.createComponent({react:n,tagName:"anduin-date-range-end",elementClass:e.AnduinDateRangeEnd}),Pe=a.createComponent({react:n,tagName:"anduin-date-input",elementClass:e.AnduinDateInput,events:{onValueChange:e.DATE_INPUT_CHANGE}}),He=a.createComponent({react:n,tagName:"anduin-date-picker",elementClass:e.AnduinDatePicker,events:{onValueChange:e.DATE_PICKER_CHANGE}});exports.CALENDAR_CHANGE=e.CALENDAR_CHANGE;exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DATE_INPUT_CHANGE=e.DATE_INPUT_CHANGE;exports.DATE_PICKER_CHANGE=e.DATE_PICKER_CHANGE;exports.DATE_RANGE_CHANGE=e.DATE_RANGE_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.POPOVER_OPEN_CHANGE=e.POPOVER_OPEN_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.Calendar=be;exports.Callout=C;exports.Checkbox=S;exports.DateInput=Pe;exports.DatePicker=He;exports.DateRange=Ie;exports.DateRangeDefault=Oe;exports.DateRangeEnd=De;exports.DateRangeStart=Le;exports.Divider=d;exports.Dot=c;exports.Drawer=j;exports.DrawerClose=J;exports.Dropdown=y;exports.Field=g;exports.FieldDescription=N;exports.FieldError=p;exports.FieldGroup=T;exports.FieldLabel=A;exports.FileIcon=X;exports.Icon=i;exports.Input=R;exports.LoadingState=E;exports.Menu=L;exports.MenuItem=D;exports.Modal=P;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=m;exports.Radio=_;exports.RadioGroup=G;exports.ResizableHandle=te;exports.ResizablePanel=ae;exports.ResizablePanelGroup=ne;exports.Sidebar=se;exports.SidebarAction=ge;exports.SidebarBadge=Ae;exports.SidebarContent=le;exports.SidebarFooter=de;exports.SidebarGroup=ce;exports.SidebarGroupLabel=me;exports.SidebarHeader=Ce;exports.SidebarMenu=ue;exports.SidebarMenuItem=Ee;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=V;exports.Textarea=b;exports.Timeline=pe;exports.TimelineDate=_e;exports.TimelineGroup=Se;exports.TimelineItem=Te;exports.TimelineLabel=Re;exports.TimelineTitle=Ge;exports.Toast=q;exports.Toaster=Z;exports.ToggleGroup=B;exports.ToggleGroupItem=W;exports.Tooltip=k;exports.TooltipContent=f;exports.TooltipTrigger=w;exports.Well=K;exports.WellClose=z;

package/dist/react.d.ts

@@ -57,6 +57,76 @@ declare class AnduinButton extends LitElement {
     render(): TemplateResult<1>;
 }
 
+/**
+ * A single-month calendar grid with month/year pickers and full keyboard
+ * navigation.
+ *
+ * Used on its own for day selection, and composed by `anduin-date-range` — the
+ * range picker drives `range-start` / `range-end` to paint the range across two
+ * calendars.
+ *
+ * All date attributes take an ISO date string (`YYYY-MM-DD`). `value` doubles as
+ * the selected day and the month the calendar opens on.
+ *
+ * @example
+ * <anduin-calendar value="2026-07-15" min-date="2026-01-01"></anduin-calendar>
+ */
+declare class AnduinCalendar extends LitElement {
+    static styles: CSSResult;
+    /** Selected day, ISO `YYYY-MM-DD`. Also the month the calendar opens on. */
+    value: string;
+    /** Earliest selectable day, ISO `YYYY-MM-DD`. */
+    minDate: string;
+    /** Latest selectable day, ISO `YYYY-MM-DD`. */
+    maxDate: string;
+    /** First day of a painted range, ISO `YYYY-MM-DD`. Set by `anduin-date-range`. */
+    rangeStart: string;
+    /** Last day of a painted range, ISO `YYYY-MM-DD`. Set by `anduin-date-range`. */
+    rangeEnd: string;
+    /**
+     * Suppress the single-day selected marker so only the range markers express
+     * selection. Set by `anduin-date-range` on its panels, where `value` is just
+     * the month anchor and highlighting it would read as a stray selected day.
+     */
+    rangeMode: boolean;
+    /** Displayed month, 0-based. Tracks `value` until the user navigates. */
+    private _viewMonth;
+    private _viewYear;
+    /** Roving-tabindex target for keyboard navigation, ISO `YYYY-MM-DD`. */
+    private _focus;
+    private _openSelect;
+    /** Set once `value` has seeded the view, so later edits don't yank the month
+     *  back while the user is browsing. */
+    private _viewSeeded;
+    /** Set when a keyboard action moved focus, so we refocus after re-render. */
+    private _pendingFocus;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changed: Map<PropertyKey, unknown>): void;
+    updated(): void;
+    private _onOutsideClick;
+    private get _min();
+    private get _max();
+    private _isDisabled;
+    /** Clamp into [min, max] so keyboard navigation can't escape the range. */
+    private _clamp;
+    private _shiftMonth;
+    /** Move the roving focus, pulling the displayed month along with it. */
+    private _moveFocus;
+    private _onGridKeyDown;
+    private _pick;
+    private _emitHover;
+    /** The day that owns `tabindex="0"` when nothing has been focused yet. */
+    private _defaultFocusDate;
+    /** Years offered in the year picker — bounded by min/max when set, otherwise
+     *  a ±10-year window around the displayed year. */
+    private get _yearOptions();
+    private _selectMonth;
+    private _selectYear;
+    private _renderSelect;
+    render(): TemplateResult<1>;
+}
+
 declare class AnduinCallout extends LitElement {
     static styles: CSSResult;
     variant: string;
@@ -76,6 +146,238 @@ declare class AnduinCheckbox extends LitElement {
     render(): TemplateResult<1>;
 }
 
+/**
+ * A formatted date input. Displays a pattern such as `MM/dd/yyyy` and lets users
+ * type digits into each segment; clicking a segment highlights it, and focus
+ * auto-advances once a segment is filled.
+ *
+ * Typing is committed per segment: when no valid completion remains (typing `5`
+ * into a month, since `50`–`59` all exceed `12`) the digit is zero-padded and
+ * focus moves on. Arrow keys step a segment's value, wrapping at its bounds.
+ *
+ * `anduin-date-input:change` fires once every segment is filled; `event.detail`
+ * is the formatted string.
+ *
+ * @example
+ * <anduin-date-input format="MM/dd/yyyy" value="03/15/2026"></anduin-date-input>
+ */
+declare class AnduinDateInput extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: CSSResult;
+    /** Pattern to display and type into, e.g. `MM/dd/yyyy`, `yyyy-MM-dd`, `dd.MM.yyyy`. */
+    format: string;
+    /** Current value, formatted to match `format`. Empty until every segment is filled. */
+    value: string;
+    size: DateInputSize;
+    disabled: boolean;
+    readonly: boolean;
+    /** `valid` | `invalid` | `warning` | `loading`. */
+    status: string;
+    startIcon: string;
+    /** Earliest allowed date, ISO `YYYY-MM-DD`. Completed dates below it are clamped up. */
+    minDate: string;
+    /** Latest allowed date, ISO `YYYY-MM-DD`. Completed dates above it are clamped down. */
+    maxDate: string;
+    /** Matches `anduin-field-label`'s `for` so clicking the label focuses this input. */
+    inputid: string;
+    /** Committed digits per segment, index-aligned with `_segments`. */
+    private _digits;
+    /** Index of the segment being typed into. */
+    private _active;
+    /** Digits typed into the active segment but not yet committed. */
+    private _buffer;
+    private _inputEl;
+    /** Selection we want after the next render, so re-renders don't drop the highlight. */
+    private _pendingSelection;
+    private _tokens;
+    private _segments;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onFieldLabelClick;
+    willUpdate(changed: Map<PropertyKey, unknown>): void;
+    updated(): void;
+    /** Parse an incoming formatted string by reading each segment's slice. */
+    private _adoptValue;
+    /** The rendered string: committed digits, the in-progress buffer, or placeholders. */
+    private _display;
+    /** The formatted value, or `''` while any segment is still empty. */
+    private _composeValue;
+    private _setDigits;
+    private _indexOfType;
+    /**
+     * Clamp a completed date into [minDate, maxDate]. Only applies when the format
+     * carries a full date — a partial format like `MM/dd` has no year to compare.
+     */
+    private _clampToBounds;
+    private _focusSegment;
+    /** Which segment contains (or is nearest to) a caret offset. */
+    private _segmentAt;
+    /**
+     * Snap the caret to whole-segment selection. Handled synchronously: by `mouseup`
+     * the browser has already placed the caret, and deferring (rAF/timeout) would
+     * leave a bare caret visible for a frame — or never run at all in a background
+     * tab, where rAF is throttled.
+     */
+    private _onSelectionIntent;
+    /** Write digits into a segment, clamped to its valid range and zero-padded. */
+    private _writeSegment;
+    /** Commit any half-typed digits so they aren't stranded on blur or navigation. */
+    private _flushBuffer;
+    private _commitBuffer;
+    private _typeDigit;
+    private _step;
+    private _clearSegment;
+    private _onKeyDown;
+    render(): TemplateResult<1>;
+}
+
+/**
+ * A formatted date input paired with a calendar popover.
+ *
+ * Clicking the input opens the calendar; typing a date into the input moves the
+ * calendar to match; picking a day closes the popover and fills the input.
+ * `disabled` and `readonly` both prevent the popover from opening.
+ *
+ * Slot content into `actions` to add buttons below the calendar — the consumer
+ * owns that container's layout entirely.
+ *
+ * @example
+ * <anduin-date-picker format="MM/dd/yyyy" value="03/15/2026"></anduin-date-picker>
+ */
+declare class AnduinDatePicker extends LitElement {
+    static styles: CSSResult;
+    /** Pattern for the input, e.g. `MM/dd/yyyy`. `value` must match it. */
+    format: string;
+    /** Current value, formatted to match `format`. */
+    value: string;
+    size: DateInputSize;
+    disabled: boolean;
+    readonly: boolean;
+    /** `valid` | `invalid` | `warning` | `loading`. */
+    status: string;
+    startIcon: string;
+    /** Earliest selectable date, ISO `YYYY-MM-DD`. */
+    minDate: string;
+    /** Latest selectable date, ISO `YYYY-MM-DD`. */
+    maxDate: string;
+    /** Where the calendar opens relative to the input. */
+    placement: DatePickerPlacement;
+    /** Matches `anduin-field-label`'s `for` so clicking the label focuses the input. */
+    inputid: string;
+    /** Mirrors the popover's own state — the popover owns opening and closing. */
+    private _open;
+    private _inputEl;
+    private _popoverEl;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onPopoverOpenChange;
+    private _closePopover;
+    /** The current value as a `Date`, or `null` while it is incomplete. */
+    private get _date();
+    /** ISO form of the value, for driving the calendar. */
+    private get _isoValue();
+    private _emit;
+    /** Typing a complete date in the input moves the calendar to match. */
+    private _onInputChange;
+    /** Picking a day fills the input and dismisses the popover. */
+    private _onCalendarChange;
+    private _onKeyDown;
+    /**
+     * Swallow the trigger click when the field is locked, so it never reaches the
+     * popover's own toggle handler.
+     */
+    private _onTriggerClick;
+    render(): TemplateResult<1>;
+}
+
+/**
+ * Two side-by-side calendars for picking a date range.
+ *
+ * Selection is a two-click flow: the first click sets the start and clears any
+ * previous end, the second sets the end (swapping if it falls before the start).
+ * A third click begins a new selection. `anduin-date-range:change` fires only
+ * once a range is complete, and `start-date` / `end-date` reflect the last
+ * complete range.
+ *
+ * Use `anduin-date-range-default` for the standard side-by-side layout, or place
+ * `anduin-date-range-start` and `anduin-date-range-end` yourself for full
+ * control over what sits between them.
+ *
+ * @example
+ * <anduin-date-range start-date="2026-07-10" end-date="2026-07-20">
+ *   <anduin-date-range-default></anduin-date-range-default>
+ * </anduin-date-range>
+ */
+declare class AnduinDateRange extends LitElement {
+    static styles: CSSResult;
+    /** First day of the selected range, ISO `YYYY-MM-DD`. */
+    startDate: string;
+    /** Last day of the selected range, ISO `YYYY-MM-DD`. */
+    endDate: string;
+    /** Earliest selectable day, ISO `YYYY-MM-DD`. Forwarded to both calendars. */
+    minDate: string;
+    /** Latest selectable day, ISO `YYYY-MM-DD`. Forwarded to both calendars. */
+    maxDate: string;
+    /** First click of an in-progress selection, ISO `YYYY-MM-DD`. */
+    private _anchor;
+    /** Hovered day while a selection is in progress, for the range preview. */
+    private _hover;
+    private _panels;
+    /** Last `value` we pushed per panel. Mirrors Lit's "only write on change" so a
+     *  calendar the user has navigated isn't yanked back to our derived month. */
+    private _pushedValue;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(): void;
+    /** Called by each panel once it has rendered its calendar. */
+    registerPanel(role: DateRangePanelRole, panel: AnduinDateRangePanel): void;
+    unregisterPanel(panel: AnduinDateRangePanel): void;
+    /** Push the derived range state down onto each registered panel's calendar. */
+    private _sync;
+    /** Which month each panel opens on: the start date on the left, the month
+     *  after it on the right. Falls back to today when there's no range yet. */
+    private _panelValue;
+    /** The range the calendars should paint — the live preview while selecting,
+     *  otherwise the committed range. */
+    private _displayedRange;
+    private _sorted;
+    private _onCalendarChange;
+    private _onCalendarHover;
+    render(): TemplateResult<1>;
+}
+
+/** The standard side-by-side layout: start calendar, 16px gap, end calendar. */
+declare class AnduinDateRangeDefault extends LitElement {
+    static styles: CSSResult;
+    render(): TemplateResult<1>;
+}
+
+/** The right-hand calendar of a date range. */
+declare class AnduinDateRangeEnd extends AnduinDateRangePanel {
+    protected readonly panelRole: "end";
+}
+
+/**
+ * Base class for the two calendar panels. Renders one `anduin-calendar` and
+ * registers with the enclosing `anduin-date-range`, which then drives it.
+ */
+declare abstract class AnduinDateRangePanel extends LitElement {
+    static styles: CSSResult;
+    protected abstract readonly panelRole: DateRangePanelRole;
+    private _host;
+    /** The calendar this panel owns. Read by `anduin-date-range`. */
+    get calendar(): AnduinCalendar | null;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private _findRangeHost;
+    render(): TemplateResult<1>;
+}
+
+/** The left-hand calendar of a date range. */
+declare class AnduinDateRangeStart extends AnduinDateRangePanel {
+    protected readonly panelRole: "start";
+}
+
 declare class AnduinDivider extends LitElement {
     static styles: CSSResult;
     direction: string;
@@ -988,6 +1290,13 @@ declare type ButtonSize = 'tiny' | 'extraSmall' | 'small' | 'medium' | 'large' |
 
 declare type ButtonVariant = 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning' | 'purple';
 
+export declare const Calendar: ReactWebComponent<AnduinCalendar, {
+onValueChange: string;
+}>;
+
+/** Fired when a day is picked. `event.detail` is the ISO date string (`YYYY-MM-DD`). */
+export declare const CALENDAR_CHANGE = "anduin-calendar:change";
+
 export declare const Callout: ReactWebComponent<AnduinCallout, {}>;
 
 export declare const Checkbox: ReactWebComponent<AnduinCheckbox, {
@@ -996,6 +1305,42 @@ onChange: string;
 
 export declare const CHECKBOX_CHANGE = "anduin-checkbox:change";
 
+/** Fired when every segment is filled. `event.detail` is the formatted date string. */
+export declare const DATE_INPUT_CHANGE = "anduin-date-input:change";
+
+/** Fired when a date is completed by typing or picked from the calendar. `event.detail` is the formatted string. */
+export declare const DATE_PICKER_CHANGE = "anduin-date-picker:change";
+
+/**
+ * Fired when the user completes a range selection (both ends picked).
+ * `event.detail` is `{ startDate, endDate }`, both ISO `YYYY-MM-DD`.
+ */
+export declare const DATE_RANGE_CHANGE = "anduin-date-range:change";
+
+export declare const DateInput: ReactWebComponent<AnduinDateInput, {
+onValueChange: string;
+}>;
+
+declare type DateInputSize = 'small' | 'default' | 'large';
+
+export declare const DatePicker: ReactWebComponent<AnduinDatePicker, {
+onValueChange: string;
+}>;
+
+declare type DatePickerPlacement = 'bottom-start' | 'bottom-end' | 'bottom' | 'top-start' | 'top-end' | 'top';
+
+export declare const DateRange: ReactWebComponent<AnduinDateRange, {
+onChange: string;
+}>;
+
+export declare const DateRangeDefault: ReactWebComponent<AnduinDateRangeDefault, {}>;
+
+export declare const DateRangeEnd: ReactWebComponent<AnduinDateRangeEnd, {}>;
+
+declare type DateRangePanelRole = 'start' | 'end';
+
+export declare const DateRangeStart: ReactWebComponent<AnduinDateRangeStart, {}>;
+
 export declare const Divider: ReactWebComponent<AnduinDivider, {}>;
 
 export declare const Dot: ReactWebComponent<AnduinDot, {}>;
@@ -1108,7 +1453,12 @@ export declare const PaginationFirstPage: ReactWebComponent<AnduinPaginationFirs
 
 export declare const PaginationLastPage: ReactWebComponent<AnduinPaginationLastPage, {}>;
 
-export declare const Popover: ReactWebComponent<AnduinPopover, {}>;
+export declare const Popover: ReactWebComponent<AnduinPopover, {
+onOpenChange: string;
+}>;
+
+/** Fired whenever `open` changes, including self-initiated toggles and outside clicks. `event.detail` is the new state. */
+export declare const POPOVER_OPEN_CHANGE = "anduin-popover:open-change";
 
 export declare const PopoverClose: ReactWebComponent<AnduinPopoverClose, {}>;