@inshorts/glint-ui 0.5.3 → 0.6.0

package/dist/chunk-T4WCCHJQ.js

@@ -0,0 +1,29 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/separator.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Separator = React.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: decorative ? "none" : "separator",
+      "aria-orientation": orientation,
+      className: cn(
+        "bg-border shrink-0",
+        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = "Separator";
+
+export {
+  Separator
+};
+//# sourceMappingURL=chunk-T4WCCHJQ.js.map

package/dist/chunk-T4WCCHJQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\nexport type SeparatorProps = React.HTMLAttributes<HTMLDivElement> & {\n  orientation?: \"horizontal\" | \"vertical\";\n  decorative?: boolean;\n};\n\n/** Thin rule between sections. */\nexport const Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      role={decorative ? \"none\" : \"separator\"}\n      aria-orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0\",\n        orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nSeparator.displayName = \"Separator\";\n"],"mappings":";;;;;AAEA,YAAY,WAAW;AAenB;AALG,IAAM,YAAkB;AAAA,EAC7B,CACE,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GACrE,QAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,aAAa,SAAS;AAAA,MAC5B,oBAAkB;AAAA,MAClB,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,eAAe,gBAAgB;AAAA,QAC/C;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,UAAU,cAAc;","names":[]}

package/dist/chunk-UC3ZIQPE.js

@@ -0,0 +1,93 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/table.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    className: cn(
+      "text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    ref,
+    className: cn("text-muted-foreground mt-4 text-sm", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableRow,
+  TableHead,
+  TableCell,
+  TableCaption
+};
+//# sourceMappingURL=chunk-UC3ZIQPE.js.map

package/dist/chunk-UC3ZIQPE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/table.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\n/**\n * Low-level table primitives. Prefer `DataTable` for list panels; use these\n * when the row markup is custom (nested actions, expandable rows, etc.).\n */\nexport const Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className=\"relative w-full overflow-auto\">\n    <table\n      ref={ref}\n      className={cn(\"w-full caption-bottom text-sm\", className)}\n      {...props}\n    />\n  </div>\n));\nTable.displayName = \"Table\";\n\nexport const TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\nexport const TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\n    {...props}\n  />\n));\nTableBody.displayName = \"TableBody\";\n\nexport const TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableFooter.displayName = \"TableFooter\";\n\nexport const TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableRow.displayName = \"TableRow\";\n\nexport const TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      \"text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = \"TableHead\";\n\nexport const TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)}\n    {...props}\n  />\n));\nTableCell.displayName = \"TableCell\";\n\nexport const TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n    {...props}\n  />\n));\nTableCaption.displayName = \"TableCaption\";\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAanB;AALG,IAAM,QAAc,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,SAAI,WAAU,iCACb;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,GACF,CACD;AACD,MAAM,cAAc;AAEb,IAAM,cAAoB,iBAG/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,WAAM,KAAU,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO,CAC1E;AACD,YAAY,cAAc;AAEnB,IAAM,YAAkB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,IACpD,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAEjB,IAAM,cAAoB,iBAG/B,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,YAAY,cAAc;AAEnB,IAAM,WAAiB,iBAG5B,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,SAAS,cAAc;AAEhB,IAAM,YAAkB,iBAG7B,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,UAAU,cAAc;AAEjB,IAAM,YAAkB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,kDAAkD,SAAS;AAAA,IACxE,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAEjB,IAAM,eAAqB,iBAGhC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,sCAAsC,SAAS;AAAA,IAC5D,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc;","names":[]}

package/dist/chunk-UE7JY7VR.js

@@ -0,0 +1,28 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/spinner.tsx
+import { Loader2 } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var SIZES = {
+  sm: "size-3.5",
+  md: "size-4",
+  lg: "size-5",
+  xl: "size-10 border-2"
+};
+function Spinner({ size = "md", className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Loader2,
+    {
+      "aria-hidden": true,
+      className: cn("animate-spin", SIZES[size], className),
+      ...props
+    }
+  );
+}
+
+export {
+  Spinner
+};
+//# sourceMappingURL=chunk-UE7JY7VR.js.map

package/dist/chunk-UE7JY7VR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spinner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Loader2 } from \"lucide-react\";\n\nimport { cn } from \"./utils\";\n\n/**\n * The one spinner.\n *\n * There were five spellings of `animate-spin` across twelve files — `h-4 w-4`,\n * `h-5 w-5`, `size-4`, bare, and a hand-drawn ring in `ProtectedRoute` — so the\n * same \"working\" signal came out a different size depending on which panel you\n * were on.\n *\n * It is `aria-hidden` on purpose. A spinner is decoration; what a screen reader\n * needs is the surrounding control's `aria-busy` or the panel's status text,\n * and announcing \"loading\" twice is worse than once. `Button` and `StatePanel`\n * both supply that.\n */\nconst SIZES = {\n  sm: \"size-3.5\",\n  md: \"size-4\",\n  lg: \"size-5\",\n  xl: \"size-10 border-2\",\n} as const;\n\nexport interface SpinnerProps extends React.SVGProps<SVGSVGElement> {\n  size?: keyof typeof SIZES;\n}\n\nexport function Spinner({ size = \"md\", className, ...props }: SpinnerProps) {\n  return (\n    <Loader2\n      aria-hidden\n      className={cn(\"animate-spin\", SIZES[size], className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AACA,SAAS,eAAe;AA8BpB;AAbJ,IAAM,QAAQ;AAAA,EACZ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAMO,SAAS,QAAQ,EAAE,OAAO,MAAM,WAAW,GAAG,MAAM,GAAiB;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAW,GAAG,gBAAgB,MAAM,IAAI,GAAG,SAAS;AAAA,MACnD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-WVNRFO5F.js

@@ -0,0 +1,70 @@
+import {
+  Modal
+} from "./chunk-YSU4VWRD.js";
+import {
+  Button
+} from "./chunk-KR3BCFP7.js";
+
+// src/confirm-dialog.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ConfirmDialog({
+  isOpen,
+  title,
+  description,
+  confirmLabel = "Delete",
+  cancelLabel = "Cancel",
+  isConfirming,
+  error,
+  onConfirm,
+  onClose
+}) {
+  const titleId = React.useId();
+  const descriptionId = React.useId();
+  const errorId = React.useId();
+  const describedBy = [
+    description ? descriptionId : null,
+    error ? errorId : null
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    Modal,
+    {
+      isOpen,
+      role: "alertdialog",
+      labelledBy: titleId,
+      describedBy: describedBy || void 0,
+      closeLabel: "Close dialog",
+      onClose,
+      children: [
+        /* @__PURE__ */ jsx("h3", { id: titleId, className: "text-lg font-semibold", children: title }),
+        description ? /* @__PURE__ */ jsx("div", { id: descriptionId, className: "text-muted-foreground mt-2 text-sm", children: description }) : null,
+        error ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: errorId,
+            role: "alert",
+            className: "border-destructive/30 bg-destructive/5 text-destructive mt-4 rounded-lg border px-3 py-2 text-sm",
+            children: error
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, disabled: isConfirming, children: cancelLabel }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "destructive",
+              onClick: onConfirm,
+              loading: isConfirming,
+              children: confirmLabel
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  ConfirmDialog
+};
+//# sourceMappingURL=chunk-WVNRFO5F.js.map

package/dist/chunk-WVNRFO5F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/confirm-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { Button } from \"./button\";\nimport { Modal } from \"./modal\";\n\ninterface ConfirmDialogProps {\n  isOpen: boolean;\n  title: string;\n  description?: React.ReactNode;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  isConfirming?: boolean;\n  error?: string | null;\n  onConfirm: () => void;\n  onClose: () => void;\n}\n\nexport function ConfirmDialog({\n  isOpen,\n  title,\n  description,\n  confirmLabel = \"Delete\",\n  cancelLabel = \"Cancel\",\n  isConfirming,\n  error,\n  onConfirm,\n  onClose,\n}: ConfirmDialogProps) {\n  const titleId = React.useId();\n  const descriptionId = React.useId();\n  const errorId = React.useId();\n\n  const describedBy = [\n    description ? descriptionId : null,\n    error ? errorId : null,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      role=\"alertdialog\"\n      labelledBy={titleId}\n      describedBy={describedBy || undefined}\n      closeLabel=\"Close dialog\"\n      onClose={onClose}\n    >\n      <h3 id={titleId} className=\"text-lg font-semibold\">\n        {title}\n      </h3>\n      {description ? (\n        <div id={descriptionId} className=\"text-muted-foreground mt-2 text-sm\">\n          {description}\n        </div>\n      ) : null}\n\n      {error ? (\n        <div\n          id={errorId}\n          role=\"alert\"\n          className=\"border-destructive/30 bg-destructive/5 text-destructive mt-4 rounded-lg border px-3 py-2 text-sm\"\n        >\n          {error}\n        </div>\n      ) : null}\n\n      <div className=\"mt-6 flex justify-end gap-2\">\n        <Button variant=\"outline\" onClick={onClose} disabled={isConfirming}>\n          {cancelLabel}\n        </Button>\n        <Button\n          variant=\"destructive\"\n          onClick={onConfirm}\n          loading={isConfirming}\n        >\n          {confirmLabel}\n        </Button>\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,YAAY,WAAW;AAgDjB,cAmBA,YAnBA;AA/BC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,UAAgB,YAAM;AAC5B,QAAM,gBAAsB,YAAM;AAClC,QAAM,UAAgB,YAAM;AAE5B,QAAM,cAAc;AAAA,IAClB,cAAc,gBAAgB;AAAA,IAC9B,QAAQ,UAAU;AAAA,EACpB,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,YAAY;AAAA,MACZ,aAAa,eAAe;AAAA,MAC5B,YAAW;AAAA,MACX;AAAA,MAEA;AAAA,4BAAC,QAAG,IAAI,SAAS,WAAU,yBACxB,iBACH;AAAA,QACC,cACC,oBAAC,SAAI,IAAI,eAAe,WAAU,sCAC/B,uBACH,IACE;AAAA,QAEH,QACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,MAAK;AAAA,YACL,WAAU;AAAA,YAET;AAAA;AAAA,QACH,IACE;AAAA,QAEJ,qBAAC,SAAI,WAAU,+BACb;AAAA,8BAAC,UAAO,SAAQ,WAAU,SAAS,SAAS,UAAU,cACnD,uBACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAAS;AAAA,cACT,SAAS;AAAA,cAER;AAAA;AAAA,UACH;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-Y5WCT6XN.js

@@ -0,0 +1,93 @@
+// src/clipboard.ts
+var TSV_DELIMITER = "	";
+var CSV_DELIMITER = ",";
+function normalizeRange(anchor, focus) {
+  if (!anchor || !focus) return null;
+  return {
+    r1: Math.min(anchor.r, focus.r),
+    r2: Math.max(anchor.r, focus.r),
+    c1: Math.min(anchor.c, focus.c),
+    c2: Math.max(anchor.c, focus.c)
+  };
+}
+function escapeCell(raw, delimiter) {
+  const value = raw == null ? "" : String(raw);
+  if (value.includes(delimiter) || value.includes("\n") || value.includes("\r") || value.includes('"')) {
+    return `"${value.replace(/"/g, '""')}"`;
+  }
+  return value;
+}
+function buildRangeText(range, columns, rows, delimiter, includeHeaders) {
+  if (!range) return "";
+  const lines = [];
+  if (includeHeaders) {
+    const header = [];
+    for (let c = range.c1; c <= range.c2; c++) {
+      header.push(escapeCell(columns[c]?.title, delimiter));
+    }
+    lines.push(header.join(delimiter));
+  }
+  for (let r = range.r1; r <= range.r2; r++) {
+    const line = [];
+    const row = rows[r];
+    for (let c = range.c1; c <= range.c2; c++) {
+      const column = columns[c];
+      line.push(
+        escapeCell(
+          column && row !== void 0 ? column.value(row) : "",
+          delimiter
+        )
+      );
+    }
+    lines.push(line.join(delimiter));
+  }
+  return lines.join("\n");
+}
+function fullRange(columns, rows) {
+  if (!rows.length || !columns.length) return null;
+  return { r1: 0, r2: rows.length - 1, c1: 0, c2: columns.length - 1 };
+}
+function describeRange(range) {
+  if (!range) return "No selection";
+  const rowCount = range.r2 - range.r1 + 1;
+  const colCount = range.c2 - range.c1 + 1;
+  if (rowCount === 1 && colCount === 1) return "1 cell selected";
+  return `${rowCount} \xD7 ${colCount} selected`;
+}
+function countCells(range) {
+  return {
+    rows: range.r2 - range.r1 + 1,
+    columns: range.c2 - range.c1 + 1
+  };
+}
+async function writeToClipboard(text) {
+  if (navigator.clipboard?.writeText) {
+    return navigator.clipboard.writeText(text);
+  }
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.style.position = "fixed";
+  textarea.style.top = "-1000px";
+  document.body.appendChild(textarea);
+  textarea.select();
+  try {
+    if (!document.execCommand("copy")) {
+      throw new Error("Could not write to the clipboard");
+    }
+  } finally {
+    document.body.removeChild(textarea);
+  }
+}
+
+export {
+  TSV_DELIMITER,
+  CSV_DELIMITER,
+  normalizeRange,
+  escapeCell,
+  buildRangeText,
+  fullRange,
+  describeRange,
+  countCells,
+  writeToClipboard
+};
+//# sourceMappingURL=chunk-Y5WCT6XN.js.map

package/dist/chunk-Y5WCT6XN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/clipboard.ts"],"sourcesContent":["/**\n * Range maths and clipboard text for the card table's spreadsheet selection.\n *\n * Ported from video-shorts-panel `app/src/common/components/ExcelTable.jsx`.\n * Kept free of React and the DOM (except `writeToClipboard`) so the escaping\n * and range rules are unit-testable.\n */\n\nexport type CellRef = { r: number; c: number };\n\nexport type CellRange = { r1: number; r2: number; c1: number; c2: number };\n\n/** Tab for the clipboard (Excel/Sheets split on it), comma for a .csv file. */\nexport const TSV_DELIMITER = \"\\t\";\nexport const CSV_DELIMITER = \",\";\n\n/**\n * Anchor and focus can be dragged in any direction, so the range is whichever\n * corners they happen to be — normalize to top-left / bottom-right.\n */\nexport function normalizeRange(\n  anchor: CellRef | null | undefined,\n  focus: CellRef | null | undefined,\n): CellRange | null {\n  if (!anchor || !focus) return null;\n  return {\n    r1: Math.min(anchor.r, focus.r),\n    r2: Math.max(anchor.r, focus.r),\n    c1: Math.min(anchor.c, focus.c),\n    c2: Math.max(anchor.c, focus.c),\n  };\n}\n\n/**\n * A cell needs quoting once it carries the delimiters themselves — the same\n * rule Excel uses when it parses the clipboard. Without it, a title containing\n * a tab or a newline silently becomes extra columns or rows on paste.\n */\nexport function escapeCell(raw: unknown, delimiter: string): string {\n  const value = raw == null ? \"\" : String(raw);\n  if (\n    value.includes(delimiter) ||\n    value.includes(\"\\n\") ||\n    value.includes(\"\\r\") ||\n    value.includes('\"')\n  ) {\n    return `\"${value.replace(/\"/g, '\"\"')}\"`;\n  }\n  return value;\n}\n\nexport type TextColumn<Row> = {\n  title: string;\n  value: (row: Row) => string;\n};\n\n/** Renders a range as delimited text, optionally with a header line. */\nexport function buildRangeText<Row>(\n  range: CellRange | null,\n  columns: TextColumn<Row>[],\n  rows: Row[],\n  delimiter: string,\n  includeHeaders: boolean,\n): string {\n  if (!range) return \"\";\n  const lines: string[] = [];\n\n  if (includeHeaders) {\n    const header: string[] = [];\n    for (let c = range.c1; c <= range.c2; c++) {\n      header.push(escapeCell(columns[c]?.title, delimiter));\n    }\n    lines.push(header.join(delimiter));\n  }\n\n  for (let r = range.r1; r <= range.r2; r++) {\n    const line: string[] = [];\n    const row = rows[r];\n    for (let c = range.c1; c <= range.c2; c++) {\n      const column = columns[c];\n      line.push(\n        escapeCell(\n          column && row !== undefined ? column.value(row) : \"\",\n          delimiter,\n        ),\n      );\n    }\n    lines.push(line.join(delimiter));\n  }\n\n  return lines.join(\"\\n\");\n}\n\n/** The whole grid, or null when there is nothing to select. */\nexport function fullRange<Row>(\n  columns: TextColumn<Row>[],\n  rows: Row[],\n): CellRange | null {\n  if (!rows.length || !columns.length) return null;\n  return { r1: 0, r2: rows.length - 1, c1: 0, c2: columns.length - 1 };\n}\n\n/** \"3 × 2 selected\" — what the toolbar reports back to the user. */\nexport function describeRange(range: CellRange | null): string {\n  if (!range) return \"No selection\";\n  const rowCount = range.r2 - range.r1 + 1;\n  const colCount = range.c2 - range.c1 + 1;\n  if (rowCount === 1 && colCount === 1) return \"1 cell selected\";\n  return `${rowCount} × ${colCount} selected`;\n}\n\nexport function countCells(range: CellRange): {\n  rows: number;\n  columns: number;\n} {\n  return {\n    rows: range.r2 - range.r1 + 1,\n    columns: range.c2 - range.c1 + 1,\n  };\n}\n\n/**\n * `navigator.clipboard` is unavailable on http origins and older browsers, so\n * fall back to a hidden textarea + execCommand rather than failing the copy.\n */\nexport async function writeToClipboard(text: string): Promise<void> {\n  if (navigator.clipboard?.writeText) {\n    return navigator.clipboard.writeText(text);\n  }\n\n  const textarea = document.createElement(\"textarea\");\n  textarea.value = text;\n  textarea.style.position = \"fixed\";\n  textarea.style.top = \"-1000px\";\n  document.body.appendChild(textarea);\n  textarea.select();\n  try {\n    if (!document.execCommand(\"copy\")) {\n      throw new Error(\"Could not write to the clipboard\");\n    }\n  } finally {\n    document.body.removeChild(textarea);\n  }\n}\n"],"mappings":";AAaO,IAAM,gBAAgB;AACtB,IAAM,gBAAgB;AAMtB,SAAS,eACd,QACA,OACkB;AAClB,MAAI,CAAC,UAAU,CAAC,MAAO,QAAO;AAC9B,SAAO;AAAA,IACL,IAAI,KAAK,IAAI,OAAO,GAAG,MAAM,CAAC;AAAA,IAC9B,IAAI,KAAK,IAAI,OAAO,GAAG,MAAM,CAAC;AAAA,IAC9B,IAAI,KAAK,IAAI,OAAO,GAAG,MAAM,CAAC;AAAA,IAC9B,IAAI,KAAK,IAAI,OAAO,GAAG,MAAM,CAAC;AAAA,EAChC;AACF;AAOO,SAAS,WAAW,KAAc,WAA2B;AAClE,QAAM,QAAQ,OAAO,OAAO,KAAK,OAAO,GAAG;AAC3C,MACE,MAAM,SAAS,SAAS,KACxB,MAAM,SAAS,IAAI,KACnB,MAAM,SAAS,IAAI,KACnB,MAAM,SAAS,GAAG,GAClB;AACA,WAAO,IAAI,MAAM,QAAQ,MAAM,IAAI,CAAC;AAAA,EACtC;AACA,SAAO;AACT;AAQO,SAAS,eACd,OACA,SACA,MACA,WACA,gBACQ;AACR,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,QAAkB,CAAC;AAEzB,MAAI,gBAAgB;AAClB,UAAM,SAAmB,CAAC;AAC1B,aAAS,IAAI,MAAM,IAAI,KAAK,MAAM,IAAI,KAAK;AACzC,aAAO,KAAK,WAAW,QAAQ,CAAC,GAAG,OAAO,SAAS,CAAC;AAAA,IACtD;AACA,UAAM,KAAK,OAAO,KAAK,SAAS,CAAC;AAAA,EACnC;AAEA,WAAS,IAAI,MAAM,IAAI,KAAK,MAAM,IAAI,KAAK;AACzC,UAAM,OAAiB,CAAC;AACxB,UAAM,MAAM,KAAK,CAAC;AAClB,aAAS,IAAI,MAAM,IAAI,KAAK,MAAM,IAAI,KAAK;AACzC,YAAM,SAAS,QAAQ,CAAC;AACxB,WAAK;AAAA,QACH;AAAA,UACE,UAAU,QAAQ,SAAY,OAAO,MAAM,GAAG,IAAI;AAAA,UAClD;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,UAAM,KAAK,KAAK,KAAK,SAAS,CAAC;AAAA,EACjC;AAEA,SAAO,MAAM,KAAK,IAAI;AACxB;AAGO,SAAS,UACd,SACA,MACkB;AAClB,MAAI,CAAC,KAAK,UAAU,CAAC,QAAQ,OAAQ,QAAO;AAC5C,SAAO,EAAE,IAAI,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,QAAQ,SAAS,EAAE;AACrE;AAGO,SAAS,cAAc,OAAiC;AAC7D,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,WAAW,MAAM,KAAK,MAAM,KAAK;AACvC,QAAM,WAAW,MAAM,KAAK,MAAM,KAAK;AACvC,MAAI,aAAa,KAAK,aAAa,EAAG,QAAO;AAC7C,SAAO,GAAG,QAAQ,SAAM,QAAQ;AAClC;AAEO,SAAS,WAAW,OAGzB;AACA,SAAO;AAAA,IACL,MAAM,MAAM,KAAK,MAAM,KAAK;AAAA,IAC5B,SAAS,MAAM,KAAK,MAAM,KAAK;AAAA,EACjC;AACF;AAMA,eAAsB,iBAAiB,MAA6B;AAClE,MAAI,UAAU,WAAW,WAAW;AAClC,WAAO,UAAU,UAAU,UAAU,IAAI;AAAA,EAC3C;AAEA,QAAM,WAAW,SAAS,cAAc,UAAU;AAClD,WAAS,QAAQ;AACjB,WAAS,MAAM,WAAW;AAC1B,WAAS,MAAM,MAAM;AACrB,WAAS,KAAK,YAAY,QAAQ;AAClC,WAAS,OAAO;AAChB,MAAI;AACF,QAAI,CAAC,SAAS,YAAY,MAAM,GAAG;AACjC,YAAM,IAAI,MAAM,kCAAkC;AAAA,IACpD;AAAA,EACF,UAAE;AACA,aAAS,KAAK,YAAY,QAAQ;AAAA,EACpC;AACF;","names":[]}

package/dist/chunk-YDICVETX.js

@@ -0,0 +1,151 @@
+import {
+  Input
+} from "./chunk-PWAKTEXF.js";
+import {
+  Button
+} from "./chunk-KR3BCFP7.js";
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/image-uploader.tsx
+import { ImagePlus, Loader2, X } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ImageUploader({
+  value = "",
+  onChange,
+  disabled,
+  label,
+  className,
+  allowUrlPaste = true,
+  accept = "image/*,.gif",
+  uploadFile,
+  uploadFromUrl
+}) {
+  const inputRef = React.useRef(null);
+  const [uploading, setUploading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const busy = Boolean(disabled || uploading);
+  const handleFile = async (file) => {
+    if (!uploadFile) {
+      setError("File upload is not configured for this panel.");
+      return;
+    }
+    setUploading(true);
+    setError(null);
+    try {
+      onChange(await uploadFile(file));
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Upload failed");
+    } finally {
+      setUploading(false);
+      if (inputRef.current) inputRef.current.value = "";
+    }
+  };
+  const handleUrl = async (imageUrl) => {
+    const trimmed = imageUrl.trim();
+    if (!trimmed) {
+      onChange("");
+      return;
+    }
+    if (trimmed === value) return;
+    if (!uploadFromUrl || /^https?:\/\//i.test(trimmed)) {
+      setError(null);
+      onChange(trimmed);
+      return;
+    }
+    setUploading(true);
+    setError(null);
+    try {
+      onChange(await uploadFromUrl(trimmed));
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Upload failed");
+    } finally {
+      setUploading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+    label ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-xs font-medium", children: label }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "file",
+          accept,
+          className: "hidden",
+          disabled: busy,
+          onChange: (e) => {
+            const file = e.target.files?.[0];
+            if (file) void handleFile(file);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          disabled: busy,
+          onClick: () => inputRef.current?.click(),
+          children: [
+            uploading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(ImagePlus, { className: "h-4 w-4" }),
+            uploading ? "Uploading\u2026" : "Upload"
+          ]
+        }
+      ),
+      value ? /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          disabled: busy,
+          onClick: () => onChange(""),
+          "aria-label": "Clear image",
+          children: [
+            /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+            "Clear"
+          ]
+        }
+      ) : null
+    ] }),
+    allowUrlPaste ? /* @__PURE__ */ jsx(
+      Input,
+      {
+        defaultValue: value,
+        disabled: busy,
+        placeholder: "Or paste image URL\u2026",
+        onBlur: (e) => {
+          void handleUrl(e.target.value);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            void handleUrl(e.target.value);
+          }
+        }
+      },
+      value || "empty"
+    ) : null,
+    value ? (
+      // eslint-disable-next-line @next/next/no-img-element -- CDN URLs vary
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: value,
+          alt: "",
+          className: "border-border max-h-24 rounded border bg-white object-contain p-1"
+        }
+      )
+    ) : null,
+    error ? /* @__PURE__ */ jsx("p", { className: "text-destructive text-xs", role: "alert", children: error }) : null
+  ] });
+}
+
+export {
+  ImageUploader
+};
+//# sourceMappingURL=chunk-YDICVETX.js.map

package/dist/chunk-YDICVETX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/image-uploader.tsx"],"sourcesContent":["\"use client\";\n\nimport { ImagePlus, Loader2, X } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"./button\";\nimport { Input } from \"./input\";\nimport { cn } from \"./utils\";\n\nexport type ImageUploaderProps = {\n  value?: string;\n  onChange: (url: string) => void;\n  disabled?: boolean;\n  label?: string;\n  className?: string;\n  /** Allow pasting a remote URL in addition to file upload. Default true. */\n  allowUrlPaste?: boolean;\n  accept?: string;\n  /**\n   * Upload a picked file and return its hosted URL.\n   * Injected by the panel — Upload stays enabled either way; without a\n   * handler, picking a file surfaces a configuration error.\n   */\n  uploadFile?: (file: File) => Promise<string>;\n  /**\n   * Optional transform for pasted values (e.g. host a relative path).\n   * When omitted, any pasted non-empty string is applied as-is. Absolute\n   * `http(s)` URLs never call this.\n   */\n  uploadFromUrl?: (imageUrl: string) => Promise<string>;\n};\n\n/**\n * Reusable image uploader.\n *\n * Upload and URL paste are both enabled by default. Hosting is injected:\n * each panel passes `uploadFile` / `uploadFromUrl` so the kit stays free of\n * panel-specific API routes.\n */\nexport function ImageUploader({\n  value = \"\",\n  onChange,\n  disabled,\n  label,\n  className,\n  allowUrlPaste = true,\n  accept = \"image/*,.gif\",\n  uploadFile,\n  uploadFromUrl,\n}: ImageUploaderProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const [uploading, setUploading] = React.useState(false);\n  const [error, setError] = React.useState<string | null>(null);\n  const busy = Boolean(disabled || uploading);\n\n  const handleFile = async (file: File) => {\n    if (!uploadFile) {\n      setError(\"File upload is not configured for this panel.\");\n      return;\n    }\n    setUploading(true);\n    setError(null);\n    try {\n      onChange(await uploadFile(file));\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Upload failed\");\n    } finally {\n      setUploading(false);\n      if (inputRef.current) inputRef.current.value = \"\";\n    }\n  };\n\n  const handleUrl = async (imageUrl: string) => {\n    const trimmed = imageUrl.trim();\n    if (!trimmed) {\n      onChange(\"\");\n      return;\n    }\n    if (trimmed === value) return;\n\n    // Absolute URLs — and any paste when no transform is configured — apply\n    // as-is. Paste is never gated behind a disabled input.\n    if (!uploadFromUrl || /^https?:\\/\\//i.test(trimmed)) {\n      setError(null);\n      onChange(trimmed);\n      return;\n    }\n\n    setUploading(true);\n    setError(null);\n    try {\n      onChange(await uploadFromUrl(trimmed));\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Upload failed\");\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {label ? (\n        <div className=\"text-muted-foreground text-xs font-medium\">{label}</div>\n      ) : null}\n\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={accept}\n          className=\"hidden\"\n          disabled={busy}\n          onChange={(e) => {\n            const file = e.target.files?.[0];\n            if (file) void handleFile(file);\n          }}\n        />\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={busy}\n          onClick={() => inputRef.current?.click()}\n        >\n          {uploading ? (\n            <Loader2 className=\"h-4 w-4 animate-spin\" />\n          ) : (\n            <ImagePlus className=\"h-4 w-4\" />\n          )}\n          {uploading ? \"Uploading…\" : \"Upload\"}\n        </Button>\n        {value ? (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            disabled={busy}\n            onClick={() => onChange(\"\")}\n            aria-label=\"Clear image\"\n          >\n            <X className=\"h-4 w-4\" />\n            Clear\n          </Button>\n        ) : null}\n      </div>\n\n      {allowUrlPaste ? (\n        <Input\n          key={value || \"empty\"}\n          defaultValue={value}\n          disabled={busy}\n          placeholder=\"Or paste image URL…\"\n          onBlur={(e) => {\n            void handleUrl(e.target.value);\n          }}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\") {\n              e.preventDefault();\n              void handleUrl((e.target as HTMLInputElement).value);\n            }\n          }}\n        />\n      ) : null}\n\n      {value ? (\n        // eslint-disable-next-line @next/next/no-img-element -- CDN URLs vary\n        <img\n          src={value}\n          alt=\"\"\n          className=\"border-border max-h-24 rounded border bg-white object-contain p-1\"\n        />\n      ) : null}\n\n      {error ? (\n        <p className=\"text-destructive text-xs\" role=\"alert\">\n          {error}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-YSU4VWRD.js

@@ -0,0 +1,90 @@
+import {
+  useDialogLayer
+} from "./chunk-HBBOR43A.js";
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/modal.tsx
+import * as React from "react";
+import { createPortal } from "react-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var emptySubscribe = () => () => {
+};
+function useHasMounted() {
+  return React.useSyncExternalStore(
+    emptySubscribe,
+    () => true,
+    () => false
+  );
+}
+function Modal({
+  isOpen,
+  labelledBy,
+  describedBy,
+  closeLabel,
+  onClose,
+  children,
+  dismissible = true,
+  role = "dialog",
+  panelClassName
+}) {
+  const mounted = useHasMounted();
+  const panelRef = React.useRef(null);
+  useDialogLayer({
+    // Gated on `mounted` too: before that the panel is not rendered, so there
+    // would be nothing to move focus into.
+    active: isOpen && mounted,
+    containerRef: panelRef,
+    onEscape: dismissible ? onClose : void 0
+  });
+  if (!mounted || !isOpen) return null;
+  return createPortal(
+    /*
+      `overflow-y-auto` on the overlay, `my-auto` on the panel — not
+      `items-center`. A flex item centred with `align-items` overflows equally
+      in both directions once it is taller than its container, and the half
+      above the top edge cannot be scrolled to: with the page behind it locked,
+      an over-tall dialog was simply unreachable at both ends. Auto margins
+      centre a short panel the same way and collapse to zero on a tall one,
+      which scrolls.
+    */
+    /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[100] flex justify-center overflow-y-auto p-4", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": closeLabel,
+          tabIndex: -1,
+          className: "fixed inset-0 bg-slate-950/50",
+          onClick: () => {
+            if (dismissible) onClose();
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: panelRef,
+          role,
+          "aria-modal": "true",
+          "aria-labelledby": labelledBy,
+          "aria-describedby": describedBy,
+          tabIndex: -1,
+          className: cn(
+            "border-border bg-background relative z-10 my-auto w-full rounded-lg border shadow-2xl outline-none",
+            panelClassName ?? "max-w-md p-6"
+          ),
+          children
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+
+export {
+  useHasMounted,
+  Modal
+};
+//# sourceMappingURL=chunk-YSU4VWRD.js.map

package/dist/chunk-YSU4VWRD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { useDialogLayer } from \"./dialogLayer\";\nimport { cn } from \"./utils\";\n\nconst emptySubscribe = () => () => {};\n\n/**\n * Returns false during SSR and the first client render, then true once mounted.\n * `useSyncExternalStore` is the React-recommended way to read client-only state\n * without a setState-in-effect (which triggers cascading renders).\n */\nexport function useHasMounted(): boolean {\n  return React.useSyncExternalStore(\n    emptySubscribe,\n    () => true,\n    () => false,\n  );\n}\n\ninterface ModalProps {\n  isOpen: boolean;\n  /** id of the element labelling the dialog; wired to aria-labelledby. */\n  labelledBy: string;\n  /**\n   * Optional id(s) of elements describing the dialog (APG alertdialog body).\n   * Space-separated when multiple.\n   */\n  describedBy?: string;\n  /** Accessible label for the backdrop dismiss button. */\n  closeLabel: string;\n  onClose: () => void;\n  children: React.ReactNode;\n  /**\n   * When false, Escape and backdrop clicks do not close the modal (e.g. while a\n   * save is in flight). Defaults to true.\n   */\n  dismissible?: boolean;\n  /** Use \"alertdialog\" for destructive confirmations. Defaults to \"dialog\". */\n  role?: \"dialog\" | \"alertdialog\";\n  /** Tailwind max-width class for the panel. Defaults to \"max-w-md\". */\n  panelClassName?: string;\n}\n\n/**\n * Shared modal shell: renders a portal-backed, scroll-locked, Escape-dismissible\n * overlay with a centered panel. Callers provide the panel body (heading, form,\n * footer). Consolidates the boilerplate previously copied across every dialog.\n */\nexport function Modal({\n  isOpen,\n  labelledBy,\n  describedBy,\n  closeLabel,\n  onClose,\n  children,\n  dismissible = true,\n  role = \"dialog\",\n  panelClassName,\n}: ModalProps) {\n  const mounted = useHasMounted();\n  const panelRef = React.useRef<HTMLDivElement>(null);\n\n  useDialogLayer({\n    // Gated on `mounted` too: before that the panel is not rendered, so there\n    // would be nothing to move focus into.\n    active: isOpen && mounted,\n    containerRef: panelRef,\n    onEscape: dismissible ? onClose : undefined,\n  });\n\n  if (!mounted || !isOpen) return null;\n\n  return createPortal(\n    /*\n      `overflow-y-auto` on the overlay, `my-auto` on the panel — not\n      `items-center`. A flex item centred with `align-items` overflows equally\n      in both directions once it is taller than its container, and the half\n      above the top edge cannot be scrolled to: with the page behind it locked,\n      an over-tall dialog was simply unreachable at both ends. Auto margins\n      centre a short panel the same way and collapse to zero on a tall one,\n      which scrolls.\n    */\n    <div className=\"fixed inset-0 z-[100] flex justify-center overflow-y-auto p-4\">\n      {/* `fixed`, not `absolute`: inside a scrolling overlay an absolute\n          backdrop scrolls away with the content and leaves the rest of a tall\n          dialog sitting on an undimmed page. */}\n      <button\n        type=\"button\"\n        aria-label={closeLabel}\n        tabIndex={-1}\n        className=\"fixed inset-0 bg-slate-950/50\"\n        onClick={() => {\n          if (dismissible) onClose();\n        }}\n      />\n      <div\n        ref={panelRef}\n        role={role}\n        aria-modal=\"true\"\n        aria-labelledby={labelledBy}\n        aria-describedby={describedBy}\n        tabIndex={-1}\n        className={cn(\n          \"border-border bg-background relative z-10 my-auto w-full rounded-lg border shadow-2xl outline-none\",\n          panelClassName ?? \"max-w-md p-6\",\n        )}\n      >\n        {children}\n      </div>\n    </div>,\n    document.body,\n  );\n}\n"],"mappings":";;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAmFzB,SAIE,KAJF;AA9EJ,IAAM,iBAAiB,MAAM,MAAM;AAAC;AAO7B,SAAS,gBAAyB;AACvC,SAAa;AAAA,IACX;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AA+BO,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AACF,GAAe;AACb,QAAM,UAAU,cAAc;AAC9B,QAAM,WAAiB,aAAuB,IAAI;AAElD,iBAAe;AAAA;AAAA;AAAA,IAGb,QAAQ,UAAU;AAAA,IAClB,cAAc;AAAA,IACd,UAAU,cAAc,UAAU;AAAA,EACpC,CAAC;AAED,MAAI,CAAC,WAAW,CAAC,OAAQ,QAAO;AAEhC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUL,qBAAC,SAAI,WAAU,iEAIb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,UAAU;AAAA,UACV,WAAU;AAAA,UACV,SAAS,MAAM;AACb,gBAAI,YAAa,SAAQ;AAAA,UAC3B;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL;AAAA,UACA,cAAW;AAAA,UACX,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,UAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA,kBAAkB;AAAA,UACpB;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,OACF;AAAA,IACA,SAAS;AAAA,EACX;AACF;","names":[]}