@simpleapps-com/augur-web 2.3.1 → 2.4.0

package/dist/{chunk-NSSX7USQ.cjs → chunk-I5NVZORX.cjs}

@@ -117,6 +117,7 @@ var ListPagination = ({
       onPageChange(target);
     }
   };
+  const preventDisabled = (e) => e.preventDefault();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Pagination, { className, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationContent, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       PaginationPrevious,
@@ -124,7 +125,7 @@ var ListPagination = ({
         href: isFirst ? getHref(1) : getHref(page - 1),
         "aria-disabled": isFirst || void 0,
         className: isFirst ? "pointer-events-none opacity-50" : void 0,
-        onClick: isFirst ? void 0 : handleClick(page - 1)
+        onClick: isFirst ? preventDisabled : handleClick(page - 1)
       }
     ) }),
     pages.map(
@@ -144,7 +145,7 @@ var ListPagination = ({
         href: isLast ? getHref(totalPages) : getHref(page + 1),
         "aria-disabled": isLast || void 0,
         className: isLast ? "pointer-events-none opacity-50" : void 0,
-        onClick: isLast ? void 0 : handleClick(page + 1)
+        onClick: isLast ? preventDisabled : handleClick(page + 1)
       }
     ) })
   ] }) });
@@ -162,4 +163,4 @@ ListPagination.displayName = "ListPagination";
 
 
 exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationPrevious = PaginationPrevious; exports.PaginationNext = PaginationNext; exports.PaginationEllipsis = PaginationEllipsis; exports.getPageNumbers = getPageNumbers; exports.ListPagination = ListPagination;
-//# sourceMappingURL=chunk-NSSX7USQ.cjs.map
+//# sourceMappingURL=chunk-I5NVZORX.cjs.map

package/dist/chunk-I5NVZORX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/chunk-I5NVZORX.cjs","../src/pagination.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/chunk-I5NVZORX.cjs","sourcesContent":[null,"/** Pagination navigation components, styled with buttonVariants. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { LuChevronLeft, LuChevronRight, LuEllipsis } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...props}\n  />\n);\nPagination.displayName = \"Pagination\";\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n  ),\n);\nPaginationContent.displayName = \"PaginationContent\";\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn(\"\", className)} {...props} />,\n);\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<ButtonProps, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nconst PaginationLink = ({ className, isActive, size = \"icon\", ...props }: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? \"page\" : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? \"outline\" : \"ghost\",\n        size,\n      }),\n      className,\n    )}\n    {...props}\n  />\n);\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 pl-2.5\", className)}\n    {...props}\n  >\n    <LuChevronLeft className=\"h-4 w-4\" />\n    <span>Prev</span>\n  </PaginationLink>\n);\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 pr-2.5\", className)}\n    {...props}\n  >\n    <span>Next</span>\n    <LuChevronRight className=\"h-4 w-4\" />\n  </PaginationLink>\n);\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <LuEllipsis className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\n/** Build an array of page numbers and ellipsis markers for pagination UI. */\nfunction getPageNumbers(current: number, total: number): (number | \"ellipsis\")[] {\n  if (total <= 0) return [];\n  if (total === 1) return [1];\n\n  const page = Math.max(1, Math.min(current, total));\n\n  if (total <= 5) {\n    return Array.from({ length: total }, (_, i) => i + 1);\n  }\n\n  if (page <= 3) {\n    return [1, 2, 3, 4, \"ellipsis\", total];\n  }\n\n  if (page >= total - 2) {\n    return [1, \"ellipsis\", total - 3, total - 2, total - 1, total];\n  }\n\n  return [1, \"ellipsis\", page - 1, page, page + 1, \"ellipsis\", total];\n}\n\ntype ListPaginationProps = {\n  /** Current page number (1-indexed). */\n  page: number;\n  /** Total number of pages. */\n  totalPages: number;\n  /** Builds a crawlable href for each page link (required for SEO). */\n  getHref: (page: number) => string;\n  /** Optional client-side callback layered on top of href navigation. */\n  onPageChange?: (page: number) => void;\n  className?: string;\n};\n\nconst ListPagination = ({\n  page,\n  totalPages,\n  getHref,\n  onPageChange,\n  className,\n}: ListPaginationProps) => {\n  if (totalPages <= 1) return null;\n\n  const pages = getPageNumbers(page, totalPages);\n  const isFirst = page <= 1;\n  const isLast = page >= totalPages;\n\n  const handleClick = (target: number) => (e: React.MouseEvent) => {\n    if (onPageChange) {\n      e.preventDefault();\n      onPageChange(target);\n    }\n  };\n\n  // Disabled Prev/Next keep an href for layout, but MUST NOT navigate\n  // (pointer-events-none blocks the mouse, not keyboard activation).\n  const preventDisabled = (e: React.MouseEvent) => e.preventDefault();\n\n  return (\n    <Pagination className={className}>\n      <PaginationContent>\n        <PaginationItem>\n          <PaginationPrevious\n            href={isFirst ? getHref(1) : getHref(page - 1)}\n            aria-disabled={isFirst || undefined}\n            className={isFirst ? \"pointer-events-none opacity-50\" : undefined}\n            onClick={isFirst ? preventDisabled : handleClick(page - 1)}\n          />\n        </PaginationItem>\n\n        {pages.map((entry, i) =>\n          entry === \"ellipsis\" ? (\n            <PaginationItem key={`ellipsis-${i}`}>\n              <PaginationEllipsis />\n            </PaginationItem>\n          ) : (\n            <PaginationItem key={entry}>\n              <PaginationLink\n                href={getHref(entry)}\n                isActive={entry === page}\n                onClick={handleClick(entry)}\n              >\n                {entry}\n              </PaginationLink>\n            </PaginationItem>\n          ),\n        )}\n\n        <PaginationItem>\n          <PaginationNext\n            href={isLast ? getHref(totalPages) : getHref(page + 1)}\n            aria-disabled={isLast || undefined}\n            className={isLast ? \"pointer-events-none opacity-50\" : undefined}\n            onClick={isLast ? preventDisabled : handleClick(page + 1)}\n          />\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  );\n};\nListPagination.displayName = \"ListPagination\";\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n  getPageNumbers,\n  ListPagination,\n};\n"]}

package/dist/{chunk-3VN3FX2Q.js → chunk-OJ5G4BLS.js}

@@ -117,6 +117,7 @@ var ListPagination = ({
       onPageChange(target);
     }
   };
+  const preventDisabled = (e) => e.preventDefault();
   return /* @__PURE__ */ jsx(Pagination, { className, children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
     /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
       PaginationPrevious,
@@ -124,7 +125,7 @@ var ListPagination = ({
         href: isFirst ? getHref(1) : getHref(page - 1),
         "aria-disabled": isFirst || void 0,
         className: isFirst ? "pointer-events-none opacity-50" : void 0,
-        onClick: isFirst ? void 0 : handleClick(page - 1)
+        onClick: isFirst ? preventDisabled : handleClick(page - 1)
       }
     ) }),
     pages.map(
@@ -144,7 +145,7 @@ var ListPagination = ({
         href: isLast ? getHref(totalPages) : getHref(page + 1),
         "aria-disabled": isLast || void 0,
         className: isLast ? "pointer-events-none opacity-50" : void 0,
-        onClick: isLast ? void 0 : handleClick(page + 1)
+        onClick: isLast ? preventDisabled : handleClick(page + 1)
       }
     ) })
   ] }) });
@@ -162,4 +163,4 @@ export {
   getPageNumbers,
   ListPagination
 };
-//# sourceMappingURL=chunk-3VN3FX2Q.js.map
+//# sourceMappingURL=chunk-OJ5G4BLS.js.map

package/dist/chunk-OJ5G4BLS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pagination.tsx"],"sourcesContent":["/** Pagination navigation components, styled with buttonVariants. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { LuChevronLeft, LuChevronRight, LuEllipsis } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...props}\n  />\n);\nPagination.displayName = \"Pagination\";\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n  ),\n);\nPaginationContent.displayName = \"PaginationContent\";\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn(\"\", className)} {...props} />,\n);\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<ButtonProps, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nconst PaginationLink = ({ className, isActive, size = \"icon\", ...props }: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? \"page\" : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? \"outline\" : \"ghost\",\n        size,\n      }),\n      className,\n    )}\n    {...props}\n  />\n);\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 pl-2.5\", className)}\n    {...props}\n  >\n    <LuChevronLeft className=\"h-4 w-4\" />\n    <span>Prev</span>\n  </PaginationLink>\n);\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 pr-2.5\", className)}\n    {...props}\n  >\n    <span>Next</span>\n    <LuChevronRight className=\"h-4 w-4\" />\n  </PaginationLink>\n);\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <LuEllipsis className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\n/** Build an array of page numbers and ellipsis markers for pagination UI. */\nfunction getPageNumbers(current: number, total: number): (number | \"ellipsis\")[] {\n  if (total <= 0) return [];\n  if (total === 1) return [1];\n\n  const page = Math.max(1, Math.min(current, total));\n\n  if (total <= 5) {\n    return Array.from({ length: total }, (_, i) => i + 1);\n  }\n\n  if (page <= 3) {\n    return [1, 2, 3, 4, \"ellipsis\", total];\n  }\n\n  if (page >= total - 2) {\n    return [1, \"ellipsis\", total - 3, total - 2, total - 1, total];\n  }\n\n  return [1, \"ellipsis\", page - 1, page, page + 1, \"ellipsis\", total];\n}\n\ntype ListPaginationProps = {\n  /** Current page number (1-indexed). */\n  page: number;\n  /** Total number of pages. */\n  totalPages: number;\n  /** Builds a crawlable href for each page link (required for SEO). */\n  getHref: (page: number) => string;\n  /** Optional client-side callback layered on top of href navigation. */\n  onPageChange?: (page: number) => void;\n  className?: string;\n};\n\nconst ListPagination = ({\n  page,\n  totalPages,\n  getHref,\n  onPageChange,\n  className,\n}: ListPaginationProps) => {\n  if (totalPages <= 1) return null;\n\n  const pages = getPageNumbers(page, totalPages);\n  const isFirst = page <= 1;\n  const isLast = page >= totalPages;\n\n  const handleClick = (target: number) => (e: React.MouseEvent) => {\n    if (onPageChange) {\n      e.preventDefault();\n      onPageChange(target);\n    }\n  };\n\n  // Disabled Prev/Next keep an href for layout, but MUST NOT navigate\n  // (pointer-events-none blocks the mouse, not keyboard activation).\n  const preventDisabled = (e: React.MouseEvent) => e.preventDefault();\n\n  return (\n    <Pagination className={className}>\n      <PaginationContent>\n        <PaginationItem>\n          <PaginationPrevious\n            href={isFirst ? getHref(1) : getHref(page - 1)}\n            aria-disabled={isFirst || undefined}\n            className={isFirst ? \"pointer-events-none opacity-50\" : undefined}\n            onClick={isFirst ? preventDisabled : handleClick(page - 1)}\n          />\n        </PaginationItem>\n\n        {pages.map((entry, i) =>\n          entry === \"ellipsis\" ? (\n            <PaginationItem key={`ellipsis-${i}`}>\n              <PaginationEllipsis />\n            </PaginationItem>\n          ) : (\n            <PaginationItem key={entry}>\n              <PaginationLink\n                href={getHref(entry)}\n                isActive={entry === page}\n                onClick={handleClick(entry)}\n              >\n                {entry}\n              </PaginationLink>\n            </PaginationItem>\n          ),\n        )}\n\n        <PaginationItem>\n          <PaginationNext\n            href={isLast ? getHref(totalPages) : getHref(page + 1)}\n            aria-disabled={isLast || undefined}\n            className={isLast ? \"pointer-events-none opacity-50\" : undefined}\n            onClick={isLast ? preventDisabled : handleClick(page + 1)}\n          />\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  );\n};\nListPagination.displayName = \"ListPagination\";\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n  getPageNumbers,\n  ListPagination,\n};\n"],"mappings":"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","names":[]}

package/dist/command.cjs

@@ -3,6 +3,7 @@
 
 
 
+
 var _chunkT52J3SHPcjs = require('./chunk-T52J3SHP.cjs');
 
 // src/command.tsx
@@ -23,8 +24,11 @@ var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Command.displayName = _cmdk.Command.displayName;
-var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT52J3SHPcjs.Dialog, { ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT52J3SHPcjs.DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
+var CommandDialog = ({ children, title = "Command menu", ...props }) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT52J3SHPcjs.Dialog, { ...props, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkT52J3SHPcjs.DialogContent, { className: "overflow-hidden p-0", "aria-describedby": void 0, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT52J3SHPcjs.DialogTitle, { className: "sr-only", children: title }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+  ] }) });
 };
 var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuSearch, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),

package/dist/command.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/command.cjs","../src/command.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACJA,2EAAuB;AAEvB,4BAA4C;AAC5C,oCAAyB;AACzB,sDAAmB;AAOjB,+CAAA;AAJF,IAAM,QAAA,EAAgB,KAAA,CAAA,UAAA,CAGpB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,aAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA;AAAA,MACT,2FAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,OAAA,CAAQ,YAAA,EAAc,aAAA,CAAiB,WAAA;AAIvC,IAAM,cAAA,EAAgB,CAAC,EAAE,QAAA,EAAU,GAAG,MAAM,CAAA,EAAA,GAA0B;AACpE,EAAA,uBACE,6BAAA,wBAAC,EAAA,EAAQ,GAAG,KAAA,EACV,QAAA,kBAAA,6BAAA,+BAAC,EAAA,EAAc,SAAA,EAAU,qBAAA,EACvB,QAAA,kBAAA,6BAAA,OAAC,EAAA,EAAQ,SAAA,EAAU,6WAAA,EAChB,SAAA,CACH,EAAA,CACF,EAAA,CACF,CAAA;AAEJ,CAAA;AAEA,IAAM,aAAA,EAAqB,KAAA,CAAA,UAAA,CAGzB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAkC,oBAAA,EAAmB,EAAA,EAClE,QAAA,EAAA;AAAA,kBAAA,6BAAA,YAAC,EAAA,EAAS,SAAA,EAAU,mCAAA,CAAmC,CAAA;AAAA,kBACvD,6BAAA;AAAA,IAAC,aAAA,CAAiB,KAAA;AAAA,IAAjB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,qBAAA;AAAA,QACT,wJAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAAA,EAAA,CACF,CACD,CAAA;AACD,YAAA,CAAa,YAAA,EAAc,aAAA,CAAiB,KAAA,CAAM,WAAA;AAElD,IAAM,YAAA,EAAoB,KAAA,CAAA,UAAA,CAGxB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,aAAA,CAAiB,IAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA,iDAAG,EAAmD,SAAS,CAAA;AAAA,IACzE,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,WAAA,CAAY,YAAA,EAAc,aAAA,CAAiB,IAAA,CAAK,WAAA;AAEhD,IAAM,aAAA,EAAqB,KAAA,CAAA,UAAA,CAGzB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,aAAA,CAAiB,KAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA,0BAAG,EAA4B,SAAS,CAAA;AAAA,IAClD,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,YAAA,CAAa,YAAA,EAAc,aAAA,CAAiB,KAAA,CAAM,WAAA;AAElD,IAAM,aAAA,EAAqB,KAAA,CAAA,UAAA,CAGzB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,aAAA,CAAiB,KAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA;AAAA,MACT,wNAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,YAAA,CAAa,YAAA,EAAc,aAAA,CAAiB,KAAA,CAAM,WAAA;AAElD,IAAM,iBAAA,EAAyB,KAAA,CAAA,UAAA,CAG7B,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,aAAA,CAAiB,SAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA,sBAAG,EAAwB,SAAS,CAAA;AAAA,IAC9C,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,gBAAA,CAAiB,YAAA,EAAc,aAAA,CAAiB,SAAA,CAAU,WAAA;AAE1D,IAAM,YAAA,EAAoB,KAAA,CAAA,UAAA,CAGxB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,aAAA,CAAiB,IAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA;AAAA,MACT,uPAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,WAAA,CAAY,YAAA,EAAc,aAAA,CAAiB,IAAA,CAAK,WAAA;AAEhD,IAAM,gBAAA,EAAkB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAA,GAA6C;AAC1F,EAAA,uBACE,6BAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,qBAAA,uDAAG,EAAyD,SAAS,CAAA;AAAA,MAC/E,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAA;AACA,eAAA,CAAgB,YAAA,EAAc,iBAAA;AD3B9B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,8UAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/command.cjs","sourcesContent":[null,"/** Styled cmdk wrapper. Includes CommandDialog for modal search. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { LuSearch } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Dialog, DialogContent } from \"./dialog\";\n\nconst Command = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogProps = DialogProps;\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    <LuSearch className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n    {...props}\n  />\n));\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className={cn(\"py-6 text-center text-sm\", className)}\n    {...props}\n  />\n));\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn(\"bg-border -mx-1 h-px\", className)}\n    {...props}\n  />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)}\n      {...props}\n    />\n  );\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/command.cjs","../src/command.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/command.cjs","sourcesContent":[null,"/** Styled cmdk wrapper. Includes CommandDialog for modal search. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { LuSearch } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog\";\n\nconst Command = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogProps = DialogProps & {\n  /** Accessible name for the dialog, read by screen readers (visually hidden). */\n  title?: string;\n};\n\nconst CommandDialog = ({ children, title = \"Command menu\", ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\" aria-describedby={undefined}>\n        <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    <LuSearch className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n    {...props}\n  />\n));\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className={cn(\"py-6 text-center text-sm\", className)}\n    {...props}\n  />\n));\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn(\"bg-border -mx-1 h-px\", className)}\n    {...props}\n  />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)}\n      {...props}\n    />\n  );\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"]}

package/dist/command.d.cts

@@ -19,8 +19,11 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     disablePointerSelection?: boolean;
     vimBindings?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type CommandDialogProps = DialogProps;
-declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
+type CommandDialogProps = DialogProps & {
+    /** Accessible name for the dialog, read by screen readers (visually hidden). */
+    title?: string;
+};
+declare const CommandDialog: ({ children, title, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
 declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React.Ref<HTMLInputElement>;
 } & {

package/dist/command.d.ts

@@ -19,8 +19,11 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     disablePointerSelection?: boolean;
     vimBindings?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type CommandDialogProps = DialogProps;
-declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
+type CommandDialogProps = DialogProps & {
+    /** Accessible name for the dialog, read by screen readers (visually hidden). */
+    title?: string;
+};
+declare const CommandDialog: ({ children, title, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
 declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React.Ref<HTMLInputElement>;
 } & {

package/dist/command.js

@@ -2,7 +2,8 @@
 "use client";
 import {
   Dialog,
-  DialogContent
+  DialogContent,
+  DialogTitle
 } from "./chunk-JNYGRU2F.js";
 
 // src/command.tsx
@@ -23,8 +24,11 @@ var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
+var CommandDialog = ({ children, title = "Command menu", ...props }) => {
+  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxs(DialogContent, { className: "overflow-hidden p-0", "aria-describedby": void 0, children: [
+    /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: title }),
+    /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+  ] }) });
 };
 var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx(LuSearch, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),

package/dist/command.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/command.tsx"],"sourcesContent":["/** Styled cmdk wrapper. Includes CommandDialog for modal search. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { LuSearch } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Dialog, DialogContent } from \"./dialog\";\n\nconst Command = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogProps = DialogProps;\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    <LuSearch className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n    {...props}\n  />\n));\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className={cn(\"py-6 text-center text-sm\", className)}\n    {...props}\n  />\n));\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn(\"bg-border -mx-1 h-px\", className)}\n    {...props}\n  />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)}\n      {...props}\n    />\n  );\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"],"mappings":";;;;;;;;AAGA,YAAY,WAAW;AAEvB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,gBAAgB;AACzB,SAAS,UAAU;AAOjB,cA6BA,YA7BA;AAJF,IAAM,UAAgB,iBAGpB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,QAAQ,cAAc,iBAAiB;AAIvC,IAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,MAA0B;AACpE,SACE,oBAAC,UAAQ,GAAG,OACV,8BAAC,iBAAc,WAAU,uBACvB,8BAAC,WAAQ,WAAU,+WAChB,UACH,GACF,GACF;AAEJ;AAEA,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,qBAAC,SAAI,WAAU,mCAAkC,sBAAmB,IAClE;AAAA,sBAAC,YAAS,WAAU,oCAAmC;AAAA,EACvD;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,GACF,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,mDAAmD,SAAS;AAAA,IACzE,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,iBAAiB,KAAK;AAEhD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,wBAAwB,SAAS;AAAA,IAC9C,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAc,iBAAiB,UAAU;AAE1D,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,iBAAiB,KAAK;AAEhD,IAAM,kBAAkB,CAAC,EAAE,WAAW,GAAG,MAAM,MAA6C;AAC1F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,yDAAyD,SAAS;AAAA,MAC/E,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,gBAAgB,cAAc;","names":[]}
+{"version":3,"sources":["../src/command.tsx"],"sourcesContent":["/** Styled cmdk wrapper. Includes CommandDialog for modal search. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { LuSearch } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog\";\n\nconst Command = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogProps = DialogProps & {\n  /** Accessible name for the dialog, read by screen readers (visually hidden). */\n  title?: string;\n};\n\nconst CommandDialog = ({ children, title = \"Command menu\", ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\" aria-describedby={undefined}>\n        <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    <LuSearch className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n    {...props}\n  />\n));\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className={cn(\"py-6 text-center text-sm\", className)}\n    {...props}\n  />\n));\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn(\"bg-border -mx-1 h-px\", className)}\n    {...props}\n  />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ComponentRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)}\n      {...props}\n    />\n  );\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"],"mappings":";;;;;;;;;AAGA,YAAY,WAAW;AAEvB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,gBAAgB;AACzB,SAAS,UAAU;AAOjB,cAmBI,YAnBJ;AAJF,IAAM,UAAgB,iBAGpB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,QAAQ,cAAc,iBAAiB;AAOvC,IAAM,gBAAgB,CAAC,EAAE,UAAU,QAAQ,gBAAgB,GAAG,MAAM,MAA0B;AAC5F,SACE,oBAAC,UAAQ,GAAG,OACV,+BAAC,iBAAc,WAAU,uBAAsB,oBAAkB,QAC/D;AAAA,wBAAC,eAAY,WAAU,WAAW,iBAAM;AAAA,IACxC,oBAAC,WAAQ,WAAU,+WAChB,UACH;AAAA,KACF,GACF;AAEJ;AAEA,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,qBAAC,SAAI,WAAU,mCAAkC,sBAAmB,IAClE;AAAA,sBAAC,YAAS,WAAU,oCAAmC;AAAA,EACvD;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,GACF,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,mDAAmD,SAAS;AAAA,IACzE,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,iBAAiB,KAAK;AAEhD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,wBAAwB,SAAS;AAAA,IAC9C,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAc,iBAAiB,UAAU;AAE1D,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,iBAAiB,KAAK;AAEhD,IAAM,kBAAkB,CAAC,EAAE,WAAW,GAAG,MAAM,MAA6C;AAC1F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,yDAAyD,SAAS;AAAA,MAC/E,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,gBAAgB,cAAc;","names":[]}

package/dist/confirm-dialog.cjs

@@ -28,7 +28,7 @@ function ConfirmDialog({
   onConfirm,
   loading = false
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT52J3SHPcjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkT52J3SHPcjs.DialogContent, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT52J3SHPcjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkT52J3SHPcjs.DialogContent, { ...description ? {} : { "aria-describedby": void 0 }, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkT52J3SHPcjs.DialogHeader, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT52J3SHPcjs.DialogTitle, { children: title }),
       description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT52J3SHPcjs.DialogDescription, { children: description })

package/dist/confirm-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/confirm-dialog.cjs","../src/confirm-dialog.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACuCQ,+CAAA;AAdR,SAAS,aAAA,CAAc;AAAA,EACrB,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA,EAAe,SAAA;AAAA,EACf,YAAA,EAAc,QAAA;AAAA,EACd,QAAA,EAAU,SAAA;AAAA,EACV,SAAA;AAAA,EACA,QAAA,EAAU;AACZ,CAAA,EAAuB;AACrB,EAAA,uBACE,6BAAA,wBAAC,EAAA,EAAO,IAAA,EAAY,YAAA,EAClB,QAAA,kBAAA,8BAAA,+BAAC,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,8BAAA,8BAAC,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,6BAAA,6BAAC,EAAA,EAAa,QAAA,EAAA,MAAA,CAAM,CAAA;AAAA,MACnB,YAAA,mBAAe,6BAAA,mCAAC,EAAA,EAAmB,QAAA,EAAA,YAAA,CAAY;AAAA,IAAA,EAAA,CAClD,CAAA;AAAA,oBACA,8BAAA,8BAAC,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,6BAAA,wBAAC,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,OAAA,EAAS,CAAA,EAAA,GAAM,YAAA,CAAa,KAAK,CAAA,EAAG,QAAA,EAAU,OAAA,EACrE,QAAA,EAAA,YAAA,CACH,CAAA;AAAA,sBACA,8BAAA,wBAAC,EAAA,EAAO,OAAA,EAAkB,OAAA,EAAS,SAAA,EAAW,QAAA,EAAU,OAAA,EACrD,QAAA,EAAA;AAAA,QAAA,QAAA,mBAAW,6BAAA,yBAAC,EAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,OAAA,CAAO,CAAA;AAAA,QAC/C;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,CAAA;AAEJ;AACA,aAAA,CAAc,YAAA,EAAc,eAAA;AD5B5B;AACE;AACF,sCAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/confirm-dialog.cjs","sourcesContent":[null,"/** Reusable confirmation dialog composing Dialog + Button. */\n\"use client\";\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from \"./dialog\";\nimport { Button } from \"./button\";\nimport { Spinner } from \"./spinner\";\n\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title: string;\n  description?: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  variant?: \"default\" | \"destructive\";\n  onConfirm: () => void;\n  loading?: boolean;\n}\n\n/**\n * Pre-composed confirmation dialog for delete/action confirmations.\n *\n * @example\n * ```tsx\n * <ConfirmDialog\n *   open={showDelete}\n *   onOpenChange={setShowDelete}\n *   title=\"Delete brand?\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   onConfirm={() => deleteBrand.mutate(uid)}\n *   loading={deleteBrand.isPending}\n * />\n * ```\n */\nfunction ConfirmDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  variant = \"default\",\n  onConfirm,\n  loading = false,\n}: ConfirmDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && <DialogDescription>{description}</DialogDescription>}\n        </DialogHeader>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)} disabled={loading}>\n            {cancelLabel}\n          </Button>\n          <Button variant={variant} onClick={onConfirm} disabled={loading}>\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\nConfirmDialog.displayName = \"ConfirmDialog\";\n\nexport { ConfirmDialog };\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/confirm-dialog.cjs","../src/confirm-dialog.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACyCQ,+CAAA;AAhBR,SAAS,aAAA,CAAc;AAAA,EACrB,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA,EAAe,SAAA;AAAA,EACf,YAAA,EAAc,QAAA;AAAA,EACd,QAAA,EAAU,SAAA;AAAA,EACV,SAAA;AAAA,EACA,QAAA,EAAU;AACZ,CAAA,EAAuB;AACrB,EAAA,uBACE,6BAAA,wBAAC,EAAA,EAAO,IAAA,EAAY,YAAA,EAGlB,QAAA,kBAAA,8BAAA,+BAAC,EAAA,EAAe,GAAI,YAAA,EAAc,CAAC,EAAA,EAAI,EAAE,kBAAA,EAAoB,KAAA,EAAU,CAAA,EACrE,QAAA,EAAA;AAAA,oBAAA,8BAAA,8BAAC,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,6BAAA,6BAAC,EAAA,EAAa,QAAA,EAAA,MAAA,CAAM,CAAA;AAAA,MACnB,YAAA,mBAAe,6BAAA,mCAAC,EAAA,EAAmB,QAAA,EAAA,YAAA,CAAY;AAAA,IAAA,EAAA,CAClD,CAAA;AAAA,oBACA,8BAAA,8BAAC,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,6BAAA,wBAAC,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,OAAA,EAAS,CAAA,EAAA,GAAM,YAAA,CAAa,KAAK,CAAA,EAAG,QAAA,EAAU,OAAA,EACrE,QAAA,EAAA,YAAA,CACH,CAAA;AAAA,sBACA,8BAAA,wBAAC,EAAA,EAAO,OAAA,EAAkB,OAAA,EAAS,SAAA,EAAW,QAAA,EAAU,OAAA,EACrD,QAAA,EAAA;AAAA,QAAA,QAAA,mBAAW,6BAAA,yBAAC,EAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,OAAA,CAAO,CAAA;AAAA,QAC/C;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,CAAA;AAEJ;AACA,aAAA,CAAc,YAAA,EAAc,eAAA;AD9B5B;AACE;AACF,sCAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/confirm-dialog.cjs","sourcesContent":[null,"/** Reusable confirmation dialog composing Dialog + Button. */\n\"use client\";\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from \"./dialog\";\nimport { Button } from \"./button\";\nimport { Spinner } from \"./spinner\";\n\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title: string;\n  description?: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  variant?: \"default\" | \"destructive\";\n  onConfirm: () => void;\n  loading?: boolean;\n}\n\n/**\n * Pre-composed confirmation dialog for delete/action confirmations.\n *\n * @example\n * ```tsx\n * <ConfirmDialog\n *   open={showDelete}\n *   onOpenChange={setShowDelete}\n *   title=\"Delete brand?\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   onConfirm={() => deleteBrand.mutate(uid)}\n *   loading={deleteBrand.isPending}\n * />\n * ```\n */\nfunction ConfirmDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  variant = \"default\",\n  onConfirm,\n  loading = false,\n}: ConfirmDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      {/* Without a description, opt out of aria-describedby explicitly so screen\n          readers aren't pointed at a missing element (Radix requires one or the other). */}\n      <DialogContent {...(description ? {} : { \"aria-describedby\": undefined })}>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && <DialogDescription>{description}</DialogDescription>}\n        </DialogHeader>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)} disabled={loading}>\n            {cancelLabel}\n          </Button>\n          <Button variant={variant} onClick={onConfirm} disabled={loading}>\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\nConfirmDialog.displayName = \"ConfirmDialog\";\n\nexport { ConfirmDialog };\n"]}

package/dist/confirm-dialog.js

@@ -28,7 +28,7 @@ function ConfirmDialog({
   onConfirm,
   loading = false
 }) {
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { ...description ? {} : { "aria-describedby": void 0 }, children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: title }),
       description && /* @__PURE__ */ jsx(DialogDescription, { children: description })

package/dist/confirm-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/confirm-dialog.tsx"],"sourcesContent":["/** Reusable confirmation dialog composing Dialog + Button. */\n\"use client\";\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from \"./dialog\";\nimport { Button } from \"./button\";\nimport { Spinner } from \"./spinner\";\n\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title: string;\n  description?: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  variant?: \"default\" | \"destructive\";\n  onConfirm: () => void;\n  loading?: boolean;\n}\n\n/**\n * Pre-composed confirmation dialog for delete/action confirmations.\n *\n * @example\n * ```tsx\n * <ConfirmDialog\n *   open={showDelete}\n *   onOpenChange={setShowDelete}\n *   title=\"Delete brand?\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   onConfirm={() => deleteBrand.mutate(uid)}\n *   loading={deleteBrand.isPending}\n * />\n * ```\n */\nfunction ConfirmDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  variant = \"default\",\n  onConfirm,\n  loading = false,\n}: ConfirmDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && <DialogDescription>{description}</DialogDescription>}\n        </DialogHeader>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)} disabled={loading}>\n            {cancelLabel}\n          </Button>\n          <Button variant={variant} onClick={onConfirm} disabled={loading}>\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\nConfirmDialog.displayName = \"ConfirmDialog\";\n\nexport { ConfirmDialog };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAwDQ,SACE,KADF;AAdR,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AAAA,EACA,UAAU;AACZ,GAAuB;AACrB,SACE,oBAAC,UAAO,MAAY,cAClB,+BAAC,iBACC;AAAA,yBAAC,gBACC;AAAA,0BAAC,eAAa,iBAAM;AAAA,MACnB,eAAe,oBAAC,qBAAmB,uBAAY;AAAA,OAClD;AAAA,IACA,qBAAC,gBACC;AAAA,0BAAC,UAAO,SAAQ,WAAU,SAAS,MAAM,aAAa,KAAK,GAAG,UAAU,SACrE,uBACH;AAAA,MACA,qBAAC,UAAO,SAAkB,SAAS,WAAW,UAAU,SACrD;AAAA,mBAAW,oBAAC,WAAQ,MAAK,MAAK,WAAU,QAAO;AAAA,QAC/C;AAAA,SACH;AAAA,OACF;AAAA,KACF,GACF;AAEJ;AACA,cAAc,cAAc;","names":[]}
+{"version":3,"sources":["../src/confirm-dialog.tsx"],"sourcesContent":["/** Reusable confirmation dialog composing Dialog + Button. */\n\"use client\";\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from \"./dialog\";\nimport { Button } from \"./button\";\nimport { Spinner } from \"./spinner\";\n\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title: string;\n  description?: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  variant?: \"default\" | \"destructive\";\n  onConfirm: () => void;\n  loading?: boolean;\n}\n\n/**\n * Pre-composed confirmation dialog for delete/action confirmations.\n *\n * @example\n * ```tsx\n * <ConfirmDialog\n *   open={showDelete}\n *   onOpenChange={setShowDelete}\n *   title=\"Delete brand?\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   onConfirm={() => deleteBrand.mutate(uid)}\n *   loading={deleteBrand.isPending}\n * />\n * ```\n */\nfunction ConfirmDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  variant = \"default\",\n  onConfirm,\n  loading = false,\n}: ConfirmDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      {/* Without a description, opt out of aria-describedby explicitly so screen\n          readers aren't pointed at a missing element (Radix requires one or the other). */}\n      <DialogContent {...(description ? {} : { \"aria-describedby\": undefined })}>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && <DialogDescription>{description}</DialogDescription>}\n        </DialogHeader>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)} disabled={loading}>\n            {cancelLabel}\n          </Button>\n          <Button variant={variant} onClick={onConfirm} disabled={loading}>\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\nConfirmDialog.displayName = \"ConfirmDialog\";\n\nexport { ConfirmDialog };\n"],"mappings":";;;;;;;;;;;;;;;;;;AA0DQ,SACE,KADF;AAhBR,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AAAA,EACA,UAAU;AACZ,GAAuB;AACrB,SACE,oBAAC,UAAO,MAAY,cAGlB,+BAAC,iBAAe,GAAI,cAAc,CAAC,IAAI,EAAE,oBAAoB,OAAU,GACrE;AAAA,yBAAC,gBACC;AAAA,0BAAC,eAAa,iBAAM;AAAA,MACnB,eAAe,oBAAC,qBAAmB,uBAAY;AAAA,OAClD;AAAA,IACA,qBAAC,gBACC;AAAA,0BAAC,UAAO,SAAQ,WAAU,SAAS,MAAM,aAAa,KAAK,GAAG,UAAU,SACrE,uBACH;AAAA,MACA,qBAAC,UAAO,SAAkB,SAAS,WAAW,UAAU,SACrD;AAAA,mBAAW,oBAAC,WAAQ,MAAK,MAAK,WAAU,QAAO;AAAA,QAC/C;AAAA,SACH;AAAA,OACF;AAAA,KACF,GACF;AAEJ;AACA,cAAc,cAAc;","names":[]}

package/dist/data-table.cjs

@@ -10,7 +10,7 @@
 var _chunkNEY26NNFcjs = require('./chunk-NEY26NNF.cjs');
 
 
-var _chunkNSSX7USQcjs = require('./chunk-NSSX7USQ.cjs');
+var _chunkI5NVZORXcjs = require('./chunk-I5NVZORX.cjs');
 
 
 
@@ -47,6 +47,7 @@ var _react = require('react'); var React = _interopRequireWildcard(_react);
 
 
 
+
 var _reacttable = require('@tanstack/react-table');
 var _web = require('@simpleapps-com/augur-utils/web');
 var _lu = require('react-icons/lu');
@@ -140,20 +141,21 @@ function ColumnToggle({ table }) {
   ] });
 }
 function HeaderCell({ header }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNEY26NNFcjs.TableHead,
+  const canSort = header.column.getCanSort();
+  const sorted = header.column.getIsSorted();
+  const ariaSort = canSort ? sorted === "asc" ? "ascending" : sorted === "desc" ? "descending" : "none" : void 0;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableHead, { className: getAlignCn(header.column.columnDef.meta), "aria-sort": ariaSort, children: canSort ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "button",
     {
-      className: _web.cn.call(void 0, 
-        getAlignCn(header.column.columnDef.meta),
-        header.column.getCanSort() && "cursor-pointer select-none"
-      ),
+      type: "button",
       onClick: header.column.getToggleSortingHandler(),
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "inline-flex items-center gap-1", children: [
+      className: "inline-flex cursor-pointer select-none items-center gap-1",
+      children: [
         _reacttable.flexRender.call(void 0, header.column.columnDef.header, header.getContext()),
-        header.column.getCanSort() && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortIndicator, { direction: header.column.getIsSorted() })
-      ] })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortIndicator, { direction: sorted })
+      ]
     }
-  );
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex items-center gap-1", children: _reacttable.flexRender.call(void 0, header.column.columnDef.header, header.getContext()) }) });
 }
 function DataCell({ cell }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableCell, { className: getAlignCn(cell.column.columnDef.meta), children: _reacttable.flexRender.call(void 0, cell.column.columnDef.cell, cell.getContext()) });
@@ -268,7 +270,7 @@ function PaginationFooter({ pagination }) {
       }
     ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}),
     showPages && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNSSX7USQcjs.ListPagination,
+      _chunkI5NVZORXcjs.ListPagination,
       {
         page: pagination.page,
         totalPages: pagination.totalPages,
@@ -289,13 +291,11 @@ function useDataTable(opts) {
   const globalFilter = _nullishCoalesce(opts.externalGlobalFilter, () => ( internalGlobalFilter));
   const rowSelectionState = _nullishCoalesce(opts.externalRowSelection, () => ( internalRowSelection));
   const handleSortingChange = opts.onSortingChange ? (updater) => {
-    opts.onSortingChange(updater(sorting));
+    opts.onSortingChange(_reacttable.functionalUpdate.call(void 0, updater, sorting));
   } : setInternalSorting;
   const handleGlobalFilterChange = _nullishCoalesce(opts.onGlobalFilterChange, () => ( setInternalGlobalFilter));
   const handleRowSelectionChange = opts.onRowSelectionChange ? (updater) => {
-    opts.onRowSelectionChange(
-      updater(rowSelectionState)
-    );
+    opts.onRowSelectionChange(_reacttable.functionalUpdate.call(void 0, updater, rowSelectionState));
   } : setInternalRowSelection;
   const tanstackColumns = React.useMemo(
     () => buildTanstackColumns(opts.columns, opts.selectable),

package/dist/data-table.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/data-table.cjs","../src/data-table.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/data-table.cjs","sourcesContent":[null,"/** Feature-complete admin data table built on TanStack Table. */\n\"use client\";\n\nimport * as React from \"react\";\nimport {\n  flexRender,\n  getCoreRowModel,\n  getSortedRowModel,\n  getFilteredRowModel,\n  useReactTable,\n  type ColumnDef as TanstackColumnDef,\n  type SortingState,\n  type RowSelectionState,\n  type VisibilityState,\n  type Table as TanstackTable,\n  type Header,\n  type Row,\n  type Cell,\n} from \"@tanstack/react-table\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { LuArrowDown, LuArrowUp, LuArrowUpDown, LuDownload, LuSettings2 } from \"react-icons/lu\";\nimport { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from \"./table\";\nimport { Input } from \"./input\";\nimport { Spinner } from \"./spinner\";\nimport { Checkbox } from \"./checkbox\";\nimport { Button } from \"./button\";\nimport { ListPagination } from \"./pagination\";\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from \"./select\";\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuCheckboxItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"./dropdown-menu\";\n\n// ---------------------------------------------------------------------------\n// Public types\n// ---------------------------------------------------------------------------\n\nexport interface ColumnDef<T> {\n  key: keyof T & string;\n  header: string;\n  sortable?: boolean;\n  render?: (row: T) => React.ReactNode;\n  align?: \"left\" | \"center\" | \"right\";\n  hideable?: boolean;\n}\n\nexport interface DataTablePagination {\n  page: number;\n  totalPages: number;\n  getHref: (page: number) => string;\n  onPageChange?: (page: number) => void;\n  /** Current page size. Required when pageSizeOptions is set. */\n  pageSize?: number;\n  /** Available page size options. Renders a dropdown when provided. */\n  pageSizeOptions?: number[];\n  /** Called when the user selects a different page size. */\n  onPageSizeChange?: (size: number) => void;\n}\n\nexport interface DataTableProps<T> {\n  columns: ColumnDef<T>[];\n  data: T[];\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  onRowClick?: (row: T) => void;\n  loading?: boolean;\n  emptyMessage?: string;\n  toolbar?: React.ReactNode;\n  className?: string;\n  getRowId?: (row: T) => string;\n  pagination?: DataTablePagination;\n  globalFilter?: string;\n  onGlobalFilterChange?: (value: string) => void;\n  sortingState?: SortingState;\n  onSortingChange?: (state: SortingState) => void;\n  selectable?: boolean;\n  rowSelection?: RowSelectionState;\n  onRowSelectionChange?: (state: RowSelectionState) => void;\n  bulkActions?: (selectedRows: T[]) => React.ReactNode;\n  columnToggle?: boolean;\n  exportCsv?: boolean;\n  csvFilename?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nconst ALIGN_CLASS = { left: \"text-left\", center: \"text-center\", right: \"text-right\" } as const;\n\nfunction getAlignCn(meta: unknown): string {\n  const align = (meta as { align?: string } | undefined)?.align ?? \"left\";\n  return ALIGN_CLASS[align as keyof typeof ALIGN_CLASS];\n}\n\nfunction buildTanstackColumns<T>(\n  columns: ColumnDef<T>[],\n  selectable: boolean,\n): TanstackColumnDef<T, unknown>[] {\n  const cols: TanstackColumnDef<T, unknown>[] = [];\n  if (selectable) {\n    cols.push({\n      id: \"_select\",\n      header: ({ table }) => (\n        <Checkbox\n          checked={table.getIsAllPageRowsSelected()}\n          onCheckedChange={(v) => table.toggleAllPageRowsSelected(!!v)}\n          aria-label=\"Select all\"\n        />\n      ),\n      cell: ({ row }) => (\n        <Checkbox\n          checked={row.getIsSelected()}\n          onCheckedChange={(v) => row.toggleSelected(!!v)}\n          aria-label=\"Select row\"\n          onClick={(e) => e.stopPropagation()}\n        />\n      ),\n      enableSorting: false,\n      enableHiding: false,\n      meta: { align: \"center\" },\n    });\n  }\n  for (const col of columns) {\n    cols.push({\n      id: col.key,\n      accessorKey: col.key,\n      header: col.header,\n      enableSorting: col.sortable ?? false,\n      enableHiding: col.hideable !== false,\n      cell: col.render\n        ? (info) => col.render!(info.row.original)\n        : (info) => String(info.getValue() ?? \"\"),\n      meta: { align: col.align },\n    });\n  }\n  return cols;\n}\n\nfunction exportToCsv<T>(columns: ColumnDef<T>[], data: T[], filename: string) {\n  const headers = columns.map((c) => c.header);\n  const rows = data.map((row) =>\n    columns.map((col) => {\n      const str = String(row[col.key] ?? \"\");\n      return str.includes(\",\") || str.includes('\"') || str.includes(\"\\n\")\n        ? `\"${str.replace(/\"/g, '\"\"')}\"`\n        : str;\n    }),\n  );\n  const csv = [headers.join(\",\"), ...rows.map((r) => r.join(\",\"))].join(\"\\n\");\n  const blob = new Blob([csv], { type: \"text/csv;charset=utf-8;\" });\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.download = `${filename}.csv`;\n  link.click();\n  URL.revokeObjectURL(url);\n}\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\nfunction SortIndicator({ direction }: { direction: false | \"asc\" | \"desc\" }) {\n  if (direction === \"asc\") return <LuArrowUp className=\"h-4 w-4\" />;\n  if (direction === \"desc\") return <LuArrowDown className=\"h-4 w-4\" />;\n  return <LuArrowUpDown className=\"text-muted-foreground/50 h-4 w-4\" />;\n}\n\nfunction ColumnToggle<T>({ table }: { table: TanstackTable<T> }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\" size=\"sm\">\n          <LuSettings2 className=\"mr-2 h-4 w-4\" />\n          Columns\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter((col) => col.getCanHide())\n          .map((col) => (\n            <DropdownMenuCheckboxItem\n              key={col.id}\n              checked={col.getIsVisible()}\n              onCheckedChange={(v) => col.toggleVisibility(!!v)}\n            >\n              {col.columnDef.header as string}\n            </DropdownMenuCheckboxItem>\n          ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction HeaderCell<T>({ header }: { header: Header<T, unknown> }) {\n  return (\n    <TableHead\n      className={cn(\n        getAlignCn(header.column.columnDef.meta),\n        header.column.getCanSort() && \"cursor-pointer select-none\",\n      )}\n      onClick={header.column.getToggleSortingHandler()}\n    >\n      <span className=\"inline-flex items-center gap-1\">\n        {flexRender(header.column.columnDef.header, header.getContext())}\n        {header.column.getCanSort() && <SortIndicator direction={header.column.getIsSorted()} />}\n      </span>\n    </TableHead>\n  );\n}\n\nfunction DataCell<T>({ cell }: { cell: Cell<T, unknown> }) {\n  return (\n    <TableCell className={getAlignCn(cell.column.columnDef.meta)}>\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </TableCell>\n  );\n}\n\nfunction DataRow<T>({ row, onRowClick }: { row: Row<T>; onRowClick?: (r: T) => void }) {\n  return (\n    <TableRow\n      data-state={row.getIsSelected() ? \"selected\" : undefined}\n      className={cn(onRowClick && \"cursor-pointer\")}\n      onClick={onRowClick ? () => onRowClick(row.original) : undefined}\n    >\n      {row.getVisibleCells().map((cell) => (\n        <DataCell key={cell.id} cell={cell} />\n      ))}\n    </TableRow>\n  );\n}\n\nfunction ExportButton<T>({\n  columns,\n  data,\n  csvFilename,\n}: {\n  columns: ColumnDef<T>[];\n  data: T[];\n  csvFilename: string;\n}) {\n  return (\n    <Button variant=\"outline\" size=\"sm\" onClick={() => exportToCsv(columns, data, csvFilename)}>\n      <LuDownload className=\"mr-2 h-4 w-4\" />\n      Export\n    </Button>\n  );\n}\n\nfunction BulkActionsBar<T>({\n  selectedRows,\n  bulkActions,\n}: {\n  selectedRows: T[];\n  bulkActions: (rows: T[]) => React.ReactNode;\n}) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <span className=\"text-muted-foreground text-sm\">{selectedRows.length} selected</span>\n      {bulkActions(selectedRows)}\n    </div>\n  );\n}\n\nfunction Toolbar<T>({\n  searchable,\n  searchPlaceholder,\n  globalFilter,\n  onGlobalFilterChange,\n  selectedRows,\n  bulkActions,\n  toolbar,\n  exportCsv,\n  columns,\n  data,\n  csvFilename,\n  columnToggle,\n  table,\n}: {\n  searchable: boolean;\n  searchPlaceholder: string;\n  globalFilter: string;\n  onGlobalFilterChange: (value: string) => void;\n  selectedRows: T[];\n  bulkActions?: (rows: T[]) => React.ReactNode;\n  toolbar?: React.ReactNode;\n  exportCsv: boolean;\n  columns: ColumnDef<T>[];\n  data: T[];\n  csvFilename: string;\n  columnToggle: boolean;\n  table: TanstackTable<T>;\n}) {\n  const hasSelection = selectedRows.length > 0;\n  return (\n    <div className=\"flex items-center gap-4\">\n      {searchable && (\n        <Input\n          placeholder={searchPlaceholder}\n          value={globalFilter}\n          onChange={(e) => onGlobalFilterChange(e.target.value)}\n          className=\"max-w-sm\"\n        />\n      )}\n      {hasSelection && bulkActions && (\n        <BulkActionsBar selectedRows={selectedRows} bulkActions={bulkActions} />\n      )}\n      <div className=\"ml-auto flex items-center gap-2\">\n        {toolbar}\n        {exportCsv && <ExportButton columns={columns} data={data} csvFilename={csvFilename} />}\n        {columnToggle && <ColumnToggle table={table} />}\n      </div>\n    </div>\n  );\n}\n\nfunction TableBodyContent<T>({\n  loading,\n  colSpan,\n  emptyMessage,\n  rows,\n  onRowClick,\n}: {\n  loading: boolean;\n  colSpan: number;\n  emptyMessage: string;\n  rows: Row<T>[];\n  onRowClick?: (r: T) => void;\n}) {\n  if (loading) {\n    return (\n      <TableRow>\n        <TableCell colSpan={colSpan} className=\"h-24 text-center\">\n          <Spinner size=\"lg\" className=\"mx-auto\" />\n        </TableCell>\n      </TableRow>\n    );\n  }\n  if (rows.length === 0) {\n    return (\n      <TableRow>\n        <TableCell colSpan={colSpan} className=\"h-24 text-center\">\n          {emptyMessage}\n        </TableCell>\n      </TableRow>\n    );\n  }\n  return (\n    <>\n      {rows.map((row) => (\n        <DataRow key={row.id} row={row} onRowClick={onRowClick} />\n      ))}\n    </>\n  );\n}\n\nfunction PageSizeSelector({\n  pageSize,\n  options,\n  onChange,\n}: {\n  pageSize: number;\n  options: number[];\n  onChange: (size: number) => void;\n}) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <span className=\"text-muted-foreground text-sm\">Rows per page</span>\n      <Select value={String(pageSize)} onValueChange={(v) => onChange(Number(v))}>\n        <SelectTrigger className=\"h-8 w-[70px]\">\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          {options.map((size) => (\n            <SelectItem key={size} value={String(size)}>\n              {size}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n\nfunction PaginationFooter({ pagination }: { pagination?: DataTablePagination }) {\n  if (!pagination) return null;\n  const showPageSize =\n    pagination.pageSizeOptions && pagination.pageSize !== undefined && pagination.onPageSizeChange;\n  const showPages = pagination.totalPages > 1;\n  if (!showPageSize && !showPages) return null;\n  return (\n    <div className=\"flex items-center justify-between\">\n      {showPageSize ? (\n        <PageSizeSelector\n          pageSize={pagination.pageSize!}\n          options={pagination.pageSizeOptions!}\n          onChange={pagination.onPageSizeChange!}\n        />\n      ) : (\n        <div />\n      )}\n      {showPages && (\n        <ListPagination\n          page={pagination.page}\n          totalPages={pagination.totalPages}\n          getHref={pagination.getHref}\n          onPageChange={pagination.onPageChange}\n        />\n      )}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Hook: encapsulates all state management and TanStack Table configuration\n// ---------------------------------------------------------------------------\n\ninterface UseDataTableOptions<T> {\n  columns: ColumnDef<T>[];\n  data: T[];\n  selectable: boolean;\n  getRowId?: (row: T) => string;\n  pagination?: DataTablePagination;\n  externalGlobalFilter?: string;\n  onGlobalFilterChange?: (value: string) => void;\n  externalSorting?: SortingState;\n  onSortingChange?: (state: SortingState) => void;\n  externalRowSelection?: RowSelectionState;\n  onRowSelectionChange?: (state: RowSelectionState) => void;\n}\n\nfunction useDataTable<T>(opts: UseDataTableOptions<T>) {\n  const isManualFiltering = opts.externalGlobalFilter !== undefined;\n  const isManualSorting = opts.externalSorting !== undefined;\n\n  const [internalSorting, setInternalSorting] = React.useState<SortingState>([]);\n  const [internalGlobalFilter, setInternalGlobalFilter] = React.useState(\"\");\n  const [internalRowSelection, setInternalRowSelection] = React.useState<RowSelectionState>({});\n  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({});\n\n  const sorting = opts.externalSorting ?? internalSorting;\n  const globalFilter = opts.externalGlobalFilter ?? internalGlobalFilter;\n  const rowSelectionState = opts.externalRowSelection ?? internalRowSelection;\n\n  const handleSortingChange = opts.onSortingChange\n    ? (updater: SortingState | ((prev: SortingState) => SortingState)) => {\n        opts.onSortingChange!((updater as (prev: SortingState) => SortingState)(sorting));\n      }\n    : setInternalSorting;\n\n  const handleGlobalFilterChange = opts.onGlobalFilterChange ?? setInternalGlobalFilter;\n\n  const handleRowSelectionChange = opts.onRowSelectionChange\n    ? (updater: RowSelectionState | ((prev: RowSelectionState) => RowSelectionState)) => {\n        opts.onRowSelectionChange!(\n          (updater as (prev: RowSelectionState) => RowSelectionState)(rowSelectionState),\n        );\n      }\n    : setInternalRowSelection;\n\n  const tanstackColumns = React.useMemo(\n    () => buildTanstackColumns(opts.columns, opts.selectable),\n    [opts.columns, opts.selectable],\n  );\n\n  const table = useReactTable({\n    data: opts.data,\n    columns: tanstackColumns,\n    state: {\n      sorting,\n      globalFilter: isManualFiltering ? undefined : globalFilter,\n      rowSelection: rowSelectionState,\n      columnVisibility,\n    },\n    onSortingChange: handleSortingChange,\n    onGlobalFilterChange: isManualFiltering ? undefined : setInternalGlobalFilter,\n    onRowSelectionChange: handleRowSelectionChange,\n    onColumnVisibilityChange: setColumnVisibility,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: isManualSorting ? undefined : getSortedRowModel(),\n    getFilteredRowModel: isManualFiltering ? undefined : getFilteredRowModel(),\n    manualSorting: isManualSorting,\n    manualFiltering: isManualFiltering,\n    manualPagination: opts.pagination !== undefined,\n    enableRowSelection: opts.selectable,\n    getRowId: opts.getRowId ? (row) => opts.getRowId!(row) : undefined,\n  });\n\n  const selectedRows = opts.selectable\n    ? table.getSelectedRowModel().rows.map((r) => r.original)\n    : [];\n\n  return { table, tanstackColumns, globalFilter, handleGlobalFilterChange, selectedRows };\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nfunction DataTable<T>({\n  columns,\n  data,\n  searchable = false,\n  searchPlaceholder = \"Search...\",\n  onRowClick,\n  loading = false,\n  emptyMessage = \"No results.\",\n  toolbar,\n  className,\n  getRowId,\n  pagination,\n  globalFilter: externalGlobalFilter,\n  onGlobalFilterChange,\n  sortingState,\n  onSortingChange,\n  selectable = false,\n  rowSelection,\n  onRowSelectionChange,\n  bulkActions,\n  columnToggle = false,\n  exportCsv = false,\n  csvFilename = \"export\",\n}: DataTableProps<T>) {\n  const { table, tanstackColumns, globalFilter, handleGlobalFilterChange, selectedRows } =\n    useDataTable({\n      columns,\n      data,\n      selectable,\n      getRowId,\n      pagination,\n      externalGlobalFilter,\n      onGlobalFilterChange,\n      externalSorting: sortingState,\n      onSortingChange,\n      externalRowSelection: rowSelection,\n      onRowSelectionChange,\n    });\n\n  const showToolbar = searchable || toolbar || columnToggle || exportCsv || selectedRows.length > 0;\n\n  return (\n    <div className={cn(\"space-y-4\", className)}>\n      {showToolbar && (\n        <Toolbar\n          searchable={searchable}\n          searchPlaceholder={searchPlaceholder}\n          globalFilter={globalFilter}\n          onGlobalFilterChange={handleGlobalFilterChange}\n          selectedRows={selectedRows}\n          bulkActions={bulkActions}\n          toolbar={toolbar}\n          exportCsv={exportCsv}\n          columns={columns}\n          data={data}\n          csvFilename={csvFilename}\n          columnToggle={columnToggle}\n          table={table}\n        />\n      )}\n      <Table>\n        <TableHeader className=\"bg-background sticky top-0 z-10\">\n          {table.getHeaderGroups().map((hg) => (\n            <TableRow key={hg.id}>\n              {hg.headers.map((h) => (\n                <HeaderCell key={h.id} header={h} />\n              ))}\n            </TableRow>\n          ))}\n        </TableHeader>\n        <TableBody>\n          <TableBodyContent\n            loading={loading}\n            colSpan={tanstackColumns.length}\n            emptyMessage={emptyMessage}\n            rows={table.getRowModel().rows}\n            onRowClick={onRowClick}\n          />\n        </TableBody>\n      </Table>\n      <PaginationFooter pagination={pagination} />\n    </div>\n  );\n}\nDataTable.displayName = \"DataTable\";\n\nexport { DataTable };\nexport type { SortingState, RowSelectionState, VisibilityState };\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/data-table.cjs","../src/data-table.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/data-table.cjs","sourcesContent":[null,"/** Feature-complete admin data table built on TanStack Table. */\n\"use client\";\n\nimport * as React from \"react\";\nimport {\n  flexRender,\n  functionalUpdate,\n  getCoreRowModel,\n  getSortedRowModel,\n  getFilteredRowModel,\n  useReactTable,\n  type ColumnDef as TanstackColumnDef,\n  type SortingState,\n  type RowSelectionState,\n  type Updater,\n  type VisibilityState,\n  type Table as TanstackTable,\n  type Header,\n  type Row,\n  type Cell,\n} from \"@tanstack/react-table\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { LuArrowDown, LuArrowUp, LuArrowUpDown, LuDownload, LuSettings2 } from \"react-icons/lu\";\nimport { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from \"./table\";\nimport { Input } from \"./input\";\nimport { Spinner } from \"./spinner\";\nimport { Checkbox } from \"./checkbox\";\nimport { Button } from \"./button\";\nimport { ListPagination } from \"./pagination\";\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from \"./select\";\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuCheckboxItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"./dropdown-menu\";\n\n// ---------------------------------------------------------------------------\n// Public types\n// ---------------------------------------------------------------------------\n\nexport interface ColumnDef<T> {\n  key: keyof T & string;\n  header: string;\n  sortable?: boolean;\n  render?: (row: T) => React.ReactNode;\n  align?: \"left\" | \"center\" | \"right\";\n  hideable?: boolean;\n}\n\nexport interface DataTablePagination {\n  page: number;\n  totalPages: number;\n  getHref: (page: number) => string;\n  onPageChange?: (page: number) => void;\n  /** Current page size. Required when pageSizeOptions is set. */\n  pageSize?: number;\n  /** Available page size options. Renders a dropdown when provided. */\n  pageSizeOptions?: number[];\n  /** Called when the user selects a different page size. */\n  onPageSizeChange?: (size: number) => void;\n}\n\nexport interface DataTableProps<T> {\n  columns: ColumnDef<T>[];\n  data: T[];\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  onRowClick?: (row: T) => void;\n  loading?: boolean;\n  emptyMessage?: string;\n  toolbar?: React.ReactNode;\n  className?: string;\n  getRowId?: (row: T) => string;\n  pagination?: DataTablePagination;\n  globalFilter?: string;\n  onGlobalFilterChange?: (value: string) => void;\n  sortingState?: SortingState;\n  onSortingChange?: (state: SortingState) => void;\n  selectable?: boolean;\n  rowSelection?: RowSelectionState;\n  onRowSelectionChange?: (state: RowSelectionState) => void;\n  bulkActions?: (selectedRows: T[]) => React.ReactNode;\n  columnToggle?: boolean;\n  exportCsv?: boolean;\n  csvFilename?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nconst ALIGN_CLASS = { left: \"text-left\", center: \"text-center\", right: \"text-right\" } as const;\n\nfunction getAlignCn(meta: unknown): string {\n  const align = (meta as { align?: string } | undefined)?.align ?? \"left\";\n  return ALIGN_CLASS[align as keyof typeof ALIGN_CLASS];\n}\n\nfunction buildTanstackColumns<T>(\n  columns: ColumnDef<T>[],\n  selectable: boolean,\n): TanstackColumnDef<T, unknown>[] {\n  const cols: TanstackColumnDef<T, unknown>[] = [];\n  if (selectable) {\n    cols.push({\n      id: \"_select\",\n      header: ({ table }) => (\n        <Checkbox\n          checked={table.getIsAllPageRowsSelected()}\n          onCheckedChange={(v) => table.toggleAllPageRowsSelected(!!v)}\n          aria-label=\"Select all\"\n        />\n      ),\n      cell: ({ row }) => (\n        <Checkbox\n          checked={row.getIsSelected()}\n          onCheckedChange={(v) => row.toggleSelected(!!v)}\n          aria-label=\"Select row\"\n          onClick={(e) => e.stopPropagation()}\n        />\n      ),\n      enableSorting: false,\n      enableHiding: false,\n      meta: { align: \"center\" },\n    });\n  }\n  for (const col of columns) {\n    cols.push({\n      id: col.key,\n      accessorKey: col.key,\n      header: col.header,\n      enableSorting: col.sortable ?? false,\n      enableHiding: col.hideable !== false,\n      cell: col.render\n        ? (info) => col.render!(info.row.original)\n        : (info) => String(info.getValue() ?? \"\"),\n      meta: { align: col.align },\n    });\n  }\n  return cols;\n}\n\nfunction exportToCsv<T>(columns: ColumnDef<T>[], data: T[], filename: string) {\n  const headers = columns.map((c) => c.header);\n  const rows = data.map((row) =>\n    columns.map((col) => {\n      const str = String(row[col.key] ?? \"\");\n      return str.includes(\",\") || str.includes('\"') || str.includes(\"\\n\")\n        ? `\"${str.replace(/\"/g, '\"\"')}\"`\n        : str;\n    }),\n  );\n  const csv = [headers.join(\",\"), ...rows.map((r) => r.join(\",\"))].join(\"\\n\");\n  const blob = new Blob([csv], { type: \"text/csv;charset=utf-8;\" });\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.download = `${filename}.csv`;\n  link.click();\n  URL.revokeObjectURL(url);\n}\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\nfunction SortIndicator({ direction }: { direction: false | \"asc\" | \"desc\" }) {\n  if (direction === \"asc\") return <LuArrowUp className=\"h-4 w-4\" />;\n  if (direction === \"desc\") return <LuArrowDown className=\"h-4 w-4\" />;\n  return <LuArrowUpDown className=\"text-muted-foreground/50 h-4 w-4\" />;\n}\n\nfunction ColumnToggle<T>({ table }: { table: TanstackTable<T> }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\" size=\"sm\">\n          <LuSettings2 className=\"mr-2 h-4 w-4\" />\n          Columns\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter((col) => col.getCanHide())\n          .map((col) => (\n            <DropdownMenuCheckboxItem\n              key={col.id}\n              checked={col.getIsVisible()}\n              onCheckedChange={(v) => col.toggleVisibility(!!v)}\n            >\n              {col.columnDef.header as string}\n            </DropdownMenuCheckboxItem>\n          ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction HeaderCell<T>({ header }: { header: Header<T, unknown> }) {\n  const canSort = header.column.getCanSort();\n  const sorted = header.column.getIsSorted();\n  // aria-sort announces sort state to screen readers; only meaningful on\n  // sortable columns. Sorting is triggered by a real <button> so it is\n  // keyboard-focusable and Enter/Space-activatable (a click handler on the\n  // <th> alone is mouse-only).\n  const ariaSort = canSort\n    ? sorted === \"asc\"\n      ? \"ascending\"\n      : sorted === \"desc\"\n        ? \"descending\"\n        : \"none\"\n    : undefined;\n\n  return (\n    <TableHead className={getAlignCn(header.column.columnDef.meta)} aria-sort={ariaSort}>\n      {canSort ? (\n        <button\n          type=\"button\"\n          onClick={header.column.getToggleSortingHandler()}\n          className=\"inline-flex cursor-pointer select-none items-center gap-1\"\n        >\n          {flexRender(header.column.columnDef.header, header.getContext())}\n          <SortIndicator direction={sorted} />\n        </button>\n      ) : (\n        <span className=\"inline-flex items-center gap-1\">\n          {flexRender(header.column.columnDef.header, header.getContext())}\n        </span>\n      )}\n    </TableHead>\n  );\n}\n\nfunction DataCell<T>({ cell }: { cell: Cell<T, unknown> }) {\n  return (\n    <TableCell className={getAlignCn(cell.column.columnDef.meta)}>\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </TableCell>\n  );\n}\n\nfunction DataRow<T>({ row, onRowClick }: { row: Row<T>; onRowClick?: (r: T) => void }) {\n  return (\n    <TableRow\n      data-state={row.getIsSelected() ? \"selected\" : undefined}\n      className={cn(onRowClick && \"cursor-pointer\")}\n      onClick={onRowClick ? () => onRowClick(row.original) : undefined}\n    >\n      {row.getVisibleCells().map((cell) => (\n        <DataCell key={cell.id} cell={cell} />\n      ))}\n    </TableRow>\n  );\n}\n\nfunction ExportButton<T>({\n  columns,\n  data,\n  csvFilename,\n}: {\n  columns: ColumnDef<T>[];\n  data: T[];\n  csvFilename: string;\n}) {\n  return (\n    <Button variant=\"outline\" size=\"sm\" onClick={() => exportToCsv(columns, data, csvFilename)}>\n      <LuDownload className=\"mr-2 h-4 w-4\" />\n      Export\n    </Button>\n  );\n}\n\nfunction BulkActionsBar<T>({\n  selectedRows,\n  bulkActions,\n}: {\n  selectedRows: T[];\n  bulkActions: (rows: T[]) => React.ReactNode;\n}) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <span className=\"text-muted-foreground text-sm\">{selectedRows.length} selected</span>\n      {bulkActions(selectedRows)}\n    </div>\n  );\n}\n\nfunction Toolbar<T>({\n  searchable,\n  searchPlaceholder,\n  globalFilter,\n  onGlobalFilterChange,\n  selectedRows,\n  bulkActions,\n  toolbar,\n  exportCsv,\n  columns,\n  data,\n  csvFilename,\n  columnToggle,\n  table,\n}: {\n  searchable: boolean;\n  searchPlaceholder: string;\n  globalFilter: string;\n  onGlobalFilterChange: (value: string) => void;\n  selectedRows: T[];\n  bulkActions?: (rows: T[]) => React.ReactNode;\n  toolbar?: React.ReactNode;\n  exportCsv: boolean;\n  columns: ColumnDef<T>[];\n  data: T[];\n  csvFilename: string;\n  columnToggle: boolean;\n  table: TanstackTable<T>;\n}) {\n  const hasSelection = selectedRows.length > 0;\n  return (\n    <div className=\"flex items-center gap-4\">\n      {searchable && (\n        <Input\n          placeholder={searchPlaceholder}\n          value={globalFilter}\n          onChange={(e) => onGlobalFilterChange(e.target.value)}\n          className=\"max-w-sm\"\n        />\n      )}\n      {hasSelection && bulkActions && (\n        <BulkActionsBar selectedRows={selectedRows} bulkActions={bulkActions} />\n      )}\n      <div className=\"ml-auto flex items-center gap-2\">\n        {toolbar}\n        {exportCsv && <ExportButton columns={columns} data={data} csvFilename={csvFilename} />}\n        {columnToggle && <ColumnToggle table={table} />}\n      </div>\n    </div>\n  );\n}\n\nfunction TableBodyContent<T>({\n  loading,\n  colSpan,\n  emptyMessage,\n  rows,\n  onRowClick,\n}: {\n  loading: boolean;\n  colSpan: number;\n  emptyMessage: string;\n  rows: Row<T>[];\n  onRowClick?: (r: T) => void;\n}) {\n  if (loading) {\n    return (\n      <TableRow>\n        <TableCell colSpan={colSpan} className=\"h-24 text-center\">\n          <Spinner size=\"lg\" className=\"mx-auto\" />\n        </TableCell>\n      </TableRow>\n    );\n  }\n  if (rows.length === 0) {\n    return (\n      <TableRow>\n        <TableCell colSpan={colSpan} className=\"h-24 text-center\">\n          {emptyMessage}\n        </TableCell>\n      </TableRow>\n    );\n  }\n  return (\n    <>\n      {rows.map((row) => (\n        <DataRow key={row.id} row={row} onRowClick={onRowClick} />\n      ))}\n    </>\n  );\n}\n\nfunction PageSizeSelector({\n  pageSize,\n  options,\n  onChange,\n}: {\n  pageSize: number;\n  options: number[];\n  onChange: (size: number) => void;\n}) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <span className=\"text-muted-foreground text-sm\">Rows per page</span>\n      <Select value={String(pageSize)} onValueChange={(v) => onChange(Number(v))}>\n        <SelectTrigger className=\"h-8 w-[70px]\">\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          {options.map((size) => (\n            <SelectItem key={size} value={String(size)}>\n              {size}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n\nfunction PaginationFooter({ pagination }: { pagination?: DataTablePagination }) {\n  if (!pagination) return null;\n  const showPageSize =\n    pagination.pageSizeOptions && pagination.pageSize !== undefined && pagination.onPageSizeChange;\n  const showPages = pagination.totalPages > 1;\n  if (!showPageSize && !showPages) return null;\n  return (\n    <div className=\"flex items-center justify-between\">\n      {showPageSize ? (\n        <PageSizeSelector\n          pageSize={pagination.pageSize!}\n          options={pagination.pageSizeOptions!}\n          onChange={pagination.onPageSizeChange!}\n        />\n      ) : (\n        <div />\n      )}\n      {showPages && (\n        <ListPagination\n          page={pagination.page}\n          totalPages={pagination.totalPages}\n          getHref={pagination.getHref}\n          onPageChange={pagination.onPageChange}\n        />\n      )}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Hook: encapsulates all state management and TanStack Table configuration\n// ---------------------------------------------------------------------------\n\ninterface UseDataTableOptions<T> {\n  columns: ColumnDef<T>[];\n  data: T[];\n  selectable: boolean;\n  getRowId?: (row: T) => string;\n  pagination?: DataTablePagination;\n  externalGlobalFilter?: string;\n  onGlobalFilterChange?: (value: string) => void;\n  externalSorting?: SortingState;\n  onSortingChange?: (state: SortingState) => void;\n  externalRowSelection?: RowSelectionState;\n  onRowSelectionChange?: (state: RowSelectionState) => void;\n}\n\nfunction useDataTable<T>(opts: UseDataTableOptions<T>) {\n  const isManualFiltering = opts.externalGlobalFilter !== undefined;\n  const isManualSorting = opts.externalSorting !== undefined;\n\n  const [internalSorting, setInternalSorting] = React.useState<SortingState>([]);\n  const [internalGlobalFilter, setInternalGlobalFilter] = React.useState(\"\");\n  const [internalRowSelection, setInternalRowSelection] = React.useState<RowSelectionState>({});\n  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({});\n\n  const sorting = opts.externalSorting ?? internalSorting;\n  const globalFilter = opts.externalGlobalFilter ?? internalGlobalFilter;\n  const rowSelectionState = opts.externalRowSelection ?? internalRowSelection;\n\n  // TanStack hands these an Updater<T> = T | ((old: T) => T). Resolve via\n  // functionalUpdate so a plain value (e.g. from resetRowSelection()/setSorting(v))\n  // is not called as a function — the old cast-and-call threw on plain values.\n  const handleSortingChange = opts.onSortingChange\n    ? (updater: Updater<SortingState>) => {\n        opts.onSortingChange!(functionalUpdate(updater, sorting));\n      }\n    : setInternalSorting;\n\n  const handleGlobalFilterChange = opts.onGlobalFilterChange ?? setInternalGlobalFilter;\n\n  const handleRowSelectionChange = opts.onRowSelectionChange\n    ? (updater: Updater<RowSelectionState>) => {\n        opts.onRowSelectionChange!(functionalUpdate(updater, rowSelectionState));\n      }\n    : setInternalRowSelection;\n\n  const tanstackColumns = React.useMemo(\n    () => buildTanstackColumns(opts.columns, opts.selectable),\n    [opts.columns, opts.selectable],\n  );\n\n  const table = useReactTable({\n    data: opts.data,\n    columns: tanstackColumns,\n    state: {\n      sorting,\n      globalFilter: isManualFiltering ? undefined : globalFilter,\n      rowSelection: rowSelectionState,\n      columnVisibility,\n    },\n    onSortingChange: handleSortingChange,\n    onGlobalFilterChange: isManualFiltering ? undefined : setInternalGlobalFilter,\n    onRowSelectionChange: handleRowSelectionChange,\n    onColumnVisibilityChange: setColumnVisibility,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: isManualSorting ? undefined : getSortedRowModel(),\n    getFilteredRowModel: isManualFiltering ? undefined : getFilteredRowModel(),\n    manualSorting: isManualSorting,\n    manualFiltering: isManualFiltering,\n    manualPagination: opts.pagination !== undefined,\n    enableRowSelection: opts.selectable,\n    getRowId: opts.getRowId ? (row) => opts.getRowId!(row) : undefined,\n  });\n\n  const selectedRows = opts.selectable\n    ? table.getSelectedRowModel().rows.map((r) => r.original)\n    : [];\n\n  return { table, tanstackColumns, globalFilter, handleGlobalFilterChange, selectedRows };\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nfunction DataTable<T>({\n  columns,\n  data,\n  searchable = false,\n  searchPlaceholder = \"Search...\",\n  onRowClick,\n  loading = false,\n  emptyMessage = \"No results.\",\n  toolbar,\n  className,\n  getRowId,\n  pagination,\n  globalFilter: externalGlobalFilter,\n  onGlobalFilterChange,\n  sortingState,\n  onSortingChange,\n  selectable = false,\n  rowSelection,\n  onRowSelectionChange,\n  bulkActions,\n  columnToggle = false,\n  exportCsv = false,\n  csvFilename = \"export\",\n}: DataTableProps<T>) {\n  const { table, tanstackColumns, globalFilter, handleGlobalFilterChange, selectedRows } =\n    useDataTable({\n      columns,\n      data,\n      selectable,\n      getRowId,\n      pagination,\n      externalGlobalFilter,\n      onGlobalFilterChange,\n      externalSorting: sortingState,\n      onSortingChange,\n      externalRowSelection: rowSelection,\n      onRowSelectionChange,\n    });\n\n  const showToolbar = searchable || toolbar || columnToggle || exportCsv || selectedRows.length > 0;\n\n  return (\n    <div className={cn(\"space-y-4\", className)}>\n      {showToolbar && (\n        <Toolbar\n          searchable={searchable}\n          searchPlaceholder={searchPlaceholder}\n          globalFilter={globalFilter}\n          onGlobalFilterChange={handleGlobalFilterChange}\n          selectedRows={selectedRows}\n          bulkActions={bulkActions}\n          toolbar={toolbar}\n          exportCsv={exportCsv}\n          columns={columns}\n          data={data}\n          csvFilename={csvFilename}\n          columnToggle={columnToggle}\n          table={table}\n        />\n      )}\n      <Table>\n        <TableHeader className=\"bg-background sticky top-0 z-10\">\n          {table.getHeaderGroups().map((hg) => (\n            <TableRow key={hg.id}>\n              {hg.headers.map((h) => (\n                <HeaderCell key={h.id} header={h} />\n              ))}\n            </TableRow>\n          ))}\n        </TableHeader>\n        <TableBody>\n          <TableBodyContent\n            loading={loading}\n            colSpan={tanstackColumns.length}\n            emptyMessage={emptyMessage}\n            rows={table.getRowModel().rows}\n            onRowClick={onRowClick}\n          />\n        </TableBody>\n      </Table>\n      <PaginationFooter pagination={pagination} />\n    </div>\n  );\n}\nDataTable.displayName = \"DataTable\";\n\nexport { DataTable };\nexport type { SortingState, RowSelectionState, VisibilityState };\n"]}