@adapttable/unstyled 0.1.0

package/dist/index.cjs

@@ -0,0 +1,2473 @@
+'use strict';
+
+var core = require('@adapttable/core');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var reactDom = require('react-dom');
+
+// src/components/AutoFilterForm.tsx
+var FIELD_PART = "filter-field";
+var LABEL_PART = "filter-label";
+function asText(value) {
+  return String(value ?? "");
+}
+function selectedValues(value) {
+  if (Array.isArray(value)) return value;
+  if (value == null || value === "") return [];
+  return [String(value)];
+}
+function GroupField({
+  caption,
+  classNames,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "fieldset",
+    {
+      "data-adapttable-part": FIELD_PART,
+      className: classNames.filterField,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "legend",
+          {
+            "data-adapttable-part": LABEL_PART,
+            className: classNames.filterLabel,
+            children: caption
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function BagInput({
+  source,
+  stateKey,
+  type,
+  placeholder,
+  classNames
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type,
+      placeholder,
+      "data-adapttable-part": "filter-input",
+      className: classNames.filterInput,
+      value: asText(source.extra[stateKey]),
+      onChange: (e) => source.setExtra(stateKey, e.currentTarget.value)
+    }
+  );
+}
+function TextField({
+  def,
+  source,
+  classNames
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-adapttable-part": FIELD_PART, className: classNames.filterField, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "data-adapttable-part": LABEL_PART,
+        className: classNames.filterLabel,
+        children: core.filterLabel(def)
+      }
+    ),
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx(
+      BagInput,
+      {
+        source,
+        stateKey: def.key,
+        type: "text",
+        placeholder: def.placeholder,
+        classNames
+      }
+    )
+  ] });
+}
+function SelectField({
+  def,
+  source,
+  classNames
+}) {
+  const { options, loading } = core.useFilterOptions(def);
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-adapttable-part": FIELD_PART, className: classNames.filterField, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "data-adapttable-part": LABEL_PART,
+        className: classNames.filterLabel,
+        children: core.filterLabel(def)
+      }
+    ),
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "select",
+      {
+        "data-adapttable-part": "filter-select",
+        className: classNames.filterSelect,
+        value: asText(source.extra[def.key]),
+        onChange: (e) => source.setExtra(def.key, e.currentTarget.value),
+        children: loading ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "\u2026" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "All" }),
+          options.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
+        ] })
+      }
+    )
+  ] });
+}
+function MultiSelectField({
+  def,
+  source,
+  classNames
+}) {
+  const selected = selectedValues(source.extra[def.key]);
+  const { options, loading } = core.useFilterOptions(def);
+  return /* @__PURE__ */ jsxRuntime.jsx(GroupField, { caption: core.filterLabel(def), classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-adapttable-part": "filter-checkbox-group",
+      className: classNames.filterCheckboxGroup,
+      children: loading ? /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "data-adapttable-part": "filter-options-loading",
+          className: classNames.filterOptionsLoading,
+          children: "\u2026"
+        }
+      ) : options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "label",
+        {
+          "data-adapttable-part": "filter-checkbox",
+          className: classNames.filterCheckbox,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: selected.includes(option.value),
+                onChange: (e) => source.setExtra(
+                  def.key,
+                  e.currentTarget.checked ? [...selected, option.value] : selected.filter((v) => v !== option.value)
+                )
+              }
+            ),
+            " ",
+            option.label
+          ]
+        },
+        option.value
+      ))
+    }
+  ) });
+}
+function RangeValueInput({
+  type,
+  label,
+  value,
+  onValue,
+  classNames
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type,
+      style: { flex: "1 1 7rem", minWidth: "7rem" },
+      placeholder: label,
+      "aria-label": label,
+      "data-adapttable-part": "filter-input",
+      className: classNames.filterInput,
+      value,
+      onChange: (e) => onValue(e.currentTarget.value)
+    }
+  );
+}
+function RangeField({
+  def,
+  source,
+  classNames,
+  inputType,
+  suffixes,
+  labels
+}) {
+  const lowKey = def.key + suffixes.start;
+  const highKey = def.key + suffixes.end;
+  const [op, setOp] = react.useState(
+    () => core.readRangeWidget(source.extra, lowKey, highKey).op
+  );
+  const a = asText(source.extra[op === "lte" ? highKey : lowKey]);
+  const b = asText(source.extra[highKey]);
+  const write = (nextOp, nextA, nextB) => source.setExtras(core.writeRangeWidget(nextOp, nextA, nextB, lowKey, highKey));
+  const opLabelKeys = core.RANGE_OP_LABEL_KEYS[inputType];
+  return /* @__PURE__ */ jsxRuntime.jsx(GroupField, { caption: core.filterLabel(def), classNames, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "select",
+      {
+        style: { flex: "0 0 8.5rem", width: "8.5rem" },
+        "aria-label": labels.operator,
+        "data-adapttable-part": "filter-operator",
+        className: classNames.filterOperator,
+        value: op ?? "",
+        onChange: (e) => {
+          const next = core.RANGE_OPS.find((o) => o === e.currentTarget.value);
+          setOp(next);
+          write(next, a, b);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: labels.operator }),
+          core.RANGE_OPS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o, children: labels[opLabelKeys[o]] }, o))
+        ]
+      }
+    ),
+    op === "between" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RangeValueInput,
+        {
+          type: inputType,
+          label: labels.from,
+          value: a,
+          onValue: (next) => write(op, next, b),
+          classNames
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RangeValueInput,
+        {
+          type: inputType,
+          label: labels.to,
+          value: b,
+          onValue: (next) => write(op, a, next),
+          classNames
+        }
+      )
+    ] }),
+    op !== void 0 && op !== "between" && /* @__PURE__ */ jsxRuntime.jsx(
+      RangeValueInput,
+      {
+        type: inputType,
+        label: labels.value,
+        value: a,
+        onValue: (next) => write(op, next, ""),
+        classNames
+      }
+    )
+  ] }) });
+}
+function FilterField({
+  def,
+  source,
+  classNames,
+  labels
+}) {
+  switch (def.type) {
+    case "text":
+      return /* @__PURE__ */ jsxRuntime.jsx(TextField, { def, source, classNames });
+    case "select":
+      return /* @__PURE__ */ jsxRuntime.jsx(SelectField, { def, source, classNames });
+    case "multiSelect":
+      return /* @__PURE__ */ jsxRuntime.jsx(MultiSelectField, { def, source, classNames });
+    case "dateRange":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        RangeField,
+        {
+          def,
+          source,
+          classNames,
+          inputType: "date",
+          suffixes: core.RANGE_SUFFIXES.dateRange,
+          labels
+        }
+      );
+    case "numberRange":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        RangeField,
+        {
+          def,
+          source,
+          classNames,
+          inputType: "number",
+          suffixes: core.RANGE_SUFFIXES.numberRange,
+          labels
+        }
+      );
+  }
+}
+function AutoFilterForm({
+  defs,
+  source,
+  classNames = {},
+  labels
+}) {
+  const resolvedLabels = core.resolveLabels(labels);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: defs.map((def) => /* @__PURE__ */ jsxRuntime.jsx(
+    FilterField,
+    {
+      def,
+      source,
+      classNames,
+      labels: resolvedLabels
+    },
+    def.key
+  )) });
+}
+
+// src/cx.ts
+function cx(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function FilterPanel({
+  open,
+  onClose,
+  filters,
+  activeFilterCount,
+  onClearFilters,
+  labels,
+  dir = "ltr",
+  classNames
+}) {
+  const panelRef = react.useRef(null);
+  const onCloseRef = react.useRef(onClose);
+  onCloseRef.current = onClose;
+  react.useEffect(() => {
+    if (!open) return;
+    const trigger = document.activeElement;
+    panelRef.current?.focus();
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") onCloseRef.current();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+      trigger?.focus?.();
+    };
+  }, [open]);
+  if (!open) return null;
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": labels.cancel,
+          "data-adapttable-part": "filters-backdrop",
+          className: cx(
+            "adapttable-filters-backdrop",
+            classNames.filtersBackdrop
+          ),
+          onClick: onClose
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "dialog",
+        {
+          ref: panelRef,
+          open: true,
+          tabIndex: -1,
+          "aria-modal": "true",
+          "aria-label": labels.filters,
+          "data-adapttable-part": "filters-panel",
+          dir,
+          "data-dir": dir,
+          className: cx("adapttable-filters-panel", classNames.filtersPanel),
+          style: {
+            position: "fixed",
+            insetBlock: 0,
+            insetInlineEnd: 0,
+            insetInlineStart: "auto",
+            margin: 0,
+            maxHeight: "none",
+            maxWidth: "none",
+            height: "100%",
+            zIndex: 200
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "header",
+              {
+                "data-adapttable-part": "filters-header",
+                className: classNames.filtersHeader,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "h3",
+                    {
+                      "data-adapttable-part": "filters-title",
+                      className: classNames.filtersTitle,
+                      children: [
+                        labels.filters,
+                        activeFilterCount > 0 ? ` (${activeFilterCount})` : ""
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": labels.cancel,
+                      "data-adapttable-part": "filters-close",
+                      className: classNames.filtersClose,
+                      onClick: onClose,
+                      children: "\xD7"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                "data-adapttable-part": "filters-body",
+                className: classNames.filtersBody,
+                children: filters
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "footer",
+              {
+                "data-adapttable-part": "filters-footer",
+                className: classNames.filtersFooter,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => onClearFilters?.(),
+                      disabled: activeFilterCount === 0,
+                      "data-adapttable-part": "filters-clear",
+                      className: classNames.filtersClear,
+                      children: labels.clearAll
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onClose,
+                      "data-adapttable-part": "filters-done",
+                      className: classNames.filtersDone,
+                      children: labels.applyFilters
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+function FilterPopover({
+  open,
+  onClose,
+  filters,
+  activeFilterCount,
+  onClearFilters,
+  labels,
+  dir = "ltr",
+  classNames,
+  children
+}) {
+  const onCloseRef = react.useRef(onClose);
+  onCloseRef.current = onClose;
+  const rootRef = react.useRef(null);
+  const cardRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!open) return;
+    const onClick = (event) => {
+      const root = rootRef.current;
+      if (root.contains(event.target)) return;
+      if (cardRef.current?.contains(document.activeElement)) return;
+      onCloseRef.current();
+    };
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      onCloseRef.current();
+      rootRef.current?.querySelector("button")?.focus();
+    };
+    document.addEventListener("click", onClick);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("click", onClick);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [open]);
+  const side = dir === "rtl" ? { left: 0 } : { right: 0 };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      ref: rootRef,
+      "data-adapttable-part": "filters-anchor",
+      className: cx("adapttable-filters-anchor", classNames.filtersAnchor),
+      style: { position: "relative", display: "inline-flex" },
+      children: [
+        children,
+        open && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: cardRef,
+            "data-adapttable-part": "filters-popover",
+            "data-dir": dir,
+            className: cx(
+              "adapttable-filters-popover",
+              classNames.filtersPopover
+            ),
+            style: { position: "absolute", top: "100%", zIndex: 200, ...side },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "header",
+                {
+                  "data-adapttable-part": "filters-header",
+                  className: classNames.filtersHeader,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "h3",
+                      {
+                        "data-adapttable-part": "filters-title",
+                        className: classNames.filtersTitle,
+                        children: [
+                          labels.filters,
+                          activeFilterCount > 0 ? ` (${activeFilterCount})` : ""
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => onClearFilters?.(),
+                        disabled: activeFilterCount === 0,
+                        "data-adapttable-part": "filters-clear",
+                        className: classNames.filtersClear,
+                        children: labels.clearAll
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  "data-adapttable-part": "filters-body",
+                  className: classNames.filtersBody,
+                  children: filters
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function Svg({
+  size = 16,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      focusable: "false",
+      children
+    }
+  );
+}
+var SearchIcon = (p) => /* @__PURE__ */ jsxRuntime.jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "7" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 21-4.3-4.3" })
+] });
+var FiltersIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Svg, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 4h18l-7 8v6l-4 2v-8L3 4Z" }) });
+var ChevronIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Svg, { ...p, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 6 6 6-6 6" }) });
+var MENU_PANEL_STYLE = {
+  position: "absolute",
+  zIndex: 200,
+  insetInlineEnd: 0,
+  margin: 0,
+  border: 0,
+  padding: 0,
+  minInlineSize: 0
+};
+function useMenuPopover() {
+  const [open, setOpen] = react.useState(false);
+  const rootRef = react.useRef(null);
+  const triggerRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!open) return;
+    const onDown = (event) => {
+      if (!rootRef.current?.contains(event.target)) setOpen(false);
+    };
+    const onKey = (event) => {
+      if (event.key !== "Escape") return;
+      setOpen(false);
+      triggerRef.current?.focus();
+    };
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  return { open, setOpen, rootRef, triggerRef };
+}
+function SavedViewsMenu({
+  options,
+  labels,
+  classNames
+}) {
+  const { views, save, apply, remove } = core.useSavedViews(options);
+  const { open, setOpen, rootRef, triggerRef } = useMenuPopover();
+  const [name, setName] = react.useState("");
+  const trimmed = name.trim();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: rootRef,
+      "data-adapttable-part": "views-menu",
+      style: { position: "relative" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            ref: triggerRef,
+            type: "button",
+            "aria-expanded": open,
+            "aria-haspopup": "true",
+            "data-adapttable-part": "views-button",
+            "data-active": open || void 0,
+            className: classNames.viewsButton,
+            style: { flexShrink: 0, whiteSpace: "nowrap" },
+            onClick: () => setOpen((v) => !v),
+            children: labels.savedViews
+          }
+        ),
+        open && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-adapttable-part": "views-panel",
+            className: classNames.viewsPanel,
+            style: MENU_PANEL_STYLE,
+            children: [
+              views.map((view) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  style: { display: "flex", alignItems: "center" },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        "data-adapttable-part": "views-item",
+                        className: classNames.viewsItem,
+                        onClick: () => {
+                          apply(view.name);
+                          setOpen(false);
+                        },
+                        children: view.name
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": `${labels.deleteView}: ${view.name}`,
+                        "data-adapttable-part": "views-delete",
+                        className: classNames.viewsDelete,
+                        onClick: () => remove(view.name),
+                        children: "\xD7"
+                      }
+                    )
+                  ]
+                },
+                view.name
+              )),
+              /* @__PURE__ */ jsxRuntime.jsx("hr", { "data-adapttable-part": "views-divider" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    "aria-label": labels.viewName,
+                    placeholder: labels.viewName,
+                    "data-adapttable-part": "views-input",
+                    className: classNames.viewsInput,
+                    value: name,
+                    onChange: (e) => setName(e.currentTarget.value)
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: trimmed === "",
+                    "data-adapttable-part": "views-save",
+                    className: classNames.viewsSave,
+                    onClick: () => {
+                      save(trimmed);
+                      setName("");
+                    },
+                    children: labels.saveView
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function Chips({
+  chips,
+  onClearAll,
+  labels,
+  classNames
+}) {
+  if (chips.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "ul",
+    {
+      "aria-label": labels.filters,
+      "data-adapttable-part": "chips",
+      className: classNames.chips,
+      children: [
+        chips.map((chip) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "li",
+          {
+            "data-adapttable-part": "chip",
+            className: classNames.chip,
+            children: [
+              chip.label,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `${labels.clearAll}: ${chip.label}`,
+                  "data-adapttable-part": "chip-remove",
+                  className: classNames.chipRemove,
+                  onClick: chip.onRemove,
+                  children: "\xD7"
+                }
+              )
+            ]
+          },
+          chip.key
+        )),
+        /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClearAll,
+            className: classNames.chipRemove,
+            children: labels.clearAll
+          }
+        ) })
+      ]
+    }
+  );
+}
+function BulkBar({
+  selection,
+  total,
+  bulkActions,
+  confirm,
+  labels,
+  classNames
+}) {
+  const {
+    selectedIds,
+    selectedCount,
+    clear,
+    headerState,
+    visibleIds,
+    allMatching,
+    selectAllMatching
+  } = selection;
+  const { pending, run } = core.useBulkActionRunner({
+    confirm,
+    cancelLabel: labels.cancel,
+    onComplete: clear
+  });
+  if (selectedCount === 0) return null;
+  const ids = [...selectedIds];
+  const showBanner = headerState === "all" && total > visibleIds.length;
+  const scope = allMatching ? { allMatching: true, total } : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-adapttable-part": "bulk-bar", className: classNames.bulkBar, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: labels.selectedCount(selectedCount) }),
+    showBanner && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-adapttable-part": "select-all-banner",
+        className: classNames.selectAllBanner,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-adapttable-part": "select-all-text",
+              className: classNames.selectAllText,
+              children: allMatching ? labels.allMatchingSelected(total) : labels.pageSelected(visibleIds.length)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-adapttable-part": "select-all-button",
+              className: classNames.selectAllButton,
+              onClick: allMatching ? clear : selectAllMatching,
+              children: allMatching ? labels.clearAll : labels.selectAllMatching(total)
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: clear, disabled: pending !== null, children: labels.clearAll }),
+    bulkActions.map((action) => {
+      const reason = core.resolveDisabledReason(action.disabledReason?.(ids));
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          title: reason,
+          disabled: reason !== void 0 || pending !== null,
+          "data-adapttable-part": "bulk-button",
+          "data-color": action.color,
+          className: classNames.bulkButton,
+          onClick: () => run(action, ids, scope),
+          children: [
+            action.icon,
+            action.label
+          ]
+        },
+        action.key
+      );
+    })
+  ] });
+}
+function RowsPerPageSelect({
+  source,
+  labels,
+  classNames
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+    labels.rowsPerPage,
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "select",
+      {
+        "aria-label": labels.rowsPerPage,
+        "data-adapttable-part": "rows-per-page",
+        className: classNames.rowsPerPageSelect,
+        value: source.limit,
+        onChange: (e) => source.setLimit(Number(e.currentTarget.value)),
+        children: core.pageSizeOptions(source.limit).map((n) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: n, children: n }, n))
+      }
+    )
+  ] });
+}
+function Footer({
+  pagination,
+  source,
+  labels,
+  classNames
+}) {
+  const { safePage, totalPages, fromIndex, toIndex } = pagination;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-adapttable-part": "footer", className: classNames.footer, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      RowsPerPageSelect,
+      {
+        source,
+        labels,
+        classNames
+      }
+    ),
+    source.total > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { children: labels.showing({
+      from: fromIndex,
+      to: toIndex,
+      total: source.total
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: labels.pageOf({ page: safePage, total: totalPages }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": labels.previousPage,
+        "data-adapttable-part": "page-prev",
+        className: classNames.pageButton,
+        disabled: safePage <= 1,
+        onClick: () => source.setPage(safePage - 1),
+        children: "\u2039"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": labels.nextPage,
+        "data-adapttable-part": "page-next",
+        className: classNames.pageButton,
+        disabled: safePage >= totalPages,
+        onClick: () => source.setPage(safePage + 1),
+        children: "\u203A"
+      }
+    )
+  ] });
+}
+function ErrorState({
+  error,
+  labels,
+  onRetry,
+  classNames
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", "data-adapttable-part": "error", className: classNames.error, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: labels.errorTitle }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { children: labels.errorMessage }),
+    /* @__PURE__ */ jsxRuntime.jsx("small", { children: error.message }),
+    onRetry && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onRetry,
+        "data-adapttable-part": "retry",
+        className: classNames.retryButton,
+        children: labels.retry
+      }
+    )
+  ] });
+}
+function loadingLineWidth(column, total) {
+  if (column === 0) return "70%";
+  if (column === total - 1) return "42%";
+  return "55%";
+}
+function LoadingState({
+  rows,
+  columns,
+  variant,
+  labels,
+  classNames,
+  hasActions = false
+}) {
+  const rowKeys = Array.from({ length: rows }, (_, i) => i);
+  const dataColumns = Math.max(columns, 1);
+  const columnCount = dataColumns + (hasActions ? 1 : 0);
+  const columnKeys = Array.from({ length: columnCount }, (_, i) => i);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-busy": "true",
+      "aria-live": "polite",
+      "data-adapttable-part": "loading",
+      className: cx(classNames.loading),
+      children: [
+        variant === "table" ? /* @__PURE__ */ jsxRuntime.jsxs("table", { "data-adapttable-part": "loading-table", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { "data-adapttable-part": "loading-header-row", children: columnKeys.map((column) => /* @__PURE__ */ jsxRuntime.jsx("th", { "data-adapttable-part": "loading-header-cell", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-adapttable-part": "loading-line",
+              style: { width: loadingLineWidth(column, columnCount) }
+            }
+          ) }, column)) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rowKeys.map((row) => /* @__PURE__ */ jsxRuntime.jsx("tr", { "data-adapttable-part": "loading-row", children: columnKeys.map((column) => /* @__PURE__ */ jsxRuntime.jsx("td", { "data-adapttable-part": "loading-cell", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-adapttable-part": "loading-line",
+              style: {
+                width: loadingLineWidth(column, columnCount)
+              }
+            }
+          ) }, column)) }, row)) })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { "data-adapttable-part": "loading-cards", children: rowKeys.map((row) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-adapttable-part": "loading-card", children: columnKeys.slice(0, Math.min(4, columnKeys.length)).map((column) => /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-adapttable-part": "loading-line",
+            style: {
+              width: loadingLineWidth(column, columnKeys.length)
+            }
+          },
+          column
+        )) }, row)) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "adapttable-sr-only", children: labels.loading })
+      ]
+    }
+  );
+}
+function VisibilityToggle({
+  hidden,
+  name,
+  labels,
+  classNames,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "data-adapttable-part": "column-menu-visibility",
+      "data-active": !hidden || void 0,
+      "aria-pressed": !hidden,
+      "aria-label": `${hidden ? labels.showColumn : labels.hideColumn}: ${name}`,
+      className: classNames.columnMenuVisibility,
+      onClick: onToggle,
+      children: /* @__PURE__ */ jsxRuntime.jsx(core.EyeIcon, { off: hidden })
+    }
+  );
+}
+function RowName({
+  hidden,
+  name,
+  classNames
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-adapttable-part": "column-menu-label",
+      "data-hidden": hidden || void 0,
+      className: classNames.columnMenuLabel,
+      children: name
+    }
+  );
+}
+function PinToggle({
+  active,
+  actionLabel,
+  classNames,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "data-adapttable-part": "column-menu-pin",
+      "data-active": active || void 0,
+      "aria-pressed": active,
+      "aria-label": actionLabel,
+      className: classNames.columnMenuPin,
+      onClick,
+      children: /* @__PURE__ */ jsxRuntime.jsx(core.PinIcon, {})
+    }
+  );
+}
+function ColumnMenuRowItem({
+  row,
+  layout,
+  labels,
+  classNames,
+  drag
+}) {
+  const { key, name, hidden, pinned, index } = row;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-adapttable-part": "column-menu-item",
+      "data-hidden": hidden || void 0,
+      "data-pinned": pinned,
+      className: classNames.columnMenuItem,
+      style: { cursor: "grab" },
+      ...drag.rowDragProps(key, index),
+      ...drag.dropProps(index, layout.move),
+      ...drag.rowAttrs(key, index),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-adapttable-part": "column-menu-grip",
+            className: classNames.columnMenuGrip,
+            ...core.columnReorderKeyProps(
+              key,
+              index,
+              layout.move,
+              `${labels.moveLeft} / ${labels.moveRight}: ${name}`
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(core.GripIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          VisibilityToggle,
+          {
+            hidden,
+            name,
+            labels,
+            classNames,
+            onToggle: () => layout.toggleVisible(key)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(RowName, { hidden, name, classNames }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          PinToggle,
+          {
+            active: pinned !== void 0,
+            actionLabel: `${core.pinActionLabel(pinned, labels)}: ${name}`,
+            classNames,
+            onClick: () => layout.setPinned(key, core.nextPinSide(pinned))
+          }
+        )
+      ]
+    }
+  );
+}
+function ActionsMenuRowItem({
+  layout,
+  labels,
+  classNames
+}) {
+  const hidden = layout.isHidden(core.ACTIONS_COLUMN_KEY);
+  const pinned = layout.state.pinned[core.ACTIONS_COLUMN_KEY] !== void 0;
+  const name = labels.actions;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-adapttable-part": "column-menu-item",
+      "data-actions": "",
+      "data-hidden": hidden || void 0,
+      "data-pinned": pinned ? "right" : void 0,
+      className: classNames.columnMenuItem,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          VisibilityToggle,
+          {
+            hidden,
+            name,
+            labels,
+            classNames,
+            onToggle: () => layout.toggleVisible(core.ACTIONS_COLUMN_KEY)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(RowName, { hidden, name, classNames }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          PinToggle,
+          {
+            active: pinned,
+            actionLabel: `${pinned ? labels.unpin : labels.pinRight}: ${name}`,
+            classNames,
+            onClick: () => layout.setPinned(core.ACTIONS_COLUMN_KEY, pinned ? void 0 : "right")
+          }
+        )
+      ]
+    }
+  );
+}
+function ColumnMenu({
+  allColumns,
+  layout,
+  labels,
+  classNames,
+  hasRowActions
+}) {
+  const drag = core.useColumnDragState();
+  const { open, setOpen, rootRef, triggerRef } = useMenuPopover();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: rootRef,
+      "data-adapttable-part": "column-menu",
+      className: classNames.columnMenu,
+      style: { position: "relative" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            ref: triggerRef,
+            type: "button",
+            "aria-expanded": open,
+            "aria-haspopup": "true",
+            "data-adapttable-part": "column-menu-button",
+            "data-active": open || void 0,
+            className: classNames.columnMenuButton,
+            style: { flexShrink: 0, whiteSpace: "nowrap" },
+            onClick: () => setOpen((v) => !v),
+            children: labels.columns
+          }
+        ),
+        open && /* @__PURE__ */ jsxRuntime.jsxs(
+          "fieldset",
+          {
+            "aria-label": labels.columns,
+            "data-adapttable-part": "column-menu-panel",
+            className: classNames.columnMenuPanel,
+            style: MENU_PANEL_STYLE,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  "data-adapttable-part": "column-menu-header",
+                  className: classNames.columnMenuHeader,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      "data-adapttable-part": "column-menu-title",
+                      className: classNames.columnMenuTitle,
+                      children: labels.columns
+                    }
+                  )
+                }
+              ),
+              core.columnMenuRows(allColumns, layout).map((row) => /* @__PURE__ */ jsxRuntime.jsx(
+                ColumnMenuRowItem,
+                {
+                  row,
+                  layout,
+                  labels,
+                  classNames,
+                  drag
+                },
+                row.key
+              )),
+              hasRowActions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "hr",
+                  {
+                    "data-adapttable-part": "column-menu-separator",
+                    className: classNames.columnMenuSeparator
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ActionsMenuRowItem,
+                  {
+                    layout,
+                    labels,
+                    classNames
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-adapttable-part": "column-menu-reset",
+                  className: cx(classNames.columnMenuReset),
+                  onClick: () => layout.reset(),
+                  children: labels.resetColumns
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var RESIZE_HANDLE_STYLE = {
+  position: "absolute",
+  insetInlineEnd: 0,
+  top: 0,
+  height: "100%",
+  width: 8,
+  cursor: "col-resize",
+  touchAction: "none",
+  userSelect: "none"
+};
+var SELECTION_WIDTH = 44;
+var ACTIONS_WIDTH = 120;
+function scrollBoxStyle(maxHeight, scrollX) {
+  if (maxHeight != null) {
+    return { maxHeight, overflowX: "auto", overflowY: "auto" };
+  }
+  return scrollX ? { overflowX: "auto" } : void 0;
+}
+function RowActionButtons({
+  row,
+  actions,
+  confirm,
+  cancelLabel,
+  classNames
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: actions.map((action) => {
+    if (action.isHidden?.(row)) return null;
+    const reason = core.resolveDisabledReason(action.disabledReason?.(row));
+    const disabled = reason !== void 0 || (action.isDisabled?.(row) ?? false);
+    const handleClick = disabled ? void 0 : (e) => {
+      e.stopPropagation();
+      core.runRowAction(action, row, confirm, cancelLabel);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        disabled,
+        title: reason,
+        "aria-label": action.label,
+        "data-adapttable-part": "action-button",
+        "data-color": action.color,
+        className: classNames.actionButton,
+        onClick: handleClick,
+        children: action.icon ?? action.label
+      },
+      action.key
+    );
+  }) });
+}
+function ExpandButton({
+  expanded,
+  labels,
+  classNames,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "data-adapttable-part": "expand-button",
+      "data-expanded": expanded ? "" : void 0,
+      className: classNames.expandButton,
+      "aria-expanded": expanded,
+      "aria-label": expanded ? labels.collapseRow : labels.expandRow,
+      onClick: onToggle,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { size: 14 })
+    }
+  );
+}
+function desktopRowPropsEqual(prev, next) {
+  return prev.row === next.row && prev.index === next.index && prev.id === next.id && prev.selected === next.selected && prev.expanded === next.expanded && prev.columns === next.columns && prev.labels === next.labels && prev.classNames === next.classNames && prev.showActions === next.showActions && prev.rowActions === next.rowActions && prev.columnSpan === next.columnSpan && prev.columnWidths === next.columnWidths && prev.pinSignature === next.pinSignature && prev.hasLeftPin === next.hasLeftPin && prev.hasRightPin === next.hasRightPin && prev.actionsPinned === next.actionsPinned && prev.rowClass === next.rowClass && prev.clickable === next.clickable && prev.hasPrefetch === next.hasPrefetch;
+}
+function DesktopRowBase(props) {
+  const {
+    row,
+    index,
+    id,
+    table,
+    columns,
+    labels,
+    classNames,
+    selected,
+    expanded,
+    showActions,
+    rowActions,
+    confirm,
+    columnSpan,
+    pinOffset,
+    hasLeftPin,
+    hasRightPin,
+    actionsPinned,
+    rowClass,
+    clickable,
+    hasPrefetch,
+    onRowClick,
+    onPrefetch,
+    onToggleSelect,
+    onToggleExpand,
+    renderDetail,
+    measureElement
+  } = props;
+  const expandable = expanded !== void 0;
+  const leads = {
+    left: selected === void 0 ? 0 : SELECTION_WIDTH,
+    right: showActions ? ACTIONS_WIDTH : 0
+  };
+  const bodyPinStyle = (key) => core.pinnedCellStyle(pinOffset?.(key), core.PIN_Z.body, leads);
+  const rowProps = { ...table.getRowProps(row, index) };
+  delete rowProps.key;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "tr",
+      {
+        ...rowProps,
+        ...core.rowClickProps(row, clickable ? onRowClick : void 0),
+        ref: measureElement,
+        "data-adapttable-part": "row",
+        "data-selected": selected ? "" : void 0,
+        "data-clickable": clickable ? "" : void 0,
+        className: cx(classNames.row, rowClass),
+        onMouseEnter: hasPrefetch ? () => onPrefetch(row) : void 0,
+        children: [
+          expandable && /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              "data-adapttable-part": "expand-cell",
+              className: classNames.expandCell,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                ExpandButton,
+                {
+                  expanded,
+                  labels,
+                  classNames,
+                  onToggle: () => onToggleExpand(id)
+                }
+              )
+            }
+          ),
+          selected !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              "data-adapttable-part": "selection-cell",
+              "data-pinned": hasLeftPin ? "left" : void 0,
+              style: core.edgePinStyle("left", hasLeftPin, core.PIN_Z.body),
+              className: cx(classNames.cell, classNames.selectionCell),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  "aria-label": labels.selectRow,
+                  checked: selected,
+                  onChange: () => onToggleSelect(id),
+                  className: classNames.checkbox
+                }
+              )
+            }
+          ),
+          columns.map((column) => {
+            const pinStyle = bodyPinStyle(column.key);
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "td",
+              {
+                ...table.getCellProps(column, pinStyle && { style: pinStyle }),
+                "data-adapttable-part": "cell",
+                "data-pinned": pinOffset?.(column.key)?.side,
+                className: classNames.cell,
+                children: column.Cell ? /* @__PURE__ */ jsxRuntime.jsx(column.Cell, { row, rowIndex: index }) : column.accessor?.(row)
+              },
+              column.key
+            );
+          }),
+          showActions && /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              "data-adapttable-part": "actions-cell",
+              "data-pinned": hasRightPin || actionsPinned ? "right" : void 0,
+              style: core.edgePinStyle(
+                "right",
+                hasRightPin || actionsPinned,
+                core.PIN_Z.body
+              ),
+              className: cx(classNames.cell, classNames.actionsCell),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                RowActionButtons,
+                {
+                  row,
+                  actions: rowActions,
+                  confirm,
+                  cancelLabel: labels.cancel,
+                  classNames
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    expandable && expanded && /* @__PURE__ */ jsxRuntime.jsx("tr", { "data-adapttable-part": "detail-row", className: classNames.detailRow, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "td",
+      {
+        colSpan: columnSpan,
+        "data-adapttable-part": "detail-cell",
+        className: classNames.detailCell,
+        children: renderDetail(row)
+      }
+    ) })
+  ] });
+}
+function createDesktopRow() {
+  return react.memo(DesktopRowBase, desktopRowPropsEqual);
+}
+function DesktopTable({
+  table,
+  rows,
+  rowActions,
+  confirm,
+  getRowId,
+  classNames,
+  prefetch,
+  onRowClick,
+  rowClassName,
+  renderRowDetail,
+  summaryRow,
+  expansion,
+  rowEntries,
+  paddingTop = 0,
+  paddingBottom = 0,
+  measureElement,
+  stickyHeader = false,
+  stickyTop = 0,
+  pinOffset,
+  maxHeight,
+  virtualScrollRef,
+  setWidth,
+  columnWidths,
+  resizeLabel = "Resize column",
+  actionsPinned = false
+}) {
+  const { columns, selection, labels, showActions, entries, columnSpan } = core.tableRenderModel({
+    table,
+    rows,
+    rowActions,
+    getRowId,
+    rowEntries,
+    renderRowDetail,
+    expansion
+  });
+  const stickActions = showActions && actionsPinned;
+  const expansionState = renderRowDetail ? expansion : void 0;
+  const expandable = expansionState !== void 0;
+  const live = react.useRef({
+    selection,
+    expansion: expansionState,
+    onRowClick,
+    prefetch,
+    renderRowDetail
+  });
+  live.current = {
+    selection,
+    expansion: expansionState,
+    onRowClick,
+    prefetch,
+    renderRowDetail
+  };
+  const onToggleSelect = react.useCallback(
+    (id) => live.current.selection?.toggle(id),
+    []
+  );
+  const onToggleExpand = react.useCallback(
+    (id) => live.current.expansion?.toggle(id),
+    []
+  );
+  const handleRowClick = react.useCallback(
+    (row) => live.current.onRowClick?.(row),
+    []
+  );
+  const handlePrefetch = react.useCallback(
+    (row) => live.current.prefetch?.(row),
+    []
+  );
+  const renderDetail = react.useCallback(
+    (row) => live.current.renderRowDetail?.(row),
+    []
+  );
+  const Row = react.useMemo(() => createDesktopRow(), []);
+  const { ref: overflowRef, overflowing } = core.useHorizontalOverflow();
+  const hasPinned = columns.some((c) => pinOffset?.(c.key) != null) || stickActions;
+  const inScrollBox = maxHeight != null || hasPinned || overflowing;
+  const stickyStyle = stickyHeader ? {
+    position: "sticky",
+    top: inScrollBox ? 0 : stickyTop,
+    zIndex: core.PIN_Z.header
+  } : void 0;
+  const stickyAttr = stickyHeader || void 0;
+  const leads = {
+    left: selection ? SELECTION_WIDTH : 0,
+    right: showActions ? ACTIONS_WIDTH : 0
+  };
+  const hasLeftPin = columns.some((c) => pinOffset?.(c.key)?.side === "left");
+  const hasRightPin = columns.some((c) => pinOffset?.(c.key)?.side === "right");
+  const pinSignature = columns.map((c) => {
+    const pin = pinOffset?.(c.key);
+    return pin ? `${c.key}:${pin.side}:${pin.inset}` : "";
+  }).join("|");
+  const headPinStyle = (key) => core.pinnedCellStyle(pinOffset?.(key), core.PIN_Z.headerPinned, leads);
+  const headStyle = (column) => {
+    const key = column.key;
+    const pin = headPinStyle(key);
+    const width = pin ? core.pinnedColumnWidth(column, columnWidths) : columnWidths?.[key];
+    if (!stickyStyle && !pin && width == null && !setWidth) return void 0;
+    const merged = {
+      ...stickyStyle,
+      ...pin,
+      ...width != null && { width }
+    };
+    if (setWidth && !merged.position) merged.position = "relative";
+    return merged;
+  };
+  const edgeHeadStyle = (side, active) => {
+    const edge = core.edgePinStyle(side, active, core.PIN_Z.headerPinned);
+    if (!stickyStyle && !edge) return void 0;
+    return { ...stickyStyle, ...edge };
+  };
+  const columnName = (column) => typeof column.header === "string" ? column.header : column.key;
+  const minWidth = core.tableMinWidth(columns, {
+    widths: columnWidths,
+    extra: (selection ? SELECTION_WIDTH : 0) + (showActions ? ACTIONS_WIDTH : 0)
+  });
+  const groups = core.headerGroupRow(columns);
+  const summary = summaryRow?.(rows);
+  const groupPad = /* @__PURE__ */ jsxRuntime.jsx("th", { "data-adapttable-part": "group-cell", className: classNames.groupCell });
+  const summaryPad = /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      "data-adapttable-part": "summary-cell",
+      className: classNames.summaryCell
+    }
+  );
+  const tableEl = /* @__PURE__ */ jsxRuntime.jsxs(
+    "table",
+    {
+      ...table.getTableProps(),
+      "data-adapttable-part": "table",
+      className: classNames.table,
+      style: minWidth > 0 ? { minWidth } : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("thead", { "data-adapttable-part": "thead", className: classNames.thead, children: [
+          groups && /* @__PURE__ */ jsxRuntime.jsxs("tr", { "data-adapttable-part": "group-row", className: classNames.groupRow, children: [
+            expandable && groupPad,
+            selection && groupPad,
+            groups.map((group) => /* @__PURE__ */ jsxRuntime.jsx(
+              "th",
+              {
+                colSpan: group.span,
+                "data-adapttable-part": "group-cell",
+                className: classNames.groupCell,
+                children: group.label
+              },
+              group.key
+            )),
+            showActions && groupPad
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "tr",
+            {
+              ...table.getHeaderRowProps(),
+              "data-adapttable-part": "header-row",
+              className: classNames.headerRow,
+              children: [
+                expandable && /* @__PURE__ */ jsxRuntime.jsx(
+                  "th",
+                  {
+                    "aria-label": labels.expandRow,
+                    "data-adapttable-part": "expand-header",
+                    "data-sticky": stickyAttr,
+                    style: stickyStyle,
+                    className: cx(classNames.headerCell, classNames.expandHeader)
+                  }
+                ),
+                selection && /* @__PURE__ */ jsxRuntime.jsx(
+                  "th",
+                  {
+                    "data-adapttable-part": "selection-header",
+                    "data-sticky": stickyAttr,
+                    "data-pinned": hasLeftPin ? "left" : void 0,
+                    style: edgeHeadStyle("left", hasLeftPin),
+                    className: cx(classNames.headerCell, classNames.selectionCell),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        "aria-label": labels.selectAll,
+                        checked: selection.headerState === "all",
+                        ref: (el) => {
+                          if (el) el.indeterminate = selection.headerState === "some";
+                        },
+                        onChange: selection.toggleAll,
+                        className: classNames.checkbox
+                      }
+                    )
+                  }
+                ),
+                columns.map((column) => {
+                  const localStyle = headStyle(column);
+                  const headerProps = table.getHeaderCellProps(
+                    column,
+                    localStyle && { style: localStyle }
+                  );
+                  const active = table.sortBy === column.key;
+                  const sortButtonProps = table.getSortButtonProps(column);
+                  const sortIndex = sortButtonProps["data-sort-index"];
+                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                    "th",
+                    {
+                      ...headerProps,
+                      "data-adapttable-part": "header-cell",
+                      "data-sorted": active ? table.sortDir : void 0,
+                      "data-sticky": stickyAttr,
+                      "data-pinned": pinOffset?.(column.key)?.side,
+                      className: classNames.headerCell,
+                      children: [
+                        column.sortable ? /* @__PURE__ */ jsxRuntime.jsxs(
+                          "button",
+                          {
+                            ...sortButtonProps,
+                            "data-adapttable-part": "sort-button",
+                            className: classNames.sortButton,
+                            children: [
+                              column.header,
+                              typeof sortIndex === "number" && /* @__PURE__ */ jsxRuntime.jsx(
+                                "span",
+                                {
+                                  "data-adapttable-part": "sort-index",
+                                  className: classNames.sortIndex,
+                                  children: sortIndex
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": true, children: [
+                                " ",
+                                sortGlyph(active, table.sortDir)
+                              ] })
+                            ]
+                          }
+                        ) : column.header,
+                        setWidth && /* @__PURE__ */ jsxRuntime.jsx(
+                          "span",
+                          {
+                            ...core.columnResizeHandleProps(
+                              column.key,
+                              setWidth,
+                              `${resizeLabel}: ${columnName(column)}`
+                            ),
+                            "data-adapttable-part": "resize-handle",
+                            className: classNames.resizeHandle,
+                            style: RESIZE_HANDLE_STYLE
+                          }
+                        )
+                      ]
+                    },
+                    column.key
+                  );
+                }),
+                showActions && /* @__PURE__ */ jsxRuntime.jsx(
+                  "th",
+                  {
+                    "data-adapttable-part": "actions-header",
+                    "data-sticky": stickyAttr,
+                    "data-pinned": hasRightPin || stickActions ? "right" : void 0,
+                    style: edgeHeadStyle("right", hasRightPin || stickActions),
+                    className: cx(classNames.headerCell, classNames.actionsCell),
+                    children: labels.actions
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("tbody", { "data-adapttable-part": "tbody", className: classNames.tbody, children: [
+          paddingTop > 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              colSpan: columnSpan,
+              style: { height: paddingTop, padding: 0 }
+            }
+          ) }),
+          entries.map(({ row, index, key }) => {
+            const id = getRowId(row);
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              Row,
+              {
+                row,
+                index,
+                id,
+                table,
+                columns,
+                labels,
+                classNames,
+                selected: selection ? selection.isSelected(id) : void 0,
+                expanded: expansionState ? expansionState.isExpanded(id) : void 0,
+                showActions,
+                rowActions,
+                confirm,
+                columnSpan,
+                columnWidths,
+                pinOffset,
+                pinSignature,
+                hasLeftPin,
+                hasRightPin,
+                actionsPinned: stickActions,
+                rowClass: rowClassName?.(row, index),
+                clickable: Boolean(onRowClick),
+                hasPrefetch: Boolean(prefetch),
+                onRowClick: handleRowClick,
+                onPrefetch: handlePrefetch,
+                onToggleSelect,
+                onToggleExpand,
+                renderDetail,
+                measureElement
+              },
+              key
+            );
+          }),
+          paddingBottom > 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              colSpan: columnSpan,
+              style: { height: paddingBottom, padding: 0 }
+            }
+          ) })
+        ] }),
+        summary && /* @__PURE__ */ jsxRuntime.jsx("tfoot", { "data-adapttable-part": "summary", className: classNames.summary, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "tr",
+          {
+            "data-adapttable-part": "summary-row",
+            className: classNames.summaryRow,
+            children: [
+              expandable && summaryPad,
+              selection && summaryPad,
+              columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
+                "td",
+                {
+                  "data-adapttable-part": "summary-cell",
+                  className: classNames.summaryCell,
+                  children: summary[column.key]
+                },
+                column.key
+              )),
+              showActions && summaryPad
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: (node) => {
+        overflowRef(node);
+        virtualScrollRef?.(node);
+      },
+      "data-adapttable-part": "scroll-box",
+      style: scrollBoxStyle(maxHeight, hasPinned || overflowing),
+      children: tableEl
+    }
+  );
+}
+function MobileCards({
+  table,
+  rows,
+  rowActions,
+  confirm,
+  getRowId,
+  classNames,
+  onRowClick,
+  rowClassName,
+  renderRowDetail,
+  summaryRow,
+  expansion,
+  rowEntries,
+  paddingTop = 0,
+  paddingBottom = 0,
+  measureElement
+}) {
+  const { columns, selection, labels } = table;
+  const entries = core.resolveVirtualRows(rows, getRowId, rowEntries);
+  const expansionState = renderRowDetail ? expansion : void 0;
+  const summary = summaryRow?.(rows);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "ul",
+    {
+      ...table.getTableProps({ role: void 0 }),
+      "data-adapttable-part": "cards",
+      className: classNames.cards,
+      style: { listStyle: "none", margin: 0, padding: 0 },
+      children: [
+        paddingTop > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "li",
+          {
+            "aria-hidden": true,
+            "data-adapttable-part": "virtual-spacer",
+            style: { height: paddingTop }
+          }
+        ),
+        entries.map(({ row, index, key }) => {
+          const id = getRowId(row);
+          const expanded = expansionState?.isExpanded(id) ?? false;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "li",
+            {
+              ...core.rowClickProps(row, onRowClick),
+              ref: measureElement,
+              "data-index": index,
+              "data-adapttable-part": "card",
+              "data-selected": selection?.isSelected(id) ? "" : void 0,
+              "data-clickable": onRowClick ? "" : void 0,
+              className: cx(classNames.card, rowClassName?.(row, index)),
+              children: [
+                selection && /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    "aria-label": labels.selectRow,
+                    checked: selection.isSelected(id),
+                    onChange: () => selection.toggle(id),
+                    className: classNames.checkbox
+                  }
+                ),
+                expansionState && /* @__PURE__ */ jsxRuntime.jsx(
+                  ExpandButton,
+                  {
+                    expanded,
+                    labels,
+                    classNames,
+                    onToggle: () => expansionState.toggle(id)
+                  }
+                ),
+                columns.map((column) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    "data-adapttable-part": "card-row",
+                    className: classNames.cardRow,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          "data-adapttable-part": "card-label",
+                          className: classNames.cardLabel,
+                          children: cardLabel(column)
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          "data-adapttable-part": "card-value",
+                          className: classNames.cardValue,
+                          children: column.Cell ? /* @__PURE__ */ jsxRuntime.jsx(column.Cell, { row, rowIndex: index }) : column.accessor?.(row)
+                        }
+                      )
+                    ]
+                  },
+                  column.key
+                )),
+                rowActions && rowActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    "data-adapttable-part": "card-actions",
+                    className: classNames.actionsCell,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      RowActionButtons,
+                      {
+                        row,
+                        actions: rowActions,
+                        confirm,
+                        cancelLabel: labels.cancel,
+                        classNames
+                      }
+                    )
+                  }
+                ),
+                expanded && // Inside the measured card `<li>`, so the virtualizer's size
+                // measurement tracks the open detail panel.
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    "data-adapttable-part": "card-detail",
+                    className: classNames.cardDetail,
+                    children: renderRowDetail(row)
+                  }
+                )
+              ]
+            },
+            key
+          );
+        }),
+        paddingBottom > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "li",
+          {
+            "aria-hidden": true,
+            "data-adapttable-part": "virtual-spacer",
+            style: { height: paddingBottom }
+          }
+        ),
+        summary && /* @__PURE__ */ jsxRuntime.jsx(
+          "li",
+          {
+            "data-adapttable-part": "summary-card",
+            className: classNames.summaryCard,
+            children: columns.filter((column) => summary[column.key] !== void 0).map((column) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                "data-adapttable-part": "card-row",
+                className: classNames.cardRow,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      "data-adapttable-part": "card-label",
+                      className: classNames.cardLabel,
+                      children: cardLabel(column)
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      "data-adapttable-part": "card-value",
+                      className: classNames.cardValue,
+                      children: summary[column.key]
+                    }
+                  )
+                ]
+              },
+              column.key
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+function sortGlyph(active, dir) {
+  if (!active) return "\u2195";
+  return dir === "asc" ? "\u2191" : "\u2193";
+}
+function cardLabel(column) {
+  return column.mobileLabel ?? (typeof column.header === "string" ? column.header : column.key);
+}
+var NO_CLASSNAMES = {};
+function DataTableBody({
+  chrome,
+  props,
+  classNames,
+  confirm,
+  getRowId,
+  virtualization,
+  virtualScrollRef,
+  labels
+}) {
+  const rowActions = chrome.columnLayout.isHidden(core.ACTIONS_COLUMN_KEY) ? void 0 : props.rowActions;
+  const actionsPinned = (rowActions?.length ?? 0) > 0 && chrome.columnLayout.state.pinned[core.ACTIONS_COLUMN_KEY] !== void 0;
+  if (chrome.body === "skeleton") {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.slots?.skeleton ?? props.loadingState ?? /* @__PURE__ */ jsxRuntime.jsx(
+      LoadingState,
+      {
+        rows: props.skeletonRows ?? props.source.limit,
+        columns: chrome.table.columns.length,
+        variant: chrome.isMobile ? "cards" : "table",
+        labels,
+        classNames,
+        hasActions: (rowActions?.length ?? 0) > 0
+      }
+    ) });
+  }
+  if (chrome.body === "empty") {
+    const noResults = chrome.emptyVariant === "noResults";
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.slots?.empty ?? props.emptyState ?? /* @__PURE__ */ jsxRuntime.jsxs("output", { "data-adapttable-part": "empty", className: classNames.empty, children: [
+      noResults ? labels.noResults : labels.noData,
+      noResults && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "data-adapttable-part": "empty-clear",
+          className: classNames.emptyClear,
+          onClick: chrome.clearFilters,
+          children: labels.clearAll
+        }
+      )
+    ] }) });
+  }
+  const Renderer = chrome.isMobile ? MobileCards : DesktopTable;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Renderer,
+    {
+      table: chrome.table,
+      rows: props.source.rows,
+      rowActions,
+      actionsPinned,
+      confirm,
+      getRowId,
+      classNames,
+      prefetch: props.prefetch,
+      onRowClick: props.onRowClick,
+      rowClassName: props.rowClassName,
+      renderRowDetail: props.renderRowDetail,
+      summaryRow: props.summaryRow,
+      expansion: chrome.detail?.expansion,
+      rowEntries: virtualization.enabled ? virtualization.rows : void 0,
+      paddingTop: virtualization.paddingTop,
+      paddingBottom: virtualization.paddingBottom,
+      measureElement: virtualization.measureElement,
+      stickyHeader: props.stickyHeader,
+      stickyTop: props.stickyTop,
+      pinOffset: chrome.columnLayout.pinOffset,
+      maxHeight: props.maxHeight,
+      virtualScrollRef,
+      setWidth: props.resizableColumns ? chrome.columnLayout.setWidth : void 0,
+      columnWidths: chrome.columnLayout.state.widths,
+      resizeLabel: labels.resizeColumn
+    }
+  );
+}
+function DataTable(props) {
+  const {
+    data,
+    total,
+    loading,
+    onQueryChange,
+    urlAdapter,
+    urlKey,
+    searchPlaceholder,
+    sortByOptions,
+    dir,
+    hideSearch,
+    filtersMode = "popover",
+    bulkActions,
+    classNames = NO_CLASSNAMES,
+    toolbar: customToolbar
+  } = props;
+  const density = props.density ?? "comfortable";
+  const { source, runtime } = core.useTableData({
+    locale: props.locale,
+    source: props.source,
+    data,
+    total,
+    loading,
+    onQueryChange,
+    adapter: props.urlSync === false ? void 0 : urlAdapter,
+    enabled: props.urlSync,
+    urlKey,
+    columns: props.columns,
+    filters: props.filters
+  });
+  const autoForm = runtime.defs.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+    AutoFilterForm,
+    {
+      defs: runtime.defs,
+      source,
+      classNames,
+      labels: props.labels
+    }
+  ) : void 0;
+  const filters = core.isDeclarativeFilters(props.filters) || props.filters === void 0 ? autoForm : props.filters;
+  const chromeProps = {
+    ...props,
+    source,
+    filters,
+    filterLabels: { ...runtime.filterLabels, ...props.filterLabels }
+  };
+  const chrome = core.useTableChrome(chromeProps);
+  const { table, confirm, getRowId } = chrome;
+  const { labels } = table;
+  const [filtersOpen, setFiltersOpen] = react.useState(false);
+  const filtersTrigger = core.useFilterTriggerToggle(filtersOpen, setFiltersOpen);
+  const rootRef = react.useRef(null);
+  core.useChromeScrollReset(rootRef, chrome, chromeProps);
+  const bodyData = core.useChromeBodyData(chrome, chromeProps);
+  const { virtualization, canLoadMore } = bodyData;
+  const loadMoreRef = bodyData.loadMoreRef;
+  const searchProps = table.getSearchInputProps(
+    searchPlaceholder ? { placeholder: searchPlaceholder } : void 0
+  );
+  const sortOptions = sortByOptions ?? (chrome.isMobile ? table.sortByOptions : void 0);
+  const filtersButton = /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      "aria-expanded": filtersMode === "popover" ? filtersOpen : void 0,
+      "data-active": filtersOpen || void 0,
+      "data-adapttable-part": "filters-button",
+      className: classNames.filtersButton,
+      style: { flexShrink: 0, whiteSpace: "nowrap" },
+      onPointerDown: filtersTrigger.onPointerDown,
+      onClick: filtersTrigger.onClick,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-adapttable-part": "filters-icon",
+            className: classNames.filtersIcon,
+            style: { display: "inline-flex" },
+            children: /* @__PURE__ */ jsxRuntime.jsx(FiltersIcon, {})
+          }
+        ),
+        labels.filters,
+        chrome.activeFilterCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-adapttable-part": "filters-count",
+            className: classNames.filtersCount,
+            children: chrome.activeFilterCount
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: rootRef,
+      dir,
+      "data-adapttable-part": "root",
+      "data-mobile": chrome.isMobile || void 0,
+      "data-density": density,
+      "data-refreshing": chrome.isRefreshing || void 0,
+      "aria-busy": chrome.isRefreshing || void 0,
+      className: cx("adapttable", classNames.root),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-adapttable-part": "toolbar",
+            className: classNames.toolbar,
+            style: {
+              display: "flex",
+              flexWrap: "wrap",
+              alignItems: "center",
+              rowGap: 8
+            },
+            children: [
+              !hideSearch && /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  "data-adapttable-part": "search-field",
+                  className: classNames.searchField,
+                  style: {
+                    flex: 1,
+                    minWidth: 0,
+                    display: "inline-flex",
+                    alignItems: "center"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        "data-adapttable-part": "search-icon",
+                        className: classNames.searchIcon,
+                        style: { display: "inline-flex" },
+                        children: /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, { size: 14 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        ...searchProps,
+                        "data-adapttable-part": "search",
+                        className: classNames.search,
+                        style: { flex: 1, minWidth: 0 }
+                      }
+                    )
+                  ]
+                }
+              ),
+              sortOptions && sortOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+                labels.sortBy,
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "select",
+                  {
+                    "aria-label": labels.sortBy,
+                    "data-adapttable-part": "sort-select",
+                    className: classNames.sortSelect,
+                    value: source.sortBy ?? "",
+                    onChange: (e) => source.setSort(
+                      e.currentTarget.value || void 0,
+                      source.sortDir ?? "asc"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "\u2014" }),
+                      sortOptions.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+                    ]
+                  }
+                )
+              ] }),
+              customToolbar,
+              filters && (filtersMode === "popover" ? /* @__PURE__ */ jsxRuntime.jsx(
+                FilterPopover,
+                {
+                  open: filtersOpen,
+                  onClose: () => setFiltersOpen(false),
+                  filters,
+                  activeFilterCount: chrome.activeFilterCount,
+                  onClearFilters: chrome.clearFilters,
+                  labels,
+                  dir,
+                  classNames,
+                  children: filtersButton
+                }
+              ) : filtersButton),
+              props.enableColumnMenu && !chrome.isMobile && /* @__PURE__ */ jsxRuntime.jsx(
+                ColumnMenu,
+                {
+                  allColumns: chrome.allColumns,
+                  layout: chrome.columnLayout,
+                  labels,
+                  classNames,
+                  hasRowActions: (props.rowActions?.length ?? 0) > 0
+                }
+              ),
+              props.savedViews && // The menu must capture/apply through the SAME URL backend and
+              // namespace the table reads, so those default from the table's
+              // own props (explicit option values still win).
+              /* @__PURE__ */ jsxRuntime.jsx(
+                SavedViewsMenu,
+                {
+                  options: { adapter: urlAdapter, urlKey, ...props.savedViews },
+                  labels,
+                  classNames
+                }
+              ),
+              canLoadMore && /* @__PURE__ */ jsxRuntime.jsx(
+                RowsPerPageSelect,
+                {
+                  source,
+                  labels,
+                  classNames
+                }
+              )
+            ]
+          }
+        ),
+        filters && filtersMode === "drawer" && /* @__PURE__ */ jsxRuntime.jsx(
+          FilterPanel,
+          {
+            open: filtersOpen,
+            onClose: () => setFiltersOpen(false),
+            filters,
+            activeFilterCount: chrome.activeFilterCount,
+            onClearFilters: chrome.clearFilters,
+            labels,
+            dir,
+            classNames
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Chips,
+          {
+            chips: chrome.mergedChips,
+            onClearAll: chrome.clearFilters,
+            labels,
+            classNames
+          }
+        ),
+        table.selection && bulkActions && /* @__PURE__ */ jsxRuntime.jsx(
+          BulkBar,
+          {
+            selection: table.selection,
+            total: source.total,
+            bulkActions,
+            confirm,
+            labels,
+            classNames
+          }
+        ),
+        chrome.isRefreshing && // Native indeterminate progress (no `value`) — implicit progressbar
+        // role with correct semantics on every device.
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "progress",
+          {
+            "aria-label": labels.loading,
+            "data-adapttable-part": "refresh-indicator",
+            className: classNames.refreshIndicator
+          }
+        ),
+        source.error ? /* @__PURE__ */ jsxRuntime.jsx(
+          ErrorState,
+          {
+            error: source.error,
+            labels,
+            onRetry: source.refetch ? () => void source.refetch?.() : void 0,
+            classNames
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          DataTableBody,
+          {
+            chrome,
+            props: chromeProps,
+            classNames,
+            confirm,
+            getRowId,
+            virtualization,
+            virtualScrollRef: bodyData.virtualScrollRef,
+            labels
+          }
+        ),
+        canLoadMore && source.hasNextPage && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: loadMoreRef,
+            "data-adapttable-part": "load-more",
+            className: classNames.loadMore,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                disabled: source.isFetchingNextPage,
+                "data-adapttable-part": "load-more-button",
+                className: classNames.loadMoreButton,
+                onClick: () => source.fetchNextPage(),
+                children: labels.loadMore
+              }
+            )
+          }
+        ),
+        chrome.showFooter && /* @__PURE__ */ jsxRuntime.jsx(
+          Footer,
+          {
+            pagination: table.pagination,
+            source,
+            labels,
+            classNames
+          }
+        )
+      ]
+    }
+  );
+}
+
+Object.defineProperty(exports, "FILTER_TYPES", {
+  enumerable: true,
+  get: function () { return core.FILTER_TYPES; }
+});
+Object.defineProperty(exports, "createHistoryAdapter", {
+  enumerable: true,
+  get: function () { return core.createHistoryAdapter; }
+});
+Object.defineProperty(exports, "createMemoryAdapter", {
+  enumerable: true,
+  get: function () { return core.createMemoryAdapter; }
+});
+Object.defineProperty(exports, "defaultConfirm", {
+  enumerable: true,
+  get: function () { return core.defaultConfirm; }
+});
+Object.defineProperty(exports, "defaultLabels", {
+  enumerable: true,
+  get: function () { return core.defaultLabels; }
+});
+Object.defineProperty(exports, "deriveSortByOptions", {
+  enumerable: true,
+  get: function () { return core.deriveSortByOptions; }
+});
+Object.defineProperty(exports, "filterLabel", {
+  enumerable: true,
+  get: function () { return core.filterLabel; }
+});
+Object.defineProperty(exports, "filterStateKeys", {
+  enumerable: true,
+  get: function () { return core.filterStateKeys; }
+});
+Object.defineProperty(exports, "getHistoryAdapter", {
+  enumerable: true,
+  get: function () { return core.getHistoryAdapter; }
+});
+Object.defineProperty(exports, "useBackendData", {
+  enumerable: true,
+  get: function () { return core.useBackendData; }
+});
+Object.defineProperty(exports, "useDataTable", {
+  enumerable: true,
+  get: function () { return core.useDataTable; }
+});
+Object.defineProperty(exports, "useFrontendData", {
+  enumerable: true,
+  get: function () { return core.useFrontendData; }
+});
+Object.defineProperty(exports, "useSavedViews", {
+  enumerable: true,
+  get: function () { return core.useSavedViews; }
+});
+Object.defineProperty(exports, "useServerData", {
+  enumerable: true,
+  get: function () { return core.useServerData; }
+});
+Object.defineProperty(exports, "useTableData", {
+  enumerable: true,
+  get: function () { return core.useTableData; }
+});
+Object.defineProperty(exports, "useTableUrlState", {
+  enumerable: true,
+  get: function () { return core.useTableUrlState; }
+});
+exports.AutoFilterForm = AutoFilterForm;
+exports.DataTable = DataTable;
+exports.FilterPanel = FilterPanel;
+exports.FilterPopover = FilterPopover;
+exports.FiltersIcon = FiltersIcon;
+exports.SavedViewsMenu = SavedViewsMenu;
+exports.SearchIcon = SearchIcon;
+exports.cx = cx;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map