@vjdesigns/vjdesigns-ui 2.3.0 → 2.5.0

package/dist/components/data-display/Table/Table.cjs.js

@@ -1 +1 @@
-const e=require("../../../types/common.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../hooks/useMediaQuery.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../feedback/Spinner/Spinner.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("../../forms/CheckBox/CheckBox.cjs.js"),s=require("./Table.module.css.cjs.js"),c=require("./useTable.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d={plain:s.default.plain,striped:s.default.striped,outline:s.default.outline},f={compact:s.default.compact,comfortable:s.default.comfortable,spacious:s.default.spacious},p={auto:s.default.layoutAuto,fixed:s.default.layoutFixed},m={top:s.default.captionTop,bottom:s.default.captionBottom},h={sm:`(max-width: ${e.breakpoints.sm-.02}px)`,md:`(max-width: ${e.breakpoints.md-.02}px)`},g={start:s.default.alignStart,center:s.default.alignCenter,end:s.default.alignEnd},_=(0,l.createContext)({stacked:!1,columnCount:1,registerCaption:()=>{}}),v=(0,l.createContext)(`body`);function y({variant:e=`plain`,density:a=`comfortable`,stickyHeader:o=!1,maxHeight:c,stickyFirstColumn:g=!1,hoverable:v=!1,layout:y=`auto`,fullWidth:b=!0,captionSide:x=`top`,loading:S=!1,loadingLabel:C,stackBelow:w,scrollLabel:T,className:E,style:D,children:O,ref:k,"aria-busy":A,...j}){let M=t.useMessages(),N=C??M.table.loading,P=T??M.table.scrollRegion,F=(0,l.useRef)(null),I=(0,l.useRef)(null),[L,R]=(0,l.useState)(null),[z,B]=(0,l.useState)(!1),[V,H]=(0,l.useState)({start:!1,end:!1}),[U,W]=(0,l.useState)(1),G=n.useMediaQuery(w?h[w]:void 0),K=(0,l.useCallback)(e=>{if(I.current=e,typeof k==`function`)return k(e);k&&(k.current=e)},[k]),q=(0,l.useCallback)(()=>{let e=F.current;if(!e)return;let t=e.scrollWidth-e.clientWidth,n=t>1,r=e.scrollHeight-e.clientHeight>1,i=Math.abs(e.scrollLeft);B(n||r),H(e=>{let r={start:n&&i>1,end:n&&i<t-1};return e.start===r.start&&e.end===r.end?e:r})},[]);(0,l.useEffect)(()=>{let e=F.current;if(!e||(q(),typeof ResizeObserver>`u`))return;let t=new ResizeObserver(q);return t.observe(e),I.current&&t.observe(I.current),()=>t.disconnect()},[q]),(0,l.useLayoutEffect)(()=>{let e=I.current;if(!e)return;let t=e.tHead?.rows[e.tHead.rows.length-1],n=t?Array.from(t.cells):[],r=n.reduce((e,t)=>e+(t.colSpan||1),0);if(r>0&&r!==U&&W(r),!w)return;let i=[];for(let e of n){let t=(e.textContent??``).trim()||e.getAttribute(`aria-label`)||``;for(let n=0;n<(e.colSpan||1);n++)i.push(t)}let a=[...Array.from(e.tBodies).flatMap(e=>Array.from(e.rows)),...e.tFoot?Array.from(e.tFoot.rows):[]];for(let e of a){let t=0;for(let n of Array.from(e.cells)){if(!n.hasAttribute(`data-label-explicit`)&&!n.hasAttribute(`data-empty`)){let e=i[t];e?n.setAttribute(`data-label`,e):n.removeAttribute(`data-label`)}t+=n.colSpan||1}}});let J=(0,l.useCallback)(e=>R(e),[]),Y=j[`aria-labelledby`],X=j[`aria-label`],Z=z?{role:`region`,tabIndex:0,"aria-labelledby":L??Y,"aria-label":L||Y?void 0:X??P}:{},Q=c??(o?`var(--container-xs)`:void 0);return(0,u.jsx)(_.Provider,{value:{stacked:G,columnCount:U,registerCaption:J},children:(0,u.jsxs)(`div`,{className:r.cx(s.default.frame,d[e],f[a],o&&s.default.stickyHeader,g&&s.default.stickyFirstColumn,v&&s.default.hoverable,G&&s.default.stacked,b&&s.default.fullWidth,E),style:D,"data-loading":S||void 0,"data-scroll-start":V.start||void 0,"data-scroll-end":V.end||void 0,children:[(0,u.jsx)(`div`,{ref:F,className:s.default.scroll,style:Q===void 0?void 0:{maxBlockSize:Q},onScroll:q,...Z,children:(0,u.jsx)(`table`,{...j,ref:K,role:G?`table`:j.role,"aria-busy":S||A||void 0,className:r.cx(s.default.table,p[y],m[x]),children:O})}),S&&(0,u.jsx)(`div`,{className:s.default.loadingOverlay,children:(0,u.jsx)(`span`,{className:s.default.loadingBubble,children:(0,u.jsx)(i.Spinner,{size:`lg`,tone:`primary`,label:N})})})]})})}function b({className:e,id:t,...n}){let i=(0,l.useId)(),a=t??i,{registerCaption:o}=(0,l.useContext)(_);return(0,l.useLayoutEffect)(()=>(o(a),()=>o(null)),[a,o]),(0,u.jsx)(`caption`,{id:a,className:r.cx(s.default.caption,e),...n})}function x({className:e,...t}){let{stacked:n}=(0,l.useContext)(_);return(0,u.jsx)(v.Provider,{value:`head`,children:(0,u.jsx)(`thead`,{role:n?`rowgroup`:void 0,className:r.cx(s.default.head,e),...t})})}function S({className:e,...t}){let{stacked:n}=(0,l.useContext)(_);return(0,u.jsx)(v.Provider,{value:`body`,children:(0,u.jsx)(`tbody`,{role:n?`rowgroup`:void 0,className:r.cx(s.default.body,e),...t})})}function C({className:e,...t}){let{stacked:n}=(0,l.useContext)(_);return(0,u.jsx)(v.Provider,{value:`foot`,children:(0,u.jsx)(`tfoot`,{role:n?`rowgroup`:void 0,className:r.cx(s.default.foot,e),...t})})}function w({selected:e=!1,className:t,...n}){let{stacked:i}=(0,l.useContext)(_);return(0,u.jsx)(`tr`,{role:i?`row`:void 0,className:r.cx(s.default.row,t),"data-selected":e||void 0,...n})}function T({align:e,numeric:t,truncate:n}){return r.cx(g[e??(t?`end`:`start`)],t&&s.default.numeric,n&&s.default.truncate)}function E(e,t){return e===void 0?t:{inlineSize:e,...t}}function D(e,t,n){if(n!==void 0||!e)return n;if(typeof t==`string`||typeof t==`number`)return String(t)}function O({scope:e,sortable:t=!1,sortDirection:n=`none`,onSort:i,align:o,numeric:c,truncate:d,width:f,className:p,style:m,children:h,title:g,...y}){let b=(0,l.useContext)(v),{stacked:x}=(0,l.useContext)(_),S=e??(b===`body`?`row`:`col`),C=x?S===`col`||S===`colgroup`?`columnheader`:`rowheader`:void 0,w=n===`ascending`?`descending`:`ascending`,O=n===`ascending`?a.ArrowUpIcon:n===`descending`?a.ArrowDownIcon:a.SortIcon;return(0,u.jsx)(`th`,{role:C,scope:S,"aria-sort":t&&n!==`none`?n:void 0,className:r.cx(s.default.cell,s.default.headerCell,b===`body`&&s.default.rowHeader,t&&s.default.sortableCell,T({align:o,numeric:c,truncate:d}),p),style:E(f,m),title:D(d,h,g),"data-sorted":t&&n!==`none`?n:void 0,...y,children:t?(0,u.jsxs)(`button`,{type:`button`,className:s.default.sortButton,onClick:()=>i?.(w),children:[(0,u.jsx)(`span`,{className:s.default.sortLabel,children:h}),(0,u.jsx)(`span`,{className:s.default.sortIcon,"aria-hidden":`true`,children:(0,u.jsx)(O,{size:`sm`,strokeWidth:2.5})})]}):d?(0,u.jsx)(`span`,{className:s.default.truncateInner,children:h}):h})}function k({align:e,numeric:t,truncate:n,width:i,label:a,className:o,style:c,children:d,title:f,...p}){let{stacked:m}=(0,l.useContext)(_);return(0,u.jsx)(`td`,{role:m?`cell`:void 0,className:r.cx(s.default.cell,s.default.dataCell,T({align:e,numeric:t,truncate:n}),o),style:E(i,c),title:D(n,d,f),"data-label":a,"data-label-explicit":a!==void 0||void 0,...p,children:n?(0,u.jsx)(`span`,{className:s.default.truncateInner,children:d}):d})}function A({checked:e,onCheckedChange:n,rowLabel:i,checkboxLabel:a,disabled:c,className:d,...f}){let p=t.useMessages(),{stacked:m}=(0,l.useContext)(_),h=a??(i?p.table.selectRowNamed(i):p.table.selectRow);return(0,u.jsx)(`td`,{role:m?`cell`:void 0,className:r.cx(s.default.cell,s.default.selectCell,d),"data-label":p.table.selectColumn,"data-label-explicit":!0,...f,children:(0,u.jsx)(o.CheckBox,{className:s.default.selectBox,checked:e,onCheckedChange:n,disabled:c,"aria-label":h})})}function j({checked:e,indeterminate:n=!1,onCheckedChange:i,checkboxLabel:a,disabled:c,className:d,...f}){let p=t.useMessages(),m=a??p.table.selectAll,{stacked:h}=(0,l.useContext)(_);return(0,u.jsx)(`th`,{role:h?`columnheader`:void 0,scope:`col`,className:r.cx(s.default.cell,s.default.headerCell,s.default.selectCell,d),...f,children:(0,u.jsx)(o.CheckBox,{className:s.default.selectBox,checked:e,indeterminate:n,onCheckedChange:i,disabled:c,"aria-label":m})})}function M({colSpan:e,icon:t,heading:n,children:i,action:a,className:o,...c}){let{stacked:d,columnCount:f}=(0,l.useContext)(_);return(0,u.jsx)(`tr`,{role:d?`row`:void 0,className:r.cx(s.default.emptyRow,o),...c,children:(0,u.jsx)(`td`,{role:d?`cell`:void 0,colSpan:e??f,className:s.default.emptyCell,"data-empty":!0,children:(0,u.jsxs)(`div`,{className:s.default.empty,children:[t&&(0,u.jsx)(`span`,{className:s.default.emptyIcon,"aria-hidden":`true`,children:t}),n&&(0,u.jsx)(`p`,{className:s.default.emptyHeading,children:n}),i&&(0,u.jsx)(`div`,{className:s.default.emptyMessage,children:i}),a&&(0,u.jsx)(`div`,{className:s.default.emptyAction,children:a})]})})})}var N=Object.assign(y,{Caption:b,Head:x,Body:S,Foot:C,Row:w,HeaderCell:O,Cell:k,SelectCell:A,SelectAllCell:j,Empty:M});exports.Table=N,exports.TableBody=S,exports.TableCaption=b,exports.TableCell=k,exports.TableEmpty=M,exports.TableFoot=C,exports.TableHead=x,exports.TableHeaderCell=O,exports.TableRow=w,exports.TableSelectAllCell=j,exports.TableSelectCell=A,exports.useTableSelection=c.useTableSelection,exports.useTableSort=c.useTableSort;
+"use client";const e=require("../../../types/common.cjs.js"),t=require("../../../hooks/useMediaQuery.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../forms/CheckBox/CheckBox.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),a=require("../../feedback/Spinner/Spinner.cjs.js"),o=require("./Table.module.css.cjs.js"),s=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),c=require("./useTable.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d={plain:o.default.plain,striped:o.default.striped,outline:o.default.outline},f={compact:o.default.compact,comfortable:o.default.comfortable,spacious:o.default.spacious},p={auto:o.default.layoutAuto,fixed:o.default.layoutFixed},m={top:o.default.captionTop,bottom:o.default.captionBottom},h={sm:`(max-width: ${e.breakpoints.sm-.02}px)`,md:`(max-width: ${e.breakpoints.md-.02}px)`},g={start:o.default.alignStart,center:o.default.alignCenter,end:o.default.alignEnd},_=(0,l.createContext)({stacked:!1,columnCount:1,registerCaption:()=>{}}),v=(0,l.createContext)(`body`);function y({variant:e=`plain`,density:r=`comfortable`,stickyHeader:i=!1,maxHeight:c,stickyFirstColumn:g=!1,hoverable:v=!1,layout:y=`auto`,fullWidth:b=!0,captionSide:x=`top`,loading:S=!1,loadingLabel:C,stackBelow:w,scrollLabel:T,className:E,style:D,children:O,ref:k,"aria-busy":A,...j}){let M=s.useMessages(),N=C??M.table.loading,P=T??M.table.scrollRegion,F=(0,l.useRef)(null),I=(0,l.useRef)(null),[L,R]=(0,l.useState)(null),[z,B]=(0,l.useState)(!1),[V,H]=(0,l.useState)({start:!1,end:!1}),[U,W]=(0,l.useState)(1),G=t.useMediaQuery(w?h[w]:void 0),K=(0,l.useCallback)(e=>{if(I.current=e,typeof k==`function`)return k(e);k&&(k.current=e)},[k]),q=(0,l.useCallback)(()=>{let e=F.current;if(!e)return;let t=e.scrollWidth-e.clientWidth,n=t>1,r=e.scrollHeight-e.clientHeight>1,i=Math.abs(e.scrollLeft);B(n||r),H(e=>{let r={start:n&&i>1,end:n&&i<t-1};return e.start===r.start&&e.end===r.end?e:r})},[]);(0,l.useEffect)(()=>{let e=F.current;if(!e||(q(),typeof ResizeObserver>`u`))return;let t=new ResizeObserver(q);return t.observe(e),I.current&&t.observe(I.current),()=>t.disconnect()},[q]),(0,l.useLayoutEffect)(()=>{let e=I.current;if(!e)return;let t=e.tHead?.rows[e.tHead.rows.length-1],n=t?Array.from(t.cells):[],r=n.reduce((e,t)=>e+(t.colSpan||1),0);if(r>0&&r!==U&&W(r),!w)return;let i=[];for(let e of n){let t=(e.textContent??``).trim()||e.getAttribute(`aria-label`)||``;for(let n=0;n<(e.colSpan||1);n++)i.push(t)}let a=[...Array.from(e.tBodies).flatMap(e=>Array.from(e.rows)),...e.tFoot?Array.from(e.tFoot.rows):[]];for(let e of a){let t=0;for(let n of Array.from(e.cells)){if(!n.hasAttribute(`data-label-explicit`)&&!n.hasAttribute(`data-empty`)){let e=i[t];e?n.setAttribute(`data-label`,e):n.removeAttribute(`data-label`)}t+=n.colSpan||1}}});let J=(0,l.useCallback)(e=>R(e),[]),Y=j[`aria-labelledby`],X=j[`aria-label`],Z=z?{role:`region`,tabIndex:0,"aria-labelledby":L??Y,"aria-label":L||Y?void 0:X??P}:{},Q=c??(i?`var(--container-xs)`:void 0),$=(0,l.useMemo)(()=>({stacked:G,columnCount:U,registerCaption:J}),[G,U,J]);return(0,u.jsx)(_.Provider,{value:$,children:(0,u.jsxs)(`div`,{className:n.cx(o.default.frame,d[e],f[r],i&&o.default.stickyHeader,g&&o.default.stickyFirstColumn,v&&o.default.hoverable,G&&o.default.stacked,b&&o.default.fullWidth,E),style:D,"data-loading":S||void 0,"data-scroll-start":V.start||void 0,"data-scroll-end":V.end||void 0,children:[(0,u.jsx)(`div`,{ref:F,className:o.default.scroll,style:Q===void 0?void 0:{maxBlockSize:Q},onScroll:q,...Z,children:(0,u.jsx)(`table`,{...j,ref:K,role:G?`table`:j.role,"aria-busy":S||A||void 0,className:n.cx(o.default.table,p[y],m[x]),children:O})}),S&&(0,u.jsx)(`div`,{className:o.default.loadingOverlay,children:(0,u.jsx)(`span`,{className:o.default.loadingBubble,children:(0,u.jsx)(a.Spinner,{size:`lg`,tone:`primary`,label:N})})})]})})}function b({className:e,id:t,...r}){let i=(0,l.useId)(),a=t??i,{registerCaption:s}=(0,l.useContext)(_);return(0,l.useLayoutEffect)(()=>(s(a),()=>s(null)),[a,s]),(0,u.jsx)(`caption`,{id:a,className:n.cx(o.default.caption,e),...r})}function x({className:e,...t}){let{stacked:r}=(0,l.useContext)(_);return(0,u.jsx)(v.Provider,{value:`head`,children:(0,u.jsx)(`thead`,{role:r?`rowgroup`:void 0,className:n.cx(o.default.head,e),...t})})}function S({className:e,...t}){let{stacked:r}=(0,l.useContext)(_);return(0,u.jsx)(v.Provider,{value:`body`,children:(0,u.jsx)(`tbody`,{role:r?`rowgroup`:void 0,className:n.cx(o.default.body,e),...t})})}function C({className:e,...t}){let{stacked:r}=(0,l.useContext)(_);return(0,u.jsx)(v.Provider,{value:`foot`,children:(0,u.jsx)(`tfoot`,{role:r?`rowgroup`:void 0,className:n.cx(o.default.foot,e),...t})})}function w({selected:e=!1,className:t,...r}){let{stacked:i}=(0,l.useContext)(_);return(0,u.jsx)(`tr`,{role:i?`row`:void 0,className:n.cx(o.default.row,t),"data-selected":e||void 0,...r})}function T({align:e,numeric:t,truncate:r}){return n.cx(g[e??(t?`end`:`start`)],t&&o.default.numeric,r&&o.default.truncate)}function E(e,t){return e===void 0?t:{inlineSize:e,...t}}function D(e,t,n){if(n!==void 0||!e)return n;if(typeof t==`string`||typeof t==`number`)return String(t)}function O({scope:e,sortable:t=!1,sortDirection:r=`none`,onSort:a,align:s,numeric:c,truncate:d,width:f,className:p,style:m,children:h,title:g,...y}){let b=(0,l.useContext)(v),{stacked:x}=(0,l.useContext)(_),S=e??(b===`body`?`row`:`col`),C=x?S===`col`||S===`colgroup`?`columnheader`:`rowheader`:void 0,w=r===`ascending`?`descending`:`ascending`,O=r===`ascending`?i.ArrowUpIcon:r===`descending`?i.ArrowDownIcon:i.SortIcon;return(0,u.jsx)(`th`,{role:C,scope:S,"aria-sort":t&&r!==`none`?r:void 0,className:n.cx(o.default.cell,o.default.headerCell,b===`body`&&o.default.rowHeader,t&&o.default.sortableCell,T({align:s,numeric:c,truncate:d}),p),style:E(f,m),title:D(d,h,g),"data-sorted":t&&r!==`none`?r:void 0,...y,children:t?(0,u.jsxs)(`button`,{type:`button`,className:o.default.sortButton,onClick:()=>a?.(w),children:[(0,u.jsx)(`span`,{className:o.default.sortLabel,children:h}),(0,u.jsx)(`span`,{className:o.default.sortIcon,"aria-hidden":`true`,children:(0,u.jsx)(O,{size:`sm`,strokeWidth:2.5})})]}):d?(0,u.jsx)(`span`,{className:o.default.truncateInner,children:h}):h})}function k({align:e,numeric:t,truncate:r,width:i,label:a,className:s,style:c,children:d,title:f,...p}){let{stacked:m}=(0,l.useContext)(_);return(0,u.jsx)(`td`,{role:m?`cell`:void 0,className:n.cx(o.default.cell,o.default.dataCell,T({align:e,numeric:t,truncate:r}),s),style:E(i,c),title:D(r,d,f),"data-label":a,"data-label-explicit":a!==void 0||void 0,...p,children:r?(0,u.jsx)(`span`,{className:o.default.truncateInner,children:d}):d})}function A({checked:e,onCheckedChange:t,rowLabel:i,checkboxLabel:a,disabled:c,className:d,...f}){let p=s.useMessages(),{stacked:m}=(0,l.useContext)(_),h=a??(i?p.table.selectRowNamed(i):p.table.selectRow);return(0,u.jsx)(`td`,{role:m?`cell`:void 0,className:n.cx(o.default.cell,o.default.selectCell,d),"data-label":p.table.selectColumn,"data-label-explicit":!0,...f,children:(0,u.jsx)(r.CheckBox,{className:o.default.selectBox,checked:e,onCheckedChange:t,disabled:c,"aria-label":h})})}function j({checked:e,indeterminate:t=!1,onCheckedChange:i,checkboxLabel:a,disabled:c,className:d,...f}){let p=s.useMessages(),m=a??p.table.selectAll,{stacked:h}=(0,l.useContext)(_);return(0,u.jsx)(`th`,{role:h?`columnheader`:void 0,scope:`col`,className:n.cx(o.default.cell,o.default.headerCell,o.default.selectCell,d),...f,children:(0,u.jsx)(r.CheckBox,{className:o.default.selectBox,checked:e,indeterminate:t,onCheckedChange:i,disabled:c,"aria-label":m})})}function M({colSpan:e,icon:t,heading:r,children:i,action:a,className:s,...c}){let{stacked:d,columnCount:f}=(0,l.useContext)(_);return(0,u.jsx)(`tr`,{role:d?`row`:void 0,className:n.cx(o.default.emptyRow,s),...c,children:(0,u.jsx)(`td`,{role:d?`cell`:void 0,colSpan:e??f,className:o.default.emptyCell,"data-empty":!0,children:(0,u.jsxs)(`div`,{className:o.default.empty,children:[t&&(0,u.jsx)(`span`,{className:o.default.emptyIcon,"aria-hidden":`true`,children:t}),r&&(0,u.jsx)(`p`,{className:o.default.emptyHeading,children:r}),i&&(0,u.jsx)(`div`,{className:o.default.emptyMessage,children:i}),a&&(0,u.jsx)(`div`,{className:o.default.emptyAction,children:a})]})})})}var N=Object.assign(y,{Caption:b,Head:x,Body:S,Foot:C,Row:w,HeaderCell:O,Cell:k,SelectCell:A,SelectAllCell:j,Empty:M});exports.Table=N,exports.TableBody=S,exports.TableCaption=b,exports.TableCell=k,exports.TableEmpty=M,exports.TableFoot=C,exports.TableHead=x,exports.TableHeaderCell=O,exports.TableRow=w,exports.TableSelectAllCell=j,exports.TableSelectCell=A,exports.useTableSelection=c.useTableSelection,exports.useTableSort=c.useTableSort;

package/dist/components/data-display/Table/Table.mjs

@@ -1,53 +1,54 @@
+"use client";
 import { breakpoints as e } from "../../../types/common.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { useMediaQuery as n } from "../../../hooks/useMediaQuery.mjs";
-import { cx as r } from "../../../utils/cx.mjs";
-import { Spinner as i } from "../../feedback/Spinner/Spinner.mjs";
-import { ArrowDownIcon as a, ArrowUpIcon as o, SortIcon as s } from "../../primitives/Icon/icons.mjs";
-import { CheckBox as c } from "../../forms/CheckBox/CheckBox.mjs";
-import l from "./Table.module.css.mjs";
+import { useMediaQuery as t } from "../../../hooks/useMediaQuery.mjs";
+import { cx as n } from "../../../utils/cx.mjs";
+import { CheckBox as r } from "../../forms/CheckBox/CheckBox.mjs";
+import { ArrowDownIcon as i, ArrowUpIcon as a, SortIcon as o } from "../../primitives/Icon/icons.mjs";
+import { Spinner as s } from "../../feedback/Spinner/Spinner.mjs";
+import c from "./Table.module.css.mjs";
+import { useMessages as l } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useTableSelection as u, useTableSort as d } from "./useTable.mjs";
-import { createContext as f, useCallback as p, useContext as m, useEffect as h, useId as g, useLayoutEffect as _, useRef as v, useState as y } from "react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-//#region src/components/data-display/Table/Table.tsx
-var S = {
-	plain: l.plain,
-	striped: l.striped,
-	outline: l.outline
-}, C = {
-	compact: l.compact,
-	comfortable: l.comfortable,
-	spacious: l.spacious
+import { createContext as f, useCallback as p, useContext as m, useEffect as h, useId as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+// src/components/data-display/Table/Table.tsx
+var C = {
+	plain: c.plain,
+	striped: c.striped,
+	outline: c.outline
 }, w = {
-	auto: l.layoutAuto,
-	fixed: l.layoutFixed
+	compact: c.compact,
+	comfortable: c.comfortable,
+	spacious: c.spacious
 }, T = {
-	top: l.captionTop,
-	bottom: l.captionBottom
+	auto: c.layoutAuto,
+	fixed: c.layoutFixed
 }, E = {
+	top: c.captionTop,
+	bottom: c.captionBottom
+}, D = {
 	sm: `(max-width: ${e.sm - .02}px)`,
 	md: `(max-width: ${e.md - .02}px)`
-}, D = {
-	start: l.alignStart,
-	center: l.alignCenter,
-	end: l.alignEnd
-}, O = f({
+}, O = {
+	start: c.alignStart,
+	center: c.alignCenter,
+	end: c.alignEnd
+}, k = f({
 	stacked: !1,
 	columnCount: 1,
 	registerCaption: () => {}
-}), k = f("body");
-function A({ variant: e = "plain", density: a = "comfortable", stickyHeader: o = !1, maxHeight: s, stickyFirstColumn: c = !1, hoverable: u = !1, layout: d = "auto", fullWidth: f = !0, captionSide: m = "top", loading: g = !1, loadingLabel: D, stackBelow: k, scrollLabel: A, className: j, style: M, children: N, ref: P, "aria-busy": F, ...I }) {
-	let L = t(), R = D ?? L.table.loading, z = A ?? L.table.scrollRegion, B = v(null), V = v(null), [H, U] = y(null), [W, G] = y(!1), [K, q] = y({
+}), A = f("body");
+function j({ variant: e = "plain", density: r = "comfortable", stickyHeader: i = !1, maxHeight: a, stickyFirstColumn: o = !1, hoverable: u = !1, layout: d = "auto", fullWidth: f = !0, captionSide: m = "top", loading: g = !1, loadingLabel: O, stackBelow: A, scrollLabel: j, className: M, style: N, children: P, ref: F, "aria-busy": I, ...L }) {
+	let R = l(), z = O ?? R.table.loading, B = j ?? R.table.scrollRegion, V = y(null), H = y(null), [U, W] = b(null), [G, K] = b(!1), [q, ee] = b({
 		start: !1,
 		end: !1
-	}), [J, Y] = y(1), X = n(k ? E[k] : void 0), ee = p((e) => {
-		if (V.current = e, typeof P == "function") return P(e);
-		P && (P.current = e);
-	}, [P]), Z = p(() => {
-		let e = B.current;
+	}), [J, te] = b(1), Y = t(A ? D[A] : void 0), ne = p((e) => {
+		if (H.current = e, typeof F == "function") return F(e);
+		F && (F.current = e);
+	}, [F]), X = p(() => {
+		let e = V.current;
 		if (!e) return;
 		let t = e.scrollWidth - e.clientWidth, n = t > 1, r = e.scrollHeight - e.clientHeight > 1, i = Math.abs(e.scrollLeft);
-		G(n || r), q((e) => {
+		K(n || r), ee((e) => {
 			let r = {
 				start: n && i > 1,
 				end: n && i < t - 1
@@ -56,15 +57,15 @@ function A({ variant: e = "plain", density: a = "comfortable", stickyHeader: o =
 		});
 	}, []);
 	h(() => {
-		let e = B.current;
-		if (!e || (Z(), typeof ResizeObserver > "u")) return;
-		let t = new ResizeObserver(Z);
-		return t.observe(e), V.current && t.observe(V.current), () => t.disconnect();
-	}, [Z]), _(() => {
 		let e = V.current;
+		if (!e || (X(), typeof ResizeObserver > "u")) return;
+		let t = new ResizeObserver(X);
+		return t.observe(e), H.current && t.observe(H.current), () => t.disconnect();
+	}, [X]), _(() => {
+		let e = H.current;
 		if (!e) return;
 		let t = e.tHead?.rows[e.tHead.rows.length - 1], n = t ? Array.from(t.cells) : [], r = n.reduce((e, t) => e + (t.colSpan || 1), 0);
-		if (r > 0 && r !== J && Y(r), !k) return;
+		if (r > 0 && r !== J && te(r), !A) return;
 		let i = [];
 		for (let e of n) {
 			let t = (e.textContent ?? "").trim() || e.getAttribute("aria-label") || "";
@@ -82,234 +83,238 @@ function A({ variant: e = "plain", density: a = "comfortable", stickyHeader: o =
 			}
 		}
 	});
-	let te = p((e) => U(e), []), Q = I["aria-labelledby"], ne = I["aria-label"], re = W ? {
+	let Z = p((e) => W(e), []), Q = L["aria-labelledby"], re = L["aria-label"], ie = G ? {
 		role: "region",
 		tabIndex: 0,
-		"aria-labelledby": H ?? Q,
-		"aria-label": H || Q ? void 0 : ne ?? z
-	} : {}, $ = s ?? (o ? "var(--container-xs)" : void 0);
-	return /* @__PURE__ */ b(O.Provider, {
-		value: {
-			stacked: X,
-			columnCount: J,
-			registerCaption: te
-		},
-		children: /* @__PURE__ */ x("div", {
-			className: r(l.frame, S[e], C[a], o && l.stickyHeader, c && l.stickyFirstColumn, u && l.hoverable, X && l.stacked, f && l.fullWidth, j),
-			style: M,
+		"aria-labelledby": U ?? Q,
+		"aria-label": U || Q ? void 0 : re ?? B
+	} : {}, $ = a ?? (i ? "var(--container-xs)" : void 0), ae = v(() => ({
+		stacked: Y,
+		columnCount: J,
+		registerCaption: Z
+	}), [
+		Y,
+		J,
+		Z
+	]);
+	return /* @__PURE__ */ x(k.Provider, {
+		value: ae,
+		children: /* @__PURE__ */ S("div", {
+			className: n(c.frame, C[e], w[r], i && c.stickyHeader, o && c.stickyFirstColumn, u && c.hoverable, Y && c.stacked, f && c.fullWidth, M),
+			style: N,
 			"data-loading": g || void 0,
-			"data-scroll-start": K.start || void 0,
-			"data-scroll-end": K.end || void 0,
-			children: [/* @__PURE__ */ b("div", {
-				ref: B,
-				className: l.scroll,
+			"data-scroll-start": q.start || void 0,
+			"data-scroll-end": q.end || void 0,
+			children: [/* @__PURE__ */ x("div", {
+				ref: V,
+				className: c.scroll,
 				style: $ === void 0 ? void 0 : { maxBlockSize: $ },
-				onScroll: Z,
-				...re,
-				children: /* @__PURE__ */ b("table", {
-					...I,
-					ref: ee,
-					role: X ? "table" : I.role,
-					"aria-busy": g || F || void 0,
-					className: r(l.table, w[d], T[m]),
-					children: N
+				onScroll: X,
+				...ie,
+				children: /* @__PURE__ */ x("table", {
+					...L,
+					ref: ne,
+					role: Y ? "table" : L.role,
+					"aria-busy": g || I || void 0,
+					className: n(c.table, T[d], E[m]),
+					children: P
 				})
-			}), g && /* @__PURE__ */ b("div", {
-				className: l.loadingOverlay,
-				children: /* @__PURE__ */ b("span", {
-					className: l.loadingBubble,
-					children: /* @__PURE__ */ b(i, {
+			}), g && /* @__PURE__ */ x("div", {
+				className: c.loadingOverlay,
+				children: /* @__PURE__ */ x("span", {
+					className: c.loadingBubble,
+					children: /* @__PURE__ */ x(s, {
 						size: "lg",
 						tone: "primary",
-						label: R
+						label: z
 					})
 				})
 			})]
 		})
 	});
 }
-function j({ className: e, id: t, ...n }) {
-	let i = g(), a = t ?? i, { registerCaption: o } = m(O);
-	return _(() => (o(a), () => o(null)), [a, o]), /* @__PURE__ */ b("caption", {
+function M({ className: e, id: t, ...r }) {
+	let i = g(), a = t ?? i, { registerCaption: o } = m(k);
+	return _(() => (o(a), () => o(null)), [a, o]), /* @__PURE__ */ x("caption", {
 		id: a,
-		className: r(l.caption, e),
-		...n
+		className: n(c.caption, e),
+		...r
 	});
 }
-function M({ className: e, ...t }) {
-	let { stacked: n } = m(O);
-	return /* @__PURE__ */ b(k.Provider, {
+function N({ className: e, ...t }) {
+	let { stacked: r } = m(k);
+	return /* @__PURE__ */ x(A.Provider, {
 		value: "head",
-		children: /* @__PURE__ */ b("thead", {
-			role: n ? "rowgroup" : void 0,
-			className: r(l.head, e),
+		children: /* @__PURE__ */ x("thead", {
+			role: r ? "rowgroup" : void 0,
+			className: n(c.head, e),
 			...t
 		})
 	});
 }
-function N({ className: e, ...t }) {
-	let { stacked: n } = m(O);
-	return /* @__PURE__ */ b(k.Provider, {
+function P({ className: e, ...t }) {
+	let { stacked: r } = m(k);
+	return /* @__PURE__ */ x(A.Provider, {
 		value: "body",
-		children: /* @__PURE__ */ b("tbody", {
-			role: n ? "rowgroup" : void 0,
-			className: r(l.body, e),
+		children: /* @__PURE__ */ x("tbody", {
+			role: r ? "rowgroup" : void 0,
+			className: n(c.body, e),
 			...t
 		})
 	});
 }
-function P({ className: e, ...t }) {
-	let { stacked: n } = m(O);
-	return /* @__PURE__ */ b(k.Provider, {
+function F({ className: e, ...t }) {
+	let { stacked: r } = m(k);
+	return /* @__PURE__ */ x(A.Provider, {
 		value: "foot",
-		children: /* @__PURE__ */ b("tfoot", {
-			role: n ? "rowgroup" : void 0,
-			className: r(l.foot, e),
+		children: /* @__PURE__ */ x("tfoot", {
+			role: r ? "rowgroup" : void 0,
+			className: n(c.foot, e),
 			...t
 		})
 	});
 }
-function F({ selected: e = !1, className: t, ...n }) {
-	let { stacked: i } = m(O);
-	return /* @__PURE__ */ b("tr", {
+function I({ selected: e = !1, className: t, ...r }) {
+	let { stacked: i } = m(k);
+	return /* @__PURE__ */ x("tr", {
 		role: i ? "row" : void 0,
-		className: r(l.row, t),
+		className: n(c.row, t),
 		"data-selected": e || void 0,
-		...n
+		...r
 	});
 }
-function I({ align: e, numeric: t, truncate: n }) {
-	return r(D[e ?? (t ? "end" : "start")], t && l.numeric, n && l.truncate);
+function L({ align: e, numeric: t, truncate: r }) {
+	return n(O[e ?? (t ? "end" : "start")], t && c.numeric, r && c.truncate);
 }
-function L(e, t) {
+function R(e, t) {
 	return e === void 0 ? t : {
 		inlineSize: e,
 		...t
 	};
 }
-function R(e, t, n) {
+function z(e, t, n) {
 	if (n !== void 0 || !e) return n;
 	if (typeof t == "string" || typeof t == "number") return String(t);
 }
-function z({ scope: e, sortable: t = !1, sortDirection: n = "none", onSort: i, align: c, numeric: u, truncate: d, width: f, className: p, style: h, children: g, title: _, ...v }) {
-	let y = m(k), { stacked: S } = m(O), C = e ?? (y === "body" ? "row" : "col"), w = S ? C === "col" || C === "colgroup" ? "columnheader" : "rowheader" : void 0, T = n === "ascending" ? "descending" : "ascending", E = n === "ascending" ? o : n === "descending" ? a : s;
-	return /* @__PURE__ */ b("th", {
+function B({ scope: e, sortable: t = !1, sortDirection: r = "none", onSort: s, align: l, numeric: u, truncate: d, width: f, className: p, style: h, children: g, title: _, ...v }) {
+	let y = m(A), { stacked: b } = m(k), C = e ?? (y === "body" ? "row" : "col"), w = b ? C === "col" || C === "colgroup" ? "columnheader" : "rowheader" : void 0, T = r === "ascending" ? "descending" : "ascending", E = r === "ascending" ? a : r === "descending" ? i : o;
+	return /* @__PURE__ */ x("th", {
 		role: w,
 		scope: C,
-		"aria-sort": t && n !== "none" ? n : void 0,
-		className: r(l.cell, l.headerCell, y === "body" && l.rowHeader, t && l.sortableCell, I({
-			align: c,
+		"aria-sort": t && r !== "none" ? r : void 0,
+		className: n(c.cell, c.headerCell, y === "body" && c.rowHeader, t && c.sortableCell, L({
+			align: l,
 			numeric: u,
 			truncate: d
 		}), p),
-		style: L(f, h),
-		title: R(d, g, _),
-		"data-sorted": t && n !== "none" ? n : void 0,
+		style: R(f, h),
+		title: z(d, g, _),
+		"data-sorted": t && r !== "none" ? r : void 0,
 		...v,
-		children: t ? /* @__PURE__ */ x("button", {
+		children: t ? /* @__PURE__ */ S("button", {
 			type: "button",
-			className: l.sortButton,
-			onClick: () => i?.(T),
-			children: [/* @__PURE__ */ b("span", {
-				className: l.sortLabel,
+			className: c.sortButton,
+			onClick: () => s?.(T),
+			children: [/* @__PURE__ */ x("span", {
+				className: c.sortLabel,
 				children: g
-			}), /* @__PURE__ */ b("span", {
-				className: l.sortIcon,
+			}), /* @__PURE__ */ x("span", {
+				className: c.sortIcon,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ b(E, {
+				children: /* @__PURE__ */ x(E, {
 					size: "sm",
 					strokeWidth: 2.5
 				})
 			})]
-		}) : d ? /* @__PURE__ */ b("span", {
-			className: l.truncateInner,
+		}) : d ? /* @__PURE__ */ x("span", {
+			className: c.truncateInner,
 			children: g
 		}) : g
 	});
 }
-function B({ align: e, numeric: t, truncate: n, width: i, label: a, className: o, style: s, children: c, title: u, ...d }) {
-	let { stacked: f } = m(O);
-	return /* @__PURE__ */ b("td", {
+function V({ align: e, numeric: t, truncate: r, width: i, label: a, className: o, style: s, children: l, title: u, ...d }) {
+	let { stacked: f } = m(k);
+	return /* @__PURE__ */ x("td", {
 		role: f ? "cell" : void 0,
-		className: r(l.cell, l.dataCell, I({
+		className: n(c.cell, c.dataCell, L({
 			align: e,
 			numeric: t,
-			truncate: n
+			truncate: r
 		}), o),
-		style: L(i, s),
-		title: R(n, c, u),
+		style: R(i, s),
+		title: z(r, l, u),
 		"data-label": a,
 		"data-label-explicit": a !== void 0 || void 0,
 		...d,
-		children: n ? /* @__PURE__ */ b("span", {
-			className: l.truncateInner,
-			children: c
-		}) : c
+		children: r ? /* @__PURE__ */ x("span", {
+			className: c.truncateInner,
+			children: l
+		}) : l
 	});
 }
-function V({ checked: e, onCheckedChange: n, rowLabel: i, checkboxLabel: a, disabled: o, className: s, ...u }) {
-	let d = t(), { stacked: f } = m(O), p = a ?? (i ? d.table.selectRowNamed(i) : d.table.selectRow);
-	return /* @__PURE__ */ b("td", {
+function H({ checked: e, onCheckedChange: t, rowLabel: i, checkboxLabel: a, disabled: o, className: s, ...u }) {
+	let d = l(), { stacked: f } = m(k), p = a ?? (i ? d.table.selectRowNamed(i) : d.table.selectRow);
+	return /* @__PURE__ */ x("td", {
 		role: f ? "cell" : void 0,
-		className: r(l.cell, l.selectCell, s),
+		className: n(c.cell, c.selectCell, s),
 		"data-label": d.table.selectColumn,
 		"data-label-explicit": !0,
 		...u,
-		children: /* @__PURE__ */ b(c, {
-			className: l.selectBox,
+		children: /* @__PURE__ */ x(r, {
+			className: c.selectBox,
 			checked: e,
-			onCheckedChange: n,
+			onCheckedChange: t,
 			disabled: o,
 			"aria-label": p
 		})
 	});
 }
-function H({ checked: e, indeterminate: n = !1, onCheckedChange: i, checkboxLabel: a, disabled: o, className: s, ...u }) {
-	let d = t(), f = a ?? d.table.selectAll, { stacked: p } = m(O);
-	return /* @__PURE__ */ b("th", {
+function U({ checked: e, indeterminate: t = !1, onCheckedChange: i, checkboxLabel: a, disabled: o, className: s, ...u }) {
+	let d = l(), f = a ?? d.table.selectAll, { stacked: p } = m(k);
+	return /* @__PURE__ */ x("th", {
 		role: p ? "columnheader" : void 0,
 		scope: "col",
-		className: r(l.cell, l.headerCell, l.selectCell, s),
+		className: n(c.cell, c.headerCell, c.selectCell, s),
 		...u,
-		children: /* @__PURE__ */ b(c, {
-			className: l.selectBox,
+		children: /* @__PURE__ */ x(r, {
+			className: c.selectBox,
 			checked: e,
-			indeterminate: n,
+			indeterminate: t,
 			onCheckedChange: i,
 			disabled: o,
 			"aria-label": f
 		})
 	});
 }
-function U({ colSpan: e, icon: t, heading: n, children: i, action: a, className: o, ...s }) {
-	let { stacked: c, columnCount: u } = m(O);
-	return /* @__PURE__ */ b("tr", {
-		role: c ? "row" : void 0,
-		className: r(l.emptyRow, o),
+function W({ colSpan: e, icon: t, heading: r, children: i, action: a, className: o, ...s }) {
+	let { stacked: l, columnCount: u } = m(k);
+	return /* @__PURE__ */ x("tr", {
+		role: l ? "row" : void 0,
+		className: n(c.emptyRow, o),
 		...s,
-		children: /* @__PURE__ */ b("td", {
-			role: c ? "cell" : void 0,
+		children: /* @__PURE__ */ x("td", {
+			role: l ? "cell" : void 0,
 			colSpan: e ?? u,
-			className: l.emptyCell,
+			className: c.emptyCell,
 			"data-empty": !0,
-			children: /* @__PURE__ */ x("div", {
-				className: l.empty,
+			children: /* @__PURE__ */ S("div", {
+				className: c.empty,
 				children: [
-					t && /* @__PURE__ */ b("span", {
-						className: l.emptyIcon,
+					t && /* @__PURE__ */ x("span", {
+						className: c.emptyIcon,
 						"aria-hidden": "true",
 						children: t
 					}),
-					n && /* @__PURE__ */ b("p", {
-						className: l.emptyHeading,
-						children: n
+					r && /* @__PURE__ */ x("p", {
+						className: c.emptyHeading,
+						children: r
 					}),
-					i && /* @__PURE__ */ b("div", {
-						className: l.emptyMessage,
+					i && /* @__PURE__ */ x("div", {
+						className: c.emptyMessage,
 						children: i
 					}),
-					a && /* @__PURE__ */ b("div", {
-						className: l.emptyAction,
+					a && /* @__PURE__ */ x("div", {
+						className: c.emptyAction,
 						children: a
 					})
 				]
@@ -317,17 +322,16 @@ function U({ colSpan: e, icon: t, heading: n, children: i, action: a, className:
 		})
 	});
 }
-var W = Object.assign(A, {
-	Caption: j,
-	Head: M,
-	Body: N,
-	Foot: P,
-	Row: F,
-	HeaderCell: z,
-	Cell: B,
-	SelectCell: V,
-	SelectAllCell: H,
-	Empty: U
+var G = Object.assign(j, {
+	Caption: M,
+	Head: N,
+	Body: P,
+	Foot: F,
+	Row: I,
+	HeaderCell: B,
+	Cell: V,
+	SelectCell: H,
+	SelectAllCell: U,
+	Empty: W
 });
-//#endregion
-export { W as Table, N as TableBody, j as TableCaption, B as TableCell, U as TableEmpty, P as TableFoot, M as TableHead, z as TableHeaderCell, F as TableRow, H as TableSelectAllCell, V as TableSelectCell, u as useTableSelection, d as useTableSort };
+export { G as Table, P as TableBody, M as TableCaption, V as TableCell, W as TableEmpty, F as TableFoot, N as TableHead, B as TableHeaderCell, I as TableRow, U as TableSelectAllCell, H as TableSelectCell, u as useTableSelection, d as useTableSort };

package/dist/components/data-display/Table/Table.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/data-display/Table/Table.module.css
+// src/components/data-display/Table/Table.module.css
 var e = "_frame_qkkij_49", t = "_fullWidth_qkkij_83", n = "_scroll_qkkij_99", r = "_plain_qkkij_111", i = "_striped_qkkij_119", a = "_body_qkkij_119", o = "_row_qkkij_119", s = "_outline_qkkij_127", c = "_cell_qkkij_141", l = "_foot_qkkij_143", u = "_compact_qkkij_153", d = "_comfortable_qkkij_165", f = "_spacious_qkkij_177", p = "_table_qkkij_261", m = "_layoutAuto_qkkij_285", h = "_layoutFixed_qkkij_291", g = "_captionTop_qkkij_301", _ = "_captionBottom_qkkij_307", v = "_caption_qkkij_301", y = "_dataCell_qkkij_371", b = "_hoverable_qkkij_379", x = "_head_qkkij_413", S = "_headerCell_qkkij_439", C = "_rowHeader_qkkij_449", w = "_alignStart_qkkij_479", T = "_alignCenter_qkkij_485", E = "_alignEnd_qkkij_491", D = "_numeric_qkkij_501", O = "_truncateInner_qkkij_523", k = "_truncate_qkkij_523", A = "_sortableCell_qkkij_547", j = "_sortButton_qkkij_555", M = "_sortLabel_qkkij_637", N = "_sortIcon_qkkij_639", P = "_sortPop_qkkij_1", F = "_selectCell_qkkij_717", I = "_selectBox_qkkij_727", L = "_stickyHeader_qkkij_737", R = "_stickyFirstColumn_qkkij_751", z = "_loadingOverlay_qkkij_813", B = "_loadingBubble_qkkij_833", V = "_bubbleIn_qkkij_1", H = "_emptyCell_qkkij_875", U = "_empty_qkkij_875", W = "_emptyIcon_qkkij_907", G = "_emptyHeading_qkkij_931", K = "_emptyMessage_qkkij_949", q = "_emptyAction_qkkij_959", J = "_stacked_qkkij_979", Y = "_emptyRow_qkkij_1153", X = {
 	frame: e,
 	fullWidth: t,
@@ -51,5 +51,4 @@ var e = "_frame_qkkij_49", t = "_fullWidth_qkkij_83", n = "_scroll_qkkij_99", r
 	stacked: J,
 	emptyRow: Y
 };
-//#endregion
 export { T as alignCenter, E as alignEnd, w as alignStart, a as body, V as bubbleIn, v as caption, _ as captionBottom, g as captionTop, c as cell, d as comfortable, u as compact, y as dataCell, X as default, U as empty, q as emptyAction, H as emptyCell, G as emptyHeading, W as emptyIcon, K as emptyMessage, Y as emptyRow, l as foot, e as frame, t as fullWidth, x as head, S as headerCell, b as hoverable, m as layoutAuto, h as layoutFixed, B as loadingBubble, z as loadingOverlay, D as numeric, s as outline, r as plain, o as row, C as rowHeader, n as scroll, I as selectBox, F as selectCell, j as sortButton, N as sortIcon, M as sortLabel, P as sortPop, A as sortableCell, f as spacious, J as stacked, R as stickyFirstColumn, L as stickyHeader, i as striped, p as table, k as truncate, O as truncateInner };

package/dist/components/data-display/Table/useTable.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js");let t=require("react");function n(e,t){return e==null&&t==null?0:e==null?1:t==null?-1:typeof e==`number`&&typeof t==`number`?e-t:e instanceof Date&&t instanceof Date?e.getTime()-t.getTime():String(e).localeCompare(String(t),void 0,{numeric:!0,sensitivity:`base`})}function r(e,{initial:r,compare:i}={}){let[a,o]=(0,t.useState)(r??{key:null,direction:`none`}),s=(0,t.useMemo)(()=>{let{key:t,direction:r}=a;if(t===null||r===`none`)return e.slice();let o=r===`ascending`?1:-1,s=i?(e,n)=>i(e,n,t):(e,r)=>n(e[t],r[t]);return e.slice().sort((e,t)=>s(e,t)*o)},[e,a,i]),c=(0,t.useCallback)(e=>a.key===e?a.direction:`none`,[a]),l=(0,t.useCallback)((e,t)=>{o(n=>t?{key:t===`none`?null:e,direction:t}:n.key===e&&n.direction===`ascending`?{key:e,direction:`descending`}:{key:e,direction:`ascending`})},[]);return{sortedRows:s,sort:a,setSort:o,getSortDirection:c,toggleSort:l,getSortProps:(0,t.useCallback)(e=>({sortable:!0,sortDirection:c(e),onSort:t=>l(e,t)}),[c,l])}}function i(n,{selected:r,defaultSelected:i=[],onSelectedChange:a,getRowLabel:o}={}){let[s,c]=e.useControllableState({value:r,defaultValue:i,onChange:a}),l=(0,t.useMemo)(()=>new Set(s),[s]),u=(0,t.useMemo)(()=>n.filter(e=>l.has(e)),[n,l]),d=u.length,f=n.length>0&&d===n.length,p=d>0&&!f,m=(0,t.useCallback)(e=>l.has(e),[l]),h=(0,t.useCallback)((e,t)=>{c(n=>{let r=n.includes(e),i=t??!r;return i===r?n:i?[...n,e]:n.filter(t=>t!==e)})},[c]),g=(0,t.useCallback)(e=>c(e?n.slice():[]),[n,c]);return{selected:u,count:d,allSelected:f,someSelected:p,isSelected:m,toggle:h,toggleAll:g,clear:(0,t.useCallback)(()=>c([]),[c]),getSelectProps:(0,t.useCallback)(e=>({checked:l.has(e),onCheckedChange:t=>h(e,t),rowLabel:o?o(e):String(e)}),[l,h,o]),getSelectAllProps:(0,t.useCallback)(()=>({checked:f,indeterminate:p,onCheckedChange:e=>g(p?!0:e)}),[f,p,g])}}exports.useTableSelection=i,exports.useTableSort=r;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js");let t=require("react");function n(e,t){return e==null&&t==null?0:e==null?1:t==null?-1:typeof e==`number`&&typeof t==`number`?e-t:e instanceof Date&&t instanceof Date?e.getTime()-t.getTime():String(e).localeCompare(String(t),void 0,{numeric:!0,sensitivity:`base`})}function r(e,{initial:r,compare:i}={}){let[a,o]=(0,t.useState)(r??{key:null,direction:`none`}),s=(0,t.useMemo)(()=>{let{key:t,direction:r}=a;if(t===null||r===`none`)return e.slice();let o=r===`ascending`?1:-1,s=i?(e,n)=>i(e,n,t):(e,r)=>n(e[t],r[t]);return e.slice().sort((e,t)=>s(e,t)*o)},[e,a,i]),c=(0,t.useCallback)(e=>a.key===e?a.direction:`none`,[a]),l=(0,t.useCallback)((e,t)=>{o(n=>t?{key:t===`none`?null:e,direction:t}:n.key===e&&n.direction===`ascending`?{key:e,direction:`descending`}:{key:e,direction:`ascending`})},[]);return{sortedRows:s,sort:a,setSort:o,getSortDirection:c,toggleSort:l,getSortProps:(0,t.useCallback)(e=>({sortable:!0,sortDirection:c(e),onSort:t=>l(e,t)}),[c,l])}}function i(n,{selected:r,defaultSelected:i=[],onSelectedChange:a,getRowLabel:o}={}){let[s,c]=e.useControllableState({value:r,defaultValue:i,onChange:a}),l=(0,t.useMemo)(()=>new Set(s),[s]),u=(0,t.useMemo)(()=>n.filter(e=>l.has(e)),[n,l]),d=u.length,f=n.length>0&&d===n.length,p=d>0&&!f,m=(0,t.useCallback)(e=>l.has(e),[l]),h=(0,t.useCallback)((e,t)=>{c(n=>{let r=n.includes(e),i=t??!r;return i===r?n:i?[...n,e]:n.filter(t=>t!==e)})},[c]),g=(0,t.useCallback)(e=>c(e?n.slice():[]),[n,c]);return{selected:u,count:d,allSelected:f,someSelected:p,isSelected:m,toggle:h,toggleAll:g,clear:(0,t.useCallback)(()=>c([]),[c]),getSelectProps:(0,t.useCallback)(e=>({checked:l.has(e),onCheckedChange:t=>h(e,t),rowLabel:o?o(e):String(e)}),[l,h,o]),getSelectAllProps:(0,t.useCallback)(()=>({checked:f,indeterminate:p,onCheckedChange:e=>g(p?!0:e)}),[f,p,g])}}exports.useTableSelection=i,exports.useTableSort=r;

package/dist/components/data-display/Table/useTable.mjs

@@ -1,6 +1,7 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
 import { useCallback as t, useMemo as n, useState as r } from "react";
-//#region src/components/data-display/Table/useTable.ts
+// src/components/data-display/Table/useTable.ts
 function i(e, t) {
 	return e == null && t == null ? 0 : e == null ? 1 : t == null ? -1 : typeof e == "number" && typeof t == "number" ? e - t : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : String(e).localeCompare(String(t), void 0, {
 		numeric: !0,
@@ -85,5 +86,4 @@ function o(r, { selected: i, defaultSelected: a = [], onSelectedChange: o, getRo
 		])
 	};
 }
-//#endregion
 export { o as useTableSelection, a as useTableSort };

package/dist/components/data-display/Timeline/Timeline.cjs.js

@@ -1 +1 @@
-const e=require("../../../i18n/en.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("../Card/Card.cjs.js"),s=require("./Timeline.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u=e.en.timeline.status,d={sm:s.default.sm,md:s.default.md,lg:s.default.lg},f={vertical:s.default.vertical,horizontal:s.default.horizontal},p={start:s.default.alignStart,alternate:s.default.alignAlternate,end:s.default.alignEnd},m={solid:s.default.solid,dashed:s.default.dashed},h={neutral:s.default.neutral,primary:s.default.primary,accent:s.default.accent,success:s.default.success,warning:s.default.warning,danger:s.default.danger,info:s.default.info},g={complete:s.default.statusComplete,current:s.default.statusCurrent,upcoming:s.default.statusUpcoming,error:s.default.statusError},_=(0,c.createContext)({statusLabels:u});function v({orientation:e=`vertical`,align:i=`start`,size:a=`md`,variant:o=`solid`,statusLabels:u,scrollLabel:h,className:g,children:v,ref:y,...b}){let x=t.useMessages(),S=e===`horizontal`,C=(0,c.useRef)(null),w=(0,c.useRef)(null),[T,E]=(0,c.useState)(!1),D=(0,c.useCallback)(e=>{w.current=e,n.assignRef(y,e)},[y]);(0,c.useLayoutEffect)(()=>{if(!S)return;let e=C.current,t=w.current;if(!e||!t)return;let n=()=>E(e.scrollWidth>e.clientWidth);if(n(),typeof ResizeObserver>`u`)return;let r=new ResizeObserver(n);return r.observe(e),r.observe(t),()=>r.disconnect()},[S]);let O={statusLabels:{...x.timeline.status,...u}},k=(0,l.jsx)(`ol`,{role:`list`,...b,ref:D,className:r.cx(s.default.root,f[e],p[i],d[a],m[o],g),children:v});return(0,l.jsx)(_.Provider,{value:O,children:S?(0,l.jsx)(`div`,{ref:C,className:s.default.scroller,role:T?`region`:void 0,"aria-label":T?h??b[`aria-label`]??x.timeline.region:void 0,tabIndex:T?0:void 0,children:k}):k})}function y({title:e,description:t,time:n,dateTime:u,meta:d,icon:f,marker:p,tone:m,status:v,statusLabel:y,card:b=!1,className:x,children:S,...C}){let{statusLabels:w}=(0,c.useContext)(_),T=m??(v===`error`?`danger`:`primary`),E=v?y??w[v]:void 0,D=p==null?f==null?v?`status`:`dot`:`icon`:`custom`,O=null;D===`custom`?O=p:D===`icon`?O=f:v===`complete`?O=(0,l.jsx)(a.CheckIcon,{strokeWidth:3}):v===`error`&&(O=(0,l.jsx)(a.CloseIcon,{strokeWidth:3}));let k=n!=null||d!=null,A=(0,l.jsxs)(`div`,{className:s.default.body,children:[E&&(0,l.jsx)(i.VisuallyHidden,{children:`${E}: `}),e!=null&&(0,l.jsx)(`div`,{className:s.default.title,children:e}),k&&(0,l.jsxs)(`div`,{className:s.default.meta,children:[n!=null&&(u?(0,l.jsx)(`time`,{className:s.default.time,dateTime:u,children:n}):(0,l.jsx)(`span`,{className:s.default.time,children:n})),n!=null&&d!=null&&(0,l.jsx)(`span`,{className:s.default.separator,"aria-hidden":`true`}),d!=null&&(0,l.jsx)(`span`,{children:d})]}),t!=null&&(0,l.jsx)(`div`,{className:s.default.description,children:t}),S!=null&&(0,l.jsx)(`div`,{className:s.default.extra,children:S})]});return(0,l.jsxs)(`li`,{"aria-current":v===`current`?`step`:void 0,...C,className:r.cx(s.default.item,h[T],v&&g[v],x),"data-status":v,children:[(0,l.jsxs)(`div`,{className:s.default.rail,"aria-hidden":`true`,children:[(0,l.jsx)(`span`,{className:r.cx(s.default.marker,D===`dot`&&s.default.markerDot,D===`icon`&&s.default.markerIcon,D===`status`&&s.default.markerStatus,D===`custom`&&s.default.markerCustom),children:O}),(0,l.jsx)(`span`,{className:s.default.connector})]}),(0,l.jsx)(`div`,{className:r.cx(s.default.content,b&&s.default.contentCard),children:b?(0,l.jsx)(o.Card,{as:`div`,variant:`outline`,padding:`sm`,radius:`lg`,children:A}):A})]})}var b=Object.assign(v,{Item:y});exports.Timeline=b,exports.TimelineItem=y,exports.defaultTimelineStatusLabels=u;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/refs.cjs.js"),n=require("../../primitives/Icon/icons.cjs.js"),r=require("../Card/Card.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("./Timeline.module.css.cjs.js"),o=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),s=require("../../../i18n/en.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u=s.en.timeline.status,d={sm:a.default.sm,md:a.default.md,lg:a.default.lg},f={vertical:a.default.vertical,horizontal:a.default.horizontal},p={start:a.default.alignStart,alternate:a.default.alignAlternate,end:a.default.alignEnd},m={solid:a.default.solid,dashed:a.default.dashed},h={neutral:a.default.neutral,primary:a.default.primary,accent:a.default.accent,success:a.default.success,warning:a.default.warning,danger:a.default.danger,info:a.default.info},g={complete:a.default.statusComplete,current:a.default.statusCurrent,upcoming:a.default.statusUpcoming,error:a.default.statusError},_=(0,c.createContext)({statusLabels:u});function v({orientation:n=`vertical`,align:r=`start`,size:i=`md`,variant:s=`solid`,statusLabels:u,scrollLabel:h,className:g,children:v,ref:y,...b}){let x=o.useMessages(),S=n===`horizontal`,C=(0,c.useRef)(null),w=(0,c.useRef)(null),[T,E]=(0,c.useState)(!1),D=(0,c.useCallback)(e=>{w.current=e,t.assignRef(y,e)},[y]);(0,c.useLayoutEffect)(()=>{if(!S)return;let e=C.current,t=w.current;if(!e||!t)return;let n=()=>E(e.scrollWidth>e.clientWidth);if(n(),typeof ResizeObserver>`u`)return;let r=new ResizeObserver(n);return r.observe(e),r.observe(t),()=>r.disconnect()},[S]);let O={statusLabels:{...x.timeline.status,...u}},k=(0,l.jsx)(`ol`,{role:`list`,...b,ref:D,className:e.cx(a.default.root,f[n],p[r],d[i],m[s],g),children:v});return(0,l.jsx)(_.Provider,{value:O,children:S?(0,l.jsx)(`div`,{ref:C,className:a.default.scroller,role:T?`region`:void 0,"aria-label":T?h??b[`aria-label`]??x.timeline.region:void 0,tabIndex:T?0:void 0,children:k}):k})}function y({title:t,description:o,time:s,dateTime:u,meta:d,icon:f,marker:p,tone:m,status:v,statusLabel:y,card:b=!1,className:x,children:S,...C}){let{statusLabels:w}=(0,c.useContext)(_),T=m??(v===`error`?`danger`:`primary`),E=v?y??w[v]:void 0,D=p==null?f==null?v?`status`:`dot`:`icon`:`custom`,O=null;D===`custom`?O=p:D===`icon`?O=f:v===`complete`?O=(0,l.jsx)(n.CheckIcon,{strokeWidth:3}):v===`error`&&(O=(0,l.jsx)(n.CloseIcon,{strokeWidth:3}));let k=s!=null||d!=null,A=(0,l.jsxs)(`div`,{className:a.default.body,children:[E&&(0,l.jsx)(i.VisuallyHidden,{children:`${E}: `}),t!=null&&(0,l.jsx)(`div`,{className:a.default.title,children:t}),k&&(0,l.jsxs)(`div`,{className:a.default.meta,children:[s!=null&&(u?(0,l.jsx)(`time`,{className:a.default.time,dateTime:u,children:s}):(0,l.jsx)(`span`,{className:a.default.time,children:s})),s!=null&&d!=null&&(0,l.jsx)(`span`,{className:a.default.separator,"aria-hidden":`true`}),d!=null&&(0,l.jsx)(`span`,{children:d})]}),o!=null&&(0,l.jsx)(`div`,{className:a.default.description,children:o}),S!=null&&(0,l.jsx)(`div`,{className:a.default.extra,children:S})]});return(0,l.jsxs)(`li`,{"aria-current":v===`current`?`step`:void 0,...C,className:e.cx(a.default.item,h[T],v&&g[v],x),"data-status":v,children:[(0,l.jsxs)(`div`,{className:a.default.rail,"aria-hidden":`true`,children:[(0,l.jsx)(`span`,{className:e.cx(a.default.marker,D===`dot`&&a.default.markerDot,D===`icon`&&a.default.markerIcon,D===`status`&&a.default.markerStatus,D===`custom`&&a.default.markerCustom),children:O}),(0,l.jsx)(`span`,{className:a.default.connector})]}),(0,l.jsx)(`div`,{className:e.cx(a.default.content,b&&a.default.contentCard),children:b?(0,l.jsx)(r.Card,{as:`div`,variant:`outline`,padding:`sm`,radius:`lg`,children:A}):A})]})}var b=Object.assign(v,{Item:y});exports.Timeline=b,exports.TimelineItem=y,exports.defaultTimelineStatusLabels=u;