@duyluonganduin/acl-web-components 0.0.48 → 0.0.49

package/dist/jsx.d.ts

@@ -699,6 +699,50 @@ declare module 'react' {
         /** Matches `anduin-field-label`'s `for` */
         inputid?: string
       }
+
+      // ── anduin-table ──────────────────────────────────────────────────────
+      // `columns`, `data`, and `selectedRows` are structured values — set them
+      // as properties (via a ref, or the `Table` React wrapper), not attributes.
+      'anduin-table': Base & {
+        /** 'fit-data' | 'fit-columns' | 'fit-data-fill' | 'fit-data-stretch' | 'fit-data-table' */
+        layout?: string
+        /** 'basic' | 'virtual'  (default: 'basic'). 'virtual' needs a bounded height. */
+        'render-mode'?: string
+        /** Row height in px; virtual mode requires every row to match it */
+        'row-height'?: string
+        /** CSS height, e.g. `80vh` */
+        height?: string
+        /** CSS max-height, e.g. `600px` */
+        'max-height'?: string
+        /** CSS min-height */
+        'min-height'?: string
+        /** Render without column headings */
+        'hide-header'?: boolean
+        /** Cover the table with a loading indicator */
+        loading?: boolean
+        /** 'unselectable' | 'clickable' | 'selectable' | 'selectable-by-clicking' | 'selectable-by-dragging' */
+        selectable?: string
+        /** Field holding each row's unique id  (default: 'id') */
+        'index-column'?: string
+        /** Table-wide horizontal alignment: 'left' | 'center' | 'right' */
+        'column-align'?: string
+        /** Table-wide vertical alignment: 'top' | 'middle' | 'bottom' */
+        'column-vertical-align'?: string
+        /** Field the table is sorted by */
+        'sort-field'?: string
+        /** 'asc' | 'desc'  (default: 'asc') */
+        'sort-direction'?: string
+        /** Treat `data` as a tree of nested rows */
+        'data-tree'?: boolean
+        /** Field holding a row's children in tree mode  (default: 'children') */
+        'tree-children-field'?: string
+        /** Pixels of indentation per tree level  (default: 20) */
+        'tree-child-indent'?: string
+        /** Group rows by this field */
+        'group-by'?: string
+        /** Drag a column edge to resize; on by default. Pass "false" to disable. */
+        'resizable-columns'?: 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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@lit/react"),e=require("./anduin-table-BfJZTehD.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}),C=a.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),s=a.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),l=a.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),c=a.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),d=a.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),m=a.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),E=a.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=a.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),A=a.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),g=a.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),N=a.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),T=a.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),_=a.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),p=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}}),L=a.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),S=a.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),O=a.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),R=a.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover,events:{onOpenChange:e.POPOVER_OPEN_CHANGE}}),I=a.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),b=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}}),B=a.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),M=a.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),U=a.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),F=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}}),h=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}),K=a.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),f=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}),Z=a.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),q=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}),Ce=a.createComponent({react:n,tagName:"anduin-sidebar",elementClass:e.AnduinSidebar}),se=a.createComponent({react:n,tagName:"anduin-sidebar-content",elementClass:e.AnduinSidebarContent}),le=a.createComponent({react:n,tagName:"anduin-sidebar-header",elementClass:e.AnduinSidebarHeader}),ce=a.createComponent({react:n,tagName:"anduin-sidebar-footer",elementClass:e.AnduinSidebarFooter}),de=a.createComponent({react:n,tagName:"anduin-sidebar-group",elementClass:e.AnduinSidebarGroup}),me=a.createComponent({react:n,tagName:"anduin-sidebar-group-label",elementClass:e.AnduinSidebarGroupLabel}),Ee=a.createComponent({react:n,tagName:"anduin-sidebar-menu",elementClass:e.AnduinSidebarMenu}),ue=a.createComponent({react:n,tagName:"anduin-sidebar-menu-item",elementClass:e.AnduinSidebarMenuItem,events:{onSelect:e.SIDEBAR_SELECT}}),Ae=a.createComponent({react:n,tagName:"anduin-sidebar-action",elementClass:e.AnduinSidebarAction}),ge=a.createComponent({react:n,tagName:"anduin-sidebar-badge",elementClass:e.AnduinSidebarBadge}),Ne=a.createComponent({react:n,tagName:"anduin-sidebar-separator",elementClass:e.AnduinSidebarSeparator}),Te=a.createComponent({react:n,tagName:"anduin-timeline",elementClass:e.AnduinTimeline}),_e=a.createComponent({react:n,tagName:"anduin-timeline-item",elementClass:e.AnduinTimelineItem}),pe=a.createComponent({react:n,tagName:"anduin-timeline-date",elementClass:e.AnduinTimelineDate}),Ge=a.createComponent({react:n,tagName:"anduin-timeline-title",elementClass:e.AnduinTimelineTitle}),Le=a.createComponent({react:n,tagName:"anduin-timeline-group",elementClass:e.AnduinTimelineGroup}),Se=a.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel}),Oe=a.createComponent({react:n,tagName:"anduin-calendar",elementClass:e.AnduinCalendar,events:{onValueChange:e.CALENDAR_CHANGE}}),Re=a.createComponent({react:n,tagName:"anduin-date-range",elementClass:e.AnduinDateRange,events:{onChange:e.DATE_RANGE_CHANGE}}),Ie=a.createComponent({react:n,tagName:"anduin-date-range-default",elementClass:e.AnduinDateRangeDefault}),be=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}}),ve=a.createComponent({react:n,tagName:"anduin-table",elementClass:e.AnduinTable,events:{onSort:e.TABLE_SORT,onColumnClick:e.TABLE_COLUMN_CLICK,onRowClick:e.TABLE_ROW_CLICK,onSelectionChange:e.TABLE_SELECTION_CHANGE,onCellContextMenu:e.TABLE_CELL_CONTEXT_MENU,onRowExpand:e.TABLE_ROW_EXPAND,onRowCollapse:e.TABLE_ROW_COLLAPSE,onGroupToggle:e.TABLE_GROUP_TOGGLE,onColumnResize:e.TABLE_COLUMN_RESIZE}});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.TABLE_CELL_CONTEXT_MENU=e.TABLE_CELL_CONTEXT_MENU;exports.TABLE_COLUMN_CLICK=e.TABLE_COLUMN_CLICK;exports.TABLE_COLUMN_RESIZE=e.TABLE_COLUMN_RESIZE;exports.TABLE_GROUP_TOGGLE=e.TABLE_GROUP_TOGGLE;exports.TABLE_ROW_CLICK=e.TABLE_ROW_CLICK;exports.TABLE_ROW_COLLAPSE=e.TABLE_ROW_COLLAPSE;exports.TABLE_ROW_EXPAND=e.TABLE_ROW_EXPAND;exports.TABLE_SELECTION_CHANGE=e.TABLE_SELECTION_CHANGE;exports.TABLE_SORT=e.TABLE_SORT;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=C;exports.Button=s;exports.Calendar=Oe;exports.Callout=l;exports.Checkbox=L;exports.DateInput=Pe;exports.DatePicker=He;exports.DateRange=Re;exports.DateRangeDefault=Ie;exports.DateRangeEnd=De;exports.DateRangeStart=be;exports.Divider=c;exports.Dot=d;exports.Drawer=j;exports.DrawerClose=J;exports.Dropdown=y;exports.Field=A;exports.FieldDescription=N;exports.FieldError=T;exports.FieldGroup=_;exports.FieldLabel=g;exports.FileIcon=x;exports.Icon=i;exports.Input=S;exports.LoadingState=u;exports.Menu=b;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=R;exports.PopoverClose=I;exports.Progress=m;exports.Radio=p;exports.RadioGroup=G;exports.ResizableHandle=te;exports.ResizablePanel=ae;exports.ResizablePanelGroup=ne;exports.Sidebar=Ce;exports.SidebarAction=Ae;exports.SidebarBadge=ge;exports.SidebarContent=se;exports.SidebarFooter=ce;exports.SidebarGroup=de;exports.SidebarGroupLabel=me;exports.SidebarHeader=le;exports.SidebarMenu=Ee;exports.SidebarMenuItem=ue;exports.SidebarSeparator=Ne;exports.Skeleton=E;exports.SparkleSpinner=o;exports.Spinner=t;exports.Suggestion=Y;exports.Switcher=Q;exports.TabContent=U;exports.TabTrigger=M;exports.Table=ve;exports.Tabs=v;exports.TabsList=B;exports.Tag=F;exports.TagClose=W;exports.Textarea=O;exports.Timeline=Te;exports.TimelineDate=pe;exports.TimelineGroup=Le;exports.TimelineItem=_e;exports.TimelineLabel=Se;exports.TimelineTitle=Ge;exports.Toast=Z;exports.Toaster=q;exports.ToggleGroup=h;exports.ToggleGroupItem=V;exports.Tooltip=w;exports.TooltipContent=K;exports.TooltipTrigger=k;exports.Well=f;exports.WellClose=z;

package/dist/react.d.ts

@@ -1,6 +1,7 @@
 import { CSSResult } from 'lit';
 import { LitElement } from 'lit';
 import { nothing } from 'lit';
+import { PropertyValues } from 'lit';
 import { ReactWebComponent } from '@lit/react';
 import { TemplateResult } from 'lit-html';
 
@@ -1022,6 +1023,229 @@ declare class AnduinTabContent extends LitElement {
     render(): TemplateResult<1>;
 }
 
+/**
+ * anduin-table — displays tabular data with sorting, frozen columns, row
+ * selection, tree data, grouping, and virtual scrolling.
+ *
+ * Columns and data are set as JS properties rather than attributes, because
+ * both are structured values:
+ *
+ * @example
+ * const table = document.querySelector('anduin-table')
+ * table.columns = [
+ *   { type: 'selection' },
+ *   { field: 'fullName', title: 'Full name', isSortable: true, isFrozen: true },
+ *   { field: 'email', title: 'Email address', width: 220 },
+ *   { field: 'address.city', title: 'City' },
+ * ]
+ * table.data = employees
+ *
+ * Layout, height, loading, and selection behaviour are plain attributes:
+ *
+ * @example
+ * <anduin-table layout="fit-columns" max-height="480px" selectable="selectable">
+ *   <div slot="empty">No employees found</div>
+ * </anduin-table>
+ */
+declare class AnduinTable extends LitElement {
+    static styles: CSSResult;
+    /** The columns to render, in display order. Set as a property, not an attribute. */
+    columns: TableAnyColumn<any>[];
+    /** The rows to render. Set as a property, not an attribute. */
+    data: any[];
+    /** How column widths are resolved. */
+    layout: TableLayout;
+    /** `virtual` only paints rows inside the viewport, and needs a bounded height. */
+    renderMode: TableRenderMode;
+    /** Row height in pixels. Virtual mode requires every row to be this tall. */
+    rowHeight: number;
+    /** CSS height for the table, e.g. `80vh`. */
+    height: string;
+    /** CSS max-height for the table, e.g. `600px`. */
+    maxHeight: string;
+    /** CSS min-height for the table. */
+    minHeight: string;
+    /**
+     * Let users drag a column's right edge to resize it, and double-click that
+     * edge to put the column back on automatic width. On by default, matching the
+     * reference table. Turn it off table-wide with `resizable-columns="false"`, or
+     * per column with `isResizable: false`.
+     */
+    resizableColumns: boolean;
+    /** Present the table as a plain list, with no column headings. */
+    hideHeader: boolean;
+    /** Cover the table with a loading indicator. Slot `loading` to replace it. */
+    loading: boolean;
+    /** How rows respond to being clicked. */
+    selectable: TableSelectableMode;
+    /** The field holding each row's unique id. Falls back to the row's position. */
+    indexColumn: string;
+    /** Table-wide horizontal alignment. A column's own `align` wins. */
+    columnAlign: TableAlign;
+    /** Table-wide vertical alignment. A column's own `verticalAlign` wins. */
+    columnVerticalAlign: TableVerticalAlign;
+    /** The field currently sorted by. Set it to sort the table initially. */
+    sortField: string;
+    /** Direction of the current sort. */
+    sortDirection: TableSortDirection;
+    /** Treat `data` as a tree, reading each row's children from `tree-children-field`. */
+    dataTree: boolean;
+    /** The field holding a row's child rows in tree mode. */
+    treeChildrenField: string;
+    /** Pixels of indentation per tree level. */
+    treeChildIndent: number;
+    /** Group rows by this field. Rows sharing a value are collected under a heading. */
+    groupBy: string;
+    /** The currently selected rows. Assign to control the selection from outside. */
+    selectedRows: any[];
+    /** Decides whether a row's checkbox is disabled. */
+    isRowDisabled?: (data: any) => boolean;
+    /** Decides whether a tree row starts out expanded. */
+    onStartExpanded?: (data: any) => boolean;
+    /**
+     * Extra tokens for a row, for highlighting rows by their data. They are added
+     * both as classes and as `part` names, so a consumer can reach them from
+     * outside the shadow root — including for hover and other states:
+     *
+     *   anduin-table::part(overdue) { background: var(--color-danger-1); }
+     *   anduin-table::part(overdue):hover { background: var(--color-danger-2); }
+     */
+    rowClass?: (data: any, index: number) => string;
+    /** Renders a group heading. Defaults to `value (count)`. */
+    renderGroupHeader?: (value: unknown, count: number, rows: any[]) => unknown;
+    /** Keys of the tree rows the user has expanded. */
+    private expandedKeys;
+    /** Keys of the groups the user has collapsed. Groups start expanded. */
+    private collapsedGroups;
+    /** Scroll offset driving the virtual window. Named to avoid HTMLElement.scrollTop. */
+    private virtualScrollTop;
+    /** Height of the virtual viewport, tracked so the window stays filled. */
+    private viewportHeight;
+    /** Whether the table is scrolled away from its left edge. */
+    private scrolledX;
+    /** Whether there is still content to the right of the viewport. */
+    private scrollableXEnd;
+    /** Widths the user has dragged columns to, keyed by column. */
+    private resizedWidths;
+    /** The column currently being dragged, for the handle's active styling. */
+    private resizingKey;
+    /** Anchor row for shift-click and shift-drag range selection. */
+    private rangeAnchorKey;
+    /** True while a shift-drag range selection is in progress. */
+    private isDraggingRange;
+    /** Rows selected when the current drag began, so the drag can be re-applied. */
+    private dragBaseKeys;
+    /** Whether the current drag is adding to or removing from the selection. */
+    private dragSelects;
+    private resizeObserver?;
+    /** Rows expanded automatically, so `onStartExpanded` only applies once per key. */
+    private autoExpandedKeys;
+    /** In-flight column drag: where it started and how wide the column was then. */
+    private resizeDrag;
+    /** rAF handle, so a drag repaints once per frame instead of once per pointer event. */
+    private resizeFrame;
+    /**
+     * Selection keys for the current render pass. Recomputing the set per cell
+     * would make rendering quadratic in the row count, which virtual mode exists
+     * to avoid. Refreshed in `willUpdate`.
+     */
+    private renderSelectedKeys;
+    /** Selectable rows for the current render pass, for the header's checkbox. */
+    private renderSelectableRows;
+    /** The sorted, flattened, grouped row list. Rebuilt only when its inputs change. */
+    private cachedRenderRows;
+    private rowsDirty;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    /**
+     * Scrolling a virtual table re-renders on every frame, but only the visible
+     * window changes — the row list itself does not. Rebuild it only when one of
+     * its actual inputs changes, so scrolling stays cheap at 10k+ rows.
+     */
+    willUpdate(changed: PropertyValues): void;
+    updated(changed: PropertyValues): void;
+    private get scrollEl();
+    /** A stable identity for a row, used for selection and expansion state. */
+    private keyFor;
+    private get selectedKeySet();
+    private rowIsDisabled;
+    /**
+     * Frozen columns stick to whichever edge they are nearest: a leading run of
+     * frozen columns pins left, a trailing run pins right. An explicit
+     * `isFrozen: 'left' | 'right'` overrides that.
+     */
+    private get frozenSides();
+    /** Measures header widths and pins each frozen column at the right offset. */
+    private applyFrozenOffsets;
+    private get sortedColumn();
+    private sortRows;
+    private onHeaderClick;
+    /** Sorts, flattens the tree, and inserts group headings. */
+    private buildRenderRows;
+    private buildFlatRows;
+    private buildGroupedRows;
+    private isExpanded;
+    private toggleTreeRow;
+    private toggleGroup;
+    /** Expands every tree row that has children. */
+    expandAll(): void;
+    /** Collapses every tree row. */
+    collapseAll(): void;
+    /** Every selectable row currently on screen, in visual order. */
+    private get selectableRows();
+    private commitSelection;
+    private setRowSelected;
+    private toggleAllRows;
+    /** Selects (or clears) every row between the anchor and `row`, inclusive. */
+    private selectRange;
+    private onRowMouseDown;
+    private onRowMouseEnter;
+    private onWindowMouseUp;
+    private onRowClick;
+    private onCellContextMenu;
+    private onScroll;
+    private syncHorizontalScrollState;
+    /**
+     * Sizing for one column's header and body cells.
+     *
+     * `fit-data-stretch` hands all the slack to the final column, so that one is
+     * given `width: 100%` instead of its own width. Everywhere else an explicit
+     * `width` is pinned with a matching max-width: under `table-layout: auto` a
+     * bare `width` is only a suggestion, and long content would blow past it.
+     */
+    /** A stable identity for a column, used to remember a dragged width. */
+    private columnKey;
+    /** The width to lay a column out at: a dragged width beats the configured one. */
+    private widthFor;
+    /**
+     * True for the final column under fit-data-stretch, which absorbs the slack.
+     * Dragging that column opts it out — the user asked for a specific width, and
+     * stretching would immediately overrule them.
+     */
+    private isStretchColumn;
+    /** Marks how a column is sized, so the layout CSS can treat the cases apart. */
+    private sizingClass;
+    private cellStyle;
+    private isColumnResizable;
+    private onResizeStart;
+    private onResizeMove;
+    private onResizeEnd;
+    /** Double-clicking the handle puts the column back on automatic width. */
+    private onResizeReset;
+    /** Clears every dragged width, putting all columns back on automatic sizing. */
+    resetColumnWidths(): void;
+    private alignClass;
+    private renderHeaderCell;
+    private renderCell;
+    private get firstDataColumnIndex();
+    private renderRow;
+    private renderGroupRow;
+    private get columnCount();
+    private renderPlaceholder;
+    render(): TemplateResult<1>;
+}
+
 declare class AnduinTabs extends LitElement {
     static styles: CSSResult;
     defaultValue: string;
@@ -1561,6 +1785,229 @@ export declare const TAB_CHANGE = "anduin-tab:change";
 
 export declare const TabContent: ReactWebComponent<AnduinTabContent, {}>;
 
+export declare const Table: ReactWebComponent<AnduinTable, {
+onSort: string;
+onColumnClick: string;
+onRowClick: string;
+onSelectionChange: string;
+onCellContextMenu: string;
+onRowExpand: string;
+onRowCollapse: string;
+onGroupToggle: string;
+onColumnResize: string;
+}>;
+
+/** Fired on right-click over a data cell, so consumers can open their own menu. */
+export declare const TABLE_CELL_CONTEXT_MENU = "anduin-table:cell-context-menu";
+
+/** Fired when any column header is clicked, sortable or not. */
+export declare const TABLE_COLUMN_CLICK = "anduin-table:column-click";
+
+/** Fired when a column is resized by dragging, or reset by double-click. */
+export declare const TABLE_COLUMN_RESIZE = "anduin-table:column-resize";
+
+/** Fired when a group header is expanded or collapsed. */
+export declare const TABLE_GROUP_TOGGLE = "anduin-table:group-toggle";
+
+/** Fired when a data row is clicked. */
+export declare const TABLE_ROW_CLICK = "anduin-table:row-click";
+
+/** Fired when a tree row is collapsed. */
+export declare const TABLE_ROW_COLLAPSE = "anduin-table:row-collapse";
+
+/** Fired when a tree row is expanded. */
+export declare const TABLE_ROW_EXPAND = "anduin-table:row-expand";
+
+/** Fired whenever the set of selected rows changes. */
+export declare const TABLE_SELECTION_CHANGE = "anduin-table:selection-change";
+
+/** Fired when a sortable column header is activated. */
+export declare const TABLE_SORT = "anduin-table:sort";
+
+/** Horizontal alignment of a column's content. */
+export declare type TableAlign = 'left' | 'center' | 'right';
+
+/** Any entry accepted by the `columns` property. */
+export declare type TableAnyColumn<T = unknown> = TableColumn<T> | TableSelectionColumn<T>;
+
+/** `detail` of `anduin-table:cell-context-menu`. */
+export declare interface TableCellContextMenuDetail<T = unknown> {
+    data: T;
+    key: string;
+    index: number;
+    column: TableColumn<T>;
+    /** Viewport coordinates of the click, for positioning a menu. */
+    x: number;
+    y: number;
+    originalEvent: MouseEvent;
+}
+
+/** What `renderCell` receives. */
+export declare interface TableCellRenderProps<T = unknown> {
+    /** The row's underlying model. */
+    data: T;
+    /** The value at `column.field`, resolved through dot notation. */
+    value: unknown;
+    /** Index of the row in the sorted, flattened row list. */
+    rowIndex: number;
+    /** The column being rendered. */
+    column: TableColumn<T>;
+}
+
+/**
+ * A column definition.
+ *
+ * `renderCell` / `renderHeader` may return anything Lit can render: a string, a
+ * number, a DOM `Node`, or a Lit `TemplateResult`. Returning a `Node` is the
+ * portable choice for consumers that are not using Lit themselves.
+ */
+export declare interface TableColumn<T = unknown> {
+    /** The model property this column shows. Supports dot notation (`address.city`). */
+    field: string;
+    /** The column heading. */
+    title?: string;
+    /** Column width in pixels. */
+    width?: number;
+    /** Lower bound for the column's width in pixels. */
+    minWidth?: number;
+    /** Show a sort control in the header and let users sort by this column. */
+    isSortable?: boolean;
+    /** Stick the column to the left or right edge while the table scrolls sideways. */
+    isFrozen?: TableFrozen;
+    /** Horizontal alignment for this column, overriding the table-wide default. */
+    align?: TableAlign;
+    /** Vertical alignment for this column, overriding the table-wide default. */
+    verticalAlign?: TableVerticalAlign;
+    /** Horizontal alignment for the header cell. Defaults to `align`. */
+    headerAlign?: TableAlign;
+    /** Hide the cell's content until its row is hovered, selected, or focused. */
+    showOnRowHover?: boolean;
+    /** Let users drag this column's edge to resize it. Defaults to the table's setting. */
+    isResizable?: boolean;
+    /** Renders the cell body. Defaults to the raw value at `field`. */
+    renderCell?: (props: TableCellRenderProps<T>) => unknown;
+    /** Renders the header body. Defaults to `title`. */
+    renderHeader?: (props: TableHeaderRenderProps<T>) => unknown;
+    /** Compares two rows. Return <0, 0, or >0. Defaults to comparing `field`. */
+    sortWith?: (sorter: TableColumnSorter<T>) => number;
+}
+
+/** `detail` of `anduin-table:column-resize`. */
+export declare interface TableColumnResizeDetail<T = unknown> {
+    column: TableAnyColumn<T>;
+    field: string;
+    /** The column's new width in pixels, or null when it was reset to automatic. */
+    width: number | null;
+}
+
+/** What a column's `sortWith` receives. Either side may be missing. */
+export declare interface TableColumnSorter<T = unknown> {
+    a: T | undefined;
+    b: T | undefined;
+}
+
+/** Which edge a frozen column sticks to. `true` picks the edge from its position. */
+export declare type TableFrozen = boolean | 'left' | 'right';
+
+/** `detail` of `anduin-table:group-toggle`. */
+export declare interface TableGroupToggleDetail<T = unknown> {
+    value: unknown;
+    rows: T[];
+    expanded: boolean;
+}
+
+/** What `renderHeader` receives. */
+export declare interface TableHeaderRenderProps<T = unknown> {
+    column: TableColumn<T>;
+    /** The column's current sort direction, or null when it is not sorted. */
+    sortDirection: TableSortDirection | null;
+}
+
+/**
+ * How column widths are resolved.
+ *   - `fit-data`          size columns to their content (default)
+ *   - `fit-columns`       size columns to divide up the table's width exactly
+ *   - `fit-data-fill`     size to content, but rows always span the full width
+ *   - `fit-data-stretch`  size to content, stretching the last column
+ *   - `fit-data-table`    size to content, shrinking the table to their total
+ */
+export declare type TableLayout = 'fit-data' | 'fit-columns' | 'fit-data-fill' | 'fit-data-stretch' | 'fit-data-table';
+
+/** Render mode. `virtual` only paints the rows inside the viewport. */
+export declare type TableRenderMode = 'basic' | 'virtual';
+
+/** `detail` of `anduin-table:row-click`. */
+export declare interface TableRowClickDetail<T = unknown> {
+    data: T;
+    key: string;
+    index: number;
+    originalEvent: MouseEvent;
+}
+
+/** `detail` of `anduin-table:row-expand` and `anduin-table:row-collapse`. */
+export declare interface TableRowExpandDetail<T = unknown> {
+    data: T;
+    key: string;
+    expanded: boolean;
+}
+
+/**
+ * How rows respond to being clicked.
+ *   - `unselectable`             rows cannot be selected
+ *   - `clickable`                rows report clicks but never select (default)
+ *   - `selectable`               clicking a row toggles its selection
+ *   - `selectable-by-clicking`   click, then shift-click, to select a range
+ *   - `selectable-by-dragging`   shift and drag across rows to select a range
+ */
+export declare type TableSelectableMode = 'unselectable' | 'clickable' | 'selectable' | 'selectable-by-clicking' | 'selectable-by-dragging';
+
+/** What the selection column's `renderCell` receives. */
+export declare interface TableSelectionCellRenderProps<T = unknown> {
+    data: T;
+    isChecked: boolean;
+    isDisabled: boolean;
+    onChange: (checked: boolean) => void;
+}
+
+/** `detail` of `anduin-table:selection-change`. */
+export declare interface TableSelectionChangeDetail<T = unknown> {
+    selectedRows: T[];
+    selectedKeys: string[];
+}
+
+/**
+ * A checkbox column. Put it in `columns` wherever the checkboxes should appear —
+ * usually first. It carries the same layout options as a normal column.
+ */
+export declare interface TableSelectionColumn<T = unknown> extends Omit<TableColumn<T>, 'field' | 'renderCell' | 'renderHeader' | 'sortWith' | 'isSortable'> {
+    type: 'selection';
+    field?: string;
+    /** Replaces the row checkbox, e.g. with an anduin-switcher. */
+    renderCell?: (props: TableSelectionCellRenderProps<T>) => unknown;
+    /** Replaces the header checkbox, e.g. with a "Select all" button. */
+    renderHeader?: (props: TableSelectionHeaderRenderProps) => unknown;
+}
+
+/** What the selection column's `renderHeader` receives. */
+export declare interface TableSelectionHeaderRenderProps {
+    areAllRowsSelected: boolean;
+    hasSelectedRow: boolean;
+    onChange: (checked: boolean) => void;
+}
+
+/** `detail` of `anduin-table:sort`. */
+export declare interface TableSortDetail<T = unknown> {
+    field: string;
+    direction: TableSortDirection | null;
+    column: TableColumn<T>;
+}
+
+/** Sort direction of the currently sorted column. */
+export declare type TableSortDirection = 'asc' | 'desc';
+
+/** Vertical alignment of a column's content within its row. */
+export declare type TableVerticalAlign = 'top' | 'middle' | 'bottom';
+
 export declare const Tabs: ReactWebComponent<AnduinTabs, {
 onChange: string;
 }>;