@undevy-org/tablewright 0.1.0

package/dist/es/components/ui/dialog.js

@@ -0,0 +1,80 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+import { STYLE_SCOPE } from "../../lib/style-scope.js";
+import { usePortalContainer } from "../../context/portal-container-context.js";
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(STYLE_SCOPE, "fixed inset-0 z-50 bg-[var(--overlay-scrim)]", className),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => {
+  const container = usePortalContainer();
+  return /* @__PURE__ */ jsxs(DialogPortal, { container, children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          STYLE_SCOPE,
+          "fixed left-1/2 top-1/2 z-50 w-full max-w-[var(--size-dialog-md)] -translate-x-1/2 -translate-y-1/2 rounded-lg bg-[var(--bg-surface)] p-6 [box-shadow:var(--shadow-dialog)]",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm text-[var(--text-tertiary)] hover:text-[var(--text-primary)]", children: [
+            /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1.5 text-left", className), ...props });
+DialogHeader.displayName = "DialogHeader";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-base font-semibold text-[var(--text-primary)]", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-xs text-[var(--text-secondary)]", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
+};

package/dist/es/components/ui/dropdown-menu.js

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+import { STYLE_SCOPE } from "../../lib/style-scope.js";
+import { usePortalContainer } from "../../context/portal-container-context.js";
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 6, ...props }, ref) => {
+  const container = usePortalContainer();
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container, children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(
+        STYLE_SCOPE,
+        "z-50 min-w-[10rem] overflow-hidden rounded-md border border-[var(--border-subtle)] bg-[var(--bg-surface)] p-1 text-[var(--text-primary)] [box-shadow:var(--shadow-menu)]",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-[13px] outline-none hover:bg-[var(--bg-hover)]",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-[13px] outline-none hover:bg-[var(--bg-hover)]",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuPortal,
+  DropdownMenuTrigger
+};

package/dist/es/components/ui/input.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+const Input = React.forwardRef(
+  ({ className, type, error, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-[var(--size-control-md)] w-full rounded-md border bg-[var(--bg-surface)] px-3 py-2 text-[13px] text-[var(--text-primary)] outline-none transition-colors placeholder:text-[var(--text-tertiary)] focus:border-[var(--border-focus)] disabled:cursor-not-allowed disabled:opacity-50",
+          error ? "border-[var(--border-danger)]" : "border-[var(--border-subtle)]",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+export {
+  Input
+};

package/dist/es/components/ui/popover.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cn } from "../../lib/utils.js";
+import { STYLE_SCOPE } from "../../lib/style-scope.js";
+import { usePortalContainer } from "../../context/portal-container-context.js";
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverAnchor = PopoverPrimitive.Anchor;
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
+  const container = usePortalContainer();
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      align,
+      sideOffset,
+      className: cn(
+        STYLE_SCOPE,
+        "z-50 w-72 rounded-lg border border-[var(--border-subtle)] bg-[var(--bg-surface)] p-4 text-[var(--text-primary)] outline-none [box-shadow:var(--shadow-menu)]",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+export {
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger
+};

package/dist/es/components/ui/segmented-control.js

@@ -0,0 +1,60 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { cn } from "../../lib/utils.js";
+const shellClasses = {
+  toolbar: "inline-flex h-[var(--size-control-md)] items-center gap-1 rounded-lg border border-[var(--border-subtle)] bg-[var(--bg-surface)] px-1 py-1"
+};
+const segmentClasses = {
+  toolbar: "rounded-md px-3 self-stretch flex items-center text-[12px] font-medium"
+};
+const activeSegmentClasses = {
+  toolbar: "bg-[var(--bg-secondary)] text-[var(--text-primary)]"
+};
+function SegmentedControl({
+  value,
+  options,
+  onValueChange,
+  variant = "toolbar",
+  label,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": label,
+      className: cn(shellClasses[variant], className),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "inline-flex self-stretch items-center gap-1", children: options.map((option) => {
+        const active = option.value === value;
+        const isIconOnly = Boolean(option.icon) && !option.label;
+        const sharedClassName = cn(
+          "inline-flex items-center justify-center whitespace-nowrap transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)] focus-visible:ring-offset-0",
+          variant === "toolbar" && isIconOnly ? "rounded-md px-2 self-stretch flex items-center text-[12px] font-medium" : segmentClasses[variant],
+          active ? activeSegmentClasses[variant] : "text-[var(--text-secondary)] hover:bg-[var(--bg-hover)] hover:text-[var(--text-primary)]"
+        );
+        const Icon = option.icon;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": active,
+            "aria-label": isIconOnly ? option.ariaLabel ?? option.value : void 0,
+            onClick: () => {
+              if (!active) {
+                onValueChange?.(option.value);
+              }
+            },
+            className: sharedClassName,
+            children: Icon ? /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }) : option.label
+          },
+          option.value
+        );
+      }) })
+    }
+  );
+}
+export {
+  SegmentedControl
+};

package/dist/es/components/ui/select.js

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, ChevronDown } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+import { STYLE_SCOPE } from "../../lib/style-scope.js";
+import { usePortalContainer } from "../../context/portal-container-context.js";
+const Select = SelectPrimitive.Root;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-[var(--size-control-md)] w-full items-center justify-between rounded-md border border-[var(--border-subtle)] bg-[var(--bg-surface)] px-3 py-2 text-[13px] text-[var(--text-primary)] outline-none placeholder:text-[var(--text-tertiary)] focus:border-[var(--border-focus)]",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-[var(--text-tertiary)]" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectContent = React.forwardRef(({ className, children, ...props }, ref) => {
+  const container = usePortalContainer();
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsx(
+    SelectPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        STYLE_SCOPE,
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--border-subtle)] bg-[var(--bg-surface)] p-1 text-[var(--text-primary)] [box-shadow:var(--shadow-menu)]",
+        className
+      ),
+      position: "popper",
+      ...props,
+      children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "p-1", children })
+    }
+  ) });
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-[13px] outline-none hover:bg-[var(--bg-hover)]",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectValue = SelectPrimitive.Value;
+export {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+};

package/dist/es/components/ui/tabs.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "../../lib/utils.js";
+const Tabs = TabsPrimitive.Root;
+const TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-auto max-w-full items-center gap-1 rounded-lg bg-[var(--bg-secondary)] p-1 text-[var(--text-secondary)]",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = React.forwardRef(({ className, children, count, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "group inline-flex shrink-0 items-center justify-center whitespace-nowrap rounded-md px-2.5 py-1.5 text-[12px] font-medium text-[var(--text-secondary)] transition-all hover:text-[var(--text-primary)] data-[state=active]:bg-[var(--bg-surface)] data-[state=active]:text-[var(--text-primary)] data-[state=active]:[box-shadow:var(--shadow-tab-active)]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("span", { children }),
+      count !== void 0 ? /* @__PURE__ */ jsx("span", { className: "inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--bg-tertiary)] px-1.5 py-0.5 text-[11px] font-semibold leading-none tabular-nums text-[var(--text-utility)] transition-colors group-data-[state=active]:bg-[var(--bg-secondary)] group-data-[state=active]:text-[var(--text-primary)]", children: count }) : null
+    ] })
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Content, { ref, className: cn("outline-none", className), ...props }));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+};

package/dist/es/components/ui/theme-switch.js

@@ -0,0 +1,47 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Sun, Moon } from "lucide-react";
+import { SegmentedControl } from "./segmented-control.js";
+const themeOptions = [
+  { value: "light", label: "Light" },
+  { value: "dark", label: "Dark" }
+];
+const themeIconOptions = [
+  { value: "light", icon: Sun, ariaLabel: "Light" },
+  { value: "dark", icon: Moon, ariaLabel: "Dark" }
+];
+function ThemeSwitch({
+  value,
+  variant = "toolbar",
+  label = "Theme",
+  onValueChange,
+  lightHref,
+  darkHref,
+  className,
+  ...props
+}) {
+  const linkMode = Boolean(lightHref && darkHref);
+  const handleValueChange = (newValue) => {
+    if (linkMode) {
+      window.location.href = newValue === "light" ? lightHref : darkHref;
+    } else {
+      onValueChange?.(newValue);
+    }
+  };
+  const isIcon = variant === "icon";
+  return /* @__PURE__ */ jsx(
+    SegmentedControl,
+    {
+      value,
+      options: isIcon ? themeIconOptions : themeOptions,
+      variant: isIcon ? "toolbar" : variant,
+      label,
+      onValueChange: handleValueChange,
+      className,
+      ...props
+    }
+  );
+}
+export {
+  ThemeSwitch
+};

package/dist/es/constants/drawer.js

@@ -0,0 +1,4 @@
+const DRAWER_SIZE = "540px";
+export {
+  DRAWER_SIZE
+};

package/dist/es/context/drawer-expand-context.js

@@ -0,0 +1,10 @@
+import { useContext, createContext } from "react";
+const DrawerExpandContext = createContext(false);
+DrawerExpandContext.displayName = "DrawerExpandContext";
+function useDrawerExpanded() {
+  return useContext(DrawerExpandContext);
+}
+export {
+  DrawerExpandContext,
+  useDrawerExpanded
+};

package/dist/es/context/portal-container-context.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const PortalContainerContext = createContext(null);
+PortalContainerContext.displayName = "PortalContainerContext";
+function usePortalContainer() {
+  return useContext(PortalContainerContext);
+}
+export {
+  PortalContainerContext,
+  usePortalContainer
+};

package/dist/es/hooks/table-orchestration-store.js

@@ -0,0 +1,165 @@
+import { createStore } from "zustand/vanilla";
+const CUSTOM_VIEW_KEY = "custom";
+const defaultValueForFilter = (cfg) => {
+  if (cfg.type === "compound") return {};
+  if (cfg.type === "enum") return [];
+  if (cfg.type === "number-range") return {};
+  if (cfg.type === "text") return [];
+  return "";
+};
+function createTableOrchestrationStore({
+  defaultViewKey,
+  initialColumnVisibility,
+  initialRowsPerPage
+}) {
+  return createStore()((set, get) => {
+    const goCustom = () => {
+      const cur = get().activeView;
+      if (cur !== CUSTOM_VIEW_KEY) {
+        set({ activeView: CUSTOM_VIEW_KEY });
+      }
+    };
+    return {
+      // ── State ────────────────────────────────────────────────────────
+      searchInput: "",
+      searchQuery: "",
+      columnFilters: [],
+      newestFilterColumnId: null,
+      requestOpenFilterId: null,
+      currentSort: null,
+      columnVisibility: initialColumnVisibility ?? {},
+      page: 1,
+      rowsPerPage: initialRowsPerPage,
+      density: "normal",
+      isRefreshing: false,
+      selectedIds: /* @__PURE__ */ new Set(),
+      activeView: defaultViewKey,
+      columnsMenuOpen: false,
+      selectedRowId: null,
+      // ── Actions ──────────────────────────────────────────────────────
+      setSearchInput: (v) => set({ searchInput: v }),
+      submitSearch: () => set((s) => ({ searchQuery: s.searchInput, page: 1 })),
+      setColumnFilters: (filters) => {
+        set({ columnFilters: filters, page: 1 });
+        goCustom();
+      },
+      addColumnFilter: (columnId, defaultValue) => {
+        set((s) => ({
+          newestFilterColumnId: columnId,
+          columnVisibility: s.columnVisibility[columnId] === false ? { ...s.columnVisibility, [columnId]: true } : s.columnVisibility,
+          columnFilters: [...s.columnFilters, { columnId, value: defaultValue }],
+          page: 1
+        }));
+        goCustom();
+      },
+      removeColumnFilter: (columnId) => {
+        set((s) => ({
+          columnFilters: s.columnFilters.filter((f) => f.columnId !== columnId),
+          page: 1
+        }));
+        goCustom();
+      },
+      changeColumnFilter: (columnId, value) => {
+        set((s) => ({
+          columnFilters: s.columnFilters.map(
+            (f) => f.columnId === columnId ? { ...f, value } : f
+          ),
+          page: 1
+        }));
+        goCustom();
+      },
+      setColumnFilter: (columnId, value) => {
+        set((s) => {
+          const exists = s.columnFilters.some((f) => f.columnId === columnId);
+          return {
+            columnVisibility: s.columnVisibility[columnId] === false ? { ...s.columnVisibility, [columnId]: true } : s.columnVisibility,
+            columnFilters: exists ? s.columnFilters.map((f) => f.columnId === columnId ? { ...f, value } : f) : [...s.columnFilters, { columnId, value }],
+            page: 1
+          };
+        });
+        goCustom();
+      },
+      setNewestFilterColumnId: (v) => set({ newestFilterColumnId: v }),
+      setRequestOpenFilterId: (v) => set({ requestOpenFilterId: v }),
+      setCurrentSort: (next) => set({ currentSort: next }),
+      toggleSort: (columnId, direction) => {
+        set((s) => {
+          const same = s.currentSort?.columnId === columnId && s.currentSort.direction === direction;
+          return { currentSort: same ? null : { columnId, direction }, page: 1 };
+        });
+        goCustom();
+      },
+      removeSort: () => {
+        set({ currentSort: null, page: 1 });
+        goCustom();
+      },
+      setColumnVisibility: (next) => set((s) => ({
+        columnVisibility: typeof next === "function" ? next(s.columnVisibility) : next
+      })),
+      hideColumn: (columnId) => set((s) => ({
+        columnVisibility: { ...s.columnVisibility, [columnId]: false }
+      })),
+      showColumns: (columnIds) => set((s) => ({
+        columnVisibility: {
+          ...s.columnVisibility,
+          ...Object.fromEntries(columnIds.map((id) => [id, true]))
+        }
+      })),
+      resetColumns: () => {
+        set({ columnVisibility: {} });
+        goCustom();
+      },
+      setPage: (p) => set({ page: p }),
+      setRowsPerPage: (n) => set({ rowsPerPage: n, page: 1 }),
+      setDensity: (v) => set({ density: v }),
+      startRefresh: (durationMs = 700) => {
+        set({ isRefreshing: true });
+        if (typeof window !== "undefined") {
+          window.setTimeout(() => set({ isRefreshing: false }), durationMs);
+        }
+      },
+      setSelectedIds: (next) => set((s) => ({
+        selectedIds: typeof next === "function" ? next(s.selectedIds) : next
+      })),
+      toggleRowSelection: (id) => set((s) => {
+        const next = new Set(s.selectedIds);
+        if (next.has(id)) next.delete(id);
+        else next.add(id);
+        return { selectedIds: next };
+      }),
+      toggleHeaderCheck: (pageIds, allOnPageSelected) => set((s) => {
+        const next = new Set(s.selectedIds);
+        if (allOnPageSelected) pageIds.forEach((id) => next.delete(id));
+        else pageIds.forEach((id) => next.add(id));
+        return { selectedIds: next };
+      }),
+      setActiveView: (v) => set({ activeView: v }),
+      applyPreset: (preset) => set({
+        activeView: preset.key,
+        columnFilters: [...preset.filters],
+        currentSort: preset.sort,
+        columnVisibility: preset.columnVisibility ?? {},
+        page: 1,
+        newestFilterColumnId: null
+      }),
+      goCustom: () => goCustom(),
+      clearAll: (defaultKey) => set({
+        activeView: defaultKey,
+        columnFilters: [],
+        currentSort: null,
+        columnVisibility: {},
+        page: 1,
+        newestFilterColumnId: null
+      }),
+      setColumnsMenuOpen: (v) => set({ columnsMenuOpen: v }),
+      setSelectedRowId: (v) => set({ selectedRowId: v }),
+      toggleSelectedRowId: (id) => set((s) => ({
+        selectedRowId: s.selectedRowId === id ? null : id
+      }))
+    };
+  });
+}
+export {
+  createTableOrchestrationStore,
+  defaultValueForFilter
+};

package/dist/es/hooks/use-scroll-activity.js

@@ -0,0 +1,33 @@
+import { useRef, useState, useCallback, useEffect } from "react";
+function useScrollActivity(idleMs = 700) {
+  const nodeRef = useRef(null);
+  const [nodeVersion, setNodeVersion] = useState(0);
+  const ref = useCallback((nextNode) => {
+    if (nodeRef.current === nextNode) return;
+    nodeRef.current = nextNode;
+    setNodeVersion((version) => version + 1);
+  }, []);
+  useEffect(() => {
+    const node = nodeRef.current;
+    if (!node) return;
+    let idleTimeout = 0;
+    const markActive = () => {
+      node.dataset.scrolling = "true";
+      window.clearTimeout(idleTimeout);
+      idleTimeout = window.setTimeout(() => {
+        node.dataset.scrolling = "false";
+      }, idleMs);
+    };
+    node.dataset.scrolling = "false";
+    node.addEventListener("scroll", markActive, { passive: true });
+    return () => {
+      window.clearTimeout(idleTimeout);
+      node.removeEventListener("scroll", markActive);
+      delete node.dataset.scrolling;
+    };
+  }, [idleMs, nodeVersion]);
+  return ref;
+}
+export {
+  useScrollActivity
+};

package/dist/es/hooks/useRowDragOverride.js

@@ -0,0 +1,18 @@
+import { useState, useRef } from "react";
+import { useRowDrag } from "../components/data-table/hooks/use-row-drag.js";
+function useRowDragOverride(paginatedRows) {
+  const [dragOverride, setDragOverride] = useState(null);
+  const prevPaginatedRef = useRef(paginatedRows);
+  if (prevPaginatedRef.current !== paginatedRows) {
+    prevPaginatedRef.current = paginatedRows;
+    if (dragOverride !== null) {
+      setDragOverride(null);
+    }
+  }
+  const displayRows = dragOverride ?? paginatedRows;
+  const rowDrag = useRowDrag(displayRows, setDragOverride);
+  return { displayRows, rowDrag };
+}
+export {
+  useRowDragOverride
+};