@spacesync/client 0.1.0 → 0.1.1

package/dist/chunk-H7EX6B6N.js

@@ -0,0 +1,580 @@
+import { SearchField, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Pagination, PaginationContent, PaginationItem, PaginationPrevious, PaginationEllipsis, PaginationLink, PaginationNext } from './chunk-LUB7QWGU.js';
+import { Button } from './chunk-VHINHHZQ.js';
+import { shellTopBarPrimaryButtonClass, shellTopBarOutlineButtonClass } from './chunk-FCY5FYJB.js';
+import { cn } from './chunk-DMPSQ22Q.js';
+import { useRef, useEffect } from 'react';
+import { ChevronUp, ChevronDown, ChevronsUpDown } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/shell/page-list-sticky-columns.ts
+var leftEdgeShadow = cn(
+  "after:pointer-events-none after:absolute after:inset-y-0 after:right-0 after:w-3 after:translate-x-full",
+  "after:bg-gradient-to-r after:from-black/[0.06] after:to-transparent dark:after:from-black/20",
+  "after:opacity-0 after:transition-opacity",
+  "group-data-[scrolled-x=true]/table-scroll:after:opacity-100"
+);
+var rightEdgeShadow = cn(
+  "before:pointer-events-none before:absolute before:inset-y-0 before:left-0 before:w-3 before:-translate-x-full",
+  "before:bg-gradient-to-l before:from-black/[0.06] before:to-transparent dark:before:from-black/20",
+  "before:opacity-0 before:transition-opacity",
+  "group-data-[scrolled-x-end=false]/table-scroll:before:opacity-100"
+);
+function pageListStickyColumnClass({
+  side,
+  layer,
+  sortActive = false
+}) {
+  const isHead = layer === "head";
+  const pin = side === "left" ? "left-0" : "right-0";
+  const edgeShadow = side === "left" ? leftEdgeShadow : rightEdgeShadow;
+  return cn(
+    "relative sticky",
+    pin,
+    isHead ? "top-0 z-[3]" : "z-[1]",
+    sortActive ? "bg-blue-50/80 dark:bg-blue-950/40" : isHead ? "bg-card" : "bg-card group-hover:bg-accent",
+    edgeShadow
+  );
+}
+var pageListTableWithFixedColumnsClass = "border-separate border-spacing-0";
+function PageListRoot({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("h-full flex flex-col min-h-0 bg-card", className), ...props });
+}
+function PageListHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("shrink-0 bg-card border-b border-border px-5 pt-4 pb-4", className),
+      ...props
+    }
+  );
+}
+function PageListTitleRow({
+  title,
+  subtitle,
+  actions,
+  titleAddon
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      titleAddon ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+        titleAddon,
+        /* @__PURE__ */ jsx("h1", { className: "text-base font-semibold text-foreground", children: title })
+      ] }) : /* @__PURE__ */ jsx("h1", { className: "text-base font-semibold text-foreground", children: title }),
+      subtitle ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subtitle }) : null
+    ] }),
+    actions ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2 shrink-0", children: actions }) : null
+  ] });
+}
+function PageListPrimaryActionButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      className: cn(
+        "h-9 gap-1.5 rounded-xl bg-blue-500 px-4 text-sm font-medium text-white hover:bg-blue-600",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PageListSecondaryActionButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      className: cn(
+        "h-9 gap-1.5 rounded-xl border-border bg-card px-4 text-sm font-medium text-foreground hover:bg-accent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ShellTopBarPrimaryActionButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", className: cn(shellTopBarPrimaryButtonClass, className), ...props });
+}
+function ShellTopBarSecondaryActionButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "sm",
+      className: cn(shellTopBarOutlineButtonClass, className),
+      ...props
+    }
+  );
+}
+function PageListToolbar({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("mt-4 flex flex-col gap-3 items-start", className), ...props });
+}
+function PageListStatGrid({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("mt-4 grid grid-cols-2 gap-2 sm:grid-cols-4", className),
+      ...props
+    }
+  );
+}
+function PageListStatCard({
+  label,
+  value,
+  tone = "default"
+}) {
+  const shell = tone === "danger" ? "border-red-100 bg-red-50/80" : tone === "success" ? "border-emerald-100 bg-emerald-50/80" : "border-border bg-muted";
+  const labelClass = tone === "danger" ? "text-red-600/80" : tone === "success" ? "text-emerald-700/80" : "text-muted-foreground";
+  const valueClass = tone === "danger" ? "text-red-700" : tone === "success" ? "text-emerald-800" : "text-foreground";
+  return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border px-3 py-2", shell), children: [
+    /* @__PURE__ */ jsx("p", { className: cn("text-[11px] mb-0.5", labelClass), children: label }),
+    /* @__PURE__ */ jsx("p", { className: cn("text-sm font-semibold tabular-nums", valueClass), children: value })
+  ] });
+}
+function PageListTableArea({ className, ...props }) {
+  const ref = useRef(null);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const syncScrollState = () => {
+      if (el.scrollLeft > 0) {
+        el.dataset.scrolledX = "true";
+      } else {
+        delete el.dataset.scrolledX;
+      }
+      const atRightEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - 1;
+      if (!atRightEnd && el.scrollWidth > el.clientWidth) {
+        el.dataset.scrolledXEnd = "false";
+      } else {
+        delete el.dataset.scrolledXEnd;
+      }
+    };
+    syncScrollState();
+    el.addEventListener("scroll", syncScrollState, { passive: true });
+    const resizeObserver = new ResizeObserver(syncScrollState);
+    resizeObserver.observe(el);
+    if (el.firstElementChild) {
+      resizeObserver.observe(el.firstElementChild);
+    }
+    return () => {
+      el.removeEventListener("scroll", syncScrollState);
+      resizeObserver.disconnect();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "group/table-scroll flex-1 min-h-0 overflow-auto bg-card border-t border-border",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PageListSearchField({
+  value,
+  onChange,
+  placeholder,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    SearchField,
+    {
+      value,
+      onChange,
+      placeholder,
+      className
+    }
+  );
+}
+function PageListStickyThead({ children }) {
+  return /* @__PURE__ */ jsx("thead", { className: "sticky top-0 z-[2] bg-card shadow-[0_1px_0_0_var(--border)]", children });
+}
+function PageListThead({ className, ...props }) {
+  return /* @__PURE__ */ jsx("thead", { className: cn("border-b border-border", className), ...props });
+}
+function PageListTable({
+  minWidth,
+  fixedColumns = false,
+  compact = false,
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "table",
+    {
+      className: cn(
+        "w-full text-left text-sm",
+        fixedColumns ? pageListTableWithFixedColumnsClass : "border-collapse",
+        compact && "border-collapse",
+        className
+      ),
+      style: minWidth != null ? { ...style, minWidth: `${minWidth}px` } : style,
+      ...props
+    }
+  );
+}
+function PageListHeaderRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      className: cn("text-[10px] uppercase tracking-wide text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+var pageListTdToneClass = {
+  default: "text-xs text-foreground",
+  primary: "text-xs font-medium text-foreground",
+  muted: "text-xs text-muted-foreground",
+  mono: "text-xs font-mono text-muted-foreground"
+};
+var pageListTdSizeClass = {
+  default: "px-2 py-2.5 first:pl-5 last:pr-5",
+  comfortable: "px-5 py-3.5 first:pl-5 last:pr-5"
+};
+function PageListTr({
+  onClick,
+  selected = false,
+  className,
+  onKeyDown,
+  ...props
+}) {
+  const clickable = Boolean(onClick);
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      role: clickable ? "link" : void 0,
+      tabIndex: clickable ? 0 : void 0,
+      onClick,
+      onKeyDown: clickable && onClick ? (e) => {
+        onKeyDown?.(e);
+        if (e.defaultPrevented) return;
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick();
+        }
+      } : onKeyDown,
+      className: cn(
+        "border-b border-border last:border-0 transition-colors",
+        clickable && "group cursor-pointer hover:bg-accent outline-none focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-inset",
+        selected && "bg-accent/60",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var pageListThClass = "font-medium py-2.5 px-2 text-left text-[10px] uppercase tracking-wide text-muted-foreground first:pl-5 last:pr-5";
+var pageListTdClass = pageListTdSizeClass.default;
+function PageListTh({
+  children,
+  columnFixed,
+  align = "left",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      className: cn(
+        pageListThClass,
+        align === "right" && "text-right",
+        columnFixed && pageListStickyColumnClass({ side: columnFixed, layer: "head" }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function PageListTd({
+  children,
+  columnFixed,
+  align = "left",
+  tone = "default",
+  size = "default",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      className: cn(
+        pageListTdSizeClass[size],
+        pageListTdToneClass[tone],
+        tone === "mono" && align === "right" && "font-medium text-foreground",
+        align === "right" && "text-right",
+        columnFixed && pageListStickyColumnClass({ side: columnFixed, layer: "body" }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function PageListSortableTh({
+  label,
+  columnKey,
+  sortKey,
+  direction,
+  onSort,
+  align = "left",
+  columnFixed,
+  className
+}) {
+  const active = sortKey === columnKey;
+  const ariaSort = active ? direction === "asc" ? "ascending" : "descending" : void 0;
+  const DirectionIcon = direction === "asc" ? ChevronUp : ChevronDown;
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      className: cn(
+        pageListThClass,
+        align === "right" && "text-right",
+        active && "text-blue-700 shadow-[inset_0_-2px_0_0_rgb(59,130,246)] dark:text-blue-300",
+        columnFixed && pageListStickyColumnClass({
+          side: columnFixed,
+          layer: "head",
+          sortActive: active
+        }),
+        !columnFixed && active && "bg-blue-50/80 dark:bg-blue-950/40",
+        className
+      ),
+      "aria-sort": ariaSort,
+      children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          onClick: () => onSort(columnKey),
+          className: cn(
+            "group inline-flex h-auto w-full gap-1 rounded-none border-0 p-0 shadow-none",
+            "text-[10px] font-medium uppercase tracking-wide",
+            "hover:bg-transparent",
+            active ? "text-blue-700 dark:text-blue-300" : "text-muted-foreground hover:text-foreground",
+            align === "right" ? "justify-end" : "justify-start"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { children: label }),
+            active ? /* @__PURE__ */ jsx(
+              DirectionIcon,
+              {
+                size: 12,
+                strokeWidth: 2,
+                className: "shrink-0 text-blue-600 dark:text-blue-400",
+                "aria-hidden": true
+              }
+            ) : /* @__PURE__ */ jsx(
+              ChevronsUpDown,
+              {
+                size: 12,
+                strokeWidth: 2,
+                className: "shrink-0 opacity-40 transition-opacity group-hover:opacity-70",
+                "aria-hidden": true
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function getVisiblePages(page, totalPages) {
+  if (totalPages <= 5) {
+    return Array.from({ length: totalPages }, (_, i) => i + 1);
+  }
+  const pages = /* @__PURE__ */ new Set([1, totalPages, page - 1, page, page + 1]);
+  const sorted = [...pages].filter((p) => p >= 1 && p <= totalPages).sort((a, b) => a - b);
+  const result = [];
+  for (let i = 0; i < sorted.length; i += 1) {
+    const current = sorted[i];
+    const prev = sorted[i - 1];
+    if (prev !== void 0 && current - prev > 1) {
+      result.push("ellipsis");
+    }
+    result.push(current);
+  }
+  return result;
+}
+function paginationLinkClick(page, setPage) {
+  return (event) => {
+    event.preventDefault();
+    setPage(page);
+  };
+}
+function PageListPagination({
+  page,
+  setPage,
+  pageSize,
+  setPageSize,
+  pageSizeOptions,
+  totalItems,
+  totalPages,
+  rangeStart,
+  rangeEnd,
+  canPrev,
+  canNext
+}) {
+  if (totalItems === 0) return null;
+  const visiblePages = getVisiblePages(page, totalPages);
+  const showPageControls = totalPages > 1;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "shrink-0 flex flex-col gap-3 border-t border-border bg-card px-5 py-3 sm:flex-row sm:items-center sm:justify-between",
+      children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground tabular-nums", children: [
+          "Showing ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: rangeStart }),
+          "\u2013",
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: rangeEnd }),
+          " of",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: totalItems })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Rows per page" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: String(pageSize),
+                onValueChange: (value) => setPageSize(Number(value)),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[72px] rounded-lg border-border bg-card text-sm", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: String(option), children: option }, option)) })
+                ]
+              }
+            )
+          ] }),
+          showPageControls ? /* @__PURE__ */ jsx(Pagination, { className: "mx-0 w-auto justify-end", children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+            /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+              PaginationPrevious,
+              {
+                href: "#",
+                "aria-disabled": !canPrev,
+                className: cn(!canPrev && "pointer-events-none opacity-50"),
+                onClick: canPrev ? paginationLinkClick(page - 1, setPage) : (event) => event.preventDefault()
+              }
+            ) }),
+            visiblePages.map(
+              (pageNum, index) => pageNum === "ellipsis" ? /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }, `ellipsis-${index}`) : /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+                PaginationLink,
+                {
+                  href: "#",
+                  isActive: pageNum === page,
+                  onClick: paginationLinkClick(pageNum, setPage),
+                  children: pageNum
+                }
+              ) }, pageNum)
+            ),
+            /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+              PaginationNext,
+              {
+                href: "#",
+                "aria-disabled": !canNext,
+                className: cn(!canNext && "pointer-events-none opacity-50"),
+                onClick: canNext ? paginationLinkClick(page + 1, setPage) : (event) => event.preventDefault()
+              }
+            ) })
+          ] }) }) : null
+        ] })
+      ]
+    }
+  );
+}
+function PageListEmptyState({
+  title,
+  description,
+  icon,
+  action,
+  variant = "minimal",
+  className
+}) {
+  if (variant === "minimal") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col items-center justify-center py-24 gap-2",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: title }),
+          description ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: description }) : null,
+          action
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center py-20 gap-3 border-2 border-dashed border-border rounded-2xl bg-muted/50",
+        className
+      ),
+      children: [
+        icon ? /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-2xl bg-muted flex items-center justify-center", children: icon }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 text-center px-4", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground font-medium", children: title }),
+          description ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground max-w-sm", children: description }) : null
+        ] }),
+        action
+      ]
+    }
+  );
+}
+function DetailTableFrame({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("overflow-x-auto rounded-xl border border-border", className),
+      ...props,
+      children
+    }
+  );
+}
+function DetailSection({
+  title,
+  description,
+  headerMeta,
+  headerAction,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-6 py-6 last:border-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 mb-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-foreground", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: description })
+      ] }),
+      headerAction ? headerAction : headerMeta ? /* @__PURE__ */ jsx("div", { className: "shrink-0 text-xs text-muted-foreground", children: headerMeta }) : null
+    ] }),
+    children
+  ] });
+}
+
+export { DetailSection, DetailTableFrame, PageListEmptyState, PageListHeader, PageListHeaderRow, PageListPagination, PageListPrimaryActionButton, PageListRoot, PageListSearchField, PageListSecondaryActionButton, PageListSortableTh, PageListStatCard, PageListStatGrid, PageListStickyThead, PageListTable, PageListTableArea, PageListTd, PageListTh, PageListThead, PageListTitleRow, PageListToolbar, PageListTr, ShellTopBarPrimaryActionButton, ShellTopBarSecondaryActionButton, pageListStickyColumnClass, pageListTableWithFixedColumnsClass, pageListTdClass, pageListThClass };
+//# sourceMappingURL=chunk-H7EX6B6N.js.map
+//# sourceMappingURL=chunk-H7EX6B6N.js.map

package/dist/chunk-H7EX6B6N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shell/page-list-sticky-columns.ts","../src/shell/page-list-chrome.tsx"],"names":[],"mappings":"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","file":"chunk-H7EX6B6N.js","sourcesContent":["import { cn } from \"../ui/utils\";\n\nexport type PageListColumnFixed = \"left\" | \"right\";\n\nexport type PageListStickyColumnOptions = {\n  side: PageListColumnFixed;\n  layer: \"head\" | \"body\";\n  sortActive?: boolean;\n};\n\nconst leftEdgeShadow = cn(\n  \"after:pointer-events-none after:absolute after:inset-y-0 after:right-0 after:w-3 after:translate-x-full\",\n  \"after:bg-gradient-to-r after:from-black/[0.06] after:to-transparent dark:after:from-black/20\",\n  \"after:opacity-0 after:transition-opacity\",\n  \"group-data-[scrolled-x=true]/table-scroll:after:opacity-100\",\n);\n\nconst rightEdgeShadow = cn(\n  \"before:pointer-events-none before:absolute before:inset-y-0 before:left-0 before:w-3 before:-translate-x-full\",\n  \"before:bg-gradient-to-l before:from-black/[0.06] before:to-transparent dark:before:from-black/20\",\n  \"before:opacity-0 before:transition-opacity\",\n  \"group-data-[scrolled-x-end=false]/table-scroll:before:opacity-100\",\n);\n\n/** Sticky left/right column classes for horizontally scrollable list tables (antd-style). */\nexport function pageListStickyColumnClass({\n  side,\n  layer,\n  sortActive = false,\n}: PageListStickyColumnOptions): string {\n  const isHead = layer === \"head\";\n  const pin = side === \"left\" ? \"left-0\" : \"right-0\";\n  const edgeShadow = side === \"left\" ? leftEdgeShadow : rightEdgeShadow;\n\n  return cn(\n    \"relative sticky\",\n    pin,\n    isHead ? \"top-0 z-[3]\" : \"z-[1]\",\n    sortActive\n      ? \"bg-blue-50/80 dark:bg-blue-950/40\"\n      : isHead\n        ? \"bg-card\"\n        : \"bg-card group-hover:bg-accent\",\n    edgeShadow,\n  );\n}\n\n/** Use on tables with fixed columns instead of border-collapse. */\nexport const pageListTableWithFixedColumnsClass = \"border-separate border-spacing-0\";\n","import { useEffect, useRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from \"react\";\nimport { ChevronDown, ChevronUp, ChevronsUpDown } from \"lucide-react\";\nimport type { SortDirection } from \"../hooks/use-client-sort\";\nimport {\n  pageListStickyColumnClass,\n  pageListTableWithFixedColumnsClass,\n  type PageListColumnFixed,\n} from \"./page-list-sticky-columns\";\nexport {\n  pageListStickyColumnClass,\n  pageListTableWithFixedColumnsClass,\n  type PageListColumnFixed,\n} from \"./page-list-sticky-columns\";\nimport {\n  shellTopBarNeutralActionDataAttr,\n  shellTopBarOutlineButtonClass,\n  shellTopBarPrimaryButtonClass,\n} from \"./shell-top-bar-chrome\";\nimport { cn } from \"../ui/utils\";\nimport { Button } from \"../ui/button\";\nimport { SearchField } from \"../ui/search-field\";\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from \"../ui/pagination\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../ui/select\";\nimport type { UseClientPaginationResult } from \"../hooks/use-client-pagination\";\n\n/** Fills the app main pane (white card on grey chrome). */\nexport function PageListRoot({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"h-full flex flex-col min-h-0 bg-card\", className)} {...props} />\n  );\n}\n\n/** White header block under the app chrome. */\nexport function PageListHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"shrink-0 bg-card border-b border-border px-5 pt-4 pb-4\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function PageListTitleRow({\n  title,\n  subtitle,\n  actions,\n  titleAddon,\n}: {\n  title: ReactNode;\n  subtitle?: string;\n  actions?: ReactNode;\n  /** Rendered before the title (e.g. live indicator). */\n  titleAddon?: ReactNode;\n}) {\n  return (\n    <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n      <div>\n        {titleAddon ? (\n          <div className=\"flex items-center gap-2 mb-1\">\n            {titleAddon}\n            <h1 className=\"text-base font-semibold text-foreground\">{title}</h1>\n          </div>\n        ) : (\n          <h1 className=\"text-base font-semibold text-foreground\">{title}</h1>\n        )}\n        {subtitle ? <p className=\"text-xs text-muted-foreground mt-1\">{subtitle}</p> : null}\n      </div>\n      {actions ? (\n        <div className=\"flex flex-wrap items-center gap-2 shrink-0\">{actions}</div>\n      ) : null}\n    </div>\n  );\n}\n\n/** Primary CTA in a page list header (e.g. New announcement). */\nexport function PageListPrimaryActionButton({\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement>) {\n  return (\n    <Button\n      type=\"button\"\n      className={cn(\n        \"h-9 gap-1.5 rounded-xl bg-blue-500 px-4 text-sm font-medium text-white hover:bg-blue-600\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Secondary CTA for empty states and alternate actions. */\nexport function PageListSecondaryActionButton({\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement>) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      className={cn(\n        \"h-9 gap-1.5 rounded-xl border-border bg-card px-4 text-sm font-medium text-foreground hover:bg-accent\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Primary CTA rendered in {@link ShellTopBar} actions on the dark shell. */\nexport function ShellTopBarPrimaryActionButton({\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement>) {\n  return (\n    <Button type=\"button\" size=\"sm\" className={cn(shellTopBarPrimaryButtonClass, className)} {...props} />\n  );\n}\n\n/** Secondary / outline CTA in {@link ShellTopBar} — same chrome as detail header actions (Edit member, Add adjustment). */\nexport function ShellTopBarSecondaryActionButton({\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement>) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      className={cn(shellTopBarOutlineButtonClass, className)}\n      {...props}\n    />\n  );\n}\n\nexport { shellTopBarNeutralActionDataAttr };\n\n/** Search, filters, or secondary controls (spacing matches Live space). */\nexport function PageListToolbar({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"mt-4 flex flex-col gap-3 items-start\", className)} {...props} />;\n}\n\n/** Compact KPI tiles (Live space stat row). */\nexport function PageListStatGrid({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"mt-4 grid grid-cols-2 gap-2 sm:grid-cols-4\", className)}\n      {...props}\n    />\n  );\n}\n\nexport type PageListStatTone = \"default\" | \"danger\" | \"success\";\n\nexport function PageListStatCard({\n  label,\n  value,\n  tone = \"default\",\n}: {\n  label: string;\n  value: ReactNode;\n  tone?: PageListStatTone;\n}) {\n  const shell =\n    tone === \"danger\"\n      ? \"border-red-100 bg-red-50/80\"\n      : tone === \"success\"\n        ? \"border-emerald-100 bg-emerald-50/80\"\n        : \"border-border bg-muted\";\n  const labelClass =\n    tone === \"danger\"\n      ? \"text-red-600/80\"\n      : tone === \"success\"\n        ? \"text-emerald-700/80\"\n        : \"text-muted-foreground\";\n  const valueClass =\n    tone === \"danger\" ? \"text-red-700\" : tone === \"success\" ? \"text-emerald-800\" : \"text-foreground\";\n\n  return (\n    <div className={cn(\"rounded-lg border px-3 py-2\", shell)}>\n      <p className={cn(\"text-[11px] mb-0.5\", labelClass)}>{label}</p>\n      <p className={cn(\"text-sm font-semibold tabular-nums\", valueClass)}>{value}</p>\n    </div>\n  );\n}\n\n/** Scrollable white region for tables / lists. Stay flush horizontally; table cells provide inset (same as Live space). */\nexport function PageListTableArea({ className, ...props }: React.ComponentProps<\"div\">) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n\n    const syncScrollState = () => {\n      if (el.scrollLeft > 0) {\n        el.dataset.scrolledX = \"true\";\n      } else {\n        delete el.dataset.scrolledX;\n      }\n\n      const atRightEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - 1;\n      if (!atRightEnd && el.scrollWidth > el.clientWidth) {\n        el.dataset.scrolledXEnd = \"false\";\n      } else {\n        delete el.dataset.scrolledXEnd;\n      }\n    };\n\n    syncScrollState();\n    el.addEventListener(\"scroll\", syncScrollState, { passive: true });\n    const resizeObserver = new ResizeObserver(syncScrollState);\n    resizeObserver.observe(el);\n    if (el.firstElementChild) {\n      resizeObserver.observe(el.firstElementChild);\n    }\n\n    return () => {\n      el.removeEventListener(\"scroll\", syncScrollState);\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"group/table-scroll flex-1 min-h-0 overflow-auto bg-card border-t border-border\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Search input styling shared with Live space. */\nexport function PageListSearchField({\n  value,\n  onChange,\n  placeholder,\n  className,\n}: {\n  value: string;\n  onChange: (v: string) => void;\n  placeholder: string;\n  className?: string;\n}) {\n  return (\n    <SearchField\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder}\n      className={className}\n    />\n  );\n}\n\n/** Sticky table header row (Live space). */\nexport function PageListStickyThead({ children }: { children: ReactNode }) {\n  return (\n    <thead className=\"sticky top-0 z-[2] bg-card shadow-[0_1px_0_0_var(--border)]\">\n      {children}\n    </thead>\n  );\n}\n\n/** Non-sticky thead for embedded detail tables. */\nexport function PageListThead({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return <thead className={cn(\"border-b border-border\", className)} {...props} />;\n}\n\n/** Standard `<table>` shell for list and detail tables. */\nexport function PageListTable({\n  minWidth,\n  fixedColumns = false,\n  compact = false,\n  className,\n  style,\n  ...props\n}: React.ComponentProps<\"table\"> & {\n  minWidth?: number;\n  fixedColumns?: boolean;\n  compact?: boolean;\n}) {\n  return (\n    <table\n      className={cn(\n        \"w-full text-left text-sm\",\n        fixedColumns ? pageListTableWithFixedColumnsClass : \"border-collapse\",\n        compact && \"border-collapse\",\n        className,\n      )}\n      style={minWidth != null ? { ...style, minWidth: `${minWidth}px` } : style}\n      {...props}\n    />\n  );\n}\n\n/** Standard header row styling for column labels. */\nexport function PageListHeaderRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      className={cn(\"text-[10px] uppercase tracking-wide text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport type PageListTdTone = \"default\" | \"primary\" | \"muted\" | \"mono\";\nexport type PageListCellSize = \"default\" | \"comfortable\";\n\nconst pageListTdToneClass: Record<PageListTdTone, string> = {\n  default: \"text-xs text-foreground\",\n  primary: \"text-xs font-medium text-foreground\",\n  muted: \"text-xs text-muted-foreground\",\n  mono: \"text-xs font-mono text-muted-foreground\",\n};\n\nconst pageListTdSizeClass: Record<PageListCellSize, string> = {\n  default: \"px-2 py-2.5 first:pl-5 last:pr-5\",\n  comfortable: \"px-5 py-3.5 first:pl-5 last:pr-5\",\n};\n\n/** Standard data row — border, hover, optional click navigation. */\nexport function PageListTr({\n  onClick,\n  selected = false,\n  className,\n  onKeyDown,\n  ...props\n}: React.ComponentProps<\"tr\"> & {\n  onClick?: () => void;\n  selected?: boolean;\n}) {\n  const clickable = Boolean(onClick);\n\n  return (\n    <tr\n      role={clickable ? \"link\" : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      onClick={onClick}\n      onKeyDown={\n        clickable && onClick\n          ? (e) => {\n              onKeyDown?.(e);\n              if (e.defaultPrevented) return;\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onClick();\n              }\n            }\n          : onKeyDown\n      }\n      className={cn(\n        \"border-b border-border last:border-0 transition-colors\",\n        clickable &&\n          \"group cursor-pointer hover:bg-accent outline-none focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-inset\",\n        selected && \"bg-accent/60\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport const pageListThClass =\n  \"font-medium py-2.5 px-2 text-left text-[10px] uppercase tracking-wide text-muted-foreground first:pl-5 last:pr-5\";\n\nexport const pageListTdClass = pageListTdSizeClass.default;\n\nexport function PageListTh({\n  children,\n  columnFixed,\n  align = \"left\",\n  className,\n  ...props\n}: React.ComponentProps<\"th\"> & {\n  columnFixed?: PageListColumnFixed;\n  align?: \"left\" | \"right\";\n}) {\n  return (\n    <th\n      className={cn(\n        pageListThClass,\n        align === \"right\" && \"text-right\",\n        columnFixed &&\n          pageListStickyColumnClass({ side: columnFixed, layer: \"head\" }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </th>\n  );\n}\n\nexport function PageListTd({\n  children,\n  columnFixed,\n  align = \"left\",\n  tone = \"default\",\n  size = \"default\",\n  className,\n  ...props\n}: React.ComponentProps<\"td\"> & {\n  columnFixed?: PageListColumnFixed;\n  align?: \"left\" | \"right\";\n  tone?: PageListTdTone;\n  size?: PageListCellSize;\n}) {\n  return (\n    <td\n      className={cn(\n        pageListTdSizeClass[size],\n        pageListTdToneClass[tone],\n        tone === \"mono\" && align === \"right\" && \"font-medium text-foreground\",\n        align === \"right\" && \"text-right\",\n        columnFixed &&\n          pageListStickyColumnClass({ side: columnFixed, layer: \"body\" }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </td>\n  );\n}\n\nexport function PageListSortableTh<K extends string>({\n  label,\n  columnKey,\n  sortKey,\n  direction,\n  onSort,\n  align = \"left\",\n  columnFixed,\n  className,\n}: {\n  label: ReactNode;\n  columnKey: K;\n  sortKey: K;\n  direction: SortDirection;\n  onSort: (key: K) => void;\n  align?: \"left\" | \"right\";\n  columnFixed?: PageListColumnFixed;\n  className?: string;\n}) {\n  const active = sortKey === columnKey;\n  const ariaSort = active ? (direction === \"asc\" ? \"ascending\" : \"descending\") : undefined;\n  const DirectionIcon = direction === \"asc\" ? ChevronUp : ChevronDown;\n\n  return (\n    <th\n      className={cn(\n        pageListThClass,\n        align === \"right\" && \"text-right\",\n        active &&\n          \"text-blue-700 shadow-[inset_0_-2px_0_0_rgb(59,130,246)] dark:text-blue-300\",\n        columnFixed &&\n          pageListStickyColumnClass({\n            side: columnFixed,\n            layer: \"head\",\n            sortActive: active,\n          }),\n        !columnFixed &&\n          active &&\n          \"bg-blue-50/80 dark:bg-blue-950/40\",\n        className,\n      )}\n      aria-sort={ariaSort}\n    >\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        onClick={() => onSort(columnKey)}\n        className={cn(\n          \"group inline-flex h-auto w-full gap-1 rounded-none border-0 p-0 shadow-none\",\n          \"text-[10px] font-medium uppercase tracking-wide\",\n          \"hover:bg-transparent\",\n          active\n            ? \"text-blue-700 dark:text-blue-300\"\n            : \"text-muted-foreground hover:text-foreground\",\n          align === \"right\" ? \"justify-end\" : \"justify-start\",\n        )}\n      >\n        <span>{label}</span>\n        {active ? (\n          <DirectionIcon\n            size={12}\n            strokeWidth={2}\n            className=\"shrink-0 text-blue-600 dark:text-blue-400\"\n            aria-hidden\n          />\n        ) : (\n          <ChevronsUpDown\n            size={12}\n            strokeWidth={2}\n            className=\"shrink-0 opacity-40 transition-opacity group-hover:opacity-70\"\n            aria-hidden\n          />\n        )}\n      </Button>\n    </th>\n  );\n}\n\nfunction getVisiblePages(page: number, totalPages: number): (number | \"ellipsis\")[] {\n  if (totalPages <= 5) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const pages = new Set<number>([1, totalPages, page - 1, page, page + 1]);\n  const sorted = [...pages].filter((p) => p >= 1 && p <= totalPages).sort((a, b) => a - b);\n\n  const result: (number | \"ellipsis\")[] = [];\n  for (let i = 0; i < sorted.length; i += 1) {\n    const current = sorted[i]!;\n    const prev = sorted[i - 1];\n    if (prev !== undefined && current - prev > 1) {\n      result.push(\"ellipsis\");\n    }\n    result.push(current);\n  }\n  return result;\n}\n\nfunction paginationLinkClick(page: number, setPage: (page: number) => void) {\n  return (event: MouseEvent<HTMLAnchorElement>) => {\n    event.preventDefault();\n    setPage(page);\n  };\n}\n\nexport type PageListPaginationProps = Pick<\n  UseClientPaginationResult<unknown>,\n  | \"page\"\n  | \"setPage\"\n  | \"pageSize\"\n  | \"setPageSize\"\n  | \"pageSizeOptions\"\n  | \"totalItems\"\n  | \"totalPages\"\n  | \"rangeStart\"\n  | \"rangeEnd\"\n  | \"canPrev\"\n  | \"canNext\"\n>;\n\n/** Footer bar for paginated list tables — count, page-size selector, and page controls. */\nexport function PageListPagination({\n  page,\n  setPage,\n  pageSize,\n  setPageSize,\n  pageSizeOptions,\n  totalItems,\n  totalPages,\n  rangeStart,\n  rangeEnd,\n  canPrev,\n  canNext,\n}: PageListPaginationProps) {\n  if (totalItems === 0) return null;\n\n  const visiblePages = getVisiblePages(page, totalPages);\n  const showPageControls = totalPages > 1;\n\n  return (\n    <div\n      className=\"shrink-0 flex flex-col gap-3 border-t border-border bg-card px-5 py-3 sm:flex-row sm:items-center sm:justify-between\"\n    >\n      <p className=\"text-sm text-muted-foreground tabular-nums\">\n        Showing <span className=\"font-medium text-foreground\">{rangeStart}</span>\n        {\"–\"}\n        <span className=\"font-medium text-foreground\">{rangeEnd}</span> of{\" \"}\n        <span className=\"font-medium text-foreground\">{totalItems}</span>\n      </p>\n\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-sm text-muted-foreground whitespace-nowrap\">Rows per page</span>\n          <Select\n            value={String(pageSize)}\n            onValueChange={(value) => setPageSize(Number(value))}\n          >\n            <SelectTrigger className=\"h-8 w-[72px] rounded-lg border-border bg-card text-sm\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {pageSizeOptions.map((option) => (\n                <SelectItem key={option} value={String(option)}>\n                  {option}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        {showPageControls ? (\n          <Pagination className=\"mx-0 w-auto justify-end\">\n            <PaginationContent>\n              <PaginationItem>\n                <PaginationPrevious\n                  href=\"#\"\n                  aria-disabled={!canPrev}\n                  className={cn(!canPrev && \"pointer-events-none opacity-50\")}\n                  onClick={\n                    canPrev\n                      ? paginationLinkClick(page - 1, setPage)\n                      : (event) => event.preventDefault()\n                  }\n                />\n              </PaginationItem>\n              {visiblePages.map((pageNum, index) =>\n                pageNum === \"ellipsis\" ? (\n                  <PaginationItem key={`ellipsis-${index}`}>\n                    <PaginationEllipsis />\n                  </PaginationItem>\n                ) : (\n                  <PaginationItem key={pageNum}>\n                    <PaginationLink\n                      href=\"#\"\n                      isActive={pageNum === page}\n                      onClick={paginationLinkClick(pageNum, setPage)}\n                    >\n                      {pageNum}\n                    </PaginationLink>\n                  </PaginationItem>\n                ),\n              )}\n              <PaginationItem>\n                <PaginationNext\n                  href=\"#\"\n                  aria-disabled={!canNext}\n                  className={cn(!canNext && \"pointer-events-none opacity-50\")}\n                  onClick={\n                    canNext\n                      ? paginationLinkClick(page + 1, setPage)\n                      : (event) => event.preventDefault()\n                  }\n                />\n              </PaginationItem>\n            </PaginationContent>\n          </Pagination>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\n/** Empty state for list pages inside PageListTableArea. */\nexport function PageListEmptyState({\n  title,\n  description,\n  icon,\n  action,\n  variant = \"minimal\",\n  className,\n}: {\n  title: string;\n  description?: string;\n  icon?: ReactNode;\n  action?: ReactNode;\n  variant?: \"minimal\" | \"illustrated\";\n  className?: string;\n}) {\n  if (variant === \"minimal\") {\n    return (\n      <div\n        className={cn(\n          \"flex flex-col items-center justify-center py-24 gap-2\",\n          className,\n        )}\n      >\n        <span className=\"text-sm text-muted-foreground\">{title}</span>\n        {description ? (\n          <span className=\"text-xs text-muted-foreground\">{description}</span>\n        ) : null}\n        {action}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center py-20 gap-3 border-2 border-dashed border-border rounded-2xl bg-muted/50\",\n        className,\n      )}\n    >\n      {icon ? (\n        <div className=\"w-10 h-10 rounded-2xl bg-muted flex items-center justify-center\">\n          {icon}\n        </div>\n      ) : null}\n      <div className=\"flex flex-col items-center gap-1 text-center px-4\">\n        <p className=\"text-sm text-muted-foreground font-medium\">{title}</p>\n        {description ? (\n          <p className=\"text-xs text-muted-foreground max-w-sm\">{description}</p>\n        ) : null}\n      </div>\n      {action}\n    </div>\n  );\n}\n\n/** Bordered scroll wrapper for embedded detail tables. */\nexport function DetailTableFrame({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"overflow-x-auto rounded-xl border border-border\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n/** Flat content section for detail pages — title + optional description + optional header action, separated by a thin divider. */\nexport function DetailSection({\n  title,\n  description,\n  headerMeta,\n  headerAction,\n  children,\n}: {\n  title: string;\n  description?: string;\n  /** Right-aligned non-interactive meta (counts, tax note). */\n  headerMeta?: ReactNode;\n  headerAction?: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"border-b border-border px-6 py-6 last:border-0\">\n      <div className=\"flex items-start justify-between gap-4 mb-4\">\n        <div>\n          <h2 className=\"text-sm font-semibold text-foreground\">{title}</h2>\n          {description && <p className=\"text-xs text-muted-foreground mt-0.5\">{description}</p>}\n        </div>\n        {headerAction ? (\n          headerAction\n        ) : headerMeta ? (\n          <div className=\"shrink-0 text-xs text-muted-foreground\">{headerMeta}</div>\n        ) : null}\n      </div>\n      {children}\n    </div>\n  );\n}\n"]}