@inshorts/glint-ui 0.5.4 → 0.6.0

package/dist/chunk-KR3BCFP7.js

@@ -0,0 +1,85 @@
+import {
+  Spinner
+} from "./chunk-UE7JY7VR.js";
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/button.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx, jsxs } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex h-9 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md px-3 text-sm font-medium transition duration-200 active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        secondary: "bg-muted text-foreground hover:bg-muted/80",
+        ghost: "hover:bg-muted",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-border bg-background hover:bg-muted"
+      },
+      size: {
+        sm: "h-8 px-2.5",
+        md: "h-9 px-3",
+        lg: "h-10 px-4",
+        icon: "h-9 w-9 px-0",
+        // Square, matching `sm`'s height — for an icon-only control sitting in
+        // a table row or beside `sm` buttons, where `icon` is a row taller.
+        "icon-sm": "h-8 w-8 px-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var ICON_SIZES = /* @__PURE__ */ new Set(["icon", "icon-sm"]);
+var Button = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    loading,
+    disabled,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    if (asChild) {
+      return /* @__PURE__ */ jsx(
+        Comp,
+        {
+          ref,
+          className: cn(buttonVariants({ variant, size }), className),
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        disabled: disabled || loading,
+        "aria-busy": loading || void 0,
+        className: cn(buttonVariants({ variant, size }), className),
+        ...props,
+        children: [
+          loading ? /* @__PURE__ */ jsx(Spinner, { size: "sm" }) : null,
+          loading && size != null && ICON_SIZES.has(size) ? null : children
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export {
+  Button
+};
+//# sourceMappingURL=chunk-KR3BCFP7.js.map

package/dist/chunk-KR3BCFP7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nimport { Spinner } from \"./spinner\";\nimport { cn } from \"./utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex h-9 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md px-3 text-sm font-medium transition duration-200 active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        secondary: \"bg-muted text-foreground hover:bg-muted/80\",\n        ghost: \"hover:bg-muted\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline: \"border border-border bg-background hover:bg-muted\",\n      },\n      size: {\n        sm: \"h-8 px-2.5\",\n        md: \"h-9 px-3\",\n        lg: \"h-10 px-4\",\n        icon: \"h-9 w-9 px-0\",\n        // Square, matching `sm`'s height — for an icon-only control sitting in\n        // a table row or beside `sm` buttons, where `icon` is a row taller.\n        \"icon-sm\": \"h-8 w-8 px-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  /**\n   * Work is in flight: shows a spinner, disables the button, and sets\n   * `aria-busy`.\n   *\n   * This exists because the panel had 272 disabled buttons and only 22 that\n   * said anything about why — the rest went dead on click with no spinner and\n   * no label change, which reads as a broken button rather than a busy one.\n   * Making the feedback part of `disabled` rather than something each caller\n   * remembers separately is the only way that ratio stays fixed.\n   *\n   * The label is kept rather than swapped. \"Saving…\" loses which button you\n   * pressed, and the spinner already says it is working. An icon-only button\n   * is the exception — there is no room beside the glyph, so the spinner takes\n   * its place; the `aria-label` is what names the button either way.\n   *\n   * \"Icon-only\" means an icon `size`. A square button that grew a spinner\n   * beside its glyph would not just look wrong, it would resize mid-request\n   * and shove whatever sits next to it sideways.\n   */\n  loading?: boolean;\n}\n\n/** Sizes with no room for a spinner beside the glyph. */\nconst ICON_SIZES = new Set<string>([\"icon\", \"icon-sm\"]);\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      asChild = false,\n      loading,\n      disabled,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    // `asChild` renders someone else's element, which may not take a spinner or\n    // a disabled attribute — so the busy treatment is only applied to a real\n    // button, and passing both is a mistake worth not papering over.\n    if (asChild) {\n      return (\n        <Comp\n          ref={ref}\n          className={cn(buttonVariants({ variant, size }), className)}\n          {...props}\n        >\n          {children}\n        </Comp>\n      );\n    }\n\n    return (\n      <button\n        ref={ref}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        className={cn(buttonVariants({ variant, size }), className)}\n        {...props}\n      >\n        {loading ? <Spinner size=\"sm\" /> : null}\n        {loading && size != null && ICON_SIZES.has(size) ? null : children}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n"],"mappings":";;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,WAA8B;AACvC,SAAS,YAAY;AAqFb,cAWF,YAXE;AAhFR,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,aACE;AAAA,QACF,SAAS;AAAA,MACX;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA;AAAA;AAAA,QAGN,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AA8BA,IAAM,aAAa,oBAAI,IAAY,CAAC,QAAQ,SAAS,CAAC;AAE/C,IAAM,SAAe;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,OAAO,UAAU,OAAO;AAK9B,QAAI,SAAS;AACX,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,UACzD,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,YAAY;AAAA,QACtB,aAAW,WAAW;AAAA,QACtB,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,QACzD,GAAG;AAAA,QAEH;AAAA,oBAAU,oBAAC,WAAQ,MAAK,MAAK,IAAK;AAAA,UAClC,WAAW,QAAQ,QAAQ,WAAW,IAAI,IAAI,IAAI,OAAO;AAAA;AAAA;AAAA,IAC5D;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-MQT5RAQV.js

@@ -0,0 +1,202 @@
+// src/spreadsheet-grid.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function isInRange(range, r, c) {
+  if (!range) return false;
+  return r >= range.r1 && r <= range.r2 && c >= range.c1 && c <= range.c2;
+}
+function SpreadsheetGrid({
+  columns,
+  rows,
+  rowKey,
+  loading,
+  emptyMessage = "Nothing to show.",
+  loadingMessage = "Loading\u2026",
+  ariaLabel = "Data grid",
+  range,
+  onRangeChange,
+  onCopy
+}) {
+  const gridRef = React.useRef(null);
+  const anchorRef = React.useRef(null);
+  const focusRef = React.useRef(null);
+  const [dragging, setDragging] = React.useState(false);
+  const setSelection = React.useCallback(
+    (anchor, focus) => {
+      anchorRef.current = anchor;
+      focusRef.current = focus;
+      onRangeChange({ anchor, focus });
+    },
+    [onRangeChange]
+  );
+  const selectCell = React.useCallback(
+    (r, c, extend) => {
+      if (extend && anchorRef.current)
+        setSelection(anchorRef.current, { r, c });
+      else setSelection({ r, c }, { r, c });
+    },
+    [setSelection]
+  );
+  const selectColumn = React.useCallback(
+    (c, extend) => {
+      const lastRow = Math.max(rows.length - 1, 0);
+      const anchorCol = extend && anchorRef.current ? anchorRef.current.c : c;
+      setSelection({ r: 0, c: anchorCol }, { r: lastRow, c });
+    },
+    [rows.length, setSelection]
+  );
+  const selectRow = React.useCallback(
+    (r, extend) => {
+      const lastCol = columns.length - 1;
+      const anchorRow = extend && anchorRef.current ? anchorRef.current.r : r;
+      setSelection({ r: anchorRow, c: 0 }, { r, c: lastCol });
+    },
+    [columns.length, setSelection]
+  );
+  const selectAll = React.useCallback(() => {
+    if (!rows.length || !columns.length) return;
+    setSelection({ r: 0, c: 0 }, { r: rows.length - 1, c: columns.length - 1 });
+  }, [rows.length, columns.length, setSelection]);
+  const scrollCellIntoView = React.useCallback((r, c) => {
+    const cell = gridRef.current?.querySelector(`[data-cell="${r}-${c}"]`);
+    cell?.scrollIntoView({ block: "nearest", inline: "nearest" });
+  }, []);
+  const moveFocus = React.useCallback(
+    (dr, dc, extend) => {
+      if (!rows.length || !columns.length) return;
+      const base = focusRef.current || { r: 0, c: 0 };
+      const r = Math.min(Math.max(base.r + dr, 0), rows.length - 1);
+      const c = Math.min(Math.max(base.c + dc, 0), columns.length - 1);
+      selectCell(r, c, extend);
+      scrollCellIntoView(r, c);
+    },
+    [rows.length, columns.length, selectCell, scrollCellIntoView]
+  );
+  React.useEffect(() => {
+    if (!dragging) return;
+    const stop = () => setDragging(false);
+    window.addEventListener("mouseup", stop);
+    return () => window.removeEventListener("mouseup", stop);
+  }, [dragging]);
+  const handleKeyDown = (event) => {
+    const meta = event.metaKey || event.ctrlKey;
+    if (meta && event.key.toLowerCase() === "c") {
+      event.preventDefault();
+      onCopy();
+      return;
+    }
+    if (meta && event.key.toLowerCase() === "a") {
+      event.preventDefault();
+      selectAll();
+      return;
+    }
+    switch (event.key) {
+      case "ArrowUp":
+        event.preventDefault();
+        moveFocus(-1, 0, event.shiftKey);
+        break;
+      case "ArrowDown":
+        event.preventDefault();
+        moveFocus(1, 0, event.shiftKey);
+        break;
+      case "ArrowLeft":
+        event.preventDefault();
+        moveFocus(0, -1, event.shiftKey);
+        break;
+      case "ArrowRight":
+      case "Tab":
+        event.preventDefault();
+        moveFocus(0, 1, event.shiftKey && event.key !== "Tab");
+        break;
+      case "Escape":
+        setSelection(null, null);
+        break;
+      default:
+        break;
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: gridRef,
+      tabIndex: 0,
+      role: "grid",
+      "aria-label": ariaLabel,
+      onKeyDown: handleKeyDown,
+      className: "border-border bg-background/80 overflow-x-auto rounded-lg border outline-none",
+      children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm whitespace-nowrap select-none", children: [
+        /* @__PURE__ */ jsx("thead", { className: "text-muted-foreground border-border border-b text-left", children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx(
+            "th",
+            {
+              scope: "col",
+              className: "w-10 cursor-pointer px-2 py-2 text-center font-medium",
+              title: "Select everything",
+              onMouseDown: () => selectAll(),
+              children: "#"
+            }
+          ),
+          columns.map((column, c) => /* @__PURE__ */ jsx(
+            "th",
+            {
+              scope: "col",
+              className: "cursor-pointer px-3 py-2 font-medium",
+              title: `Select the ${column.title} column`,
+              onMouseDown: (event) => selectColumn(c, event.shiftKey),
+              children: column.title
+            },
+            column.key
+          ))
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: rows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+          "td",
+          {
+            colSpan: columns.length + 1,
+            className: "text-muted-foreground px-3 py-6 text-center",
+            children: loading ? loadingMessage : emptyMessage
+          }
+        ) }) : rows.map((row, r) => /* @__PURE__ */ jsxs(
+          "tr",
+          {
+            className: "border-border border-b",
+            children: [
+              /* @__PURE__ */ jsx(
+                "td",
+                {
+                  className: "text-muted-foreground w-10 cursor-pointer px-2 py-2 text-center text-xs",
+                  title: "Select this row",
+                  onMouseDown: (event) => selectRow(r, event.shiftKey),
+                  children: r + 1
+                }
+              ),
+              columns.map((column, c) => /* @__PURE__ */ jsx(
+                "td",
+                {
+                  "data-cell": `${r}-${c}`,
+                  onMouseDown: (event) => {
+                    selectCell(r, c, event.shiftKey);
+                    setDragging(true);
+                    gridRef.current?.focus();
+                  },
+                  onMouseEnter: () => {
+                    if (dragging) setSelection(anchorRef.current, { r, c });
+                  },
+                  className: `px-3 py-2 ${column.className || ""} ${isInRange(range, r, c) ? "bg-primary/15" : ""}`,
+                  title: column.className?.includes("truncate") ? column.value(row) : void 0,
+                  children: column.render ? column.render(row) : column.value(row)
+                },
+                column.key
+              ))
+            ]
+          },
+          rowKey ? rowKey(row, r) : String(r)
+        )) })
+      ] })
+    }
+  );
+}
+
+export {
+  SpreadsheetGrid
+};
+//# sourceMappingURL=chunk-MQT5RAQV.js.map

package/dist/chunk-MQT5RAQV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spreadsheet-grid.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { type CellRange, type CellRef } from \"./clipboard\";\n\n/**\n * A column knows three things: its heading, the text it contributes to a copy\n * or CSV export, and optionally how to draw itself.\n *\n * Keeping `value` and `render` together is what stops an exported sheet from\n * drifting from the visible grid.\n */\nexport type GridColumn<Row> = {\n  key: string;\n  title: string;\n  /** Text used for clipboard and CSV. Never JSX. */\n  value: (row: Row) => string;\n  /** Defaults to `value`. Use for links, tiles, truncation. */\n  render?: (row: Row) => React.ReactNode;\n  /** Extra classes for the <td>. */\n  className?: string;\n};\n\nexport interface SpreadsheetGridProps<Row> {\n  columns: GridColumn<Row>[];\n  rows: Row[];\n  /** Stable React key per row. Defaults to the row index. */\n  rowKey?: (row: Row, index: number) => string;\n  loading?: boolean;\n  emptyMessage?: string;\n  loadingMessage?: string;\n  ariaLabel?: string;\n  /** Lifted so a toolbar can copy and describe the current selection. */\n  range: CellRange | null;\n  onRangeChange: (selection: {\n    anchor: CellRef | null;\n    focus: CellRef | null;\n  }) => void;\n  onCopy: () => void;\n}\n\nfunction isInRange(range: CellRange | null, r: number, c: number): boolean {\n  if (!range) return false;\n  return r >= range.r1 && r <= range.r2 && c >= range.c1 && c <= range.c2;\n}\n\n/**\n * Spreadsheet-like grid: click-drag a range, shift+click to extend, arrows to\n * move, click a heading to take the column, click the row number to take the\n * row, Cmd/Ctrl+A for everything, Escape to clear, Cmd/Ctrl+C to copy.\n *\n * Ported from video-shorts-panel's ExcelTable, which several panels share for\n * exactly this reason — a table people paste into a sheet.\n */\nexport function SpreadsheetGrid<Row>({\n  columns,\n  rows,\n  rowKey,\n  loading,\n  emptyMessage = \"Nothing to show.\",\n  loadingMessage = \"Loading…\",\n  ariaLabel = \"Data grid\",\n  range,\n  onRangeChange,\n  onCopy,\n}: SpreadsheetGridProps<Row>) {\n  const gridRef = React.useRef<HTMLDivElement>(null);\n  const anchorRef = React.useRef<CellRef | null>(null);\n  const focusRef = React.useRef<CellRef | null>(null);\n  const [dragging, setDragging] = React.useState(false);\n\n  const setSelection = React.useCallback(\n    (anchor: CellRef | null, focus: CellRef | null) => {\n      anchorRef.current = anchor;\n      focusRef.current = focus;\n      onRangeChange({ anchor, focus });\n    },\n    [onRangeChange],\n  );\n\n  const selectCell = React.useCallback(\n    (r: number, c: number, extend?: boolean) => {\n      if (extend && anchorRef.current)\n        setSelection(anchorRef.current, { r, c });\n      else setSelection({ r, c }, { r, c });\n    },\n    [setSelection],\n  );\n\n  const selectColumn = React.useCallback(\n    (c: number, extend?: boolean) => {\n      const lastRow = Math.max(rows.length - 1, 0);\n      const anchorCol = extend && anchorRef.current ? anchorRef.current.c : c;\n      setSelection({ r: 0, c: anchorCol }, { r: lastRow, c });\n    },\n    [rows.length, setSelection],\n  );\n\n  const selectRow = React.useCallback(\n    (r: number, extend?: boolean) => {\n      const lastCol = columns.length - 1;\n      const anchorRow = extend && anchorRef.current ? anchorRef.current.r : r;\n      setSelection({ r: anchorRow, c: 0 }, { r, c: lastCol });\n    },\n    [columns.length, setSelection],\n  );\n\n  const selectAll = React.useCallback(() => {\n    if (!rows.length || !columns.length) return;\n    setSelection({ r: 0, c: 0 }, { r: rows.length - 1, c: columns.length - 1 });\n  }, [rows.length, columns.length, setSelection]);\n\n  const scrollCellIntoView = React.useCallback((r: number, c: number) => {\n    const cell = gridRef.current?.querySelector(`[data-cell=\"${r}-${c}\"]`);\n    cell?.scrollIntoView({ block: \"nearest\", inline: \"nearest\" });\n  }, []);\n\n  const moveFocus = React.useCallback(\n    (dr: number, dc: number, extend?: boolean) => {\n      if (!rows.length || !columns.length) return;\n      const base = focusRef.current || { r: 0, c: 0 };\n      const r = Math.min(Math.max(base.r + dr, 0), rows.length - 1);\n      const c = Math.min(Math.max(base.c + dc, 0), columns.length - 1);\n      selectCell(r, c, extend);\n      scrollCellIntoView(r, c);\n    },\n    [rows.length, columns.length, selectCell, scrollCellIntoView],\n  );\n\n  // Dragging must end even if the pointer is released outside the grid.\n  React.useEffect(() => {\n    if (!dragging) return;\n    const stop = () => setDragging(false);\n    window.addEventListener(\"mouseup\", stop);\n    return () => window.removeEventListener(\"mouseup\", stop);\n  }, [dragging]);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const meta = event.metaKey || event.ctrlKey;\n    if (meta && event.key.toLowerCase() === \"c\") {\n      event.preventDefault();\n      onCopy();\n      return;\n    }\n    if (meta && event.key.toLowerCase() === \"a\") {\n      event.preventDefault();\n      selectAll();\n      return;\n    }\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        moveFocus(-1, 0, event.shiftKey);\n        break;\n      case \"ArrowDown\":\n        event.preventDefault();\n        moveFocus(1, 0, event.shiftKey);\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        moveFocus(0, -1, event.shiftKey);\n        break;\n      case \"ArrowRight\":\n      case \"Tab\":\n        event.preventDefault();\n        moveFocus(0, 1, event.shiftKey && event.key !== \"Tab\");\n        break;\n      case \"Escape\":\n        setSelection(null, null);\n        break;\n      default:\n        break;\n    }\n  };\n\n  return (\n    <div\n      ref={gridRef}\n      tabIndex={0}\n      role=\"grid\"\n      aria-label={ariaLabel}\n      onKeyDown={handleKeyDown}\n      className=\"border-border bg-background/80 overflow-x-auto rounded-lg border outline-none\"\n    >\n      <table className=\"w-full text-sm whitespace-nowrap select-none\">\n        <thead className=\"text-muted-foreground border-border border-b text-left\">\n          <tr>\n            <th\n              scope=\"col\"\n              className=\"w-10 cursor-pointer px-2 py-2 text-center font-medium\"\n              title=\"Select everything\"\n              onMouseDown={() => selectAll()}\n            >\n              #\n            </th>\n            {columns.map((column, c) => (\n              <th\n                key={column.key}\n                scope=\"col\"\n                className=\"cursor-pointer px-3 py-2 font-medium\"\n                title={`Select the ${column.title} column`}\n                onMouseDown={(event) => selectColumn(c, event.shiftKey)}\n              >\n                {column.title}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.length === 0 ? (\n            <tr>\n              <td\n                colSpan={columns.length + 1}\n                className=\"text-muted-foreground px-3 py-6 text-center\"\n              >\n                {loading ? loadingMessage : emptyMessage}\n              </td>\n            </tr>\n          ) : (\n            rows.map((row, r) => (\n              <tr\n                key={rowKey ? rowKey(row, r) : String(r)}\n                className=\"border-border border-b\"\n              >\n                <td\n                  className=\"text-muted-foreground w-10 cursor-pointer px-2 py-2 text-center text-xs\"\n                  title=\"Select this row\"\n                  onMouseDown={(event) => selectRow(r, event.shiftKey)}\n                >\n                  {r + 1}\n                </td>\n                {columns.map((column, c) => (\n                  <td\n                    key={column.key}\n                    data-cell={`${r}-${c}`}\n                    onMouseDown={(event) => {\n                      selectCell(r, c, event.shiftKey);\n                      setDragging(true);\n                      gridRef.current?.focus();\n                    }}\n                    onMouseEnter={() => {\n                      if (dragging) setSelection(anchorRef.current, { r, c });\n                    }}\n                    className={`px-3 py-2 ${column.className || \"\"} ${\n                      isInRange(range, r, c) ? \"bg-primary/15\" : \"\"\n                    }`}\n                    title={\n                      column.className?.includes(\"truncate\")\n                        ? column.value(row)\n                        : undefined\n                    }\n                  >\n                    {column.render ? column.render(row) : column.value(row)}\n                  </td>\n                ))}\n              </tr>\n            ))\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-MUPW2TFJ.js

@@ -0,0 +1,102 @@
+// src/date-range-picker/dateRange.ts
+var pad = (n) => String(n).padStart(2, "0");
+function toIsoDate(date) {
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+function fromIsoDate(value) {
+  if (!value) return null;
+  const trimmed = value.trim();
+  const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(trimmed);
+  if (!match) return null;
+  const date = new Date(
+    Number(match[1]),
+    Number(match[2]) - 1,
+    Number(match[3])
+  );
+  return toIsoDate(date) === trimmed ? date : null;
+}
+function startOfMonth(date) {
+  return new Date(date.getFullYear(), date.getMonth(), 1);
+}
+function addMonths(date, count) {
+  return new Date(date.getFullYear(), date.getMonth() + count, 1);
+}
+function addDays(date, count) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + count);
+}
+function isSameDay(a, b) {
+  if (!a || !b) return false;
+  return toIsoDate(a) === toIsoDate(b);
+}
+function monthGrid(month) {
+  const first = startOfMonth(month);
+  const start = addDays(first, -first.getDay());
+  return Array.from({ length: 42 }, (_, index) => addDays(start, index));
+}
+function monthLabel(month, locale = "en-IN") {
+  return month.toLocaleDateString(locale, { month: "long", year: "numeric" });
+}
+function formatDisplay(value, locale = "en-IN") {
+  const date = fromIsoDate(value);
+  if (!date) return "";
+  return date.toLocaleDateString(locale, {
+    day: "numeric",
+    month: "short",
+    year: "numeric"
+  });
+}
+function startOfDayMs(value) {
+  const date = fromIsoDate(value);
+  return date ? date.getTime() : 0;
+}
+function endOfDayMs(value) {
+  const date = fromIsoDate(value);
+  if (!date) return 0;
+  return new Date(
+    date.getFullYear(),
+    date.getMonth(),
+    date.getDate(),
+    23,
+    59,
+    59,
+    999
+  ).getTime();
+}
+function endAt2359Ms(value) {
+  const date = fromIsoDate(value);
+  if (!date) return 0;
+  return new Date(
+    date.getFullYear(),
+    date.getMonth(),
+    date.getDate(),
+    23,
+    59,
+    59,
+    0
+  ).getTime();
+}
+function createdRangeMs(from, to) {
+  const startDate = from.trim() || to.trim();
+  const endDate = to.trim() || from.trim();
+  return {
+    start_time: startOfDayMs(startDate),
+    end_time: endAt2359Ms(endDate)
+  };
+}
+
+export {
+  toIsoDate,
+  fromIsoDate,
+  startOfMonth,
+  addMonths,
+  addDays,
+  isSameDay,
+  monthGrid,
+  monthLabel,
+  formatDisplay,
+  startOfDayMs,
+  endOfDayMs,
+  endAt2359Ms,
+  createdRangeMs
+};
+//# sourceMappingURL=chunk-MUPW2TFJ.js.map

package/dist/chunk-MUPW2TFJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/date-range-picker/dateRange.ts"],"sourcesContent":["/**\n * Date helpers for the range picker, all in local time.\n *\n * Deliberately not `toISOString()`: that converts to UTC first, so on any\n * negative-offset day it returns yesterday's date and the picker highlights the\n * wrong cell. Every value here is built and read as the local calendar day the\n * user is actually looking at.\n */\n\n/** `YYYY-MM-DD`, the value shape the filters store. */\nexport type IsoDate = string;\n\nconst pad = (n: number) => String(n).padStart(2, \"0\");\n\nexport function toIsoDate(date: Date): IsoDate {\n  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;\n}\n\n/** Parses `YYYY-MM-DD` into a local midnight Date; null for anything else. */\nexport function fromIsoDate(value: string | null | undefined): Date | null {\n  if (!value) return null;\n  const trimmed = value.trim();\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(trimmed);\n  if (!match) return null;\n  const date = new Date(\n    Number(match[1]),\n    Number(match[2]) - 1,\n    Number(match[3]),\n  );\n  // Rejects 2026-02-31, which would otherwise roll silently into March.\n  return toIsoDate(date) === trimmed ? date : null;\n}\n\nexport function startOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function addMonths(date: Date, count: number): Date {\n  return new Date(date.getFullYear(), date.getMonth() + count, 1);\n}\n\nexport function addDays(date: Date, count: number): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + count);\n}\n\nexport function isSameDay(a: Date | null, b: Date | null): boolean {\n  if (!a || !b) return false;\n  return toIsoDate(a) === toIsoDate(b);\n}\n\n/**\n * The six-week grid for a month, Sunday-first, padded with the neighbouring\n * months so every row has seven cells.\n *\n * Always six rows, never five: a grid that changes height as you page through\n * months makes everything below it jump.\n */\nexport function monthGrid(month: Date): Date[] {\n  const first = startOfMonth(month);\n  const start = addDays(first, -first.getDay());\n  return Array.from({ length: 42 }, (_, index) => addDays(start, index));\n}\n\nexport function monthLabel(month: Date, locale = \"en-IN\"): string {\n  return month.toLocaleDateString(locale, { month: \"long\", year: \"numeric\" });\n}\n\n/** Human form for the trigger — \"22 Aug 2026\". */\nexport function formatDisplay(value: string, locale = \"en-IN\"): string {\n  const date = fromIsoDate(value);\n  if (!date) return \"\";\n  return date.toLocaleDateString(locale, {\n    day: \"numeric\",\n    month: \"short\",\n    year: \"numeric\",\n  });\n}\n\nexport function startOfDayMs(value: string): number {\n  const date = fromIsoDate(value);\n  return date ? date.getTime() : 0;\n}\n\n/**\n * The end of a day as milliseconds.\n *\n * A range picked as whole days has to include everything created on the last\n * day, so \"to\" means 23:59:59.999 rather than that morning's midnight — which\n * would drop a whole day of cards without saying so.\n */\nexport function endOfDayMs(value: string): number {\n  const date = fromIsoDate(value);\n  if (!date) return 0;\n  return new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n    23,\n    59,\n    59,\n    999,\n  ).getTime();\n}\n\n/**\n * 11:59 PM on that local day, as 23:59:59.\n *\n * The next midnight is already the following date, and the feed includes that\n * whole day — so the 28th through the 28th came back with the 29th. Stopping\n * at 11:59 PM keeps the end on the day that was picked.\n */\nexport function endAt2359Ms(value: string): number {\n  const date = fromIsoDate(value);\n  if (!date) return 0;\n  return new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n    23,\n    59,\n    59,\n    0,\n  ).getTime();\n}\n\n/**\n * Created-date window for the feed.\n *\n * A blank end means the start day, so one selected date is that whole day.\n * `end_time` is 11:59 PM on the end date.\n */\nexport function createdRangeMs(\n  from: string,\n  to: string,\n): { start_time: number; end_time: number } {\n  const startDate = from.trim() || to.trim();\n  const endDate = to.trim() || from.trim();\n  return {\n    start_time: startOfDayMs(startDate),\n    end_time: endAt2359Ms(endDate),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-PM2VE7DJ.js

@@ -0,0 +1,100 @@
+import {
+  PanelBrandMark
+} from "./chunk-JDE5XYPT.js";
+import {
+  Button
+} from "./chunk-KR3BCFP7.js";
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/panel-sign-in.tsx
+import { Loader2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PanelSignIn({
+  appName,
+  eyebrow = "Secure Google sign-in",
+  description = "Use your work Google account to continue.",
+  features,
+  brandIcon,
+  error,
+  refused = false,
+  refusedTitle = "Access denied",
+  refusedMessage = "This Google account is signed in, but it is not provisioned for this panel.",
+  isSessionLoading = false,
+  isSigningIn = false,
+  onSignIn,
+  signInLabel = "Continue with Google",
+  className
+}) {
+  const busy = isSessionLoading || isSigningIn;
+  return /* @__PURE__ */ jsx(
+    "main",
+    {
+      className: cn(
+        "bg-background text-foreground grid min-h-screen place-items-center p-4 sm:p-8",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("section", { className: "border-border bg-card w-full max-w-md space-y-6 rounded-lg border p-8 shadow-sm", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(PanelBrandMark, { children: brandIcon ?? /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", "aria-hidden": true, children: appName.slice(0, 1).toUpperCase() }) }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-title truncate font-semibold", children: appName }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-meta", children: eyebrow })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-display font-semibold tracking-tight", children: refused ? refusedTitle : "Sign in" }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-body", children: refused ? refusedMessage : description })
+        ] }),
+        features && features.length > 0 && !refused ? /* @__PURE__ */ jsx("ul", { className: "text-muted-foreground text-body space-y-1.5", children: features.slice(0, 3).map((feature) => /* @__PURE__ */ jsxs("li", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-foreground mt-1.5 h-1 w-1 shrink-0 rounded-full bg-current" }),
+          /* @__PURE__ */ jsx("span", { children: feature })
+        ] }, feature)) }) : null,
+        error ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            role: "alert",
+            className: "border-destructive/30 bg-destructive/5 text-destructive rounded-md border px-3 py-2 text-sm",
+            children: error
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            className: "w-full",
+            disabled: busy,
+            onClick: onSignIn,
+            "aria-busy": busy,
+            children: [
+              busy ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin", "aria-hidden": true }) : null,
+              isSigningIn ? "Redirecting\u2026" : signInLabel
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function PanelSignInSkeleton({ className }) {
+  return /* @__PURE__ */ jsx(
+    "main",
+    {
+      className: cn(
+        "bg-background grid min-h-screen place-items-center p-4 sm:p-8",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "border-border bg-card w-full max-w-md space-y-4 rounded-lg border p-8 shadow-sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-muted h-3 w-24 animate-pulse rounded" }),
+        /* @__PURE__ */ jsx("div", { className: "bg-muted h-8 w-48 animate-pulse rounded" }),
+        /* @__PURE__ */ jsx("div", { className: "bg-muted mt-7 h-10 w-full animate-pulse rounded-md" })
+      ] })
+    }
+  );
+}
+
+export {
+  PanelSignIn,
+  PanelSignInSkeleton
+};
+//# sourceMappingURL=chunk-PM2VE7DJ.js.map

package/dist/chunk-PM2VE7DJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/panel-sign-in.tsx"],"sourcesContent":["\"use client\";\n\nimport { Loader2 } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"./button\";\nimport { PanelBrandMark } from \"./panel-brand-mark\";\nimport { cn } from \"./utils\";\n\nexport type PanelSignInProps = {\n  appName: string;\n  /** Short line under the brand (e.g. \"Secure Google sign-in\"). */\n  eyebrow?: string;\n  /** One supporting sentence under the headline. */\n  description?: string;\n  /** Optional feature bullets — keep to ≤3; DESIGN.md: one job per surface. */\n  features?: string[];\n  brandIcon?: React.ReactNode;\n  error?: string | null;\n  /** Google signed in but panel access refused. */\n  refused?: boolean;\n  refusedTitle?: string;\n  refusedMessage?: string;\n  isSessionLoading?: boolean;\n  isSigningIn?: boolean;\n  onSignIn: () => void;\n  signInLabel?: string;\n  className?: string;\n};\n\n/**\n * DESIGN.md-compliant panel login: brand-first, ink neutrals, no purple glow.\n */\nexport function PanelSignIn({\n  appName,\n  eyebrow = \"Secure Google sign-in\",\n  description = \"Use your work Google account to continue.\",\n  features,\n  brandIcon,\n  error,\n  refused = false,\n  refusedTitle = \"Access denied\",\n  refusedMessage = \"This Google account is signed in, but it is not provisioned for this panel.\",\n  isSessionLoading = false,\n  isSigningIn = false,\n  onSignIn,\n  signInLabel = \"Continue with Google\",\n  className,\n}: PanelSignInProps) {\n  const busy = isSessionLoading || isSigningIn;\n\n  return (\n    <main\n      className={cn(\n        \"bg-background text-foreground grid min-h-screen place-items-center p-4 sm:p-8\",\n        className,\n      )}\n    >\n      <section className=\"border-border bg-card w-full max-w-md space-y-6 rounded-lg border p-8 shadow-sm\">\n        <div className=\"flex items-center gap-3\">\n          <PanelBrandMark>\n            {brandIcon ?? (\n              <span className=\"text-sm font-semibold\" aria-hidden>\n                {appName.slice(0, 1).toUpperCase()}\n              </span>\n            )}\n          </PanelBrandMark>\n          <div className=\"min-w-0\">\n            <p className=\"text-title truncate font-semibold\">{appName}</p>\n            <p className=\"text-muted-foreground text-meta\">{eyebrow}</p>\n          </div>\n        </div>\n\n        <div className=\"space-y-2\">\n          <h1 className=\"text-display font-semibold tracking-tight\">\n            {refused ? refusedTitle : \"Sign in\"}\n          </h1>\n          <p className=\"text-muted-foreground text-body\">\n            {refused ? refusedMessage : description}\n          </p>\n        </div>\n\n        {features && features.length > 0 && !refused ? (\n          <ul className=\"text-muted-foreground text-body space-y-1.5\">\n            {features.slice(0, 3).map((feature) => (\n              <li key={feature} className=\"flex gap-2\">\n                <span className=\"text-foreground mt-1.5 h-1 w-1 shrink-0 rounded-full bg-current\" />\n                <span>{feature}</span>\n              </li>\n            ))}\n          </ul>\n        ) : null}\n\n        {error ? (\n          <p\n            role=\"alert\"\n            className=\"border-destructive/30 bg-destructive/5 text-destructive rounded-md border px-3 py-2 text-sm\"\n          >\n            {error}\n          </p>\n        ) : null}\n\n        <Button\n          className=\"w-full\"\n          disabled={busy}\n          onClick={onSignIn}\n          aria-busy={busy}\n        >\n          {busy ? (\n            <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" aria-hidden />\n          ) : null}\n          {isSigningIn ? \"Redirecting…\" : signInLabel}\n        </Button>\n      </section>\n    </main>\n  );\n}\n\nexport function PanelSignInSkeleton({ className }: { className?: string }) {\n  return (\n    <main\n      className={cn(\n        \"bg-background grid min-h-screen place-items-center p-4 sm:p-8\",\n        className,\n      )}\n    >\n      <div className=\"border-border bg-card w-full max-w-md space-y-4 rounded-lg border p-8 shadow-sm\">\n        <div className=\"bg-muted h-3 w-24 animate-pulse rounded\" />\n        <div className=\"bg-muted h-8 w-48 animate-pulse rounded\" />\n        <div className=\"bg-muted mt-7 h-10 w-full animate-pulse rounded-md\" />\n      </div>\n    </main>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,eAAe;AA4DV,cAKJ,YALI;AA7BP,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,UAAU;AAAA,EACV,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAqB;AACnB,QAAM,OAAO,oBAAoB;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA,+BAAC,aAAQ,WAAU,mFACjB;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,kBACE,uBACC,oBAAC,UAAK,WAAU,yBAAwB,eAAW,MAChD,kBAAQ,MAAM,GAAG,CAAC,EAAE,YAAY,GACnC,GAEJ;AAAA,UACA,qBAAC,SAAI,WAAU,WACb;AAAA,gCAAC,OAAE,WAAU,qCAAqC,mBAAQ;AAAA,YAC1D,oBAAC,OAAE,WAAU,mCAAmC,mBAAQ;AAAA,aAC1D;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,aACb;AAAA,8BAAC,QAAG,WAAU,6CACX,oBAAU,eAAe,WAC5B;AAAA,UACA,oBAAC,OAAE,WAAU,mCACV,oBAAU,iBAAiB,aAC9B;AAAA,WACF;AAAA,QAEC,YAAY,SAAS,SAAS,KAAK,CAAC,UACnC,oBAAC,QAAG,WAAU,+CACX,mBAAS,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,YACzB,qBAAC,QAAiB,WAAU,cAC1B;AAAA,8BAAC,UAAK,WAAU,mEAAkE;AAAA,UAClF,oBAAC,UAAM,mBAAQ;AAAA,aAFR,OAGT,CACD,GACH,IACE;AAAA,QAEH,QACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YAET;AAAA;AAAA,QACH,IACE;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,UAAU;AAAA,YACV,SAAS;AAAA,YACT,aAAW;AAAA,YAEV;AAAA,qBACC,oBAAC,WAAQ,WAAU,6BAA4B,eAAW,MAAC,IACzD;AAAA,cACH,cAAc,sBAAiB;AAAA;AAAA;AAAA,QAClC;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB,EAAE,UAAU,GAA2B;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA,+BAAC,SAAI,WAAU,mFACb;AAAA,4BAAC,SAAI,WAAU,2CAA0C;AAAA,QACzD,oBAAC,SAAI,WAAU,2CAA0C;AAAA,QACzD,oBAAC,SAAI,WAAU,sDAAqD;AAAA,SACtE;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-PPYR3O3L.js

@@ -0,0 +1,44 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+import {
+  writeToClipboard
+} from "./chunk-Y5WCT6XN.js";
+
+// src/copy-button.tsx
+import { Check, Copy } from "lucide-react";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function CopyButton({
+  value,
+  label,
+  className
+}) {
+  const [copied, setCopied] = React.useState(false);
+  React.useEffect(() => {
+    if (!copied) return;
+    const timer = window.setTimeout(() => setCopied(false), 1500);
+    return () => window.clearTimeout(timer);
+  }, [copied]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": copied ? `${label} copied` : `Copy ${label}`,
+      title: copied ? "Copied" : `Copy ${label}`,
+      className: cn(
+        "text-muted-foreground hover:text-foreground hover:bg-muted focus-visible:ring-ring shrink-0 cursor-pointer rounded p-1 transition focus-visible:ring-2 focus-visible:outline-none",
+        className
+      ),
+      onClick: () => {
+        void writeToClipboard(value).then(() => setCopied(true)).catch(() => void 0);
+      },
+      children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-success", "aria-hidden": true }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5", "aria-hidden": true })
+    }
+  );
+}
+
+export {
+  CopyButton
+};
+//# sourceMappingURL=chunk-PPYR3O3L.js.map

package/dist/chunk-PPYR3O3L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/copy-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Check, Copy } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { writeToClipboard } from \"./clipboard\";\nimport { cn } from \"./utils\";\n\n/**\n * Copies one short string — an id, a title, a URL — and says so for a moment.\n *\n * The panel had this three times over, each with its own timeout and its own\n * silent-failure story. `writeToClipboard` is used rather than\n * `navigator.clipboard` directly because the latter is undefined on http\n * origins, which is exactly where this panel runs in local dev.\n */\nexport function CopyButton({\n  value,\n  label,\n  className,\n}: {\n  value: string;\n  /** What is being copied, for the accessible name: \"card id\", \"title\". */\n  label: string;\n  className?: string;\n}) {\n  const [copied, setCopied] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!copied) return;\n    const timer = window.setTimeout(() => setCopied(false), 1500);\n    return () => window.clearTimeout(timer);\n  }, [copied]);\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={copied ? `${label} copied` : `Copy ${label}`}\n      title={copied ? \"Copied\" : `Copy ${label}`}\n      className={cn(\n        \"text-muted-foreground hover:text-foreground hover:bg-muted focus-visible:ring-ring shrink-0 cursor-pointer rounded p-1 transition focus-visible:ring-2 focus-visible:outline-none\",\n        className,\n      )}\n      onClick={() => {\n        // A denied clipboard permission should not throw into the row.\n        void writeToClipboard(value)\n          .then(() => setCopied(true))\n          .catch(() => undefined);\n      }}\n    >\n      {copied ? (\n        <Check className=\"size-3.5 text-success\" aria-hidden />\n      ) : (\n        <Copy className=\"size-3.5\" aria-hidden />\n      )}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,OAAO,YAAY;AAC5B,YAAY,WAAW;AAgDf;AAnCD,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,CAAC,QAAQ,SAAS,IAAU,eAAS,KAAK;AAEhD,EAAM,gBAAU,MAAM;AACpB,QAAI,CAAC,OAAQ;AACb,UAAM,QAAQ,OAAO,WAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAC5D,WAAO,MAAM,OAAO,aAAa,KAAK;AAAA,EACxC,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,SAAS,GAAG,KAAK,YAAY,QAAQ,KAAK;AAAA,MACtD,OAAO,SAAS,WAAW,QAAQ,KAAK;AAAA,MACxC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,MAAM;AAEb,aAAK,iBAAiB,KAAK,EACxB,KAAK,MAAM,UAAU,IAAI,CAAC,EAC1B,MAAM,MAAM,MAAS;AAAA,MAC1B;AAAA,MAEC,mBACC,oBAAC,SAAM,WAAU,yBAAwB,eAAW,MAAC,IAErD,oBAAC,QAAK,WAAU,YAAW,eAAW,MAAC;AAAA;AAAA,EAE3C;AAEJ;","names":[]}