@gunkin/uiify 0.0.12-alpha → 0.0.13-alpha

package/dist/components/table/TableShell.js

@@ -5,8 +5,9 @@ function TableRoot(props) {
     render,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
-    defaultSortDescriptor: _defaultSortDescriptor,
-    sortDescriptor: _sortDescriptor,
+    layout,
+    size,
+    variant,
     ...consumerProps
   } = props;
   return useRenderElement({
@@ -16,22 +17,31 @@ function TableRoot(props) {
       ...consumerProps,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
-      "data-uiify-table": ""
+      "data-uiify-table": "",
+      ...layout ? { "data-layout": layout } : {},
+      ...size ? { "data-size": size } : {},
+      ...variant ? { "data-variant": variant } : {}
     },
     render,
     state: {}
   });
 }
 function TableHeader(props) {
-  const { as, render, ...consumerProps } = props;
-  return useRenderElement({ as, defaultTag: "thead", props: consumerProps, render, state: {} });
+  const { as, render, sticky, ...consumerProps } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "thead",
+    props: { ...consumerProps, "data-part": "header", "data-sticky": sticky ? "" : void 0 },
+    render,
+    state: {}
+  });
 }
 function TableBody(props) {
   const { as, render, children, ...consumerProps } = props;
   return useRenderElement({
     as,
     defaultTag: "tbody",
-    props: { ...consumerProps, children },
+    props: { ...consumerProps, children, "data-part": "body" },
     render,
     state: {}
   });
@@ -43,6 +53,7 @@ function TableRow(props) {
     disabled = false,
     id,
     selected = false,
+    sticky,
     ...consumerProps
   } = props;
   return useRenderElement({
@@ -50,6 +61,8 @@ function TableRow(props) {
     defaultTag: "tr",
     props: {
       ...consumerProps,
+      "data-part": "row",
+      "data-sticky": sticky ? "" : void 0,
       "data-disabled": disabled ? "" : void 0,
       "data-selected": selected ? "" : void 0,
       "data-state": selected ? "selected" : void 0,
@@ -68,6 +81,8 @@ function TableColumnHeader(props) {
     id,
     onClick,
     sortDirection,
+    align,
+    sticky,
     ...consumerProps
   } = props;
   return useRenderElement({
@@ -78,6 +93,9 @@ function TableColumnHeader(props) {
       "aria-sort": allowsSorting ? sortDirection ?? "none" : void 0,
       onClick,
       scope: "col",
+      "data-part": "column-header",
+      ...align ? { "data-align": align } : {},
+      "data-sticky": sticky,
       children,
       id
     },
@@ -86,11 +104,17 @@ function TableColumnHeader(props) {
   });
 }
 function TableCell(props) {
-  const { as, render, children, ...consumerProps } = props;
+  const { as, render, children, sticky, align, ...consumerProps } = props;
   return useRenderElement({
     as,
     defaultTag: "td",
-    props: { ...consumerProps, children },
+    props: {
+      ...consumerProps,
+      children,
+      "data-part": "cell",
+      ...align ? { "data-align": align } : {},
+      "data-sticky": sticky
+    },
     render,
     state: {}
   });
@@ -105,7 +129,35 @@ function TableCaption(props) {
     state: {}
   });
 }
+function TableFooter(props) {
+  const { as, render, sticky, ...consumerProps } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "tfoot",
+    props: { ...consumerProps, "data-part": "footer", "data-sticky": sticky ? "" : void 0 },
+    render,
+    state: {}
+  });
+}
+function TableRowHeader(props) {
+  const { as, render, sticky, align, ...consumerProps } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "th",
+    props: {
+      ...consumerProps,
+      "data-part": "row-header",
+      ...align ? { "data-align": align } : {},
+      "data-sticky": sticky,
+      scope: "row"
+    },
+    render,
+    state: {}
+  });
+}
 const Table = {
+  Footer: TableFooter,
+  RowHeader: TableRowHeader,
   Body: TableBody,
   Caption: TableCaption,
   Cell: TableCell,
@@ -120,8 +172,10 @@ export {
   TableCaption,
   TableCell,
   TableColumnHeader,
+  TableFooter,
   TableHeader,
   TableRoot,
-  TableRow
+  TableRow,
+  TableRowHeader
 };
 //# sourceMappingURL=TableShell.js.map

package/dist/components/table/TableShell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/TableShell.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\n\nimport type {\n  TableBodyProps,\n  TableCaptionProps,\n  TableCellProps,\n  TableRowProps,\n  TableColumnHeaderProps,\n  TableHeaderProps,\n  TableRootProps,\n} from \"./types.js\";\n\nexport type { SelectionMode, SortDescriptor } from \"./types.js\";\n\nexport function TableRoot<TAs extends ElementType = \"table\">(\n  props: TableRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    defaultSortDescriptor: _defaultSortDescriptor,\n    sortDescriptor: _sortDescriptor,\n    ...consumerProps\n  } = props as TableRootProps<\"table\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"table\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"data-uiify-table\": \"\",\n    },\n    render,\n    state: {},\n  });\n}\n\nexport function TableHeader<TAs extends ElementType = \"thead\">(\n  props: TableHeaderProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as TableHeaderProps<\"thead\">;\n  return useRenderElement({ as, defaultTag: \"thead\", props: consumerProps, render, state: {} });\n}\n\nexport function TableBody<TAs extends ElementType = \"tbody\">(\n  props: TableBodyProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, ...consumerProps } = props as TableBodyProps<\"tbody\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"tbody\",\n    props: { ...consumerProps, children },\n    render,\n    state: {},\n  });\n}\n\nexport function TableRow<TAs extends ElementType = \"tr\">(\n  props: TableRowProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    id,\n    selected = false,\n    ...consumerProps\n  } = props as TableRowProps<\"tr\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"tr\",\n    props: {\n      ...consumerProps,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-state\": selected ? \"selected\" : undefined,\n      id,\n    },\n    render,\n    state: { selected },\n  });\n}\n\nexport function TableColumnHeader<TAs extends ElementType = \"th\">(\n  props: TableColumnHeaderProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    allowsSorting = false,\n    children,\n    id,\n    onClick,\n    sortDirection,\n    ...consumerProps\n  } = props as TableColumnHeaderProps<\"th\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"th\",\n    props: {\n      ...consumerProps,\n      \"aria-sort\": allowsSorting ? (sortDirection ?? \"none\") : undefined,\n      onClick,\n      scope: \"col\",\n      children,\n      id,\n    },\n    render,\n    state: {},\n  });\n}\n\nexport function TableCell<TAs extends ElementType = \"td\">(\n  props: TableCellProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, ...consumerProps } = props as TableCellProps<\"td\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"td\",\n    props: { ...consumerProps, children },\n    render,\n    state: {},\n  });\n}\n\nexport function TableCaption<TAs extends ElementType = \"caption\">(\n  props: TableCaptionProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, ...consumerProps } = props as TableCaptionProps<\"caption\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"caption\",\n    props: { ...consumerProps, children },\n    render,\n    state: {},\n  });\n}\n\nexport const Table = {\n  Body: TableBody,\n  Caption: TableCaption,\n  Cell: TableCell,\n  ColumnHeader: TableColumnHeader,\n  Header: TableHeader,\n  Root: TableRoot,\n  Row: TableRow,\n};\n"],"mappings":"AACA,SAAS,wBAAwB;AAc1B,SAAS,UACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,uBAAuB;AAAA,IACvB,gBAAgB;AAAA,IAChB,GAAG;AAAA,EACL,IAAI;AAEJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,YACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB,EAAE,IAAI,YAAY,SAAS,OAAO,eAAe,QAAQ,OAAO,CAAC,EAAE,CAAC;AAC9F;AAEO,SAAS,UACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,UAAU,GAAG,cAAc,IAAI;AACnD,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,SAAS;AAAA,IACpC;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,SACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,WAAW;AAAA,IACX,GAAG;AAAA,EACL,IAAI;AAEJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,iBAAiB,WAAW,KAAK;AAAA,MACjC,iBAAiB,WAAW,KAAK;AAAA,MACjC,cAAc,WAAW,aAAa;AAAA,MACtC;AAAA,IACF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;AAEO,SAAS,kBACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa,gBAAiB,iBAAiB,SAAU;AAAA,MACzD;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,UACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,UAAU,GAAG,cAAc,IAAI;AACnD,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,SAAS;AAAA,IACpC;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,aACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,UAAU,GAAG,cAAc,IAAI;AACnD,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,SAAS;AAAA,IACpC;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,MAAM,QAAQ;AAAA,EACnB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AACP;","names":[]}
+{"version":3,"sources":["../../../src/components/table/TableShell.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\n\nimport type {\n  TableFooterProps,\n  TableRowHeaderProps,\n  TableBodyProps,\n  TableCaptionProps,\n  TableCellProps,\n  TableRowProps,\n  TableColumnHeaderProps,\n  TableHeaderProps,\n  TableRootProps,\n} from \"./types.js\";\n\nexport type { SelectionMode, SortDescriptor } from \"./types.js\";\n\nexport function TableRoot<TAs extends ElementType = \"table\">(\n  props: TableRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    layout,\n    size,\n    variant,\n    ...consumerProps\n  } = props as TableRootProps<\"table\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"table\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"data-uiify-table\": \"\",\n      ...(layout ? { \"data-layout\": layout } : {}),\n      ...(size ? { \"data-size\": size } : {}),\n      ...(variant ? { \"data-variant\": variant } : {}),\n    },\n    render,\n    state: {},\n  });\n}\n\nexport function TableHeader<TAs extends ElementType = \"thead\">(\n  props: TableHeaderProps<TAs>,\n): ReactElement | null {\n  const { as, render, sticky, ...consumerProps } = props as TableHeaderProps<\"thead\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"thead\",\n    props: { ...consumerProps, \"data-part\": \"header\", \"data-sticky\": sticky ? \"\" : undefined },\n    render,\n    state: {},\n  });\n}\n\nexport function TableBody<TAs extends ElementType = \"tbody\">(\n  props: TableBodyProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, ...consumerProps } = props as TableBodyProps<\"tbody\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"tbody\",\n    props: { ...consumerProps, children, \"data-part\": \"body\" },\n    render,\n    state: {},\n  });\n}\n\nexport function TableRow<TAs extends ElementType = \"tr\">(\n  props: TableRowProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    id,\n    selected = false,\n    sticky,\n    ...consumerProps\n  } = props as TableRowProps<\"tr\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"tr\",\n    props: {\n      ...consumerProps,\n      \"data-part\": \"row\",\n      \"data-sticky\": sticky ? \"\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-state\": selected ? \"selected\" : undefined,\n      id,\n    },\n    render,\n    state: { selected },\n  });\n}\n\nexport function TableColumnHeader<TAs extends ElementType = \"th\">(\n  props: TableColumnHeaderProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    allowsSorting = false,\n    children,\n    id,\n    onClick,\n    sortDirection,\n    align,\n    sticky,\n    ...consumerProps\n  } = props as TableColumnHeaderProps<\"th\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"th\",\n    props: {\n      ...consumerProps,\n      \"aria-sort\": allowsSorting ? (sortDirection ?? \"none\") : undefined,\n      onClick,\n      scope: \"col\",\n      \"data-part\": \"column-header\",\n      ...(align ? { \"data-align\": align } : {}),\n      \"data-sticky\": sticky,\n      children,\n      id,\n    },\n    render,\n    state: {},\n  });\n}\n\nexport function TableCell<TAs extends ElementType = \"td\">(\n  props: TableCellProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, sticky, align, ...consumerProps } = props as TableCellProps<\"td\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"td\",\n    props: {\n      ...consumerProps,\n      children,\n      \"data-part\": \"cell\",\n      ...(align ? { \"data-align\": align } : {}),\n      \"data-sticky\": sticky,\n    },\n    render,\n    state: {},\n  });\n}\n\nexport function TableCaption<TAs extends ElementType = \"caption\">(\n  props: TableCaptionProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, ...consumerProps } = props as TableCaptionProps<\"caption\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"caption\",\n    props: { ...consumerProps, children },\n    render,\n    state: {},\n  });\n}\n\nexport function TableFooter<TAs extends ElementType = \"tfoot\">(\n  props: TableFooterProps<TAs>,\n): ReactElement | null {\n  const { as, render, sticky, ...consumerProps } = props as TableFooterProps<\"tfoot\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"tfoot\",\n    props: { ...consumerProps, \"data-part\": \"footer\", \"data-sticky\": sticky ? \"\" : undefined },\n    render,\n    state: {},\n  });\n}\nexport function TableRowHeader<TAs extends ElementType = \"th\">(\n  props: TableRowHeaderProps<TAs>,\n): ReactElement | null {\n  const { as, render, sticky, align, ...consumerProps } = props as TableRowHeaderProps<\"th\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"th\",\n    props: {\n      ...consumerProps,\n      \"data-part\": \"row-header\",\n      ...(align ? { \"data-align\": align } : {}),\n      \"data-sticky\": sticky,\n      scope: \"row\",\n    },\n    render,\n    state: {},\n  });\n}\n\nexport const Table = {\n  Footer: TableFooter,\n  RowHeader: TableRowHeader,\n  Body: TableBody,\n  Caption: TableCaption,\n  Cell: TableCell,\n  ColumnHeader: TableColumnHeader,\n  Header: TableHeader,\n  Root: TableRoot,\n  Row: TableRow,\n};\n"],"mappings":"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","names":[]}

package/dist/components/table/client/Table.d.ts

@@ -0,0 +1,30 @@
+import type { ElementType, ReactElement } from "react";
+import { TableCaption, TableCell, TableHeader, TableFooter, TableRowHeader } from "../TableShell.js";
+import { TableBody } from "./TableBody.js";
+import { TableRow } from "./TableRow.js";
+import { TableColumnHeader } from "./TableColumnHeader.js";
+import { TableRowSelect, TableSelectAll } from "./TableSelection.js";
+import { TableExpandedRow, TableExpandTrigger } from "./TableExpansion.js";
+import type { TableClientRootProps } from "../types.js";
+export type { SelectionMode, SortDescriptor } from "../types.js";
+export { TableCaption, TableCell, TableHeader, TableBody, TableRow, TableColumnHeader, TableSelectAll, TableRowSelect, TableExpandedRow, TableExpandTrigger, };
+export declare function TableRoot<TAs extends ElementType = "table">(props: TableClientRootProps<TAs>): ReactElement | null;
+export declare namespace TableRoot {
+    var displayName: string;
+}
+export declare const Table: {
+    Footer: typeof TableFooter;
+    RowHeader: typeof TableRowHeader;
+    ExpandTrigger: typeof TableExpandTrigger;
+    ExpandedRow: typeof TableExpandedRow;
+    Body: typeof TableBody;
+    Caption: typeof TableCaption;
+    Cell: typeof TableCell;
+    ColumnHeader: typeof TableColumnHeader;
+    Header: typeof TableHeader;
+    Root: typeof TableRoot;
+    Row: typeof TableRow;
+    RowSelect: typeof TableRowSelect;
+    SelectAll: typeof TableSelectAll;
+};
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/table/client/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/client/Table.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EACL,YAAY,EACZ,SAAS,EACT,WAAW,EACX,WAAW,EACX,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAG3E,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,aAAa,CAAC;AAEpE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EACL,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,kBAAkB,GACnB,CAAC;AAEF,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACzD,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAyFrB;yBA3Fe,SAAS;;;AA8FzB,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAcjB,CAAC"}

package/dist/components/table/client/Table.js

@@ -0,0 +1,135 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useRef, useId } from "react";
+import { useIsomorphicLayoutEffect, useControllableState } from "@gunkin/uiify/hooks";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+import {
+  TableCaption,
+  TableCell,
+  TableHeader,
+  TableFooter,
+  TableRowHeader
+} from "../TableShell.js";
+import { TableBody } from "./TableBody.js";
+import { TableRow } from "./TableRow.js";
+import { TableColumnHeader } from "./TableColumnHeader.js";
+import { TableRowSelect, TableSelectAll } from "./TableSelection.js";
+import { TableExpandedRow, TableExpandTrigger } from "./TableExpansion.js";
+import { TableProvider } from "./table-context.js";
+import { createTableStore } from "../table-store.js";
+function TableRoot(props) {
+  const {
+    as,
+    render,
+    layout,
+    size,
+    variant,
+    expandedKeys: controlledExpandedKeys,
+    defaultExpandedKeys,
+    onExpandedChange,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    defaultSelectedKeys,
+    defaultSortDescriptor,
+    onSelectionChange,
+    onSortChange,
+    selectedKeys,
+    selectionBehavior,
+    selectionMode = "none",
+    sortDescriptor,
+    ...consumerProps
+  } = props;
+  const instanceId = useId();
+  const [expandedKeys, setExpandedKeys] = useControllableState({
+    ...controlledExpandedKeys !== void 0 ? { value: new Set(controlledExpandedKeys) } : {},
+    defaultValue: new Set(defaultExpandedKeys),
+    ...onExpandedChange ? { onChange: onExpandedChange } : {}
+  });
+  const toggleExpanded = (id) => {
+    const keys = new Set(expandedKeys);
+    if (keys.has(id)) keys.delete(id);
+    else keys.add(id);
+    setExpandedKeys(keys);
+  };
+  const storeRef = useRef(null);
+  storeRef.current ??= createTableStore({
+    selectionMode,
+    ...defaultSelectedKeys !== void 0 ? { defaultSelectedKeys } : {},
+    ...defaultSortDescriptor !== void 0 ? { defaultSortDescriptor } : {},
+    ...onSelectionChange !== void 0 ? { onSelectionChange } : {},
+    ...onSortChange !== void 0 ? { onSortChange } : {},
+    ...selectedKeys !== void 0 ? { selectedKeys } : {},
+    ...sortDescriptor !== void 0 ? { sortDescriptor } : {},
+    ...selectionBehavior !== void 0 ? { selectionBehavior } : {}
+  });
+  const store = storeRef.current;
+  store.updateOptions({
+    ...onSelectionChange !== void 0 ? { onSelectionChange } : {},
+    ...onSortChange !== void 0 ? { onSortChange } : {},
+    ...selectionBehavior !== void 0 ? { selectionBehavior } : {},
+    selectionMode
+  });
+  useIsomorphicLayoutEffect(() => {
+    if (selectedKeys !== void 0) store.syncSelectedKeys(selectedKeys);
+  }, [selectedKeys, store]);
+  useIsomorphicLayoutEffect(() => {
+    if (sortDescriptor !== void 0) store.syncSortDescriptor(sortDescriptor);
+  }, [sortDescriptor, store]);
+  const interactive = selectionMode !== "none";
+  const contextValue = {
+    interactive,
+    store,
+    instanceId,
+    expandedKeys,
+    toggleExpanded,
+    inBody: false
+  };
+  const element = useRenderElement({
+    as,
+    defaultTag: "table",
+    props: {
+      ...consumerProps,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "data-uiify-table": "",
+      ...layout ? { "data-layout": layout } : {},
+      ...size ? { "data-size": size } : {},
+      ...variant ? { "data-variant": variant } : {},
+      role: interactive ? "grid" : void 0
+    },
+    render,
+    state: {}
+  });
+  return /* @__PURE__ */ jsx(TableProvider, { value: contextValue, children: element });
+}
+TableRoot.displayName = "TableRoot";
+const Table = {
+  Footer: TableFooter,
+  RowHeader: TableRowHeader,
+  ExpandTrigger: TableExpandTrigger,
+  ExpandedRow: TableExpandedRow,
+  Body: TableBody,
+  Caption: TableCaption,
+  Cell: TableCell,
+  ColumnHeader: TableColumnHeader,
+  Header: TableHeader,
+  Root: TableRoot,
+  Row: TableRow,
+  RowSelect: TableRowSelect,
+  SelectAll: TableSelectAll
+};
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableColumnHeader,
+  TableExpandTrigger,
+  TableExpandedRow,
+  TableHeader,
+  TableRoot,
+  TableRow,
+  TableRowSelect,
+  TableSelectAll
+};
+//# sourceMappingURL=Table.js.map

package/dist/components/table/client/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/client/Table.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef, useId } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect, useControllableState } from \"@gunkin/uiify/hooks\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport {\n  TableCaption,\n  TableCell,\n  TableHeader,\n  TableFooter,\n  TableRowHeader,\n} from \"../TableShell.js\";\nimport { TableBody } from \"./TableBody.js\";\nimport { TableRow } from \"./TableRow.js\";\nimport { TableColumnHeader } from \"./TableColumnHeader.js\";\nimport { TableRowSelect, TableSelectAll } from \"./TableSelection.js\";\nimport { TableExpandedRow, TableExpandTrigger } from \"./TableExpansion.js\";\nimport { TableProvider } from \"./table-context.js\";\nimport { createTableStore } from \"../table-store.js\";\nimport type { TableClientRootProps, TableStore } from \"../types.js\";\n\nexport type { SelectionMode, SortDescriptor } from \"../types.js\";\nexport {\n  TableCaption,\n  TableCell,\n  TableHeader,\n  TableBody,\n  TableRow,\n  TableColumnHeader,\n  TableSelectAll,\n  TableRowSelect,\n  TableExpandedRow,\n  TableExpandTrigger,\n};\n\nexport function TableRoot<TAs extends ElementType = \"table\">(\n  props: TableClientRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    layout,\n    size,\n    variant,\n    expandedKeys: controlledExpandedKeys,\n    defaultExpandedKeys,\n    onExpandedChange,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    defaultSelectedKeys,\n    defaultSortDescriptor,\n    onSelectionChange,\n    onSortChange,\n    selectedKeys,\n    selectionBehavior,\n    selectionMode = \"none\",\n    sortDescriptor,\n    ...consumerProps\n  } = props as TableClientRootProps<\"table\">;\n\n  const instanceId = useId();\n  const [expandedKeys, setExpandedKeys] = useControllableState<Set<string>>({\n    ...(controlledExpandedKeys !== undefined ? { value: new Set(controlledExpandedKeys) } : {}),\n    defaultValue: new Set(defaultExpandedKeys),\n    ...(onExpandedChange ? { onChange: onExpandedChange } : {}),\n  });\n  const toggleExpanded = (id: string) => {\n    const keys = new Set(expandedKeys);\n    if (keys.has(id)) keys.delete(id);\n    else keys.add(id);\n    setExpandedKeys(keys);\n  };\n  const storeRef = useRef<TableStore | null>(null);\n  storeRef.current ??= createTableStore({\n    selectionMode,\n    ...(defaultSelectedKeys !== undefined ? { defaultSelectedKeys } : {}),\n    ...(defaultSortDescriptor !== undefined ? { defaultSortDescriptor } : {}),\n    ...(onSelectionChange !== undefined ? { onSelectionChange } : {}),\n    ...(onSortChange !== undefined ? { onSortChange } : {}),\n    ...(selectedKeys !== undefined ? { selectedKeys } : {}),\n    ...(sortDescriptor !== undefined ? { sortDescriptor } : {}),\n    ...(selectionBehavior !== undefined ? { selectionBehavior } : {}),\n  });\n  const store = storeRef.current;\n  store.updateOptions({\n    ...(onSelectionChange !== undefined ? { onSelectionChange } : {}),\n    ...(onSortChange !== undefined ? { onSortChange } : {}),\n    ...(selectionBehavior !== undefined ? { selectionBehavior } : {}),\n    selectionMode,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (selectedKeys !== undefined) store.syncSelectedKeys(selectedKeys);\n  }, [selectedKeys, store]);\n  useIsomorphicLayoutEffect(() => {\n    if (sortDescriptor !== undefined) store.syncSortDescriptor(sortDescriptor);\n  }, [sortDescriptor, store]);\n\n  const interactive = selectionMode !== \"none\";\n  const contextValue = {\n    interactive,\n    store,\n    instanceId,\n    expandedKeys,\n    toggleExpanded,\n    inBody: false,\n  };\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"table\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"data-uiify-table\": \"\",\n      ...(layout ? { \"data-layout\": layout } : {}),\n      ...(size ? { \"data-size\": size } : {}),\n      ...(variant ? { \"data-variant\": variant } : {}),\n      role: interactive ? \"grid\" : undefined,\n    },\n    render,\n    state: {},\n  });\n\n  return <TableProvider value={contextValue}>{element}</TableProvider>;\n}\nTableRoot.displayName = \"TableRoot\";\n\nexport const Table = {\n  Footer: TableFooter,\n  RowHeader: TableRowHeader,\n  ExpandTrigger: TableExpandTrigger,\n  ExpandedRow: TableExpandedRow,\n  Body: TableBody,\n  Caption: TableCaption,\n  Cell: TableCell,\n  ColumnHeader: TableColumnHeader,\n  Header: TableHeader,\n  Root: TableRoot,\n  Row: TableRow,\n  RowSelect: TableRowSelect,\n  SelectAll: TableSelectAll,\n};\n"],"mappings":"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","names":[]}

package/dist/components/table/client/TableBody.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import { TableBody as TableBodyElement } from "../TableShell.js";
+export declare function TableBody(props: React.ComponentProps<typeof TableBodyElement>): ReactElement | null;
+export declare namespace TableBody {
+    var displayName: string;
+}
+//# sourceMappingURL=TableBody.d.ts.map

package/dist/components/table/client/TableBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/table/client/TableBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAO,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGjE,wBAAgB,SAAS,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GACnD,YAAY,GAAG,IAAI,CAiCrB;yBAnCe,SAAS"}

package/dist/components/table/client/TableBody.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { RovingFocusRoot } from "@gunkin/uiify/core/roving-focus";
+import { TableBody as TableBodyElement } from "../TableShell.js";
+import { TableProvider, useTableContext } from "./table-context.js";
+function TableBody(props) {
+  const context = useTableContext("Body");
+  const { interactive } = context;
+  const { children, as, render, ...consumerProps } = props;
+  const rows = /* @__PURE__ */ jsx(TableProvider, { value: { ...context, inBody: true }, children });
+  if (!interactive) {
+    return /* @__PURE__ */ jsx(TableBodyElement, { ...props, children: rows });
+  }
+  if (render) {
+    return /* @__PURE__ */ jsx(
+      RovingFocusRoot,
+      {
+        ...consumerProps,
+        loop: true,
+        orientation: "both",
+        "data-part": "body",
+        render: (rootProps) => render(
+          { ...rootProps, children: rows },
+          {}
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(RovingFocusRoot, { ...consumerProps, as: as ?? "tbody", loop: true, orientation: "both", "data-part": "body", children: rows });
+}
+TableBody.displayName = "TableBody";
+export {
+  TableBody
+};
+//# sourceMappingURL=TableBody.js.map

package/dist/components/table/client/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/client/TableBody.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement, Ref } from \"react\";\nimport { RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { TableBody as TableBodyElement } from \"../TableShell.js\";\nimport { TableProvider, useTableContext } from \"./table-context.js\";\n\nexport function TableBody(\n  props: React.ComponentProps<typeof TableBodyElement>,\n): ReactElement | null {\n  const context = useTableContext(\"Body\");\n  const { interactive } = context;\n  const { children, as, render, ...consumerProps } = props;\n\n  const rows = <TableProvider value={{ ...context, inBody: true }}>{children}</TableProvider>;\n  if (!interactive) {\n    return <TableBodyElement {...props}>{rows}</TableBodyElement>;\n  }\n\n  if (render) {\n    return (\n      <RovingFocusRoot\n        {...consumerProps}\n        loop\n        orientation=\"both\"\n        data-part=\"body\"\n        render={(rootProps) =>\n          render(\n            { ...rootProps, children: rows } as Record<string, unknown> & {\n              ref?: Ref<HTMLTableSectionElement>;\n            },\n            {},\n          )\n        }\n      />\n    );\n  }\n  return (\n    <RovingFocusRoot {...consumerProps} as={as ?? \"tbody\"} loop orientation=\"both\" data-part=\"body\">\n      {rows}\n    </RovingFocusRoot>\n  );\n}\nTableBody.displayName = \"TableBody\";\n"],"mappings":";AAce;AAXf,SAAS,uBAAuB;AAChC,SAAS,aAAa,wBAAwB;AAC9C,SAAS,eAAe,uBAAuB;AAExC,SAAS,UACd,OACqB;AACrB,QAAM,UAAU,gBAAgB,MAAM;AACtC,QAAM,EAAE,YAAY,IAAI;AACxB,QAAM,EAAE,UAAU,IAAI,QAAQ,GAAG,cAAc,IAAI;AAEnD,QAAM,OAAO,oBAAC,iBAAc,OAAO,EAAE,GAAG,SAAS,QAAQ,KAAK,GAAI,UAAS;AAC3E,MAAI,CAAC,aAAa;AAChB,WAAO,oBAAC,oBAAkB,GAAG,OAAQ,gBAAK;AAAA,EAC5C;AAEA,MAAI,QAAQ;AACV,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,MAAI;AAAA,QACJ,aAAY;AAAA,QACZ,aAAU;AAAA,QACV,QAAQ,CAAC,cACP;AAAA,UACE,EAAE,GAAG,WAAW,UAAU,KAAK;AAAA,UAG/B,CAAC;AAAA,QACH;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACA,SACE,oBAAC,mBAAiB,GAAG,eAAe,IAAI,MAAM,SAAS,MAAI,MAAC,aAAY,QAAO,aAAU,QACtF,gBACH;AAEJ;AACA,UAAU,cAAc;","names":[]}

package/dist/components/table/client/TableColumnHeader.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import { TableColumnHeader as TableColumnHeaderElement } from "../TableShell.js";
+export declare function TableColumnHeader(props: React.ComponentProps<typeof TableColumnHeaderElement>): ReactElement | null;
+export declare namespace TableColumnHeader {
+    var displayName: string;
+}
+//# sourceMappingURL=TableColumnHeader.d.ts.map

package/dist/components/table/client/TableColumnHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumnHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/table/client/TableColumnHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,iBAAiB,IAAI,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAYjF,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,GAC3D,YAAY,GAAG,IAAI,CAqDrB;yBAvDe,iBAAiB"}

package/dist/components/table/client/TableColumnHeader.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useSyncExternalStore } from "react";
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { TableColumnHeader as TableColumnHeaderElement } from "../TableShell.js";
+import { useTableContext } from "./table-context.js";
+function ariaSortForColumn(descriptor, column) {
+  if (!descriptor || descriptor.column !== column) return void 0;
+  return descriptor.direction;
+}
+function TableColumnHeader(props) {
+  const { allowsSorting = false, id, onClick, as, render, ...rest } = props;
+  const { store } = useTableContext("ColumnHeader");
+  const sortDescriptor = useSyncExternalStore(
+    store.subscribeSort,
+    store.getSortSnapshot,
+    store.getServerSortSnapshot
+  );
+  const shared = {
+    ...rest,
+    allowsSorting,
+    id,
+    children: allowsSorting ? /* @__PURE__ */ jsx("button", { type: "button", children: rest.children }) : rest.children,
+    sortDirection: allowsSorting ? ariaSortForColumn(sortDescriptor, id) ?? null : null
+  };
+  if (allowsSorting) {
+    if (render) {
+      return /* @__PURE__ */ jsx(
+        TableColumnHeaderElement,
+        {
+          ...shared,
+          onClick: composeEventHandlers(onClick, () => store.toggleSort(id)),
+          render
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      TableColumnHeaderElement,
+      {
+        ...shared,
+        onClick: composeEventHandlers(onClick, () => store.toggleSort(id)),
+        ...as !== void 0 ? { as } : {}
+      }
+    );
+  }
+  if (render) {
+    return /* @__PURE__ */ jsx(
+      TableColumnHeaderElement,
+      {
+        ...shared,
+        ...onClick !== void 0 ? { onClick } : {},
+        render
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    TableColumnHeaderElement,
+    {
+      ...shared,
+      ...onClick !== void 0 ? { onClick } : {},
+      ...as !== void 0 ? { as } : {}
+    }
+  );
+}
+TableColumnHeader.displayName = "TableColumnHeader";
+export {
+  TableColumnHeader
+};
+//# sourceMappingURL=TableColumnHeader.js.map

package/dist/components/table/client/TableColumnHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/client/TableColumnHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport { useSyncExternalStore } from \"react\";\nimport type { ReactElement } from \"react\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { TableColumnHeader as TableColumnHeaderElement } from \"../TableShell.js\";\nimport type { SortDescriptor } from \"../types.js\";\nimport { useTableContext } from \"./table-context.js\";\n\nfunction ariaSortForColumn(\n  descriptor: SortDescriptor | null,\n  column: string,\n): SortDescriptor[\"direction\"] | undefined {\n  if (!descriptor || descriptor.column !== column) return undefined;\n  return descriptor.direction;\n}\n\nexport function TableColumnHeader(\n  props: React.ComponentProps<typeof TableColumnHeaderElement>,\n): ReactElement | null {\n  const { allowsSorting = false, id, onClick, as, render, ...rest } = props;\n  const { store } = useTableContext(\"ColumnHeader\");\n  const sortDescriptor = useSyncExternalStore(\n    store.subscribeSort,\n    store.getSortSnapshot,\n    store.getServerSortSnapshot,\n  );\n\n  const shared = {\n    ...rest,\n    allowsSorting,\n    id,\n    children: allowsSorting ? <button type=\"button\">{rest.children}</button> : rest.children,\n    sortDirection: allowsSorting ? (ariaSortForColumn(sortDescriptor, id) ?? null) : null,\n  };\n\n  if (allowsSorting) {\n    if (render) {\n      return (\n        <TableColumnHeaderElement\n          {...shared}\n          onClick={composeEventHandlers(onClick, () => store.toggleSort(id))}\n          render={render}\n        />\n      );\n    }\n    return (\n      <TableColumnHeaderElement\n        {...shared}\n        onClick={composeEventHandlers(onClick, () => store.toggleSort(id))}\n        {...(as !== undefined ? { as } : {})}\n      />\n    );\n  }\n\n  if (render) {\n    return (\n      <TableColumnHeaderElement\n        {...shared}\n        {...(onClick !== undefined ? { onClick } : {})}\n        render={render}\n      />\n    );\n  }\n\n  return (\n    <TableColumnHeaderElement\n      {...shared}\n      {...(onClick !== undefined ? { onClick } : {})}\n      {...(as !== undefined ? { as } : {})}\n    />\n  );\n}\nTableColumnHeader.displayName = \"TableColumnHeader\";\n"],"mappings":";AAgC8B;AA9B9B,SAAS,4BAA4B;AAErC,SAAS,4BAA4B;AACrC,SAAS,qBAAqB,gCAAgC;AAE9D,SAAS,uBAAuB;AAEhC,SAAS,kBACP,YACA,QACyC;AACzC,MAAI,CAAC,cAAc,WAAW,WAAW,OAAQ,QAAO;AACxD,SAAO,WAAW;AACpB;AAEO,SAAS,kBACd,OACqB;AACrB,QAAM,EAAE,gBAAgB,OAAO,IAAI,SAAS,IAAI,QAAQ,GAAG,KAAK,IAAI;AACpE,QAAM,EAAE,MAAM,IAAI,gBAAgB,cAAc;AAChD,QAAM,iBAAiB;AAAA,IACrB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAEA,QAAM,SAAS;AAAA,IACb,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,UAAU,gBAAgB,oBAAC,YAAO,MAAK,UAAU,eAAK,UAAS,IAAY,KAAK;AAAA,IAChF,eAAe,gBAAiB,kBAAkB,gBAAgB,EAAE,KAAK,OAAQ;AAAA,EACnF;AAEA,MAAI,eAAe;AACjB,QAAI,QAAQ;AACV,aACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,SAAS,qBAAqB,SAAS,MAAM,MAAM,WAAW,EAAE,CAAC;AAAA,UACjE;AAAA;AAAA,MACF;AAAA,IAEJ;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,qBAAqB,SAAS,MAAM,MAAM,WAAW,EAAE,CAAC;AAAA,QAChE,GAAI,OAAO,SAAY,EAAE,GAAG,IAAI,CAAC;AAAA;AAAA,IACpC;AAAA,EAEJ;AAEA,MAAI,QAAQ;AACV,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACH,GAAI,YAAY,SAAY,EAAE,QAAQ,IAAI,CAAC;AAAA,QAC5C;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,YAAY,SAAY,EAAE,QAAQ,IAAI,CAAC;AAAA,MAC3C,GAAI,OAAO,SAAY,EAAE,GAAG,IAAI,CAAC;AAAA;AAAA,EACpC;AAEJ;AACA,kBAAkB,cAAc;","names":[]}

package/dist/components/table/client/TableExpansion.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement } from "react";
+import type { TableExpandTriggerProps, TableExpandedRowProps } from "../types.js";
+export declare function TableExpandTrigger({ rowId, onClick, ...props }: TableExpandTriggerProps): ReactElement;
+export declare namespace TableExpandTrigger {
+    var displayName: string;
+}
+export declare function TableExpandedRow({ rowId, ...props }: TableExpandedRowProps): ReactElement;
+export declare namespace TableExpandedRow {
+    var displayName: string;
+}
+//# sourceMappingURL=TableExpansion.d.ts.map

package/dist/components/table/client/TableExpansion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableExpansion.d.ts","sourceRoot":"","sources":["../../../../src/components/table/client/TableExpansion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGlF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG,YAAY,CAcxC;yBAlBe,kBAAkB;;;AAqBlC,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,YAAY,CAUzF;yBAVe,gBAAgB"}

package/dist/components/table/client/TableExpansion.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { useTableContext } from "./table-context.js";
+function TableExpandTrigger({
+  rowId,
+  onClick,
+  ...props
+}) {
+  const { instanceId, expandedKeys, toggleExpanded } = useTableContext("ExpandTrigger");
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...props,
+      type: "button",
+      "data-uiify-button": "",
+      "data-variant": "ghost",
+      "data-part": "expand-trigger",
+      "aria-expanded": expandedKeys.has(rowId),
+      "aria-controls": `${instanceId}-expanded-${rowId}`,
+      onClick: composeEventHandlers(onClick, () => toggleExpanded(rowId))
+    }
+  );
+}
+TableExpandTrigger.displayName = "TableExpandTrigger";
+function TableExpandedRow({ rowId, ...props }) {
+  const { instanceId, expandedKeys } = useTableContext("ExpandedRow");
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ...props,
+      id: `${instanceId}-expanded-${rowId}`,
+      "data-part": "expanded-row",
+      hidden: !expandedKeys.has(rowId)
+    }
+  );
+}
+TableExpandedRow.displayName = "TableExpandedRow";
+export {
+  TableExpandTrigger,
+  TableExpandedRow
+};
+//# sourceMappingURL=TableExpansion.js.map

package/dist/components/table/client/TableExpansion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/client/TableExpansion.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement } from \"react\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport type { TableExpandTriggerProps, TableExpandedRowProps } from \"../types.js\";\nimport { useTableContext } from \"./table-context.js\";\n\nexport function TableExpandTrigger({\n  rowId,\n  onClick,\n  ...props\n}: TableExpandTriggerProps): ReactElement {\n  const { instanceId, expandedKeys, toggleExpanded } = useTableContext(\"ExpandTrigger\");\n  return (\n    <button\n      {...props}\n      type=\"button\"\n      data-uiify-button=\"\"\n      data-variant=\"ghost\"\n      data-part=\"expand-trigger\"\n      aria-expanded={expandedKeys.has(rowId)}\n      aria-controls={`${instanceId}-expanded-${rowId}`}\n      onClick={composeEventHandlers(onClick, () => toggleExpanded(rowId))}\n    />\n  );\n}\nTableExpandTrigger.displayName = \"TableExpandTrigger\";\n\nexport function TableExpandedRow({ rowId, ...props }: TableExpandedRowProps): ReactElement {\n  const { instanceId, expandedKeys } = useTableContext(\"ExpandedRow\");\n  return (\n    <tr\n      {...props}\n      id={`${instanceId}-expanded-${rowId}`}\n      data-part=\"expanded-row\"\n      hidden={!expandedKeys.has(rowId)}\n    />\n  );\n}\nTableExpandedRow.displayName = \"TableExpandedRow\";\n"],"mappings":";AAcI;AAXJ,SAAS,4BAA4B;AAErC,SAAS,uBAAuB;AAEzB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0C;AACxC,QAAM,EAAE,YAAY,cAAc,eAAe,IAAI,gBAAgB,eAAe;AACpF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,qBAAkB;AAAA,MAClB,gBAAa;AAAA,MACb,aAAU;AAAA,MACV,iBAAe,aAAa,IAAI,KAAK;AAAA,MACrC,iBAAe,GAAG,UAAU,aAAa,KAAK;AAAA,MAC9C,SAAS,qBAAqB,SAAS,MAAM,eAAe,KAAK,CAAC;AAAA;AAAA,EACpE;AAEJ;AACA,mBAAmB,cAAc;AAE1B,SAAS,iBAAiB,EAAE,OAAO,GAAG,MAAM,GAAwC;AACzF,QAAM,EAAE,YAAY,aAAa,IAAI,gBAAgB,aAAa;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,IAAI,GAAG,UAAU,aAAa,KAAK;AAAA,MACnC,aAAU;AAAA,MACV,QAAQ,CAAC,aAAa,IAAI,KAAK;AAAA;AAAA,EACjC;AAEJ;AACA,iBAAiB,cAAc;","names":[]}

package/dist/components/table/client/TableRow.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { TableRowProps } from "../types.js";
+export declare function TableRow(props: TableRowProps): ReactElement | null;
+export declare namespace TableRow {
+    var displayName: string;
+}
+//# sourceMappingURL=TableRow.d.ts.map

package/dist/components/table/client/TableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/table/client/TableRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAoD,YAAY,EAAE,MAAM,OAAO,CAAC;AAK5F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,GAAG,IAAI,CAyGlE;yBAzGe,QAAQ"}