@skdx/react 0.28.0 → 0.30.0

package/dist/switch/types.d.cts

@@ -1,14 +1,8 @@
 import type { FormValidityHandle } from '../utils/formControl.cjs';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-/**
- * What `Switch`'s forwarded ref actually is: the root `<button>` plus the
- * constraint-validation methods, which are assigned onto that node rather than
- * replacing it — so this is additive, and everything an `HTMLButtonElement`
- * ref already did still works. Type a ref with
- * `React.useRef<SwitchHandle>(null)`.
- */
+/** 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. Not part of the public API. */
+/** @internal Shared state distributed from {@link Switch} to its {@link SwitchThumb} via context. */
 export interface SwitchContextValue {
     checked: boolean;
     disabled: boolean;
@@ -16,65 +10,70 @@ 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;
     /**
-     * Displays a state the user may not change. The switch keeps its tab stop, focus ring, `role="switch"`, adds `aria-readonly="true"` and `data-readonly`, and refuses the flip. A read-only switch submits its value.
+     * 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
      */
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
     /**
-     * Marks the switch as invalid, exposed as `aria-invalid`/`data-invalid`. Presentational only. Use `setCustomValidity()` on the ref for errors submission must block on.
+     * 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;
+    invalid?: boolean | undefined;
     /**
      * Disables the switch and excludes it from the tab order.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
-     * The `id` of the `<form>` this switch submits with, for a switch that is not a DOM descendant of it. Mirrors the native `form` attribute onto the hidden input.
+     * 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;
+    form?: string | undefined;
     /**
-     * Visible caption, rendered into a derived `SwitchLabel` inside the button — the accessible name, since `role="switch"` takes its name from content. Ignored when `children` is given.
+     * 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;
+    label?: string | undefined;
     /**
-     * Which side of the derived `SwitchThumb` the derived `SwitchLabel` sits on. Only meaningful with `label`. Ignored when `children` is given.
+     * 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';
+    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'> {

package/dist/switch/types.d.ts

@@ -1,14 +1,8 @@
 import type { FormValidityHandle } from '../utils/formControl.js';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-/**
- * What `Switch`'s forwarded ref actually is: the root `<button>` plus the
- * constraint-validation methods, which are assigned onto that node rather than
- * replacing it — so this is additive, and everything an `HTMLButtonElement`
- * ref already did still works. Type a ref with
- * `React.useRef<SwitchHandle>(null)`.
- */
+/** 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. Not part of the public API. */
+/** @internal Shared state distributed from {@link Switch} to its {@link SwitchThumb} via context. */
 export interface SwitchContextValue {
     checked: boolean;
     disabled: boolean;
@@ -16,65 +10,70 @@ 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;
     /**
-     * Displays a state the user may not change. The switch keeps its tab stop, focus ring, `role="switch"`, adds `aria-readonly="true"` and `data-readonly`, and refuses the flip. A read-only switch submits its value.
+     * 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
      */
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
     /**
-     * Marks the switch as invalid, exposed as `aria-invalid`/`data-invalid`. Presentational only. Use `setCustomValidity()` on the ref for errors submission must block on.
+     * 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;
+    invalid?: boolean | undefined;
     /**
      * Disables the switch and excludes it from the tab order.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
-     * The `id` of the `<form>` this switch submits with, for a switch that is not a DOM descendant of it. Mirrors the native `form` attribute onto the hidden input.
+     * 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;
+    form?: string | undefined;
     /**
-     * Visible caption, rendered into a derived `SwitchLabel` inside the button — the accessible name, since `role="switch"` takes its name from content. Ignored when `children` is given.
+     * 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;
+    label?: string | undefined;
     /**
-     * Which side of the derived `SwitchThumb` the derived `SwitchLabel` sits on. Only meaningful with `label`. Ignored when `children` is given.
+     * 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';
+    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'> {

package/dist/table/Table.cjs

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

@@ -3,69 +3,25 @@ import type { SortDirection, TableContextValue, TableHeaderCellContextValue, Tab
 /** 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 `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.
- *
- * This is the primitive the `Table` recipe (`Table.tsx`'s default export) is
- * built from — reach for it directly, via `TableRoot` from
- * `@skdx/react/primitives/table`, for full manual composition of the parts.
- *
- * Sort and selection each work controlled (`sort`/`selected` +
- * `onSortChange`/`onSelectedChange`) or uncontrolled (`defaultSort`/`defaultSelected`),
- * as do expanded detail rows (`expandedRowIds`) and column widths (`columnWidths`).
- *
- * `sort` is always a `TableSortState[]`, ordered most-significant-first and
- * empty when nothing is sorted; `multiSort` decides only whether it may hold
- * more than one entry. **The table never reorders your rows** — it publishes
- * sort state and you sort the data.
- *
- * **A `selectionMode` other than `'none'` obliges you to render a
- * `TableRowSelectCheckbox` in every selectable row.** Clicking the row is a
- * pointer shortcut, and the `<tr>` is deliberately not focusable — in a
- * `role="table"` every focusable element joins the page tab sequence, so
- * focusable rows would put the whole table body in it. The checkbox is the
- * keyboard path, and `assertTableSelectionContract` from `@skdx/shared/testing`
- * fails a table that omits it.
+ * Root of a headless data table that owns sort and row-selection state and hands it to `TableHeaderCell`/`TableRow` via context.
  *
  * @example
  * ```tsx
@@ -96,12 +52,11 @@ export declare function tableDetailRowId(tableId: string, rowId: string): string
  * </TableRoot>
  * ```
  */
-export declare const TableRoot: React.ForwardRefExoticComponent<Omit<TableRootProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
-/** @internal Cast for the generic-over-`T` `forwardRef` pattern — `React.forwardRef` itself cannot express a generic component. */
-type TableComponent = (<T>(props: TableProps<T> & {
-    ref?: React.ForwardedRef<HTMLTableElement>;
-}) => React.ReactElement | null) & {
-    displayName?: string;
+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 const Table: TableComponent;
-export {};
+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

@@ -3,69 +3,25 @@ import type { SortDirection, TableContextValue, TableHeaderCellContextValue, Tab
 /** 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 `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.
- *
- * This is the primitive the `Table` recipe (`Table.tsx`'s default export) is
- * built from — reach for it directly, via `TableRoot` from
- * `@skdx/react/primitives/table`, for full manual composition of the parts.
- *
- * Sort and selection each work controlled (`sort`/`selected` +
- * `onSortChange`/`onSelectedChange`) or uncontrolled (`defaultSort`/`defaultSelected`),
- * as do expanded detail rows (`expandedRowIds`) and column widths (`columnWidths`).
- *
- * `sort` is always a `TableSortState[]`, ordered most-significant-first and
- * empty when nothing is sorted; `multiSort` decides only whether it may hold
- * more than one entry. **The table never reorders your rows** — it publishes
- * sort state and you sort the data.
- *
- * **A `selectionMode` other than `'none'` obliges you to render a
- * `TableRowSelectCheckbox` in every selectable row.** Clicking the row is a
- * pointer shortcut, and the `<tr>` is deliberately not focusable — in a
- * `role="table"` every focusable element joins the page tab sequence, so
- * focusable rows would put the whole table body in it. The checkbox is the
- * keyboard path, and `assertTableSelectionContract` from `@skdx/shared/testing`
- * fails a table that omits it.
+ * Root of a headless data table that owns sort and row-selection state and hands it to `TableHeaderCell`/`TableRow` via context.
  *
  * @example
  * ```tsx
@@ -96,12 +52,11 @@ export declare function tableDetailRowId(tableId: string, rowId: string): string
  * </TableRoot>
  * ```
  */
-export declare const TableRoot: React.ForwardRefExoticComponent<Omit<TableRootProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
-/** @internal Cast for the generic-over-`T` `forwardRef` pattern — `React.forwardRef` itself cannot express a generic component. */
-type TableComponent = (<T>(props: TableProps<T> & {
-    ref?: React.ForwardedRef<HTMLTableElement>;
-}) => React.ReactElement | null) & {
-    displayName?: string;
+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 const Table: TableComponent;
-export {};
+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 m from"react";import{useComposedRefs as no}from"../utils/composeRefs.js";import{createSafeContext as Fe}from"../utils/createContext.js";import{announce as lo}from"../utils/liveAnnouncer.js";import{skdxPart as io}from"../utils/part.js";import{Primitive as so}from"../utils/primitive.js";import{useCallbackRef as co}from"../utils/useCallbackRef.js";import{useControllableState as Q}from"../utils/useControllableState.js";import*as O from"react";import*as xe from"react";import{skdxPart as tt}from"../utils/part.js";import{Primitive as ot}from"../utils/primitive.js";import{jsx as rt}from"react/jsx-runtime";var re=xe.forwardRef((e,t)=>rt(ot.tbody,{...e,...tt("table","body",e.className),ref:t}));re.displayName="TableBody";import*as Ce from"react";import{skdxPart as at}from"../utils/part.js";import{Primitive as nt}from"../utils/primitive.js";import{jsx as lt}from"react/jsx-runtime";var ae=Ce.forwardRef((e,t)=>lt(nt.caption,{...e,...at("table","caption",e.className),ref:t}));ae.displayName="TableCaption";import*as ye from"react";import{skdxPart as it}from"../utils/part.js";import{Primitive as st}from"../utils/primitive.js";import{jsx as dt}from"react/jsx-runtime";var K=ye.forwardRef((e,t)=>dt(st.td,{...e,...it("table","cell",e.className),ref:t}));K.displayName="TableCell";import*as he from"react";import{skdxPart as ct}from"../utils/part.js";import{Primitive as mt}from"../utils/primitive.js";import{jsx as Se}from"react/jsx-runtime";var ne=he.forwardRef(({colSpan:e=1,children:t,...a},o)=>Se(mt.tr,{"data-state":"empty","data-skdx-table-empty":"",...a,...ct("table","empty",a.className),ref:o,children:a.asChild?t:Se("td",{colSpan:e,children:t})}));ne.displayName="TableEmpty";import*as Pe from"react";import{skdxPart as ft}from"../utils/part.js";import{Primitive as pt}from"../utils/primitive.js";import{jsx as we}from"react/jsx-runtime";var le=Pe.forwardRef(({rowId:e,colSpan:t=1,children:a,...o},n)=>{let r=p("TableExpandedRow"),s=r.isRowExpanded(e);return we(pt.tr,{id:Y(r.tableId,e),"data-state":s?"expanded":"collapsed","data-skdx-table-detail-row":"",hidden:!s,...o,...ft("table","expanded-row",o.className),ref:n,children:o.asChild?a:we("td",{colSpan:t,children:a})})});le.displayName="TableExpandedRow";import*as ke from"react";import{skdxPart as bt}from"../utils/part.js";import{composeEventHandlers as ut,Primitive as Tt}from"../utils/primitive.js";import{jsx as Rt}from"react/jsx-runtime";var ie=ke.forwardRef(({rowId:e,...t},a)=>{let o=p("TableExpandTrigger"),n=o.isRowExpanded(e);return Rt(Tt.button,{type:"button","aria-expanded":n,"aria-controls":Y(o.tableId,e),"data-state":n?"expanded":"collapsed","data-skdx-table-expand-trigger":"",...t,...bt("table","expand-trigger",t.className),ref:a,onClick:ut(t.onClick,r=>{r.stopPropagation(),o.toggleRowExpanded(e)})})});ie.displayName="TableExpandTrigger";import*as Ee from"react";import{skdxPart as gt}from"../utils/part.js";import{Primitive as xt}from"../utils/primitive.js";import{jsx as Ct}from"react/jsx-runtime";var se=Ee.forwardRef((e,t)=>Ct(xt.thead,{...e,...gt("table","header",e.className),ref:t}));se.displayName="TableHeader";import*as H from"react";import{skdxPart as zt}from"../utils/part.js";import{Primitive as Kt}from"../utils/primitive.js";import*as He from"react";import{skdxPart as yt}from"../utils/part.js";import{composeEventHandlers as St,Primitive as ht}from"../utils/primitive.js";import{jsx as wt}from"react/jsx-runtime";var q=He.forwardRef(({columnKey:e,...t},a)=>{let o=p("TableColumnHeaderSortTrigger"),n=F("TableColumnHeaderSortTrigger"),r=e??(n.sortable?n.columnKey:void 0);if(r===void 0)return null;let s=o.sortList.findIndex(f=>f.columnKey===r),c=o.sortList[s]?.direction;return wt(ht.button,{type:"button","data-skdx-table-sort-trigger":"","data-sort-direction":c,"data-sort-index":o.multiSort&&s!==-1?s:void 0,...t,...yt("table","column-header-sort-trigger",t.className),ref:a,onClick:St(t.onClick,f=>{o.toggleSort(r,f.currentTarget.textContent?.trim()||r)})})});q.displayName="TableColumnHeaderSortTrigger";import*as L from"react";import{clamp as Pt}from"../utils/clamp.js";import{useComposedRefs as kt}from"../utils/composeRefs.js";import{directionalKey as Et,resolveDirection as Ht,useDirection as Nt}from"../utils/direction.js";import{skdxPart as Lt}from"../utils/part.js";import{composeEventHandlers as _,Primitive as Wt}from"../utils/primitive.js";import{useCallbackRef as de}from"../utils/useCallbackRef.js";import{jsx as vt}from"react/jsx-runtime";var Mt=40,At=1e3,Dt=8,It=new Set(["ArrowLeft","ArrowRight","Home","End"]),ce=L.forwardRef(({columnKey:e,minWidth:t,maxWidth:a,step:o,label:n,...r},s)=>{let c=p("TableColumnResizeTrigger"),f=F("TableColumnResizeTrigger"),w=Nt(),P=L.useRef(null),k=kt(s,P),R=L.useRef(null),[g,W]=L.useState(!1),d=e??f.columnKey,C=t??f.minWidth??Mt,u=a??f.maxWidth??At,y=o??f.resizeStep??Dt,M=d===void 0?void 0:c.columnWidths[d],v=L.useRef(!1),A=de(i=>{if(d===void 0)return;let T=Pt(Math.round(i),C,u);T!==c.columnWidths[d]&&(v.current=!0),c.setColumnWidth(d,T)}),D=de(()=>{v.current&&(v.current=!1,c.commitColumnWidths())}),$=()=>M!==void 0?M:(P.current?.closest("th")?.getBoundingClientRect().width??0)||C,I=de(()=>{let i=R.current;if(!i)return null;R.current=null,W(!1);let T=P.current;return T?.hasPointerCapture?.(i.pointerId)&&T.releasePointerCapture(i.pointerId),i});return L.useEffect(()=>{if(!g)return;let i=T=>{if(T.key!=="Escape")return;let E=I();E&&(A(E.startWidth),D())};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[g,I,A,D]),d===void 0?null:vt(Wt.span,{role:"separator","aria-orientation":"vertical","aria-label":n??f.resizeLabel??"Resize column","aria-valuenow":Math.round(M??C),"aria-valuemin":C,"aria-valuemax":u,tabIndex:0,"data-skdx-table-resizer":"","data-dragging":g?"":void 0,...r,...Lt("table","column-resize-trigger",r.className),ref:k,onPointerDown:_(r.onPointerDown,i=>{i.button===0&&(i.preventDefault(),i.stopPropagation(),R.current={startX:i.clientX,startWidth:$(),pointerId:i.pointerId},W(!0),i.currentTarget.setPointerCapture?.(i.pointerId))}),onPointerMove:_(r.onPointerMove,i=>{let T=R.current;if(!T)return;let z=Ht(i.currentTarget,w)==="rtl"?T.startX-i.clientX:i.clientX-T.startX;A(T.startWidth+z)}),onPointerUp:_(r.onPointerUp,()=>{I()&&D()}),onPointerCancel:_(r.onPointerCancel,()=>{I()&&D()}),onKeyDown:_(r.onKeyDown,i=>{let T=Et(i.key,i.currentTarget,w);if(T==="ArrowRight")A($()+y);else if(T==="ArrowLeft")A($()-y);else if(i.key==="Home")A(C);else if(i.key==="End")A(u);else return;i.preventDefault(),i.stopPropagation()}),onKeyUp:_(r.onKeyUp,i=>{It.has(i.key)&&D()})})});ce.displayName="TableColumnResizeTrigger";import{Fragment as Ft,jsx as G,jsxs as _t}from"react/jsx-runtime";function Ne(e){return H.Children.toArray(e).some(t=>H.isValidElement(t)?t.type===q?!0:t.type===H.Fragment&&Ne(t.props.children):!1)}var V=H.forwardRef(({columnKey:e,sortable:t,resizable:a=!1,minWidth:o=40,maxWidth:n=1e3,resizeLabel:r="Resize column",resizeStep:s=8,children:c,style:f,...w},P)=>{let k=p("TableHeaderCell"),R=t&&e!==void 0,g=R?k.sortList.find(v=>v.columnKey===e)?.direction:void 0,W=R?g==="asc"?"ascending":g==="desc"?"descending":"none":void 0,d=a&&e!==void 0,C=e===void 0?void 0:k.columnWidths[e],u=w.asChild&&H.isValidElement(c)?c:null,y=u?u.props.children:c,M=_t(Ft,{children:[R&&!Ne(y)?G(q,{children:y}):y,d?G(ce,{}):null]});return G(Le,{columnKey:e,sortable:R,minWidth:o,maxWidth:n,resizeLabel:r,resizeStep:s,children:G(Kt.th,{"aria-sort":W,"data-sort-direction":g,"data-resizable":d?"":void 0,style:C===void 0?f:{...f,width:C,"--skdx-table-column-width":`${C}px`},...w,...zt("table","header-cell",w.className),ref:P,children:u?H.cloneElement(u,void 0,M):M})})});V.displayName="TableHeaderCell";import*as We from"react";import{skdxPart as $t}from"../utils/part.js";import{composeEventHandlers as Vt,Primitive as Bt}from"../utils/primitive.js";import{jsx as Ut}from"react/jsx-runtime";var Ot='button, a, input, [role="button"]',B=We.forwardRef(({rowId:e,...t},a)=>{let o=p("TableRow"),n=e!==void 0&&o.isRowSelected(e),r=o.selectionMode!=="none"&&e!==void 0;return Ut(Bt.tr,{"data-state":n?"selected":void 0,"data-row-id":r?e:void 0,...t,...$t("table","row",t.className),ref:a,onClick:Vt(t.onClick,s=>{!r||s.target.closest(Ot)||o.toggleRow(e,s.shiftKey)})})});B.displayName="TableRow";import*as Me from"react";import{Checkbox as Xt}from"../checkbox/Checkbox.js";import{skdxPart as Yt}from"../utils/part.js";import{composeEventHandlers as qt}from"../utils/primitive.js";import{jsx as Gt}from"react/jsx-runtime";var me=Me.forwardRef(({rowId:e,...t},a)=>{let o=p("TableRowSelectCheckbox");return Gt(Xt,{...t,...Yt("table","row-select-checkbox",t.className),ref:a,checked:o.isRowSelected(e),"data-skdx-table-row-select":"",onClick:qt(t.onClick,n=>{t.readOnly||o.toggleRow(e,n.shiftKey)})})});me.displayName="TableRowSelectCheckbox";import*as Ae from"react";import{Checkbox as Zt}from"../checkbox/Checkbox.js";import{skdxPart as Jt}from"../utils/part.js";import{composeEventHandlers as Qt}from"../utils/primitive.js";import{jsx as eo}from"react/jsx-runtime";function jt(e,t){let a=`${t} ${t===1?"row":"rows"}`;return e==="page"?`Select all ${a} on this page`:`Select all ${a}`}var fe=Ae.forwardRef(({rowIds:e,scope:t,getSelectAllLabel:a=jt,...o},n)=>{let r=p("TableSelectAllCheckbox"),s=r.isAllSelected(e)?!0:r.isSomeSelected(e)?"indeterminate":!1;return eo(Zt,{"aria-label":a(t,e.length),...o,...Jt("table","select-all-checkbox",o.className),ref:n,checked:s,"data-skdx-table-select-all":"","data-scope":t,onClick:Qt(o.onClick,()=>{o.readOnly||r.toggleAll(e)})})});fe.displayName="TableSelectAllCheckbox";import{Fragment as ao,jsx as h,jsxs as Z}from"react/jsx-runtime";function J(e,t){return e&&typeof e=="object"?e[t]:void 0}function to(e,t){return typeof e=="number"&&typeof t=="number"?e-t:e instanceof Date&&t instanceof Date?e.getTime()-t.getTime():String(e??"").localeCompare(String(t??""))}function oo(e,t){return t.length===0?[...e]:[...e].sort((a,o)=>{for(let{columnKey:n,direction:r}of t){let s=to(J(a,n),J(o,n));if(s!==0)return r==="desc"?-s:s}return 0})}function ro(e,t){let a=J(e,"id");return String(typeof a=="string"||typeof a=="number"?a:t)}function De({columns:e,data:t,sortable:a,selectable:o,expandable:n,renderExpanded:r,resizable:s,empty:c,caption:f,renderCell:w,rowId:P=ro}){let k=p("Table"),R=Math.max(e.length+(o?1:0)+(n?1:0),1),g=O.useMemo(()=>oo(t,k.sortList),[t,k.sortList]),W=O.useMemo(()=>g.map((d,C)=>P(d,C)),[g,P]);return Z(ao,{children:[f?h(ae,{children:f}):null,h(se,{children:Z(B,{children:[o?h(V,{children:h(fe,{scope:"page",rowIds:W})}):null,n?h(V,{"aria-hidden":"true"}):null,e.map(d=>h(V,{columnKey:d.key,sortable:d.sortable??a,resizable:d.resizable??s,minWidth:d.minWidth,maxWidth:d.maxWidth,children:d.header??d.key},d.key))]})}),h(re,{children:g.length===0?c?h(ne,{colSpan:R,children:c}):null:g.map((d,C)=>{let u=W[C];return Z(O.Fragment,{children:[Z(B,{rowId:u,children:[o?h(K,{children:h(me,{rowId:u,"aria-label":`Select row ${u}`})}):null,n?h(K,{children:h(ie,{rowId:u,"aria-label":`Details for row ${u}`})}):null,e.map(y=>h(K,{children:y.cell?y.cell(d):w?w(d,y):String(J(d,y.key)??"")},y.key))]}),n?h(le,{rowId:u,colSpan:R,children:r?.(d)}):null]},u)})})]})}import{jsx as j}from"react/jsx-runtime";function Ie(e){return e===void 0?new Set:e instanceof Set?e:new Set(e)}var ve=[],ze={},Ke=[];function mo(e,t,a){let o=e.find(r=>r.columnKey===t),n=o===void 0?"asc":o.direction==="asc"?"desc":null;return a?n===null?e.filter(r=>r.columnKey!==t):o===void 0?[...e,{columnKey:t,direction:n}]:e.map(r=>r.columnKey===t?{columnKey:t,direction:n}:r):n===null?[]:[{columnKey:t,direction:n}]}function fo(e,t){return t===null?`${e} not sorted`:`${e} sorted ${t==="asc"?"ascending":"descending"}`}var[po,p]=Fe("Table"),[Le,F]=Fe("TableHeaderCell",{});function Y(e,t){return`${e}-detail-${t}`}var _e=m.forwardRef(({sort:e,defaultSort:t=Ke,onSortChange:a,multiSort:o=!1,selected:n,defaultSelected:r,onSelectedChange:s,selectionMode:c="none",getSortLabel:f=fo,expandedRowIds:w,defaultExpandedRowIds:P=ve,onExpandedRowIdsChange:k,columnWidths:R,defaultColumnWidths:g,onColumnWidthsChange:W,onColumnWidthsCommit:d,rowCount:C,columnCount:u,children:y,...M},v)=>{let A=m.useId(),D=m.useRef(null),$=no(v,D),[I=Ke,i]=Q({prop:e,defaultProp:t,onChange:a}),T=m.useMemo(()=>n===void 0?void 0:Ie(n),[n]),[E=new Set,z]=Q({prop:T,defaultProp:Ie(r??[]),onChange:l=>s?.([...l])}),Oe=m.useCallback((l,b=l)=>{let x=mo(I,l,o);i(x);let S=x.find(N=>N.columnKey===l)?.direction??null;lo(f(b,S))},[I,o,i,f]),pe=m.useCallback(()=>{let l=D.current?.querySelectorAll(":scope > tbody > tr[data-row-id]");return l?[...l].map(b=>b.dataset.rowId):[]},[]),be=m.useRef(null),Ue=m.useCallback((l,b=!1)=>{if(c==="none")return;let x=be.current;if(b&&c==="multiple"&&x!==null&&x!==l){let S=pe(),N=S.indexOf(x),oe=S.indexOf(l);if(N!==-1&&oe!==-1){let je=S.slice(Math.min(N,oe),Math.max(N,oe)+1);z((et=new Set)=>new Set([...et,...je]));return}}be.current=l,z((S=new Set)=>{if(c==="single")return S.has(l)&&S.size===1?new Set:new Set([l]);let N=new Set(S);return N.has(l)?N.delete(l):N.add(l),N})},[c,z,pe]),[ue=ve,Te]=Q({prop:w,defaultProp:P,onChange:k}),ee=m.useMemo(()=>new Set(ue),[ue]),[U=ze,Re]=Q({prop:R,defaultProp:g??ze,onChange:W}),Xe=m.useCallback(l=>{Te((b=[])=>b.includes(l)?b.filter(x=>x!==l):[...b,l])},[Te]),Ye=m.useCallback(l=>ee.has(l),[ee]),X=m.useRef(U);m.useLayoutEffect(()=>{X.current=U},[U]);let qe=m.useCallback((l,b)=>{let x=X.current;if(x[l]===b)return;let S={...x,[l]:b};X.current=S,Re(S)},[Re]),ge=co(d),Ge=m.useCallback(()=>{ge(X.current)},[ge]),Ze=m.useCallback(l=>E.has(l),[E]),te=m.useCallback(l=>l.length>0&&l.every(b=>E.has(b)),[E]),Je=m.useCallback(l=>l.some(b=>E.has(b))&&!te(l),[E,te]),Qe=m.useCallback(l=>{c!=="none"&&z((b=new Set)=>{if(l.length>0&&l.every(x=>b.has(x))){let x=new Set(b);return l.forEach(S=>x.delete(S)),x}return new Set([...b,...l])})},[c,z]);return j(po,{tableId:A,sortList:I,multiSort:o,selected:E,selectionMode:c,toggleSort:Oe,toggleRow:Ue,isRowSelected:Ze,toggleAll:Qe,isAllSelected:te,isSomeSelected:Je,expandedRows:ee,toggleRowExpanded:Xe,isRowExpanded:Ye,columnWidths:U,setColumnWidth:qe,commitColumnWidths:Ge,children:j(so.table,{"aria-rowcount":C,"aria-colcount":u,...M,...io("table","root",M.className),ref:$,children:y})})});_e.displayName="TableRoot";function bo({columns:e,data:t,sortable:a=!1,selectable:o=!1,expandable:n=!1,renderExpanded:r,resizable:s=!1,empty:c,caption:f,renderCell:w,rowId:P,selectionMode:k,...R},g){return j(_e,{...R,selectionMode:k??(o?"multiple":"none"),ref:g,children:j(De,{columns:e,data:t,sortable:a,selectable:o,expandable:n,renderExpanded:r,resizable:s,empty:c,caption:f,renderCell:w,rowId:P})})}var $e=m.forwardRef(bo);$e.displayName="Table";import*as Ve from"react";import{skdxPart as uo}from"../utils/part.js";import{Primitive as To}from"../utils/primitive.js";import{jsx as go}from"react/jsx-runtime";var Ro=Ve.forwardRef((e,t)=>go(To.tfoot,{...e,...uo("table","footer",e.className),ref:t}));Ro.displayName="TableFooter";import*as Be from"react";import{skdxPart as xo}from"../utils/part.js";import{Primitive as Co}from"../utils/primitive.js";import{jsx as So}from"react/jsx-runtime";var yo=Be.forwardRef(({columnKey:e,...t},a)=>{let o=p("TableSortIndicator"),n=F("TableSortIndicator"),r=e??n.columnKey,s=r===void 0?-1:o.sortList.findIndex(f=>f.columnKey===r),c=o.sortList[s]?.direction??"none";return So(Co.span,{"aria-hidden":"true","data-skdx-table-sort-indicator":"","data-sort-direction":c,"data-sort-index":o.multiSort&&s!==-1?s:void 0,...t,...xo("table","sort-indicator",t.className),ref:a})});yo.displayName="TableSortIndicator";export{$e as Table,re as TableBody,ae as TableCaption,K as TableCell,q as TableColumnHeaderSortTrigger,ce as TableColumnResizeTrigger,ne as TableEmpty,ie as TableExpandTrigger,le as TableExpandedRow,Ro as TableFooter,se as TableHeader,V as TableHeaderCell,Le as TableHeaderCellProvider,po as TableProvider,_e as TableRoot,B as TableRow,me as TableRowSelectCheckbox,fe as TableSelectAllCheckbox,yo as TableSortIndicator,fo as defaultGetSortLabel,jt as defaultSelectAllLabel,Y as tableDetailRowId,p as useTableContext,F 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};