@skdx/react 0.27.0 → 0.29.0

package/dist/switch/primitives.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Advanced primitives for `Switch` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { Switch, SwitchLabel, SwitchThumb } from '@skdx/react/primitives/switch';
+ *
+ * <Switch defaultChecked>
+ *   <SwitchThumb />
+ *   <SwitchLabel>Airplane mode</SwitchLabel>
+ * </Switch>
+ * ```
+ */
+export { Switch } from './Switch.cjs';
+export { SwitchLabel } from './SwitchLabel.cjs';
+export { SwitchThumb } from './SwitchThumb.cjs';
+export type { SwitchProps, SwitchHandle, SwitchLabelProps, SwitchThumbProps } from './types.cjs';

package/dist/switch/primitives.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Advanced primitives for `Switch` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { Switch, SwitchLabel, SwitchThumb } from '@skdx/react/primitives/switch';
+ *
+ * <Switch defaultChecked>
+ *   <SwitchThumb />
+ *   <SwitchLabel>Airplane mode</SwitchLabel>
+ * </Switch>
+ * ```
+ */
+export { Switch } from './Switch.js';
+export { SwitchLabel } from './SwitchLabel.js';
+export { SwitchThumb } from './SwitchThumb.js';
+export type { SwitchProps, SwitchHandle, SwitchLabelProps, SwitchThumbProps } from './types.js';

package/dist/switch/types.d.cts

@@ -1,5 +1,8 @@
+import type { FormValidityHandle } from '../utils/formControl.cjs';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-/** @internal Shared state distributed from {@link Switch} to its {@link SwitchThumb} via context. Not part of the public API. */
+/** What `Switch`'s forwarded ref is: the root `<button>` with constraint-validation methods assigned onto it, typed via `React.useRef<SwitchHandle>(null)`. */
+export type SwitchHandle = HTMLButtonElement & FormValidityHandle;
+/** @internal Shared state distributed from {@link Switch} to its {@link SwitchThumb} via context. */
 export interface SwitchContextValue {
     checked: boolean;
     disabled: boolean;
@@ -7,41 +10,74 @@ export interface SwitchContextValue {
 /** Props for the {@link Switch} root. */
 export interface SwitchProps extends Omit<PrimitivePropsWithRef<'button'>, 'defaultChecked'> {
     /**
-     * Checked state, for controlled usage. Pair with `onCheckedChange`.
+     * Checked state, for controlled usage; pair with `onCheckedChange`.
      * @default undefined
      */
-    checked?: boolean;
+    checked?: boolean | undefined;
     /**
      * Initial checked state, for uncontrolled usage.
      * @default false
      */
-    defaultChecked?: boolean;
+    defaultChecked?: boolean | undefined;
     /**
      * Fires with the new checked state whenever it changes, controlled or not.
      * @default undefined
      */
-    onCheckedChange?: (checked: boolean) => void;
+    onCheckedChange?: ((checked: boolean) => void) | undefined;
     /**
      * Marks the underlying hidden input as required for native form validation.
      * @default false
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * Name/value for native form participation via a hidden input.
      * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Value submitted with the hidden input when checked.
      * @default 'on'
      */
-    value?: string;
+    value?: string | undefined;
     /**
-     * Marks the switch as invalid, exposed as `aria-invalid`/`data-invalid`.
+     * Displays a state the user may not change, keeping the tab stop and focus ring while adding `aria-readonly`/`data-readonly` and refusing the flip; still submits its value.
      * @default false
      */
-    invalid?: boolean;
+    readOnly?: boolean | undefined;
+    /**
+     * Marks the switch as invalid, exposed as `aria-invalid`/`data-invalid`; presentational only — use `setCustomValidity()` on the ref to block submission.
+     * @default false
+     */
+    invalid?: boolean | undefined;
+    /**
+     * Disables the switch and excludes it from the tab order.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * The `id` of the `<form>` this switch submits with when it is not a DOM descendant of it, mirrored onto the hidden input.
+     * @default undefined — the nearest ancestor `<form>`, as for a native input.
+     */
+    form?: string | undefined;
+    /**
+     * Visible caption rendered into a derived `SwitchLabel`, the accessible name for `role="switch"`; ignored when `children` is given.
+     * @default undefined — no label rendered.
+     */
+    label?: string | undefined;
+    /**
+     * Which side of the derived `SwitchThumb` the derived `SwitchLabel` sits on, meaningful only with `label`; ignored when `children` is given.
+     * @default 'end'
+     */
+    labelPosition?: 'start' | 'end' | undefined;
+    /**
+     * Size rung the skin scales the track by, mirrored to `data-size` on the root.
+     * @default undefined — the skin's own default size.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 }
 /** Props for the {@link SwitchThumb}, the sliding handle inside a {@link Switch}. */
 export interface SwitchThumbProps extends PrimitivePropsWithRef<'span'> {
 }
+/** Props for the {@link SwitchLabel}, the switch's visible text. */
+export interface SwitchLabelProps extends PrimitivePropsWithRef<'span'> {
+}

package/dist/switch/types.d.ts

@@ -1,5 +1,8 @@
+import type { FormValidityHandle } from '../utils/formControl.js';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-/** @internal Shared state distributed from {@link Switch} to its {@link SwitchThumb} via context. Not part of the public API. */
+/** What `Switch`'s forwarded ref is: the root `<button>` with constraint-validation methods assigned onto it, typed via `React.useRef<SwitchHandle>(null)`. */
+export type SwitchHandle = HTMLButtonElement & FormValidityHandle;
+/** @internal Shared state distributed from {@link Switch} to its {@link SwitchThumb} via context. */
 export interface SwitchContextValue {
     checked: boolean;
     disabled: boolean;
@@ -7,41 +10,74 @@ export interface SwitchContextValue {
 /** Props for the {@link Switch} root. */
 export interface SwitchProps extends Omit<PrimitivePropsWithRef<'button'>, 'defaultChecked'> {
     /**
-     * Checked state, for controlled usage. Pair with `onCheckedChange`.
+     * Checked state, for controlled usage; pair with `onCheckedChange`.
      * @default undefined
      */
-    checked?: boolean;
+    checked?: boolean | undefined;
     /**
      * Initial checked state, for uncontrolled usage.
      * @default false
      */
-    defaultChecked?: boolean;
+    defaultChecked?: boolean | undefined;
     /**
      * Fires with the new checked state whenever it changes, controlled or not.
      * @default undefined
      */
-    onCheckedChange?: (checked: boolean) => void;
+    onCheckedChange?: ((checked: boolean) => void) | undefined;
     /**
      * Marks the underlying hidden input as required for native form validation.
      * @default false
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * Name/value for native form participation via a hidden input.
      * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Value submitted with the hidden input when checked.
      * @default 'on'
      */
-    value?: string;
+    value?: string | undefined;
     /**
-     * Marks the switch as invalid, exposed as `aria-invalid`/`data-invalid`.
+     * Displays a state the user may not change, keeping the tab stop and focus ring while adding `aria-readonly`/`data-readonly` and refusing the flip; still submits its value.
      * @default false
      */
-    invalid?: boolean;
+    readOnly?: boolean | undefined;
+    /**
+     * Marks the switch as invalid, exposed as `aria-invalid`/`data-invalid`; presentational only — use `setCustomValidity()` on the ref to block submission.
+     * @default false
+     */
+    invalid?: boolean | undefined;
+    /**
+     * Disables the switch and excludes it from the tab order.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * The `id` of the `<form>` this switch submits with when it is not a DOM descendant of it, mirrored onto the hidden input.
+     * @default undefined — the nearest ancestor `<form>`, as for a native input.
+     */
+    form?: string | undefined;
+    /**
+     * Visible caption rendered into a derived `SwitchLabel`, the accessible name for `role="switch"`; ignored when `children` is given.
+     * @default undefined — no label rendered.
+     */
+    label?: string | undefined;
+    /**
+     * Which side of the derived `SwitchThumb` the derived `SwitchLabel` sits on, meaningful only with `label`; ignored when `children` is given.
+     * @default 'end'
+     */
+    labelPosition?: 'start' | 'end' | undefined;
+    /**
+     * Size rung the skin scales the track by, mirrored to `data-size` on the root.
+     * @default undefined — the skin's own default size.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 }
 /** Props for the {@link SwitchThumb}, the sliding handle inside a {@link Switch}. */
 export interface SwitchThumbProps extends PrimitivePropsWithRef<'span'> {
 }
+/** Props for the {@link SwitchLabel}, the switch's visible text. */
+export interface SwitchLabelProps extends PrimitivePropsWithRef<'span'> {
+}

package/dist/table/Table.cjs

@@ -1 +1,2 @@
-"use strict";var Ut=Object.create;var O=Object.defineProperty;var Yt=Object.getOwnPropertyDescriptor;var qt=Object.getOwnPropertyNames;var Gt=Object.getPrototypeOf,Jt=Object.prototype.hasOwnProperty;var Qt=(e,t)=>{for(var n in t)O(e,n,{get:t[n],enumerable:!0})},ye=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of qt(t))!Jt.call(e,l)&&l!==n&&O(e,l,{get:()=>t[l],enumerable:!(o=Yt(t,l))||o.enumerable});return e};var u=(e,t,n)=>(n=e!=null?Ut(Gt(e)):{},ye(t||!e||!e.__esModule?O(n,"default",{value:e,enumerable:!0}):n,e)),Zt=e=>ye(O({},"__esModule",{value:!0}),e);var no={};Qt(no,{Table:()=>Ae,TableBody:()=>re,TableCaption:()=>se,TableCell:()=>ie,TableColumnHeaderSortTrigger:()=>K,TableColumnResizeTrigger:()=>X,TableEmpty:()=>fe,TableExpandTrigger:()=>de,TableExpandedRow:()=>me,TableFooter:()=>ae,TableHeader:()=>oe,TableHeaderCell:()=>le,TableHeaderCellProvider:()=>te,TableProvider:()=>Me,TableRow:()=>ne,TableRowSelectCheckbox:()=>ge,TableSelectAllCheckbox:()=>Te,TableSortIndicator:()=>be,defaultGetSortLabel:()=>Ne,defaultSelectAllLabel:()=>ue,tableDetailRowId:()=>V,useTableContext:()=>p,useTableHeaderCellContext:()=>D});module.exports=Zt(no);var s=u(require("react"),1),ke=require("../utils/composeRefs.cjs"),ee=require("../utils/createContext.cjs"),Ee=require("../utils/liveAnnouncer.cjs"),He=require("../utils/part.cjs"),Le=require("../utils/primitive.cjs"),$=require("../utils/useControllableState.cjs"),j=require("react/jsx-runtime");function we(e){return e===void 0?new Set:e instanceof Set?e:new Set(e)}var he=[],Z={};function jt(e){return e?Array.isArray(e)?e:[e]:[]}function eo(e,t,n){let o=e.find(r=>r.columnKey===t),l=o===void 0?"asc":o.direction==="asc"?"desc":null;return n?l===null?e.filter(r=>r.columnKey!==t):o===void 0?[...e,{columnKey:t,direction:l}]:e.map(r=>r.columnKey===t?{columnKey:t,direction:l}:r):l===null?[]:[{columnKey:t,direction:l}]}function Ne(e,t){return t===null?`${e} not sorted`:`${e} sorted ${t==="asc"?"ascending":"descending"}`}var[Me,p]=(0,ee.createSafeContext)("Table"),[te,D]=(0,ee.createSafeContext)("TableHeaderCell",{});function V(e,t){return`${e}-detail-${t}`}var Ae=s.forwardRef(({sort:e,defaultSort:t=null,onSortChange:n,multiSort:o=!1,selected:l,defaultSelected:r,onSelectedChange:d,selectionMode:m="none",getSortLabel:b=Ne,expandedRowIds:N,defaultExpandedRowIds:M=he,onExpandedRowIdsChange:z,columnWidths:S,defaultColumnWidths:w,onColumnWidthsChange:v,...T},R)=>{let P=s.useId(),A=s.useRef(null),_=(0,ke.useComposedRefs)(R,A),[h=null,I]=(0,$.useControllableState)({prop:e,defaultProp:t,onChange:n}),E=s.useMemo(()=>jt(h),[h]),i=E[0]??null,g=s.useMemo(()=>l===void 0?void 0:we(l),[l]),[x=new Set,W]=(0,$.useControllableState)({prop:g,defaultProp:we(r??[]),onChange:a=>d?.([...a])}),zt=s.useCallback((a,c=a)=>{let f=eo(E,a,o);I(o?f:f[0]??null);let C=f.find(y=>y.columnKey===a)?.direction??null;(0,Ee.announce)(b(c,C))},[E,o,I,b]),Re=s.useCallback(()=>{let a=A.current?.querySelectorAll(":scope > tbody > tr[data-row-id]");return a?[...a].map(c=>c.dataset.rowId):[]},[]),xe=s.useRef(null),vt=s.useCallback((a,c=!1)=>{if(m==="none")return;let f=xe.current;if(c&&m==="multiple"&&f!==null&&f!==a){let C=Re(),y=C.indexOf(f),Q=C.indexOf(a);if(y!==-1&&Q!==-1){let Xt=C.slice(Math.min(y,Q),Math.max(y,Q)+1);W((Ot=new Set)=>new Set([...Ot,...Xt]));return}}xe.current=a,W((C=new Set)=>{if(m==="single")return C.has(a)&&C.size===1?new Set:new Set([a]);let y=new Set(C);return y.has(a)?y.delete(a):y.add(a),y})},[m,W,Re]),[Ce=he,Se]=(0,$.useControllableState)({prop:N,defaultProp:M,onChange:z}),G=s.useMemo(()=>new Set(Ce),[Ce]),[It=Z,Pe]=(0,$.useControllableState)({prop:S,defaultProp:w??Z,onChange:v}),Kt=s.useCallback(a=>{Se((c=[])=>c.includes(a)?c.filter(f=>f!==a):[...c,a])},[Se]),Bt=s.useCallback(a=>G.has(a),[G]),Ft=s.useCallback((a,c)=>{Pe((f=Z)=>f[a]===c?f:{...f,[a]:c})},[Pe]),_t=s.useCallback(a=>x.has(a),[x]),J=s.useCallback(a=>a.length>0&&a.every(c=>x.has(c)),[x]),$t=s.useCallback(a=>a.some(c=>x.has(c))&&!J(a),[x,J]),Vt=s.useCallback(a=>{m!=="none"&&W((c=new Set)=>{if(a.length>0&&a.every(f=>c.has(f))){let f=new Set(c);return a.forEach(C=>f.delete(C)),f}return new Set([...c,...a])})},[m,W]);return(0,j.jsx)(Me,{tableId:P,sort:i,sortList:E,multiSort:o,selected:x,selectionMode:m,toggleSort:zt,toggleRow:vt,isRowSelected:_t,toggleAll:Vt,isAllSelected:J,isSomeSelected:$t,expandedRows:G,toggleRowExpanded:Kt,isRowExpanded:Bt,columnWidths:It,setColumnWidth:Ft,children:(0,j.jsx)(Le.Primitive.table,{...T,...(0,He.skdxPart)("table","root",T.className),ref:_})})});Ae.displayName="Table";var We=u(require("react"),1),De=require("../utils/part.cjs"),ze=require("../utils/primitive.cjs"),ve=require("react/jsx-runtime"),oe=We.forwardRef((e,t)=>(0,ve.jsx)(ze.Primitive.thead,{...e,...(0,De.skdxPart)("table","header",e.className),ref:t}));oe.displayName="TableHeader";var Ie=u(require("react"),1),Ke=require("../utils/part.cjs"),Be=require("../utils/primitive.cjs"),Fe=require("react/jsx-runtime"),re=Ie.forwardRef((e,t)=>(0,Fe.jsx)(Be.Primitive.tbody,{...e,...(0,Ke.skdxPart)("table","body",e.className),ref:t}));re.displayName="TableBody";var _e=u(require("react"),1),$e=require("../utils/part.cjs"),Ve=require("../utils/primitive.cjs"),Xe=require("react/jsx-runtime"),ae=_e.forwardRef((e,t)=>(0,Xe.jsx)(Ve.Primitive.tfoot,{...e,...(0,$e.skdxPart)("table","footer",e.className),ref:t}));ae.displayName="TableFooter";var Oe=u(require("react"),1),Ue=require("../utils/part.cjs"),U=require("../utils/primitive.cjs");var Ye=require("react/jsx-runtime"),to='button, a, input, [role="button"]',ne=Oe.forwardRef(({rowId:e,...t},n)=>{let o=p("TableRow"),l=e!==void 0&&o.isRowSelected(e),r=o.selectionMode!=="none"&&e!==void 0;return(0,Ye.jsx)(U.Primitive.tr,{"aria-selected":r?l:void 0,"data-state":l?"selected":void 0,"data-row-id":r?e:void 0,...t,...(0,Ue.skdxPart)("table","row",t.className),ref:n,onClick:(0,U.composeEventHandlers)(t.onClick,d=>{!r||d.target.closest(to)||o.toggleRow(e,d.shiftKey)})})});ne.displayName="TableRow";var L=u(require("react"),1),tt=require("../utils/part.cjs"),ot=require("../utils/primitive.cjs");var qe=u(require("react"),1),Ge=require("../utils/part.cjs"),Y=require("../utils/primitive.cjs");var Je=require("react/jsx-runtime"),K=qe.forwardRef(({sortKey:e,...t},n)=>{let o=p("TableColumnHeaderSortTrigger"),l=D("TableColumnHeaderSortTrigger"),r=e??l.sortKey;if(r===void 0)return null;let d=o.sortList.findIndex(b=>b.columnKey===r),m=o.sortList[d]?.direction;return(0,Je.jsx)(Y.Primitive.button,{type:"button","data-skdx-table-sort-trigger":"","data-sort-direction":m,"data-sort-index":o.multiSort&&d!==-1?d:void 0,...t,...(0,Ge.skdxPart)("table","column-header-sort-trigger",t.className),ref:n,onClick:(0,Y.composeEventHandlers)(t.onClick,b=>{o.toggleSort(r,b.currentTarget.textContent?.trim()||r)})})});K.displayName="TableColumnHeaderSortTrigger";var k=u(require("react"),1),Qe=require("../utils/clamp.cjs"),Ze=require("../utils/composeRefs.cjs"),B=require("../utils/direction.cjs"),je=require("../utils/part.cjs"),H=require("../utils/primitive.cjs");var et=require("react/jsx-runtime"),oo=40,ro=1e3,ao=8,X=k.forwardRef(({columnKey:e,minWidth:t,maxWidth:n,step:o,label:l,...r},d)=>{let m=p("TableColumnResizeTrigger"),b=D("TableColumnResizeTrigger"),N=(0,B.useDirection)(),M=k.useRef(null),z=(0,Ze.useComposedRefs)(d,M),S=k.useRef(null),[w,v]=k.useState(!1),T=e??b.columnKey,R=t??b.minWidth??oo,P=n??b.maxWidth??ro,A=o??b.resizeStep??ao,_=T===void 0?void 0:m.columnWidths[T],h=i=>{T!==void 0&&m.setColumnWidth(T,(0,Qe.clamp)(Math.round(i),R,P))},I=()=>_!==void 0?_:(M.current?.closest("th")?.getBoundingClientRect().width??0)||R,E=()=>{let i=S.current;if(!i)return null;S.current=null,v(!1);let g=M.current;return g?.hasPointerCapture?.(i.pointerId)&&g.releasePointerCapture(i.pointerId),i};return k.useEffect(()=>{if(!w)return;let i=g=>{if(g.key!=="Escape")return;let x=E();x&&h(x.startWidth)};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[w,T,R,P]),T===void 0?null:(0,et.jsx)(H.Primitive.span,{role:"separator","aria-orientation":"vertical","aria-label":l??b.resizeLabel??"Resize column","aria-valuenow":Math.round(_??R),"aria-valuemin":R,"aria-valuemax":P,tabIndex:0,"data-skdx-table-resizer":"","data-dragging":w?"":void 0,...r,...(0,je.skdxPart)("table","column-resize-trigger",r.className),ref:z,onPointerDown:(0,H.composeEventHandlers)(r.onPointerDown,i=>{i.button===0&&(i.preventDefault(),i.stopPropagation(),S.current={startX:i.clientX,startWidth:I(),pointerId:i.pointerId},v(!0),i.currentTarget.setPointerCapture?.(i.pointerId))}),onPointerMove:(0,H.composeEventHandlers)(r.onPointerMove,i=>{let g=S.current;if(!g)return;let W=(0,B.resolveDirection)(i.currentTarget,N)==="rtl"?g.startX-i.clientX:i.clientX-g.startX;h(g.startWidth+W)}),onPointerUp:(0,H.composeEventHandlers)(r.onPointerUp,E),onPointerCancel:(0,H.composeEventHandlers)(r.onPointerCancel,E),onKeyDown:(0,H.composeEventHandlers)(r.onKeyDown,i=>{let g=(0,B.directionalKey)(i.key,i.currentTarget,N);if(g==="ArrowRight")h(I()+A);else if(g==="ArrowLeft")h(I()-A);else if(i.key==="Home")h(R);else if(i.key==="End")h(P);else return;i.preventDefault(),i.stopPropagation()})})});X.displayName="TableColumnResizeTrigger";var F=require("react/jsx-runtime");function rt(e){return L.Children.toArray(e).some(t=>L.isValidElement(t)?t.type===K?!0:t.type===L.Fragment&&rt(t.props.children):!1)}var le=L.forwardRef(({sortKey:e,columnKey:t,resizable:n=!1,minWidth:o=40,maxWidth:l=1e3,resizeLabel:r="Resize column",resizeStep:d=8,children:m,style:b,...N},M)=>{let z=p("TableHeaderCell"),S=e!==void 0,w=S?z.sortList.find(A=>A.columnKey===e)?.direction:void 0,v=S?w==="asc"?"ascending":w==="desc"?"descending":"none":void 0,T=t??e,R=n&&T!==void 0,P=T===void 0?void 0:z.columnWidths[T];return(0,F.jsx)(te,{sortKey:e,columnKey:T,minWidth:o,maxWidth:l,resizeLabel:r,resizeStep:d,children:(0,F.jsxs)(ot.Primitive.th,{"aria-sort":v,"data-sort-direction":w,"data-resizable":R?"":void 0,style:P===void 0?b:{...b,width:P,"--skdx-table-column-width":`${P}px`},...N,...(0,tt.skdxPart)("table","header-cell",N.className),ref:M,children:[S&&!rt(m)?(0,F.jsx)(K,{children:m}):m,R?(0,F.jsx)(X,{}):null]})})});le.displayName="TableHeaderCell";var at=u(require("react"),1),nt=require("../utils/part.cjs"),lt=require("../utils/primitive.cjs"),it=require("react/jsx-runtime"),ie=at.forwardRef((e,t)=>(0,it.jsx)(lt.Primitive.td,{...e,...(0,nt.skdxPart)("table","cell",e.className),ref:t}));ie.displayName="TableCell";var st=u(require("react"),1),dt=require("../utils/part.cjs"),ct=require("../utils/primitive.cjs"),mt=require("react/jsx-runtime"),se=st.forwardRef((e,t)=>(0,mt.jsx)(ct.Primitive.caption,{...e,...(0,dt.skdxPart)("table","caption",e.className),ref:t}));se.displayName="TableCaption";var pt=u(require("react"),1),ft=require("../utils/part.cjs"),q=require("../utils/primitive.cjs");var bt=require("react/jsx-runtime"),de=pt.forwardRef(({rowId:e,...t},n)=>{let o=p("TableExpandTrigger"),l=o.isRowExpanded(e);return(0,bt.jsx)(q.Primitive.button,{type:"button","aria-expanded":l,"aria-controls":V(o.tableId,e),"data-state":l?"expanded":"collapsed","data-skdx-table-expand-trigger":"",...t,...(0,ft.skdxPart)("table","expand-trigger",t.className),ref:n,onClick:(0,q.composeEventHandlers)(t.onClick,r=>{r.stopPropagation(),o.toggleRowExpanded(e)})})});de.displayName="TableExpandTrigger";var ut=u(require("react"),1),Tt=require("../utils/part.cjs"),gt=require("../utils/primitive.cjs");var ce=require("react/jsx-runtime"),me=ut.forwardRef(({rowId:e,colSpan:t=1,children:n,...o},l)=>{let r=p("TableExpandedRow"),d=r.isRowExpanded(e);return(0,ce.jsx)(gt.Primitive.tr,{id:V(r.tableId,e),"data-state":d?"expanded":"collapsed","data-skdx-table-detail-row":"",hidden:!d,...o,...(0,Tt.skdxPart)("table","expanded-row",o.className),ref:l,children:(0,ce.jsx)("td",{colSpan:t,children:n})})});me.displayName="TableExpandedRow";var Rt=u(require("react"),1),xt=require("../utils/part.cjs"),Ct=require("../utils/primitive.cjs"),pe=require("react/jsx-runtime"),fe=Rt.forwardRef(({colSpan:e=1,children:t,...n},o)=>(0,pe.jsx)(Ct.Primitive.tr,{"data-state":"empty","data-skdx-table-empty":"",...n,...(0,xt.skdxPart)("table","empty",n.className),ref:o,children:(0,pe.jsx)("td",{colSpan:e,children:t})}));fe.displayName="TableEmpty";var St=u(require("react"),1),Pt=require("../utils/part.cjs"),yt=require("../utils/primitive.cjs");var wt=require("react/jsx-runtime"),be=St.forwardRef(({sortKey:e,...t},n)=>{let o=p("TableSortIndicator"),l=D("TableSortIndicator"),r=e??l.sortKey,d=r===void 0?-1:o.sortList.findIndex(b=>b.columnKey===r),m=o.sortList[d]?.direction??"none";return(0,wt.jsx)(yt.Primitive.span,{"aria-hidden":"true","data-skdx-table-sort-indicator":"","data-sort-direction":m,"data-sort-index":o.multiSort&&d!==-1?d:void 0,...t,...(0,Pt.skdxPart)("table","sort-indicator",t.className),ref:n})});be.displayName="TableSortIndicator";var ht=u(require("react"),1),kt=require("../checkbox/Checkbox.cjs"),Et=require("../utils/part.cjs"),Ht=require("../utils/primitive.cjs");var Lt=require("react/jsx-runtime");function ue(e,t){let n=`${t} ${t===1?"row":"rows"}`;return e==="page"?`Select all ${n} on this page`:`Select all ${n}`}var Te=ht.forwardRef(({rowIds:e,scope:t,getSelectAllLabel:n=ue,...o},l)=>{let r=p("TableSelectAllCheckbox"),d=r.isAllSelected(e)?!0:r.isSomeSelected(e)?"indeterminate":!1;return(0,Lt.jsx)(kt.Checkbox,{"aria-label":n(t,e.length),...o,...(0,Et.skdxPart)("table","select-all-checkbox",o.className),ref:l,checked:d,"data-skdx-table-select-all":"","data-scope":t,onClick:(0,Ht.composeEventHandlers)(o.onClick,()=>r.toggleAll(e))})});Te.displayName="TableSelectAllCheckbox";var Nt=u(require("react"),1),Mt=require("../checkbox/Checkbox.cjs"),At=require("../utils/part.cjs"),Wt=require("../utils/primitive.cjs");var Dt=require("react/jsx-runtime"),ge=Nt.forwardRef(({rowId:e,...t},n)=>{let o=p("TableRowSelectCheckbox");return(0,Dt.jsx)(Mt.Checkbox,{...t,...(0,At.skdxPart)("table","row-select-checkbox",t.className),ref:n,checked:o.isRowSelected(e),"data-skdx-table-row-select":"",onClick:(0,Wt.composeEventHandlers)(t.onClick,l=>{o.toggleRow(e,l.shiftKey)})})});ge.displayName="TableRowSelectCheckbox";0&&(module.exports={Table,TableBody,TableCaption,TableCell,TableColumnHeaderSortTrigger,TableColumnResizeTrigger,TableEmpty,TableExpandTrigger,TableExpandedRow,TableFooter,TableHeader,TableHeaderCell,TableHeaderCellProvider,TableProvider,TableRow,TableRowSelectCheckbox,TableSelectAllCheckbox,TableSortIndicator,defaultGetSortLabel,defaultSelectAllLabel,tableDetailRowId,useTableContext,useTableHeaderCellContext});
+'use client';
+"use strict";var oo=Object.create;var j=Object.defineProperty;var ro=Object.getOwnPropertyDescriptor;var no=Object.getOwnPropertyNames;var ao=Object.getPrototypeOf,lo=Object.prototype.hasOwnProperty;var io=(e,t)=>{for(var o in t)j(e,o,{get:t[o],enumerable:!0})},Ke=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of no(t))!lo.call(e,n)&&n!==o&&j(e,n,{get:()=>t[n],enumerable:!(r=ro(t,n))||r.enumerable});return e};var ee=(e,t,o)=>(o=e!=null?oo(ao(e)):{},Ke(t||!e||!e.__esModule?j(o,"default",{value:e,enumerable:!0}):o,e)),so=e=>Ke(j({},"__esModule",{value:!0}),e);var wo={};io(wo,{Table:()=>Ne,TableBody:()=>te,TableCaption:()=>oe,TableCell:()=>$,TableColumnHeaderSortTrigger:()=>Y,TableColumnResizeTrigger:()=>me,TableEmpty:()=>re,TableExpandTrigger:()=>ie,TableExpandedRow:()=>ne,TableFooter:()=>_t,TableHeader:()=>se,TableHeaderCell:()=>V,TableHeaderCellProvider:()=>Pe,TableProvider:()=>Mt,TableRoot:()=>Ee,TableRow:()=>F,TableRowSelectCheckbox:()=>ue,TableSelectAllCheckbox:()=>pe,TableSortIndicator:()=>Xt,defaultGetSortLabel:()=>It,defaultSelectAllLabel:()=>St,tableDetailRowId:()=>B,useTableContext:()=>d,useTableHeaderCellContext:()=>_});module.exports=so(wo);var c=ee(require("react"),1),Ht=require("../utils/appearance.cjs"),Wt=require("../utils/composeRefs.cjs"),we=require("../utils/createContext.cjs"),Dt=require("../utils/liveAnnouncer.cjs"),At=require("../utils/part.cjs"),Lt=require("../utils/primitive.cjs"),zt=require("../utils/recipeAxis.cjs"),vt=require("../utils/useCallbackRef.cjs"),G=require("../utils/useControllableState.cjs");var Te=ee(require("react"),1);var $e=require("../utils/part.cjs"),_e=require("../utils/primitive.cjs"),Oe=require("react/jsx-runtime"),te=({ref:e,...t})=>(0,Oe.jsx)(_e.Primitive.tbody,{...t,...(0,$e.skdxPart)("table","body",t.className),ref:e});te.displayName="TableBody";var Ve=require("../utils/part.cjs"),Fe=require("../utils/primitive.cjs"),Xe=require("react/jsx-runtime"),oe=({ref:e,...t})=>(0,Xe.jsx)(Fe.Primitive.caption,{...t,...(0,Ve.skdxPart)("table","caption",t.className),ref:e});oe.displayName="TableCaption";var Ue=require("../utils/part.cjs"),Be=require("../utils/primitive.cjs"),Ye=require("react/jsx-runtime"),$=({ref:e,...t})=>(0,Ye.jsx)(Be.Primitive.td,{...t,...(0,Ue.skdxPart)("table","cell",t.className),ref:e});$.displayName="TableCell";var Ge=require("../utils/part.cjs"),qe=require("../utils/primitive.cjs");var ye=require("react/jsx-runtime"),re=({colSpan:e,children:t,ref:o,...r})=>{let n=d("TableEmpty");return(0,ye.jsx)(qe.Primitive.tr,{"data-state":"empty","data-skdx-table-empty":"",...r,...(0,Ge.skdxPart)("table","empty",r.className),ref:o,children:r.asChild?t:(0,ye.jsx)("td",{colSpan:e??n.headerCellCount,children:t})})};re.displayName="TableEmpty";var Je=require("../utils/part.cjs"),Ze=require("../utils/primitive.cjs");var he=require("react/jsx-runtime"),ne=({rowId:e,colSpan:t,children:o,ref:r,...n})=>{let l=d("TableExpandedRow"),i=l.isRowExpanded(e);return(0,he.jsx)(Ze.Primitive.tr,{id:B(l.tableId,e),"data-state":i?"expanded":"collapsed","data-skdx-table-detail-row":"",hidden:!i,...n,...(0,Je.skdxPart)("table","expanded-row",n.className),ref:r,children:n.asChild?o:(0,he.jsx)("td",{colSpan:t??l.headerCellCount,children:o})})};ne.displayName="TableExpandedRow";var Qe=require("../utils/Glyph.cjs"),je=require("../utils/part.cjs"),le=require("../utils/primitive.cjs");var ae=require("react/jsx-runtime"),co=()=>(0,ae.jsx)(Qe.Glyph,{name:"chevron-right"}),ie=({rowId:e,ref:t,...o})=>{let r=d("TableExpandTrigger"),n=r.isRowExpanded(e);return(0,ae.jsx)(le.Primitive.button,{type:"button","aria-expanded":n,"aria-controls":B(r.tableId,e),"data-state":n?"expanded":"collapsed","data-skdx-table-expand-trigger":"",...o,...(0,je.skdxPart)("table","expand-trigger",o.className),ref:t,onClick:(0,le.composeEventHandlers)(o.onClick,l=>{l.stopPropagation(),r.toggleRowExpanded(e)}),children:o.children??(0,ae.jsx)(co,{})})};ie.displayName="TableExpandTrigger";var et=require("../utils/part.cjs"),tt=require("../utils/primitive.cjs"),ot=require("react/jsx-runtime"),se=({ref:e,...t})=>(0,ot.jsx)(tt.Primitive.thead,{...t,...(0,et.skdxPart)("table","header",t.className),ref:e});se.displayName="TableHeader";var D=ee(require("react"),1),ct=require("../utils/part.cjs"),dt=require("../utils/primitive.cjs");var rt=require("../utils/part.cjs"),ce=require("../utils/primitive.cjs");var nt=require("react/jsx-runtime"),Y=({columnKey:e,ref:t,...o})=>{let r=d("TableColumnHeaderSortTrigger"),n=_("TableColumnHeaderSortTrigger"),l=e??(n.sortable?n.columnKey:void 0);if(l===void 0)return null;let i=r.sortList.findIndex(b=>b.columnKey===l),m=r.sortList[i]?.direction;return(0,nt.jsx)(ce.Primitive.button,{type:"button","data-skdx-table-sort-trigger":"","data-sort-direction":m,"data-sort-index":r.multiSort&&i!==-1?i:void 0,...o,...(0,rt.skdxPart)("table","column-header-sort-trigger",o.className),ref:t,onClick:(0,ce.composeEventHandlers)(o.onClick,b=>{r.toggleSort(l,b.currentTarget.textContent?.trim()||l)})})};Y.displayName="TableColumnHeaderSortTrigger";var M=ee(require("react"),1),at=require("../utils/clamp.cjs"),lt=require("../utils/composeRefs.cjs"),O=require("../utils/direction.cjs"),it=require("../utils/part.cjs"),L=require("../utils/primitive.cjs"),de=require("../utils/useCallbackRef.cjs");var st=require("react/jsx-runtime"),mo=40,fo=1e3,uo=8,po=new Set(["ArrowLeft","ArrowRight","Home","End"]),me=({columnKey:e,minWidth:t,maxWidth:o,step:r,label:n,ref:l,...i})=>{let m=d("TableColumnResizeTrigger"),b=_("TableColumnResizeTrigger"),N=(0,O.useDirection)(),y=M.useRef(null),H=(0,lt.useComposedRefs)(l,y),h=M.useRef(null),[x,k]=M.useState(!1),g=e??b.columnKey,P=t??b.minWidth??mo,f=o??b.maxWidth??fo,w=r??b.resizeStep??uo,C=g===void 0?void 0:m.columnWidths[g],W=M.useRef(!1),E=(0,de.useCallbackRef)(s=>{if(g===void 0)return;let u=(0,at.clamp)(Math.round(s),P,f);u!==m.columnWidths[g]&&(W.current=!0),m.setColumnWidth(g,u)}),z=(0,de.useCallbackRef)(()=>{W.current&&(W.current=!1,m.commitColumnWidths())}),X=()=>C!==void 0?C:(y.current?.closest("th")?.getBoundingClientRect().width??0)||P,K=(0,de.useCallbackRef)(()=>{let s=h.current;if(!s)return null;h.current=null,k(!1);let u=y.current;return u?.hasPointerCapture?.(s.pointerId)&&u.releasePointerCapture(s.pointerId),s});M.useEffect(()=>{if(!x)return;let s=u=>{if(u.key!=="Escape")return;let v=K();v&&(E(v.startWidth),z())};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[x,K,E,z]);let Re=(0,L.useComposedEventHandlers)(i.onPointerDown,s=>{s.button===0&&(s.preventDefault(),s.stopPropagation(),h.current={startX:s.clientX,startWidth:X(),pointerId:s.pointerId},k(!0),s.currentTarget.setPointerCapture?.(s.pointerId))}),U=(0,L.useComposedEventHandlers)(i.onPointerMove,s=>{let u=h.current;if(!u)return;let ge=(0,O.resolveDirection)(s.currentTarget,N)==="rtl"?u.startX-s.clientX:s.clientX-u.startX;E(u.startWidth+ge)}),J=(0,L.useComposedEventHandlers)(i.onKeyDown,s=>{let u=(0,O.directionalKey)(s.key,s.currentTarget,N);if(u==="ArrowRight")E(X()+w);else if(u==="ArrowLeft")E(X()-w);else if(s.key==="Home")E(P);else if(s.key==="End")E(f);else return;s.preventDefault(),s.stopPropagation()});return g===void 0?null:(0,st.jsx)(L.Primitive.span,{role:"separator","aria-orientation":"vertical","aria-label":n??b.resizeLabel??"Resize column","aria-valuenow":Math.round(C??P),"aria-valuemin":P,"aria-valuemax":f,tabIndex:0,"data-skdx-table-resizer":"","data-dragging":x?"":void 0,...i,...(0,it.skdxPart)("table","column-resize-trigger",i.className),ref:H,onPointerDown:Re,onPointerMove:U,onPointerUp:(0,L.composeEventHandlers)(i.onPointerUp,()=>{K()&&z()}),onPointerCancel:(0,L.composeEventHandlers)(i.onPointerCancel,()=>{K()&&z()}),onKeyDown:J,onKeyUp:(0,L.composeEventHandlers)(i.onKeyUp,s=>{po.has(s.key)&&z()})})};me.displayName="TableColumnResizeTrigger";var I=require("react/jsx-runtime");function mt(e){return D.Children.toArray(e).some(t=>D.isValidElement(t)?t.type===Y?!0:t.type===D.Fragment&&mt(t.props.children):!1)}function bo(e,t){if(e)return t==="asc"?"ascending":t==="desc"?"descending":"none"}function To(e,t,o){if(e)return o.find(r=>r.columnKey===t)?.direction}function Ro(e,t){let o=e&&D.isValidElement(t)?t:null,r=o?o.props.children:t;return{asChildTarget:o,label:r}}function go(e,t){return e===void 0?t:{...t,width:e,"--skdx-table-column-width":`${e}px`}}var V=({columnKey:e,sortable:t,resizable:o=!1,minWidth:r=40,maxWidth:n=1e3,resizeLabel:l="Resize column",resizeStep:i=8,children:m,style:b,ref:N,...y})=>{let H=d("TableHeaderCell"),{registerHeaderCell:h}=H;D.useEffect(()=>h(),[h]);let x=t===!0&&e!==void 0,k=To(x,e,H.sortList),g=bo(x,k),P=o&&e!==void 0,f=e===void 0?void 0:H.columnWidths[e],{asChildTarget:w,label:C}=Ro(y.asChild,m),W=(0,I.jsxs)(I.Fragment,{children:[x&&!mt(C)?(0,I.jsx)(Y,{children:C}):C,P?(0,I.jsx)(me,{}):null]});return(0,I.jsx)(Pe,{columnKey:e,sortable:x,minWidth:r,maxWidth:n,resizeLabel:l,resizeStep:i,children:(0,I.jsx)(dt.Primitive.th,{"aria-sort":g,"data-sort-direction":k,"data-resizable":P?"":void 0,style:go(f,b),...y,...(0,ct.skdxPart)("table","header-cell",y.className),ref:N,children:w?D.cloneElement(w,void 0,W):W})})};V.displayName="TableHeaderCell";var ft=require("../utils/part.cjs"),fe=require("../utils/primitive.cjs");var ut=require("react/jsx-runtime"),Co='button, a, input, [role="button"]',F=({rowId:e,ref:t,...o})=>{let r=d("TableRow"),n=e!==void 0&&r.isRowSelected(e),l=r.selectionMode!=="none"&&e!==void 0;return(0,ut.jsx)(fe.Primitive.tr,{"data-state":n?"selected":void 0,"data-row-id":l?e:void 0,...o,...(0,ft.skdxPart)("table","row",o.className),ref:t,onClick:(0,fe.composeEventHandlers)(o.onClick,i=>{!l||i.target.closest(Co)||r.toggleRow(e,i.shiftKey)})})};F.displayName="TableRow";var pt=require("../checkbox/Checkbox.cjs"),bt=require("../utils/part.cjs"),Tt=require("../utils/primitive.cjs");var Rt=require("react/jsx-runtime"),ue=({rowId:e,ref:t,...o})=>{let r=d("TableRowSelectCheckbox");return(0,Rt.jsx)(pt.Checkbox,{...o,...(0,bt.skdxPart)("table","row-select-checkbox",o.className),ref:t,checked:r.isRowSelected(e),"data-skdx-table-row-select":"",onClick:(0,Tt.composeEventHandlers)(o.onClick,n=>{o.readOnly||r.toggleRow(e,n.shiftKey)})})};ue.displayName="TableRowSelectCheckbox";var gt=require("../checkbox/Checkbox.cjs"),Ct=require("../utils/part.cjs"),xt=require("../utils/primitive.cjs");var yt=require("react/jsx-runtime");function St(e,t){let o=`${t} ${t===1?"row":"rows"}`;return e==="page"?`Select all ${o} on this page`:`Select all ${o}`}function xo(e,t){return e.isAllSelected(t)?!0:e.isSomeSelected(t)?"indeterminate":!1}var pe=({rowIds:e,scope:t,getSelectAllLabel:o=St,ref:r,...n})=>{let l=d("TableSelectAllCheckbox"),i=xo(l,e);return(0,yt.jsx)(gt.Checkbox,{"aria-label":o(t,e.length),...n,...(0,Ct.skdxPart)("table","select-all-checkbox",n.className),ref:r,checked:i,"data-skdx-table-select-all":"","data-scope":t,onClick:(0,xt.composeEventHandlers)(n.onClick,()=>{n.readOnly||l.toggleAll(e)})})};pe.displayName="TableSelectAllCheckbox";var p=require("react/jsx-runtime");function be(e,t){return e[t]}function ke(e){return typeof e=="string"?e:String(e)}function So(e,t){return typeof e=="number"&&typeof t=="number"?e-t:e instanceof Date&&t instanceof Date?e.getTime()-t.getTime():ke(e??"").localeCompare(ke(t??""))}function yo(e,t){return t.length===0?[...e]:[...e].sort((o,r)=>{for(let{columnKey:n,direction:l}of t){let i=So(be(o,n),be(r,n));if(i!==0)return l==="desc"?-i:i}return 0})}function ho(e,t){let o=be(e,"id");return String(typeof o=="string"||typeof o=="number"?o:t)}function Po(e,t,o){return t.cell?t.cell(e):o?o(e,t):ke(be(e,t.key)??"")}function ht({size:e,columns:t,data:o,sortable:r,selectable:n,expandable:l,renderExpanded:i,resizable:m,empty:b,caption:N,renderCell:y,rowId:H=ho,getRowLabel:h}){let x=d("Table"),k=Math.max(t.length+(n?1:0)+(l?1:0),1),g=Te.useMemo(()=>yo(o,x.sortList),[o,x.sortList]),P=g.map((f,w)=>H(f,w));return(0,p.jsxs)(p.Fragment,{children:[N?(0,p.jsx)(oe,{children:N}):null,(0,p.jsx)(se,{children:(0,p.jsxs)(F,{children:[n?(0,p.jsx)(V,{children:(0,p.jsx)(pe,{scope:"page",rowIds:P,size:e})}):null,l?(0,p.jsx)(V,{"aria-hidden":"true"}):null,t.map(f=>(0,p.jsx)(V,{columnKey:f.key,sortable:f.sortable??r,resizable:f.resizable??m,minWidth:f.minWidth,maxWidth:f.maxWidth,children:f.header??f.key},f.key))]})}),(0,p.jsx)(te,{children:g.length===0&&b?(0,p.jsx)(re,{colSpan:k,children:b}):g.map((f,w)=>{let C=P[w],W=h?.(f,w)??`row ${C}`;return(0,p.jsxs)(Te.Fragment,{children:[(0,p.jsxs)(F,{rowId:C,children:[n?(0,p.jsx)($,{children:(0,p.jsx)(ue,{rowId:C,"aria-label":`Select ${W}`,size:e})}):null,l?(0,p.jsx)($,{children:(0,p.jsx)(ie,{rowId:C,"aria-label":`Details for ${W}`})}):null,t.map(E=>(0,p.jsx)($,{children:Po(f,E,y)},E.key))]}),l?(0,p.jsx)(ne,{rowId:C,colSpan:k,children:i?.(f)}):null]},C)})})]})}var q=require("react/jsx-runtime");function Pt(e,t){return e.size===t.size&&[...t].every(o=>e.has(o))?e:t}function kt(e){return e===void 0?new Set:e instanceof Set?e:new Set(e)}var wt=[],Et={},Nt=[];function ko(e,t,o){let r=e.find(l=>l.columnKey===t),n="asc";return r!==void 0&&(n=r.direction==="asc"?"desc":null),o?n===null?e.filter(l=>l.columnKey!==t):r===void 0?[...e,{columnKey:t,direction:n}]:e.map(l=>l.columnKey===t?{columnKey:t,direction:n}:l):n===null?[]:[{columnKey:t,direction:n}]}function It(e,t){return t===null?`${e} not sorted`:`${e} sorted ${t==="asc"?"ascending":"descending"}`}var[Mt,d]=(0,we.createSafeContext)("Table"),[Pe,_]=(0,we.createSafeContext)("TableHeaderCell",{});function B(e,t){return`${e}-detail-${t}`}var Ee=({sort:e,defaultSort:t=Nt,onSortChange:o,multiSort:r=!1,selected:n,defaultSelected:l,onSelectedChange:i,selectionMode:m="none",getSortLabel:b=It,expandedRowIds:N,defaultExpandedRowIds:y=wt,onExpandedRowIdsChange:H,columnWidths:h,defaultColumnWidths:x,onColumnWidthsChange:k,onColumnWidthsCommit:g,rowCount:P,columnCount:f,children:w,ref:C,density:W,stickyHeader:E,...z})=>{let X=c.useId(),K=c.useRef(null),Re=(0,Wt.useComposedRefs)(C,K),[U=Nt,J]=(0,G.useControllableState)({prop:e,defaultProp:t,onChange:o}),s=c.useMemo(()=>n===void 0?void 0:kt(n),[n]),[u=new Set,v]=(0,G.useControllableState)({prop:s,defaultProp:kt(l??[]),onChange:a=>i?.([...a])}),ge=c.useCallback((a,T=a)=>{let R=ko(U,a,r);J(R);let S=R.find(A=>A.columnKey===a)?.direction??null;(0,Dt.announce)(b(T,S))},[U,r,J,b]),He=c.useCallback(()=>{let a=K.current;return a?[...a.querySelectorAll(":scope > tbody > tr[data-row-id]")].map(R=>R.dataset.rowId):[]},[]),We=c.useRef(null),Bt=c.useCallback((a,T=!1)=>{if(m==="none")return;let R=We.current;if(T&&m==="multiple"&&R!==null&&R!==a){let S=He(),A=S.indexOf(R),Se=S.indexOf(a);if(A!==-1&&Se!==-1){let to=S.slice(Math.min(A,Se),Math.max(A,Se)+1);v((Me=new Set)=>Pt(Me,new Set([...Me,...to])));return}}We.current=a,v((S=new Set)=>{if(m==="single")return S.has(a)&&S.size===1?new Set:new Set([a]);let A=new Set(S);return A.has(a)?A.delete(a):A.add(a),A})},[m,v,He]),[De=wt,Ae]=(0,G.useControllableState)({prop:N,defaultProp:y,onChange:H}),Ce=c.useMemo(()=>new Set(De),[De]),[Z=Et,Le]=(0,G.useControllableState)({prop:h,defaultProp:x??Et,onChange:k}),Yt=c.useCallback(a=>{Ae((T=[])=>T.includes(a)?T.filter(R=>R!==a):[...T,a])},[Ae]),Gt=c.useCallback(a=>Ce.has(a),[Ce]),Q=c.useRef(Z);c.useLayoutEffect(()=>{Q.current=Z},[Z]);let qt=c.useCallback((a,T)=>{let R=Q.current;if(R[a]===T)return;let S={...R,[a]:T};Q.current=S,Le(S)},[Le]),ze=(0,vt.useCallbackRef)(g),Jt=c.useCallback(()=>{ze(Q.current)},[ze]),Zt=c.useCallback(a=>u.has(a),[u]),xe=c.useCallback(a=>a.length>0&&a.every(T=>u.has(T)),[u]),Qt=c.useCallback(a=>a.some(T=>u.has(T))&&!xe(a),[u,xe]),jt=c.useCallback(a=>{m!=="none"&&v((T=new Set)=>{if(a.length>0&&a.every(R=>T.has(R))){let R=new Set(T);return a.forEach(S=>R.delete(S)),R}return Pt(T,new Set([...T,...a]))})},[m,v]),[ve,Ie]=c.useState(0),eo=c.useCallback(()=>(Ie(a=>a+1),()=>Ie(a=>a-1)),[]);return(0,q.jsx)(Mt,{tableId:X,headerCellCount:ve>0?ve:f??1,registerHeaderCell:eo,sortList:U,multiSort:r,selected:u,selectionMode:m,toggleSort:ge,toggleRow:Bt,isRowSelected:Zt,toggleAll:jt,isAllSelected:xe,isSomeSelected:Qt,expandedRows:Ce,toggleRowExpanded:Yt,isRowExpanded:Gt,columnWidths:Z,setColumnWidth:qt,commitColumnWidths:Jt,children:(0,q.jsx)(Lt.Primitive.table,{"aria-rowcount":P,"aria-colcount":f,...z,...(0,Ht.appearanceAttrs)({density:W,stickyHeader:E},z),...(0,At.skdxPart)("table","root",z.className),ref:Re,children:w})})};Ee.displayName="TableRoot";function Ne({columns:e,data:t,sortable:o=!1,selectable:r=!1,expandable:n=!1,renderExpanded:l,resizable:i=!1,empty:m,caption:b,renderCell:N,rowId:y,getRowLabel:H,selectionMode:h,size:x,ref:k,...g}){return(0,q.jsx)(Ee,{...g,"data-size":void 0,selectionMode:h??(r?"multiple":"none"),ref:k,children:(0,q.jsx)(ht,{size:(0,zt.recipeAxis)(x,g,"data-size"),columns:e,data:t,sortable:o,selectable:r,expandable:n,renderExpanded:l,resizable:i,empty:m,caption:b,renderCell:N,rowId:y,getRowLabel:H})})}Ne.displayName="Table";var Kt=require("../utils/part.cjs"),$t=require("../utils/primitive.cjs"),Ot=require("react/jsx-runtime"),_t=({ref:e,...t})=>(0,Ot.jsx)($t.Primitive.tfoot,{...t,...(0,Kt.skdxPart)("table","footer",t.className),ref:e});_t.displayName="TableFooter";var Vt=require("../utils/part.cjs"),Ft=require("../utils/primitive.cjs");var Ut=require("react/jsx-runtime"),Xt=({columnKey:e,ref:t,...o})=>{let r=d("TableSortIndicator"),n=_("TableSortIndicator"),l=e??n.columnKey,i=l===void 0?-1:r.sortList.findIndex(b=>b.columnKey===l),m=r.sortList[i]?.direction??"none";return(0,Ut.jsx)(Ft.Primitive.span,{"aria-hidden":"true","data-skdx-table-sort-indicator":"","data-sort-direction":m,"data-sort-index":r.multiSort&&i!==-1?i:void 0,...o,...(0,Vt.skdxPart)("table","sort-indicator",o.className),ref:t})};Xt.displayName="TableSortIndicator";0&&(module.exports={Table,TableBody,TableCaption,TableCell,TableColumnHeaderSortTrigger,TableColumnResizeTrigger,TableEmpty,TableExpandTrigger,TableExpandedRow,TableFooter,TableHeader,TableHeaderCell,TableHeaderCellProvider,TableProvider,TableRoot,TableRow,TableRowSelectCheckbox,TableSelectAllCheckbox,TableSortIndicator,defaultGetSortLabel,defaultSelectAllLabel,tableDetailRowId,useTableContext,useTableHeaderCellContext});

package/dist/table/Table.d.cts

@@ -1,78 +1,62 @@
 import * as React from 'react';
-import type { SortDirection, TableContextValue, TableHeaderCellContextValue, TableProps } from './types.cjs';
+import type { SortDirection, TableContextValue, TableHeaderCellContextValue, TableProps, TableRootProps } from './types.cjs';
 /** Default `getSortLabel`: `"Amount sorted ascending"` / `"Amount not sorted"`. */
 export declare function defaultGetSortLabel(column: string, direction: SortDirection | null): string;
 /**
- * Reads the sort, selection, expansion and column-width state a {@link Table}
- * publishes to everything inside it, along with the methods that drive them —
- * `toggleSort`, `toggleRow`, `toggleAll`, `toggleRowExpanded`, `setColumnWidth`.
+ * Reads the sort, selection, expansion, and column-width state a {@link Table} publishes, and the methods that drive them.
  *
- * Public on purpose: the shared component contract names it as React's access
- * path to `toggleAll`, which a consumer has to reach because Table keeps no row
- * registry and so takes the id list from the caller — under pagination or
- * virtualization that must be the full dataset, not the rendered page.
- *
- * Pass the calling component's own name. It is what the thrown error names when
- * the hook runs outside a `Table` — it throws there rather than handing back
- * `undefined` for a field access to fail on later.
+ * @internal Not part of the public API; import it inside the package only.
  */
-export declare const TableProvider: {
-    (props: TableContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTableContext: (consumerName: string) => TableContextValue;
+export declare const TableProvider: React.FC<TableContextValue & {
+    children: React.ReactNode;
+}>, useTableContext: (consumerName: string) => TableContextValue;
 /**
- * Column-scoped defaults published by a `TableHeaderCell` to the sort and
- * resize parts nested inside it. Defaulted to an empty object rather than
- * throwing, because those parts are also legal outside a header cell — they
- * just need their own `sortKey`/`columnKey` there.
+ * Column-scoped defaults published by a `TableHeaderCell` to the sort and resize parts nested inside it.
  */
-export declare const TableHeaderCellProvider: {
-    (props: TableHeaderCellContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTableHeaderCellContext: (consumerName: string) => TableHeaderCellContextValue;
+export declare const TableHeaderCellProvider: React.FC<TableHeaderCellContextValue & {
+    children: React.ReactNode;
+}>, useTableHeaderCellContext: (consumerName: string) => TableHeaderCellContextValue;
 /**
- * The DOM id a row's detail row carries and its `TableExpandTrigger` points at
- * with `aria-controls`. Derived from the table's own id so two tables on one
- * page can share row ids without colliding.
+ * Builds the DOM id shared by a row's detail row and its `TableExpandTrigger`'s `aria-controls`.
  */
 export declare function tableDetailRowId(tableId: string, rowId: string): string;
 /**
- * Root of a headless data table: owns only sort and row-selection state — no
- * pagination, filtering, or data model — and hands it down to
- * `TableHeaderCell` / `TableRow` via context. Renders a plain `<table>`.
- * Consumers map over their own row data to render `TableRow`/`TableCell`s.
- *
- * Sort and selection each work controlled (`sort`/`selected` +
- * `onSortChange`/`onSelectedChange`) or uncontrolled (`defaultSort`/`defaultSelected`),
- * as do expanded detail rows (`expandedRowIds`) and column widths (`columnWidths`).
- *
- * `multiSort` lets several columns be sorted at once, at which point `sort`
- * becomes an array ordered most-significant-first. **The table never reorders
- * your rows** — it publishes sort state and you sort the data.
+ * Root of a headless data table that owns sort and row-selection state and hands it to `TableHeaderCell`/`TableRow` via context.
  *
  * @example
  * ```tsx
- * <Table selectionMode="multiple">
+ * import { TableBody, TableCaption, TableCell, TableHeader, TableHeaderCell, TableRoot, TableRow, TableRowSelectCheckbox, TableSelectAllCheckbox } from '@skdx/react/primitives/table';
+ *
+ * <TableRoot selectionMode="multiple">
  *   <TableCaption>A list of recent invoices.</TableCaption>
  *   <TableHeader>
  *     <TableRow>
- *       <TableHeaderCell sortKey="name">Name</TableHeaderCell>
- *       <TableHeaderCell sortKey="amount">Amount</TableHeaderCell>
+ *       <TableHeaderCell>
+ *         <TableSelectAllCheckbox scope="page" rowIds={rows.map((row) => row.id)} />
+ *       </TableHeaderCell>
+ *       <TableHeaderCell columnKey="name" sortable>Name</TableHeaderCell>
+ *       <TableHeaderCell columnKey="amount" sortable>Amount</TableHeaderCell>
  *     </TableRow>
  *   </TableHeader>
  *   <TableBody>
  *     {rows.map((row) => (
  *       <TableRow key={row.id} rowId={row.id}>
+ *         <TableCell>
+ *           <TableRowSelectCheckbox rowId={row.id} aria-label={`Select ${row.name}`} />
+ *         </TableCell>
  *         <TableCell>{row.name}</TableCell>
  *         <TableCell>{row.amount}</TableCell>
  *       </TableRow>
  *     ))}
  *   </TableBody>
- * </Table>
+ * </TableRoot>
  * ```
  */
-export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
+export declare const TableRoot: {
+    ({ sort: sortProp, defaultSort, onSortChange, multiSort, selected: selectedProp, defaultSelected, onSelectedChange, selectionMode, getSortLabel, expandedRowIds: expandedRowIdsProp, defaultExpandedRowIds, onExpandedRowIdsChange, columnWidths: columnWidthsProp, defaultColumnWidths, onColumnWidthsChange, onColumnWidthsCommit, rowCount, columnCount, children, ref: forwardedRef, density, stickyHeader, ...props }: TableRootProps): React.ReactNode;
+    displayName: string;
+};
+export declare function Table<T extends object>({ columns, data, sortable, selectable, expandable, renderExpanded, resizable, empty, caption, renderCell, rowId, getRowLabel, selectionMode, size, ref: forwardedRef, ...rootProps }: TableProps<T>): React.ReactNode;
+export declare namespace Table {
+    var displayName: string;
+}

package/dist/table/Table.d.ts

@@ -1,78 +1,62 @@
 import * as React from 'react';
-import type { SortDirection, TableContextValue, TableHeaderCellContextValue, TableProps } from './types.js';
+import type { SortDirection, TableContextValue, TableHeaderCellContextValue, TableProps, TableRootProps } from './types.js';
 /** Default `getSortLabel`: `"Amount sorted ascending"` / `"Amount not sorted"`. */
 export declare function defaultGetSortLabel(column: string, direction: SortDirection | null): string;
 /**
- * Reads the sort, selection, expansion and column-width state a {@link Table}
- * publishes to everything inside it, along with the methods that drive them —
- * `toggleSort`, `toggleRow`, `toggleAll`, `toggleRowExpanded`, `setColumnWidth`.
+ * Reads the sort, selection, expansion, and column-width state a {@link Table} publishes, and the methods that drive them.
  *
- * Public on purpose: the shared component contract names it as React's access
- * path to `toggleAll`, which a consumer has to reach because Table keeps no row
- * registry and so takes the id list from the caller — under pagination or
- * virtualization that must be the full dataset, not the rendered page.
- *
- * Pass the calling component's own name. It is what the thrown error names when
- * the hook runs outside a `Table` — it throws there rather than handing back
- * `undefined` for a field access to fail on later.
+ * @internal Not part of the public API; import it inside the package only.
  */
-export declare const TableProvider: {
-    (props: TableContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTableContext: (consumerName: string) => TableContextValue;
+export declare const TableProvider: React.FC<TableContextValue & {
+    children: React.ReactNode;
+}>, useTableContext: (consumerName: string) => TableContextValue;
 /**
- * Column-scoped defaults published by a `TableHeaderCell` to the sort and
- * resize parts nested inside it. Defaulted to an empty object rather than
- * throwing, because those parts are also legal outside a header cell — they
- * just need their own `sortKey`/`columnKey` there.
+ * Column-scoped defaults published by a `TableHeaderCell` to the sort and resize parts nested inside it.
  */
-export declare const TableHeaderCellProvider: {
-    (props: TableHeaderCellContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTableHeaderCellContext: (consumerName: string) => TableHeaderCellContextValue;
+export declare const TableHeaderCellProvider: React.FC<TableHeaderCellContextValue & {
+    children: React.ReactNode;
+}>, useTableHeaderCellContext: (consumerName: string) => TableHeaderCellContextValue;
 /**
- * The DOM id a row's detail row carries and its `TableExpandTrigger` points at
- * with `aria-controls`. Derived from the table's own id so two tables on one
- * page can share row ids without colliding.
+ * Builds the DOM id shared by a row's detail row and its `TableExpandTrigger`'s `aria-controls`.
  */
 export declare function tableDetailRowId(tableId: string, rowId: string): string;
 /**
- * Root of a headless data table: owns only sort and row-selection state — no
- * pagination, filtering, or data model — and hands it down to
- * `TableHeaderCell` / `TableRow` via context. Renders a plain `<table>`.
- * Consumers map over their own row data to render `TableRow`/`TableCell`s.
- *
- * Sort and selection each work controlled (`sort`/`selected` +
- * `onSortChange`/`onSelectedChange`) or uncontrolled (`defaultSort`/`defaultSelected`),
- * as do expanded detail rows (`expandedRowIds`) and column widths (`columnWidths`).
- *
- * `multiSort` lets several columns be sorted at once, at which point `sort`
- * becomes an array ordered most-significant-first. **The table never reorders
- * your rows** — it publishes sort state and you sort the data.
+ * Root of a headless data table that owns sort and row-selection state and hands it to `TableHeaderCell`/`TableRow` via context.
  *
  * @example
  * ```tsx
- * <Table selectionMode="multiple">
+ * import { TableBody, TableCaption, TableCell, TableHeader, TableHeaderCell, TableRoot, TableRow, TableRowSelectCheckbox, TableSelectAllCheckbox } from '@skdx/react/primitives/table';
+ *
+ * <TableRoot selectionMode="multiple">
  *   <TableCaption>A list of recent invoices.</TableCaption>
  *   <TableHeader>
  *     <TableRow>
- *       <TableHeaderCell sortKey="name">Name</TableHeaderCell>
- *       <TableHeaderCell sortKey="amount">Amount</TableHeaderCell>
+ *       <TableHeaderCell>
+ *         <TableSelectAllCheckbox scope="page" rowIds={rows.map((row) => row.id)} />
+ *       </TableHeaderCell>
+ *       <TableHeaderCell columnKey="name" sortable>Name</TableHeaderCell>
+ *       <TableHeaderCell columnKey="amount" sortable>Amount</TableHeaderCell>
  *     </TableRow>
  *   </TableHeader>
  *   <TableBody>
  *     {rows.map((row) => (
  *       <TableRow key={row.id} rowId={row.id}>
+ *         <TableCell>
+ *           <TableRowSelectCheckbox rowId={row.id} aria-label={`Select ${row.name}`} />
+ *         </TableCell>
  *         <TableCell>{row.name}</TableCell>
  *         <TableCell>{row.amount}</TableCell>
  *       </TableRow>
  *     ))}
  *   </TableBody>
- * </Table>
+ * </TableRoot>
  * ```
  */
-export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
+export declare const TableRoot: {
+    ({ sort: sortProp, defaultSort, onSortChange, multiSort, selected: selectedProp, defaultSelected, onSelectedChange, selectionMode, getSortLabel, expandedRowIds: expandedRowIdsProp, defaultExpandedRowIds, onExpandedRowIdsChange, columnWidths: columnWidthsProp, defaultColumnWidths, onColumnWidthsChange, onColumnWidthsCommit, rowCount, columnCount, children, ref: forwardedRef, density, stickyHeader, ...props }: TableRootProps): React.ReactNode;
+    displayName: string;
+};
+export declare function Table<T extends object>({ columns, data, sortable, selectable, expandable, renderExpanded, resizable, empty, caption, renderCell, rowId, getRowLabel, selectionMode, size, ref: forwardedRef, ...rootProps }: TableProps<T>): React.ReactNode;
+export declare namespace Table {
+    var displayName: string;
+}

package/dist/table/Table.js

@@ -1 +1,2 @@
-import*as s from"react";import{useComposedRefs as Xe}from"../utils/composeRefs.js";import{createSafeContext as te}from"../utils/createContext.js";import{announce as Oe}from"../utils/liveAnnouncer.js";import{skdxPart as Ue}from"../utils/part.js";import{Primitive as Ye}from"../utils/primitive.js";import{useControllableState as B}from"../utils/useControllableState.js";import{jsx as ee}from"react/jsx-runtime";function Z(e){return e===void 0?new Set:e instanceof Set?e:new Set(e)}var j=[],O={};function qe(e){return e?Array.isArray(e)?e:[e]:[]}function Ge(e,t,i){let o=e.find(r=>r.columnKey===t),l=o===void 0?"asc":o.direction==="asc"?"desc":null;return i?l===null?e.filter(r=>r.columnKey!==t):o===void 0?[...e,{columnKey:t,direction:l}]:e.map(r=>r.columnKey===t?{columnKey:t,direction:l}:r):l===null?[]:[{columnKey:t,direction:l}]}function Je(e,t){return t===null?`${e} not sorted`:`${e} sorted ${t==="asc"?"ascending":"descending"}`}var[Qe,f]=te("Table"),[oe,z]=te("TableHeaderCell",{});function F(e,t){return`${e}-detail-${t}`}var Ze=s.forwardRef(({sort:e,defaultSort:t=null,onSortChange:i,multiSort:o=!1,selected:l,defaultSelected:r,onSelectedChange:d,selectionMode:m="none",getSortLabel:b=Je,expandedRowIds:H,defaultExpandedRowIds:L=j,onExpandedRowIdsChange:A,columnWidths:C,defaultColumnWidths:y,onColumnWidthsChange:W,...u},g)=>{let S=s.useId(),N=s.useRef(null),v=Xe(g,N),[w=null,D]=B({prop:e,defaultProp:t,onChange:i}),k=s.useMemo(()=>qe(w),[w]),n=k[0]??null,T=s.useMemo(()=>l===void 0?void 0:Z(l),[l]),[R=new Set,M]=B({prop:T,defaultProp:Z(r??[]),onChange:a=>d?.([...a])}),We=s.useCallback((a,c=a)=>{let p=Ge(k,a,o);D(o?p:p[0]??null);let x=p.find(P=>P.columnKey===a)?.direction??null;Oe(b(c,x))},[k,o,D,b]),Y=s.useCallback(()=>{let a=N.current?.querySelectorAll(":scope > tbody > tr[data-row-id]");return a?[...a].map(c=>c.dataset.rowId):[]},[]),q=s.useRef(null),De=s.useCallback((a,c=!1)=>{if(m==="none")return;let p=q.current;if(c&&m==="multiple"&&p!==null&&p!==a){let x=Y(),P=x.indexOf(p),X=x.indexOf(a);if(P!==-1&&X!==-1){let $e=x.slice(Math.min(P,X),Math.max(P,X)+1);M((Ve=new Set)=>new Set([...Ve,...$e]));return}}q.current=a,M((x=new Set)=>{if(m==="single")return x.has(a)&&x.size===1?new Set:new Set([a]);let P=new Set(x);return P.has(a)?P.delete(a):P.add(a),P})},[m,M,Y]),[G=j,J]=B({prop:H,defaultProp:L,onChange:A}),$=s.useMemo(()=>new Set(G),[G]),[ze=O,Q]=B({prop:C,defaultProp:y??O,onChange:W}),ve=s.useCallback(a=>{J((c=[])=>c.includes(a)?c.filter(p=>p!==a):[...c,a])},[J]),Ie=s.useCallback(a=>$.has(a),[$]),Ke=s.useCallback((a,c)=>{Q((p=O)=>p[a]===c?p:{...p,[a]:c})},[Q]),Be=s.useCallback(a=>R.has(a),[R]),V=s.useCallback(a=>a.length>0&&a.every(c=>R.has(c)),[R]),Fe=s.useCallback(a=>a.some(c=>R.has(c))&&!V(a),[R,V]),_e=s.useCallback(a=>{m!=="none"&&M((c=new Set)=>{if(a.length>0&&a.every(p=>c.has(p))){let p=new Set(c);return a.forEach(x=>p.delete(x)),p}return new Set([...c,...a])})},[m,M]);return ee(Qe,{tableId:S,sort:n,sortList:k,multiSort:o,selected:R,selectionMode:m,toggleSort:We,toggleRow:De,isRowSelected:Be,toggleAll:_e,isAllSelected:V,isSomeSelected:Fe,expandedRows:$,toggleRowExpanded:ve,isRowExpanded:Ie,columnWidths:ze,setColumnWidth:Ke,children:ee(Ye.table,{...u,...Ue("table","root",u.className),ref:v})})});Ze.displayName="Table";import*as re from"react";import{skdxPart as je}from"../utils/part.js";import{Primitive as et}from"../utils/primitive.js";import{jsx as tt}from"react/jsx-runtime";var ae=re.forwardRef((e,t)=>tt(et.thead,{...e,...je("table","header",e.className),ref:t}));ae.displayName="TableHeader";import*as ne from"react";import{skdxPart as ot}from"../utils/part.js";import{Primitive as rt}from"../utils/primitive.js";import{jsx as at}from"react/jsx-runtime";var le=ne.forwardRef((e,t)=>at(rt.tbody,{...e,...ot("table","body",e.className),ref:t}));le.displayName="TableBody";import*as ie from"react";import{skdxPart as nt}from"../utils/part.js";import{Primitive as lt}from"../utils/primitive.js";import{jsx as it}from"react/jsx-runtime";var se=ie.forwardRef((e,t)=>it(lt.tfoot,{...e,...nt("table","footer",e.className),ref:t}));se.displayName="TableFooter";import*as de from"react";import{skdxPart as st}from"../utils/part.js";import{composeEventHandlers as dt,Primitive as ct}from"../utils/primitive.js";import{jsx as pt}from"react/jsx-runtime";var mt='button, a, input, [role="button"]',ce=de.forwardRef(({rowId:e,...t},i)=>{let o=f("TableRow"),l=e!==void 0&&o.isRowSelected(e),r=o.selectionMode!=="none"&&e!==void 0;return pt(ct.tr,{"aria-selected":r?l:void 0,"data-state":l?"selected":void 0,"data-row-id":r?e:void 0,...t,...st("table","row",t.className),ref:i,onClick:dt(t.onClick,d=>{!r||d.target.closest(mt)||o.toggleRow(e,d.shiftKey)})})});ce.displayName="TableRow";import*as E from"react";import{skdxPart as Ht}from"../utils/part.js";import{Primitive as Lt}from"../utils/primitive.js";import*as me from"react";import{skdxPart as ft}from"../utils/part.js";import{composeEventHandlers as bt,Primitive as ut}from"../utils/primitive.js";import{jsx as Tt}from"react/jsx-runtime";var I=me.forwardRef(({sortKey:e,...t},i)=>{let o=f("TableColumnHeaderSortTrigger"),l=z("TableColumnHeaderSortTrigger"),r=e??l.sortKey;if(r===void 0)return null;let d=o.sortList.findIndex(b=>b.columnKey===r),m=o.sortList[d]?.direction;return Tt(ut.button,{type:"button","data-skdx-table-sort-trigger":"","data-sort-direction":m,"data-sort-index":o.multiSort&&d!==-1?d:void 0,...t,...ft("table","column-header-sort-trigger",t.className),ref:i,onClick:bt(t.onClick,b=>{o.toggleSort(r,b.currentTarget.textContent?.trim()||r)})})});I.displayName="TableColumnHeaderSortTrigger";import*as h from"react";import{clamp as gt}from"../utils/clamp.js";import{useComposedRefs as Rt}from"../utils/composeRefs.js";import{directionalKey as xt,resolveDirection as Ct,useDirection as St}from"../utils/direction.js";import{skdxPart as Pt}from"../utils/part.js";import{composeEventHandlers as K,Primitive as yt}from"../utils/primitive.js";import{jsx as Et}from"react/jsx-runtime";var wt=40,ht=1e3,kt=8,_=h.forwardRef(({columnKey:e,minWidth:t,maxWidth:i,step:o,label:l,...r},d)=>{let m=f("TableColumnResizeTrigger"),b=z("TableColumnResizeTrigger"),H=St(),L=h.useRef(null),A=Rt(d,L),C=h.useRef(null),[y,W]=h.useState(!1),u=e??b.columnKey,g=t??b.minWidth??wt,S=i??b.maxWidth??ht,N=o??b.resizeStep??kt,v=u===void 0?void 0:m.columnWidths[u],w=n=>{u!==void 0&&m.setColumnWidth(u,gt(Math.round(n),g,S))},D=()=>v!==void 0?v:(L.current?.closest("th")?.getBoundingClientRect().width??0)||g,k=()=>{let n=C.current;if(!n)return null;C.current=null,W(!1);let T=L.current;return T?.hasPointerCapture?.(n.pointerId)&&T.releasePointerCapture(n.pointerId),n};return h.useEffect(()=>{if(!y)return;let n=T=>{if(T.key!=="Escape")return;let R=k();R&&w(R.startWidth)};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[y,u,g,S]),u===void 0?null:Et(yt.span,{role:"separator","aria-orientation":"vertical","aria-label":l??b.resizeLabel??"Resize column","aria-valuenow":Math.round(v??g),"aria-valuemin":g,"aria-valuemax":S,tabIndex:0,"data-skdx-table-resizer":"","data-dragging":y?"":void 0,...r,...Pt("table","column-resize-trigger",r.className),ref:A,onPointerDown:K(r.onPointerDown,n=>{n.button===0&&(n.preventDefault(),n.stopPropagation(),C.current={startX:n.clientX,startWidth:D(),pointerId:n.pointerId},W(!0),n.currentTarget.setPointerCapture?.(n.pointerId))}),onPointerMove:K(r.onPointerMove,n=>{let T=C.current;if(!T)return;let M=Ct(n.currentTarget,H)==="rtl"?T.startX-n.clientX:n.clientX-T.startX;w(T.startWidth+M)}),onPointerUp:K(r.onPointerUp,k),onPointerCancel:K(r.onPointerCancel,k),onKeyDown:K(r.onKeyDown,n=>{let T=xt(n.key,n.currentTarget,H);if(T==="ArrowRight")w(D()+N);else if(T==="ArrowLeft")w(D()-N);else if(n.key==="Home")w(g);else if(n.key==="End")w(S);else return;n.preventDefault(),n.stopPropagation()})})});_.displayName="TableColumnResizeTrigger";import{jsx as U,jsxs as Nt}from"react/jsx-runtime";function pe(e){return E.Children.toArray(e).some(t=>E.isValidElement(t)?t.type===I?!0:t.type===E.Fragment&&pe(t.props.children):!1)}var fe=E.forwardRef(({sortKey:e,columnKey:t,resizable:i=!1,minWidth:o=40,maxWidth:l=1e3,resizeLabel:r="Resize column",resizeStep:d=8,children:m,style:b,...H},L)=>{let A=f("TableHeaderCell"),C=e!==void 0,y=C?A.sortList.find(N=>N.columnKey===e)?.direction:void 0,W=C?y==="asc"?"ascending":y==="desc"?"descending":"none":void 0,u=t??e,g=i&&u!==void 0,S=u===void 0?void 0:A.columnWidths[u];return U(oe,{sortKey:e,columnKey:u,minWidth:o,maxWidth:l,resizeLabel:r,resizeStep:d,children:Nt(Lt.th,{"aria-sort":W,"data-sort-direction":y,"data-resizable":g?"":void 0,style:S===void 0?b:{...b,width:S,"--skdx-table-column-width":`${S}px`},...H,...Ht("table","header-cell",H.className),ref:L,children:[C&&!pe(m)?U(I,{children:m}):m,g?U(_,{}):null]})})});fe.displayName="TableHeaderCell";import*as be from"react";import{skdxPart as Mt}from"../utils/part.js";import{Primitive as At}from"../utils/primitive.js";import{jsx as Wt}from"react/jsx-runtime";var ue=be.forwardRef((e,t)=>Wt(At.td,{...e,...Mt("table","cell",e.className),ref:t}));ue.displayName="TableCell";import*as Te from"react";import{skdxPart as Dt}from"../utils/part.js";import{Primitive as zt}from"../utils/primitive.js";import{jsx as vt}from"react/jsx-runtime";var ge=Te.forwardRef((e,t)=>vt(zt.caption,{...e,...Dt("table","caption",e.className),ref:t}));ge.displayName="TableCaption";import*as Re from"react";import{skdxPart as It}from"../utils/part.js";import{composeEventHandlers as Kt,Primitive as Bt}from"../utils/primitive.js";import{jsx as Ft}from"react/jsx-runtime";var xe=Re.forwardRef(({rowId:e,...t},i)=>{let o=f("TableExpandTrigger"),l=o.isRowExpanded(e);return Ft(Bt.button,{type:"button","aria-expanded":l,"aria-controls":F(o.tableId,e),"data-state":l?"expanded":"collapsed","data-skdx-table-expand-trigger":"",...t,...It("table","expand-trigger",t.className),ref:i,onClick:Kt(t.onClick,r=>{r.stopPropagation(),o.toggleRowExpanded(e)})})});xe.displayName="TableExpandTrigger";import*as Se from"react";import{skdxPart as _t}from"../utils/part.js";import{Primitive as $t}from"../utils/primitive.js";import{jsx as Ce}from"react/jsx-runtime";var Pe=Se.forwardRef(({rowId:e,colSpan:t=1,children:i,...o},l)=>{let r=f("TableExpandedRow"),d=r.isRowExpanded(e);return Ce($t.tr,{id:F(r.tableId,e),"data-state":d?"expanded":"collapsed","data-skdx-table-detail-row":"",hidden:!d,...o,..._t("table","expanded-row",o.className),ref:l,children:Ce("td",{colSpan:t,children:i})})});Pe.displayName="TableExpandedRow";import*as we from"react";import{skdxPart as Vt}from"../utils/part.js";import{Primitive as Xt}from"../utils/primitive.js";import{jsx as ye}from"react/jsx-runtime";var he=we.forwardRef(({colSpan:e=1,children:t,...i},o)=>ye(Xt.tr,{"data-state":"empty","data-skdx-table-empty":"",...i,...Vt("table","empty",i.className),ref:o,children:ye("td",{colSpan:e,children:t})}));he.displayName="TableEmpty";import*as ke from"react";import{skdxPart as Ot}from"../utils/part.js";import{Primitive as Ut}from"../utils/primitive.js";import{jsx as Yt}from"react/jsx-runtime";var Ee=ke.forwardRef(({sortKey:e,...t},i)=>{let o=f("TableSortIndicator"),l=z("TableSortIndicator"),r=e??l.sortKey,d=r===void 0?-1:o.sortList.findIndex(b=>b.columnKey===r),m=o.sortList[d]?.direction??"none";return Yt(Ut.span,{"aria-hidden":"true","data-skdx-table-sort-indicator":"","data-sort-direction":m,"data-sort-index":o.multiSort&&d!==-1?d:void 0,...t,...Ot("table","sort-indicator",t.className),ref:i})});Ee.displayName="TableSortIndicator";import*as He from"react";import{Checkbox as qt}from"../checkbox/Checkbox.js";import{skdxPart as Gt}from"../utils/part.js";import{composeEventHandlers as Jt}from"../utils/primitive.js";import{jsx as Qt}from"react/jsx-runtime";function Le(e,t){let i=`${t} ${t===1?"row":"rows"}`;return e==="page"?`Select all ${i} on this page`:`Select all ${i}`}var Ne=He.forwardRef(({rowIds:e,scope:t,getSelectAllLabel:i=Le,...o},l)=>{let r=f("TableSelectAllCheckbox"),d=r.isAllSelected(e)?!0:r.isSomeSelected(e)?"indeterminate":!1;return Qt(qt,{"aria-label":i(t,e.length),...o,...Gt("table","select-all-checkbox",o.className),ref:l,checked:d,"data-skdx-table-select-all":"","data-scope":t,onClick:Jt(o.onClick,()=>r.toggleAll(e))})});Ne.displayName="TableSelectAllCheckbox";import*as Me from"react";import{Checkbox as Zt}from"../checkbox/Checkbox.js";import{skdxPart as jt}from"../utils/part.js";import{composeEventHandlers as eo}from"../utils/primitive.js";import{jsx as to}from"react/jsx-runtime";var Ae=Me.forwardRef(({rowId:e,...t},i)=>{let o=f("TableRowSelectCheckbox");return to(Zt,{...t,...jt("table","row-select-checkbox",t.className),ref:i,checked:o.isRowSelected(e),"data-skdx-table-row-select":"",onClick:eo(t.onClick,l=>{o.toggleRow(e,l.shiftKey)})})});Ae.displayName="TableRowSelectCheckbox";export{Ze as Table,le as TableBody,ge as TableCaption,ue as TableCell,I as TableColumnHeaderSortTrigger,_ as TableColumnResizeTrigger,he as TableEmpty,xe as TableExpandTrigger,Pe as TableExpandedRow,se as TableFooter,ae as TableHeader,fe as TableHeaderCell,oe as TableHeaderCellProvider,Qe as TableProvider,ce as TableRow,Ae as TableRowSelectCheckbox,Ne as TableSelectAllCheckbox,Ee as TableSortIndicator,Je as defaultGetSortLabel,Le as defaultSelectAllLabel,F as tableDetailRowId,f as useTableContext,z as useTableHeaderCellContext};
+'use client';
+import*as c from"react";import{appearanceAttrs as so}from"../utils/appearance.js";import{useComposedRefs as co}from"../utils/composeRefs.js";import{createSafeContext as Ke}from"../utils/createContext.js";import{announce as mo}from"../utils/liveAnnouncer.js";import{skdxPart as fo}from"../utils/part.js";import{Primitive as uo}from"../utils/primitive.js";import{recipeAxis as po}from"../utils/recipeAxis.js";import{useCallbackRef as bo}from"../utils/useCallbackRef.js";import{useControllableState as Q}from"../utils/useControllableState.js";import*as Z from"react";import{skdxPart as Ze}from"../utils/part.js";import{Primitive as Qe}from"../utils/primitive.js";import{jsx as je}from"react/jsx-runtime";var ae=({ref:e,...t})=>je(Qe.tbody,{...t,...Ze("table","body",t.className),ref:e});ae.displayName="TableBody";import{skdxPart as et}from"../utils/part.js";import{Primitive as tt}from"../utils/primitive.js";import{jsx as ot}from"react/jsx-runtime";var le=({ref:e,...t})=>ot(tt.caption,{...t,...et("table","caption",t.className),ref:e});le.displayName="TableCaption";import{skdxPart as rt}from"../utils/part.js";import{Primitive as nt}from"../utils/primitive.js";import{jsx as at}from"react/jsx-runtime";var M=({ref:e,...t})=>at(nt.td,{...t,...rt("table","cell",t.className),ref:e});M.displayName="TableCell";import{skdxPart as lt}from"../utils/part.js";import{Primitive as it}from"../utils/primitive.js";import{jsx as Ne}from"react/jsx-runtime";var ie=({colSpan:e,children:t,ref:o,...r})=>{let n=u("TableEmpty");return Ne(it.tr,{"data-state":"empty","data-skdx-table-empty":"",...r,...lt("table","empty",r.className),ref:o,children:r.asChild?t:Ne("td",{colSpan:e??n.headerCellCount,children:t})})};ie.displayName="TableEmpty";import{skdxPart as st}from"../utils/part.js";import{Primitive as ct}from"../utils/primitive.js";import{jsx as He}from"react/jsx-runtime";var se=({rowId:e,colSpan:t,children:o,ref:r,...n})=>{let l=u("TableExpandedRow"),i=l.isRowExpanded(e);return He(ct.tr,{id:B(l.tableId,e),"data-state":i?"expanded":"collapsed","data-skdx-table-detail-row":"",hidden:!i,...n,...st("table","expanded-row",n.className),ref:r,children:n.asChild?o:He("td",{colSpan:t??l.headerCellCount,children:o})})};se.displayName="TableExpandedRow";import{Glyph as dt}from"../utils/Glyph.js";import{skdxPart as mt}from"../utils/part.js";import{composeEventHandlers as ft,Primitive as ut}from"../utils/primitive.js";import{jsx as ce}from"react/jsx-runtime";var pt=()=>ce(dt,{name:"chevron-right"}),de=({rowId:e,ref:t,...o})=>{let r=u("TableExpandTrigger"),n=r.isRowExpanded(e);return ce(ut.button,{type:"button","aria-expanded":n,"aria-controls":B(r.tableId,e),"data-state":n?"expanded":"collapsed","data-skdx-table-expand-trigger":"",...o,...mt("table","expand-trigger",o.className),ref:t,onClick:ft(o.onClick,l=>{l.stopPropagation(),r.toggleRowExpanded(e)}),children:o.children??ce(pt,{})})};de.displayName="TableExpandTrigger";import{skdxPart as bt}from"../utils/part.js";import{Primitive as Tt}from"../utils/primitive.js";import{jsx as Rt}from"react/jsx-runtime";var me=({ref:e,...t})=>Rt(Tt.thead,{...t,...bt("table","header",t.className),ref:e});me.displayName="TableHeader";import*as D from"react";import{skdxPart as zt}from"../utils/part.js";import{Primitive as vt}from"../utils/primitive.js";import{skdxPart as gt}from"../utils/part.js";import{composeEventHandlers as Ct,Primitive as xt}from"../utils/primitive.js";import{jsx as St}from"react/jsx-runtime";var Y=({columnKey:e,ref:t,...o})=>{let r=u("TableColumnHeaderSortTrigger"),n=K("TableColumnHeaderSortTrigger"),l=e??(n.sortable?n.columnKey:void 0);if(l===void 0)return null;let i=r.sortList.findIndex(p=>p.columnKey===l),d=r.sortList[i]?.direction;return St(xt.button,{type:"button","data-skdx-table-sort-trigger":"","data-sort-direction":d,"data-sort-index":r.multiSort&&i!==-1?i:void 0,...o,...gt("table","column-header-sort-trigger",o.className),ref:t,onClick:Ct(o.onClick,p=>{r.toggleSort(l,p.currentTarget.textContent?.trim()||l)})})};Y.displayName="TableColumnHeaderSortTrigger";import*as v from"react";import{clamp as yt}from"../utils/clamp.js";import{useComposedRefs as ht}from"../utils/composeRefs.js";import{directionalKey as Pt,resolveDirection as kt,useDirection as wt}from"../utils/direction.js";import{skdxPart as Et}from"../utils/part.js";import{composeEventHandlers as fe,Primitive as Nt,useComposedEventHandlers as ue}from"../utils/primitive.js";import{useCallbackRef as pe}from"../utils/useCallbackRef.js";import{jsx as Lt}from"react/jsx-runtime";var Ht=40,Wt=1e3,Dt=8,At=new Set(["ArrowLeft","ArrowRight","Home","End"]),be=({columnKey:e,minWidth:t,maxWidth:o,step:r,label:n,ref:l,...i})=>{let d=u("TableColumnResizeTrigger"),p=K("TableColumnResizeTrigger"),N=wt(),y=v.useRef(null),H=ht(l,y),h=v.useRef(null),[C,k]=v.useState(!1),R=e??p.columnKey,P=t??p.minWidth??Ht,m=o??p.maxWidth??Wt,w=r??p.resizeStep??Dt,g=R===void 0?void 0:d.columnWidths[R],W=v.useRef(!1),E=pe(s=>{if(R===void 0)return;let f=yt(Math.round(s),P,m);f!==d.columnWidths[R]&&(W.current=!0),d.setColumnWidth(R,f)}),L=pe(()=>{W.current&&(W.current=!1,d.commitColumnWidths())}),$=()=>g!==void 0?g:(y.current?.closest("th")?.getBoundingClientRect().width??0)||P,I=pe(()=>{let s=h.current;if(!s)return null;h.current=null,k(!1);let f=y.current;return f?.hasPointerCapture?.(s.pointerId)&&f.releasePointerCapture(s.pointerId),s});v.useEffect(()=>{if(!C)return;let s=f=>{if(f.key!=="Escape")return;let z=I();z&&(E(z.startWidth),L())};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[C,I,E,L]);let ee=ue(i.onPointerDown,s=>{s.button===0&&(s.preventDefault(),s.stopPropagation(),h.current={startX:s.clientX,startWidth:$(),pointerId:s.pointerId},k(!0),s.currentTarget.setPointerCapture?.(s.pointerId))}),_=ue(i.onPointerMove,s=>{let f=h.current;if(!f)return;let te=kt(s.currentTarget,N)==="rtl"?f.startX-s.clientX:s.clientX-f.startX;E(f.startWidth+te)}),F=ue(i.onKeyDown,s=>{let f=Pt(s.key,s.currentTarget,N);if(f==="ArrowRight")E($()+w);else if(f==="ArrowLeft")E($()-w);else if(s.key==="Home")E(P);else if(s.key==="End")E(m);else return;s.preventDefault(),s.stopPropagation()});return R===void 0?null:Lt(Nt.span,{role:"separator","aria-orientation":"vertical","aria-label":n??p.resizeLabel??"Resize column","aria-valuenow":Math.round(g??P),"aria-valuemin":P,"aria-valuemax":m,tabIndex:0,"data-skdx-table-resizer":"","data-dragging":C?"":void 0,...i,...Et("table","column-resize-trigger",i.className),ref:H,onPointerDown:ee,onPointerMove:_,onPointerUp:fe(i.onPointerUp,()=>{I()&&L()}),onPointerCancel:fe(i.onPointerCancel,()=>{I()&&L()}),onKeyDown:F,onKeyUp:fe(i.onKeyUp,s=>{At.has(s.key)&&L()})})};be.displayName="TableColumnResizeTrigger";import{Fragment as _t,jsx as G,jsxs as Ot}from"react/jsx-runtime";function We(e){return D.Children.toArray(e).some(t=>D.isValidElement(t)?t.type===Y?!0:t.type===D.Fragment&&We(t.props.children):!1)}function It(e,t){if(e)return t==="asc"?"ascending":t==="desc"?"descending":"none"}function Mt(e,t,o){if(e)return o.find(r=>r.columnKey===t)?.direction}function Kt(e,t){let o=e&&D.isValidElement(t)?t:null,r=o?o.props.children:t;return{asChildTarget:o,label:r}}function $t(e,t){return e===void 0?t:{...t,width:e,"--skdx-table-column-width":`${e}px`}}var O=({columnKey:e,sortable:t,resizable:o=!1,minWidth:r=40,maxWidth:n=1e3,resizeLabel:l="Resize column",resizeStep:i=8,children:d,style:p,ref:N,...y})=>{let H=u("TableHeaderCell"),{registerHeaderCell:h}=H;D.useEffect(()=>h(),[h]);let C=t===!0&&e!==void 0,k=Mt(C,e,H.sortList),R=It(C,k),P=o&&e!==void 0,m=e===void 0?void 0:H.columnWidths[e],{asChildTarget:w,label:g}=Kt(y.asChild,d),W=Ot(_t,{children:[C&&!We(g)?G(Y,{children:g}):g,P?G(be,{}):null]});return G(De,{columnKey:e,sortable:C,minWidth:r,maxWidth:n,resizeLabel:l,resizeStep:i,children:G(vt.th,{"aria-sort":R,"data-sort-direction":k,"data-resizable":P?"":void 0,style:$t(m,p),...y,...zt("table","header-cell",y.className),ref:N,children:w?D.cloneElement(w,void 0,W):W})})};O.displayName="TableHeaderCell";import{skdxPart as Vt}from"../utils/part.js";import{composeEventHandlers as Ft,Primitive as Xt}from"../utils/primitive.js";import{jsx as Bt}from"react/jsx-runtime";var Ut='button, a, input, [role="button"]',V=({rowId:e,ref:t,...o})=>{let r=u("TableRow"),n=e!==void 0&&r.isRowSelected(e),l=r.selectionMode!=="none"&&e!==void 0;return Bt(Xt.tr,{"data-state":n?"selected":void 0,"data-row-id":l?e:void 0,...o,...Vt("table","row",o.className),ref:t,onClick:Ft(o.onClick,i=>{!l||i.target.closest(Ut)||r.toggleRow(e,i.shiftKey)})})};V.displayName="TableRow";import{Checkbox as Yt}from"../checkbox/Checkbox.js";import{skdxPart as Gt}from"../utils/part.js";import{composeEventHandlers as qt}from"../utils/primitive.js";import{jsx as Jt}from"react/jsx-runtime";var Te=({rowId:e,ref:t,...o})=>{let r=u("TableRowSelectCheckbox");return Jt(Yt,{...o,...Gt("table","row-select-checkbox",o.className),ref:t,checked:r.isRowSelected(e),"data-skdx-table-row-select":"",onClick:qt(o.onClick,n=>{o.readOnly||r.toggleRow(e,n.shiftKey)})})};Te.displayName="TableRowSelectCheckbox";import{Checkbox as Zt}from"../checkbox/Checkbox.js";import{skdxPart as Qt}from"../utils/part.js";import{composeEventHandlers as jt}from"../utils/primitive.js";import{jsx as oo}from"react/jsx-runtime";function eo(e,t){let o=`${t} ${t===1?"row":"rows"}`;return e==="page"?`Select all ${o} on this page`:`Select all ${o}`}function to(e,t){return e.isAllSelected(t)?!0:e.isSomeSelected(t)?"indeterminate":!1}var Re=({rowIds:e,scope:t,getSelectAllLabel:o=eo,ref:r,...n})=>{let l=u("TableSelectAllCheckbox"),i=to(l,e);return oo(Zt,{"aria-label":o(t,e.length),...n,...Qt("table","select-all-checkbox",n.className),ref:r,checked:i,"data-skdx-table-select-all":"","data-scope":t,onClick:jt(n.onClick,()=>{n.readOnly||l.toggleAll(e)})})};Re.displayName="TableSelectAllCheckbox";import{Fragment as io,jsx as S,jsxs as q}from"react/jsx-runtime";function J(e,t){return e[t]}function ge(e){return typeof e=="string"?e:String(e)}function ro(e,t){return typeof e=="number"&&typeof t=="number"?e-t:e instanceof Date&&t instanceof Date?e.getTime()-t.getTime():ge(e??"").localeCompare(ge(t??""))}function no(e,t){return t.length===0?[...e]:[...e].sort((o,r)=>{for(let{columnKey:n,direction:l}of t){let i=ro(J(o,n),J(r,n));if(i!==0)return l==="desc"?-i:i}return 0})}function ao(e,t){let o=J(e,"id");return String(typeof o=="string"||typeof o=="number"?o:t)}function lo(e,t,o){return t.cell?t.cell(e):o?o(e,t):ge(J(e,t.key)??"")}function Ae({size:e,columns:t,data:o,sortable:r,selectable:n,expandable:l,renderExpanded:i,resizable:d,empty:p,caption:N,renderCell:y,rowId:H=ao,getRowLabel:h}){let C=u("Table"),k=Math.max(t.length+(n?1:0)+(l?1:0),1),R=Z.useMemo(()=>no(o,C.sortList),[o,C.sortList]),P=R.map((m,w)=>H(m,w));return q(io,{children:[N?S(le,{children:N}):null,S(me,{children:q(V,{children:[n?S(O,{children:S(Re,{scope:"page",rowIds:P,size:e})}):null,l?S(O,{"aria-hidden":"true"}):null,t.map(m=>S(O,{columnKey:m.key,sortable:m.sortable??r,resizable:m.resizable??d,minWidth:m.minWidth,maxWidth:m.maxWidth,children:m.header??m.key},m.key))]})}),S(ae,{children:R.length===0&&p?S(ie,{colSpan:k,children:p}):R.map((m,w)=>{let g=P[w],W=h?.(m,w)??`row ${g}`;return q(Z.Fragment,{children:[q(V,{rowId:g,children:[n?S(M,{children:S(Te,{rowId:g,"aria-label":`Select ${W}`,size:e})}):null,l?S(M,{children:S(de,{rowId:g,"aria-label":`Details for ${W}`})}):null,t.map(E=>S(M,{children:lo(m,E,y)},E.key))]}),l?S(se,{rowId:g,colSpan:k,children:i?.(m)}):null]},g)})})]})}import{jsx as j}from"react/jsx-runtime";function Le(e,t){return e.size===t.size&&[...t].every(o=>e.has(o))?e:t}function ze(e){return e===void 0?new Set:e instanceof Set?e:new Set(e)}var ve=[],Ie={},Me=[];function To(e,t,o){let r=e.find(l=>l.columnKey===t),n="asc";return r!==void 0&&(n=r.direction==="asc"?"desc":null),o?n===null?e.filter(l=>l.columnKey!==t):r===void 0?[...e,{columnKey:t,direction:n}]:e.map(l=>l.columnKey===t?{columnKey:t,direction:n}:l):n===null?[]:[{columnKey:t,direction:n}]}function Ro(e,t){return t===null?`${e} not sorted`:`${e} sorted ${t==="asc"?"ascending":"descending"}`}var[go,u]=Ke("Table"),[De,K]=Ke("TableHeaderCell",{});function B(e,t){return`${e}-detail-${t}`}var $e=({sort:e,defaultSort:t=Me,onSortChange:o,multiSort:r=!1,selected:n,defaultSelected:l,onSelectedChange:i,selectionMode:d="none",getSortLabel:p=Ro,expandedRowIds:N,defaultExpandedRowIds:y=ve,onExpandedRowIdsChange:H,columnWidths:h,defaultColumnWidths:C,onColumnWidthsChange:k,onColumnWidthsCommit:R,rowCount:P,columnCount:m,children:w,ref:g,density:W,stickyHeader:E,...L})=>{let $=c.useId(),I=c.useRef(null),ee=co(g,I),[_=Me,F]=Q({prop:e,defaultProp:t,onChange:o}),s=c.useMemo(()=>n===void 0?void 0:ze(n),[n]),[f=new Set,z]=Q({prop:s,defaultProp:ze(l??[]),onChange:a=>i?.([...a])}),te=c.useCallback((a,b=a)=>{let T=To(_,a,r);F(T);let x=T.find(A=>A.columnKey===a)?.direction??null;mo(p(b,x))},[_,r,F,p]),Ce=c.useCallback(()=>{let a=I.current;return a?[...a.querySelectorAll(":scope > tbody > tr[data-row-id]")].map(T=>T.dataset.rowId):[]},[]),xe=c.useRef(null),Oe=c.useCallback((a,b=!1)=>{if(d==="none")return;let T=xe.current;if(b&&d==="multiple"&&T!==null&&T!==a){let x=Ce(),A=x.indexOf(T),ne=x.indexOf(a);if(A!==-1&&ne!==-1){let Je=x.slice(Math.min(A,ne),Math.max(A,ne)+1);z((Ee=new Set)=>Le(Ee,new Set([...Ee,...Je])));return}}xe.current=a,z((x=new Set)=>{if(d==="single")return x.has(a)&&x.size===1?new Set:new Set([a]);let A=new Set(x);return A.has(a)?A.delete(a):A.add(a),A})},[d,z,Ce]),[Se=ve,ye]=Q({prop:N,defaultProp:y,onChange:H}),oe=c.useMemo(()=>new Set(Se),[Se]),[X=Ie,he]=Q({prop:h,defaultProp:C??Ie,onChange:k}),Ve=c.useCallback(a=>{ye((b=[])=>b.includes(a)?b.filter(T=>T!==a):[...b,a])},[ye]),Fe=c.useCallback(a=>oe.has(a),[oe]),U=c.useRef(X);c.useLayoutEffect(()=>{U.current=X},[X]);let Xe=c.useCallback((a,b)=>{let T=U.current;if(T[a]===b)return;let x={...T,[a]:b};U.current=x,he(x)},[he]),Pe=bo(R),Ue=c.useCallback(()=>{Pe(U.current)},[Pe]),Be=c.useCallback(a=>f.has(a),[f]),re=c.useCallback(a=>a.length>0&&a.every(b=>f.has(b)),[f]),Ye=c.useCallback(a=>a.some(b=>f.has(b))&&!re(a),[f,re]),Ge=c.useCallback(a=>{d!=="none"&&z((b=new Set)=>{if(a.length>0&&a.every(T=>b.has(T))){let T=new Set(b);return a.forEach(x=>T.delete(x)),T}return Le(b,new Set([...b,...a]))})},[d,z]),[ke,we]=c.useState(0),qe=c.useCallback(()=>(we(a=>a+1),()=>we(a=>a-1)),[]);return j(go,{tableId:$,headerCellCount:ke>0?ke:m??1,registerHeaderCell:qe,sortList:_,multiSort:r,selected:f,selectionMode:d,toggleSort:te,toggleRow:Oe,isRowSelected:Be,toggleAll:Ge,isAllSelected:re,isSomeSelected:Ye,expandedRows:oe,toggleRowExpanded:Ve,isRowExpanded:Fe,columnWidths:X,setColumnWidth:Xe,commitColumnWidths:Ue,children:j(uo.table,{"aria-rowcount":P,"aria-colcount":m,...L,...so({density:W,stickyHeader:E},L),...fo("table","root",L.className),ref:ee,children:w})})};$e.displayName="TableRoot";function _e({columns:e,data:t,sortable:o=!1,selectable:r=!1,expandable:n=!1,renderExpanded:l,resizable:i=!1,empty:d,caption:p,renderCell:N,rowId:y,getRowLabel:H,selectionMode:h,size:C,ref:k,...R}){return j($e,{...R,"data-size":void 0,selectionMode:h??(r?"multiple":"none"),ref:k,children:j(Ae,{size:po(C,R,"data-size"),columns:e,data:t,sortable:o,selectable:r,expandable:n,renderExpanded:l,resizable:i,empty:d,caption:p,renderCell:N,rowId:y,getRowLabel:H})})}_e.displayName="Table";import{skdxPart as Co}from"../utils/part.js";import{Primitive as xo}from"../utils/primitive.js";import{jsx as yo}from"react/jsx-runtime";var So=({ref:e,...t})=>yo(xo.tfoot,{...t,...Co("table","footer",t.className),ref:e});So.displayName="TableFooter";import{skdxPart as ho}from"../utils/part.js";import{Primitive as Po}from"../utils/primitive.js";import{jsx as wo}from"react/jsx-runtime";var ko=({columnKey:e,ref:t,...o})=>{let r=u("TableSortIndicator"),n=K("TableSortIndicator"),l=e??n.columnKey,i=l===void 0?-1:r.sortList.findIndex(p=>p.columnKey===l),d=r.sortList[i]?.direction??"none";return wo(Po.span,{"aria-hidden":"true","data-skdx-table-sort-indicator":"","data-sort-direction":d,"data-sort-index":r.multiSort&&i!==-1?i:void 0,...o,...ho("table","sort-indicator",o.className),ref:t})};ko.displayName="TableSortIndicator";export{_e as Table,ae as TableBody,le as TableCaption,M as TableCell,Y as TableColumnHeaderSortTrigger,be as TableColumnResizeTrigger,ie as TableEmpty,de as TableExpandTrigger,se as TableExpandedRow,So as TableFooter,me as TableHeader,O as TableHeaderCell,De as TableHeaderCellProvider,go as TableProvider,$e as TableRoot,V as TableRow,Te as TableRowSelectCheckbox,Re as TableSelectAllCheckbox,ko as TableSortIndicator,Ro as defaultGetSortLabel,eo as defaultSelectAllLabel,B as tableDetailRowId,u as useTableContext,K as useTableHeaderCellContext};