@gunkin/uiify 0.0.1-alpha

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

@@ -0,0 +1,41 @@
+import type { ElementType, ReactElement } from "react";
+import { TableBody as TableBodyElement, TableCaption, TableCell, TableColumnHeader as TableColumnHeaderElement, TableHeader } from "./TableShell.js";
+import type { TableRootProps, TableRowProps, TableRowSelectOwnProps } from "./types.js";
+export type { SelectionMode, SortDescriptor } from "./types.js";
+export { TableCaption, TableCell, TableHeader };
+export declare function TableRoot<TAs extends ElementType = "table">(props: TableRootProps<TAs>): ReactElement | null;
+export declare namespace TableRoot {
+    var displayName: string;
+}
+export declare function TableBody(props: React.ComponentProps<typeof TableBodyElement>): ReactElement | null;
+export declare namespace TableBody {
+    var displayName: string;
+}
+export declare function TableRow(props: TableRowProps): ReactElement | null;
+export declare namespace TableRow {
+    var displayName: string;
+}
+export declare function TableColumnHeader(props: React.ComponentProps<typeof TableColumnHeaderElement>): ReactElement | null;
+export declare namespace TableColumnHeader {
+    var displayName: string;
+}
+export declare function TableSelectAll(): ReactElement;
+export declare namespace TableSelectAll {
+    var displayName: string;
+}
+export declare function TableRowSelect({ rowId }: TableRowSelectOwnProps): ReactElement;
+export declare namespace TableRowSelect {
+    var displayName: string;
+}
+export declare const Table: {
+    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/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAA6B,YAAY,EAAE,MAAM,OAAO,CAAC;AAQlF,OAAO,EACL,SAAS,IAAI,gBAAgB,EAC7B,YAAY,EACZ,SAAS,EACT,iBAAiB,IAAI,wBAAwB,EAC7C,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAGV,cAAc,EACd,aAAa,EACb,sBAAsB,EAEvB,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;AAIhD,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACzD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CA4DrB;yBA9De,SAAS;;;AAiEzB,wBAAgB,SAAS,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GACnD,YAAY,GAAG,IAAI,CAarB;yBAfe,SAAS;;;AAkBzB,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,GAAG,IAAI,CA2FlE;yBA3Fe,QAAQ;;;AAsGxB,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,GAC3D,YAAY,GAAG,IAAI,CAoDrB;yBAtDe,iBAAiB;;;AAyDjC,wBAAgB,cAAc,IAAI,YAAY,CAoB7C;yBApBe,cAAc;;;AAuB9B,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,sBAAsB,GAAG,YAAY,CAgB9E;yBAhBe,cAAc;;;AAmB9B,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC"}

package/dist/components/table/Table.js

@@ -0,0 +1,275 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createElement, useCallback, useMemo, useRef, useSyncExternalStore } from "react";
+import { useIsomorphicLayoutEffect } from "@gunkin/uiify/hooks";
+import { createPartContext } from "@gunkin/uiify/core";
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { RovingFocusItem, RovingFocusRoot } from "@gunkin/uiify/core/roving-focus";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+import { Checkbox } from "../checkbox/Checkbox.js";
+import {
+  TableBody as TableBodyElement,
+  TableCaption,
+  TableCell,
+  TableColumnHeader as TableColumnHeaderElement,
+  TableHeader,
+  TableRow as TableRowElement
+} from "./TableShell.js";
+import { createTableStore } from "./table-store.js";
+const [TableProvider, useTableContext] = createPartContext("Table");
+function TableRoot(props) {
+  const {
+    as,
+    render,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    defaultSelectedKeys,
+    defaultSortDescriptor,
+    onSelectionChange,
+    onSortChange,
+    selectedKeys,
+    selectionBehavior,
+    selectionMode = "none",
+    sortDescriptor,
+    ...consumerProps
+  } = props;
+  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 = useMemo(() => ({ interactive, store }), [interactive, store]);
+  const element = useRenderElement({
+    as,
+    defaultTag: "table",
+    props: {
+      ...consumerProps,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      role: interactive ? "grid" : void 0
+    },
+    render,
+    state: {}
+  });
+  return /* @__PURE__ */ jsx(TableProvider, { value: contextValue, children: element });
+}
+TableRoot.displayName = "TableRoot";
+function TableBody(props) {
+  const { interactive } = useTableContext("Body");
+  const { as: _as, render: _render, children, ...consumerProps } = props;
+  if (!interactive) {
+    return /* @__PURE__ */ jsx(TableBodyElement, { ...props });
+  }
+  return /* @__PURE__ */ jsx(RovingFocusRoot, { as: "tbody", loop: true, orientation: "both", ...consumerProps, children });
+}
+TableBody.displayName = "TableBody";
+function TableRow(props) {
+  const { disabled = false, id, as, render, ...consumerProps } = props;
+  const { interactive, store } = useTableContext("Row");
+  useIsomorphicLayoutEffect(() => store.registerRow(id), [id, store]);
+  useIsomorphicLayoutEffect(() => store.setRowDisabled(id, disabled), [id, disabled, store]);
+  const selected = useSyncExternalStore(
+    (listener) => store.subscribeRow(id, listener),
+    () => store.isRowSelected(id),
+    () => false
+  );
+  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps;
+  const handleClick = (event) => {
+    const target = event.target;
+    if (target?.closest("input, button, a, [role='checkbox']")) return;
+    store.toggleRow(id, {
+      disabled,
+      metaKey: event.metaKey || event.ctrlKey,
+      shiftKey: event.shiftKey
+    });
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === " " && interactive) {
+      event.preventDefault();
+      store.toggleRow(id, { disabled });
+    }
+  };
+  if (interactive) {
+    return createElement(RovingFocusItem, {
+      disabled,
+      id,
+      render: (renderProps) => {
+        const { onKeyDown: rovingFocusOnKeyDown, ...restRenderProps } = renderProps;
+        const rowProps2 = {
+          ...consumerProps,
+          ...restRenderProps,
+          "aria-selected": selected,
+          disabled,
+          id,
+          selected,
+          onClick: composeEventHandlers(consumerOnClick, handleClick),
+          onKeyDown: composeEventHandlers(
+            rovingFocusOnKeyDown,
+            composeEventHandlers(consumerOnKeyDown, handleKeyDown)
+          )
+        };
+        if (render) {
+          return createElement(TableRowElement, { ...rowProps2, render });
+        }
+        return createElement(TableRowElement, {
+          ...rowProps2,
+          ...as !== void 0 ? { as } : {}
+        });
+      }
+    });
+  }
+  const rowProps = {
+    ...consumerProps,
+    disabled,
+    id,
+    selected
+  };
+  if (render) {
+    return createElement(TableRowElement, { ...rowProps, render });
+  }
+  return createElement(TableRowElement, {
+    ...rowProps,
+    ...as !== void 0 ? { as } : {}
+  });
+}
+TableRow.displayName = "TableRow";
+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,
+    sortDirection: allowsSorting ? ariaSortForColumn(sortDescriptor, id) ?? null : null
+  };
+  if (allowsSorting) {
+    if (render) {
+      return /* @__PURE__ */ jsx(
+        TableColumnHeaderElement,
+        {
+          ...shared,
+          onClick: () => store.toggleSort(id),
+          render
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      TableColumnHeaderElement,
+      {
+        ...shared,
+        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";
+function TableSelectAll() {
+  const { store } = useTableContext("SelectAll");
+  const selectionState = useSyncExternalStore(
+    store.subscribeSelection,
+    store.getSelectionState,
+    () => "none"
+  );
+  const checked = selectionState === "all" ? true : selectionState === "some" ? "indeterminate" : false;
+  const handleChange = useCallback(() => store.toggleSelectAll(), [store]);
+  return /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      id: "table-select-all",
+      label: "Select all rows",
+      checked,
+      onCheckedChange: handleChange
+    }
+  );
+}
+TableSelectAll.displayName = "TableSelectAll";
+function TableRowSelect({ rowId }) {
+  const { store } = useTableContext("RowSelect");
+  const selected = useSyncExternalStore(
+    (listener) => store.subscribeRow(rowId, listener),
+    () => store.isRowSelected(rowId),
+    () => false
+  );
+  return /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      id: `table-row-${rowId}`,
+      label: "Select row",
+      checked: selected,
+      onCheckedChange: () => store.toggleRow(rowId)
+    }
+  );
+}
+TableRowSelect.displayName = "TableRowSelect";
+const Table = {
+  Body: TableBody,
+  Caption: TableCaption,
+  Cell: TableCell,
+  ColumnHeader: TableColumnHeader,
+  Header: TableHeader,
+  Root: TableRoot,
+  Row: TableRow,
+  RowSelect: TableRowSelect,
+  SelectAll: TableSelectAll
+};
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableColumnHeader,
+  TableHeader,
+  TableRoot,
+  TableRow,
+  TableRowSelect,
+  TableSelectAll
+};
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["\"use client\";\n\nimport { createElement, useCallback, useMemo, useRef, useSyncExternalStore } from \"react\";\nimport type { ElementType, KeyboardEvent, MouseEvent, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { Checkbox } from \"../checkbox/Checkbox.js\";\nimport type { CheckedState } from \"../checkbox/types.js\";\nimport {\n  TableBody as TableBodyElement,\n  TableCaption,\n  TableCell,\n  TableColumnHeader as TableColumnHeaderElement,\n  TableHeader,\n  TableRow as TableRowElement,\n} from \"./TableShell.js\";\nimport { createTableStore } from \"./table-store.js\";\nimport type {\n  SortDescriptor,\n  TableContextValue,\n  TableRootProps,\n  TableRowProps,\n  TableRowSelectOwnProps,\n  TableStore,\n} from \"./types.js\";\n\nexport type { SelectionMode, SortDescriptor } from \"./types.js\";\n\nexport { TableCaption, TableCell, TableHeader };\n\nconst [TableProvider, useTableContext] = createPartContext<TableContextValue>(\"Table\");\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    defaultSelectedKeys,\n    defaultSortDescriptor,\n    onSelectionChange,\n    onSortChange,\n    selectedKeys,\n    selectionBehavior,\n    selectionMode = \"none\",\n    sortDescriptor,\n    ...consumerProps\n  } = props as TableRootProps<\"table\">;\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 = useMemo(() => ({ interactive, store }), [interactive, store]);\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"table\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\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 function TableBody(\n  props: React.ComponentProps<typeof TableBodyElement>,\n): ReactElement | null {\n  const { interactive } = useTableContext(\"Body\");\n  const { as: _as, render: _render, children, ...consumerProps } = props;\n\n  if (!interactive) {\n    return <TableBodyElement {...props} />;\n  }\n\n  return (\n    <RovingFocusRoot as=\"tbody\" loop orientation=\"both\" {...consumerProps}>\n      {children}\n    </RovingFocusRoot>\n  );\n}\nTableBody.displayName = \"TableBody\";\n\nexport function TableRow(props: TableRowProps): ReactElement | null {\n  const { disabled = false, id, as, render, ...consumerProps } = props;\n  const { interactive, store } = useTableContext(\"Row\");\n  useIsomorphicLayoutEffect(() => store.registerRow(id), [id, store]);\n  useIsomorphicLayoutEffect(() => store.setRowDisabled(id, disabled), [id, disabled, store]);\n\n  const selected = useSyncExternalStore(\n    (listener) => store.subscribeRow(id, listener),\n    () => store.isRowSelected(id),\n    () => false,\n  );\n\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: MouseEvent<HTMLTableRowElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLTableRowElement>) => void;\n  };\n\n  const handleClick = (event: MouseEvent<HTMLTableRowElement>) => {\n    const target = event.target as HTMLElement | null;\n    if (target?.closest(\"input, button, a, [role='checkbox']\")) return;\n    store.toggleRow(id, {\n      disabled,\n      metaKey: event.metaKey || event.ctrlKey,\n      shiftKey: event.shiftKey,\n    });\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLTableRowElement>) => {\n    if (event.key === \" \" && interactive) {\n      event.preventDefault();\n      store.toggleRow(id, { disabled });\n    }\n  };\n\n  if (interactive) {\n    return createElement(RovingFocusItem, {\n      disabled,\n      id,\n      render: (renderProps: Record<string, unknown>) => {\n        // T5 — three-way nested composition. `renderProps` is RovingFocusItem's own\n        // fully-resolved props (id/aria-disabled/data-current/data-disabled/onFocus/\n        // ref/tabIndex, plus its own `onKeyDown` for arrow-key roving + typeahead).\n        // Chain innermost first: roving-focus's onKeyDown runs as the outer layer\n        // (it never calls preventDefault() for Space), then the real consumer's\n        // onKeyDown, then this row's own Space-toggle — preserving Space's today\n        // double duty as both a typeahead character and the row-toggle key.\n        const { onKeyDown: rovingFocusOnKeyDown, ...restRenderProps } = renderProps as Record<\n          string,\n          unknown\n        > & { onKeyDown?: (event: KeyboardEvent<HTMLTableRowElement>) => void };\n\n        const rowProps = {\n          ...consumerProps,\n          ...restRenderProps,\n          \"aria-selected\": selected,\n          disabled,\n          id,\n          selected,\n          onClick: composeEventHandlers(consumerOnClick, handleClick),\n          onKeyDown: composeEventHandlers(\n            rovingFocusOnKeyDown,\n            composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n          ),\n        };\n\n        if (render) {\n          return createElement(TableRowElement, { ...rowProps, render });\n        }\n        return createElement(TableRowElement, {\n          ...rowProps,\n          ...(as !== undefined ? { as } : {}),\n        });\n      },\n    });\n  }\n\n  const rowProps = {\n    ...consumerProps,\n    disabled,\n    id,\n    selected,\n  };\n\n  if (render) {\n    return createElement(TableRowElement, { ...rowProps, render });\n  }\n\n  return createElement(TableRowElement, {\n    ...rowProps,\n    ...(as !== undefined ? { as } : {}),\n  });\n}\nTableRow.displayName = \"TableRow\";\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    sortDirection: allowsSorting ? (ariaSortForColumn(sortDescriptor, id) ?? null) : null,\n  };\n\n  if (allowsSorting) {\n    if (render) {\n      return (\n        <TableColumnHeaderElement\n          {...shared}\n          onClick={() => store.toggleSort(id)}\n          render={render}\n        />\n      );\n    }\n    return (\n      <TableColumnHeaderElement\n        {...shared}\n        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\nexport function TableSelectAll(): ReactElement {\n  const { store } = useTableContext(\"SelectAll\");\n  const selectionState = useSyncExternalStore(\n    store.subscribeSelection,\n    store.getSelectionState,\n    () => \"none\" as const,\n  );\n  const checked: CheckedState =\n    selectionState === \"all\" ? true : selectionState === \"some\" ? \"indeterminate\" : false;\n\n  const handleChange = useCallback(() => store.toggleSelectAll(), [store]);\n\n  return (\n    <Checkbox\n      id=\"table-select-all\"\n      label=\"Select all rows\"\n      checked={checked}\n      onCheckedChange={handleChange}\n    />\n  );\n}\nTableSelectAll.displayName = \"TableSelectAll\";\n\nexport function TableRowSelect({ rowId }: TableRowSelectOwnProps): ReactElement {\n  const { store } = useTableContext(\"RowSelect\");\n  const selected = useSyncExternalStore(\n    (listener) => store.subscribeRow(rowId, listener),\n    () => store.isRowSelected(rowId),\n    () => false,\n  );\n\n  return (\n    <Checkbox\n      id={`table-row-${rowId}`}\n      label=\"Select row\"\n      checked={selected}\n      onCheckedChange={() => store.toggleRow(rowId)}\n    />\n  );\n}\nTableRowSelect.displayName = \"TableRowSelect\";\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  RowSelect: TableRowSelect,\n  SelectAll: TableSelectAll,\n};\n"],"mappings":"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","names":["rowProps"]}

package/dist/components/table/TableShell.d.ts

@@ -0,0 +1,20 @@
+import type { ElementType, ReactElement } from "react";
+import type { TableBodyProps, TableCaptionProps, TableCellProps, TableRowProps, TableColumnHeaderProps, TableHeaderProps, TableRootProps } from "./types.js";
+export type { SelectionMode, SortDescriptor } from "./types.js";
+export declare function TableRoot<TAs extends ElementType = "table">(props: TableRootProps<TAs>): ReactElement | null;
+export declare function TableHeader<TAs extends ElementType = "thead">(props: TableHeaderProps<TAs>): ReactElement | null;
+export declare function TableBody<TAs extends ElementType = "tbody">(props: TableBodyProps<TAs>): ReactElement | null;
+export declare function TableRow<TAs extends ElementType = "tr">(props: TableRowProps<TAs>): ReactElement | null;
+export declare function TableColumnHeader<TAs extends ElementType = "th">(props: TableColumnHeaderProps<TAs>): ReactElement | null;
+export declare function TableCell<TAs extends ElementType = "td">(props: TableCellProps<TAs>): ReactElement | null;
+export declare function TableCaption<TAs extends ElementType = "caption">(props: TableCaptionProps<TAs>): ReactElement | null;
+export declare const Table: {
+    Body: typeof TableBody;
+    Caption: typeof TableCaption;
+    Cell: typeof TableCell;
+    ColumnHeader: typeof TableColumnHeader;
+    Header: typeof TableHeader;
+    Root: typeof TableRoot;
+    Row: typeof TableRow;
+};
+//# sourceMappingURL=TableShell.d.ts.map

package/dist/components/table/TableShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableShell.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,cAAc,EACf,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEhE,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACzD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CAuBrB;AAED,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EAC3D,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CAGrB;AAED,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACzD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CASrB;AAED,wBAAgB,QAAQ,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EACrD,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,GACxB,YAAY,GAAG,IAAI,CAuBrB;AAED,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC9D,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,GACjC,YAAY,GAAG,IAAI,CA0BrB;AAED,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EACtD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CASrB;AAED,wBAAgB,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,SAAS,EAC9D,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,GAAG,IAAI,CASrB;AAED,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC"}

package/dist/components/table/TableShell.js

@@ -0,0 +1,127 @@
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function TableRoot(props) {
+  const {
+    as,
+    render,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    defaultSortDescriptor: _defaultSortDescriptor,
+    sortDescriptor: _sortDescriptor,
+    ...consumerProps
+  } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "table",
+    props: {
+      ...consumerProps,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "data-uiify-table": ""
+    },
+    render,
+    state: {}
+  });
+}
+function TableHeader(props) {
+  const { as, render, ...consumerProps } = props;
+  return useRenderElement({ as, defaultTag: "thead", props: consumerProps, render, state: {} });
+}
+function TableBody(props) {
+  const { as, render, children, ...consumerProps } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "tbody",
+    props: { ...consumerProps, children },
+    render,
+    state: {}
+  });
+}
+function TableRow(props) {
+  const {
+    as,
+    render,
+    disabled = false,
+    id,
+    selected = false,
+    ...consumerProps
+  } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "tr",
+    props: {
+      ...consumerProps,
+      "data-disabled": disabled ? "" : void 0,
+      "data-selected": selected ? "" : void 0,
+      "data-state": selected ? "selected" : void 0,
+      id
+    },
+    render,
+    state: { selected }
+  });
+}
+function TableColumnHeader(props) {
+  const {
+    as,
+    render,
+    allowsSorting = false,
+    children,
+    id,
+    onClick,
+    sortDirection,
+    ...consumerProps
+  } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "th",
+    props: {
+      ...consumerProps,
+      "aria-sort": allowsSorting ? sortDirection ?? "none" : void 0,
+      onClick,
+      scope: "col",
+      children,
+      id
+    },
+    render,
+    state: {}
+  });
+}
+function TableCell(props) {
+  const { as, render, children, ...consumerProps } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "td",
+    props: { ...consumerProps, children },
+    render,
+    state: {}
+  });
+}
+function TableCaption(props) {
+  const { as, render, children, ...consumerProps } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "caption",
+    props: { ...consumerProps, children },
+    render,
+    state: {}
+  });
+}
+const Table = {
+  Body: TableBody,
+  Caption: TableCaption,
+  Cell: TableCell,
+  ColumnHeader: TableColumnHeader,
+  Header: TableHeader,
+  Root: TableRoot,
+  Row: TableRow
+};
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableColumnHeader,
+  TableHeader,
+  TableRoot,
+  TableRow
+};
+//# sourceMappingURL=TableShell.js.map

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

@@ -0,0 +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":[]}

package/dist/components/table/index.d.ts

@@ -0,0 +1,3 @@
+export { Table, TableBody, TableCaption, TableCell, TableColumnHeader, TableHeader, TableRoot, TableRow, TableSelectAll as SelectAll, TableRowSelect as RowSelect, } from "./Table.js";
+export type { TableBodyProps, TableCaptionProps, TableCellProps, TableColumnHeaderOwnProps, TableColumnHeaderProps, TableContextValue, TableInteractiveRootOwnProps, TableHeaderProps, TableRowSelectOwnProps, TableRowOwnProps, TableRowProps, TableStore, TableStoreOptions, TableRootProps, SelectionMode, SortDescriptor, SortDirection, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAc,IAAI,SAAS,EAC3B,cAAc,IAAI,SAAS,GAC5B,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,yBAAyB,EACzB,sBAAsB,EACtB,iBAAiB,EACjB,4BAA4B,EAC5B,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,cAAc,EACd,aAAa,GACd,MAAM,YAAY,CAAC"}

package/dist/components/table/index.js

@@ -0,0 +1,25 @@
+import {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableColumnHeader,
+  TableHeader,
+  TableRoot,
+  TableRow,
+  TableSelectAll,
+  TableRowSelect
+} from "./Table.js";
+export {
+  TableRowSelect as RowSelect,
+  TableSelectAll as SelectAll,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableColumnHeader,
+  TableHeader,
+  TableRoot,
+  TableRow
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/table/index.ts"],"sourcesContent":["export {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableColumnHeader,\n  TableHeader,\n  TableRoot,\n  TableRow,\n  TableSelectAll as SelectAll,\n  TableRowSelect as RowSelect,\n} from \"./Table.js\";\nexport type {\n  TableBodyProps,\n  TableCaptionProps,\n  TableCellProps,\n  TableColumnHeaderOwnProps,\n  TableColumnHeaderProps,\n  TableContextValue,\n  TableInteractiveRootOwnProps,\n  TableHeaderProps,\n  TableRowSelectOwnProps,\n  TableRowOwnProps,\n  TableRowProps,\n  TableStore,\n  TableStoreOptions,\n  TableRootProps,\n  SelectionMode,\n  SortDescriptor,\n  SortDirection,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACkB;AAAA,EACA;AAAA,OACb;","names":[]}

package/dist/components/table/table-store.d.ts

@@ -0,0 +1,3 @@
+import type { TableStore, TableStoreOptions } from "./types.js";
+export declare function createTableStore(options?: TableStoreOptions): TableStore;
+//# sourceMappingURL=table-store.d.ts.map

package/dist/components/table/table-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-store.d.ts","sourceRoot":"","sources":["../../../src/components/table/table-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,UAAU,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEhF,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,iBAAsB,GAAG,UAAU,CA4L5E"}