@inshorts/glint-ui 0.5.3 → 0.6.0

package/dist/copy-button.cjs

@@ -0,0 +1,102 @@
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/copy-button.tsx
+var copy_button_exports = {};
+__export(copy_button_exports, {
+  CopyButton: () => CopyButton
+});
+module.exports = __toCommonJS(copy_button_exports);
+var import_lucide_react = require("lucide-react");
+var React = __toESM(require("react"), 1);
+
+// src/clipboard.ts
+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);
+  }
+}
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/copy-button.tsx
+var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "size-3.5 text-success", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Copy, { className: "size-3.5", "aria-hidden": true })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopyButton
+});
+//# sourceMappingURL=copy-button.cjs.map

package/dist/copy-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/copy-button.tsx","../src/clipboard.ts","../src/utils.ts"],"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","/**\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","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAA4B;AAC5B,YAAuB;;;AC0HvB,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;;;AC/IA,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AF8CQ;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,4CAAC,6BAAM,WAAU,yBAAwB,eAAW,MAAC,IAErD,4CAAC,4BAAK,WAAU,YAAW,eAAW,MAAC;AAAA;AAAA,EAE3C;AAEJ;","names":[]}

package/dist/copy-button.d.cts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+/**
+ * Copies one short string — an id, a title, a URL — and says so for a moment.
+ *
+ * The panel had this three times over, each with its own timeout and its own
+ * silent-failure story. `writeToClipboard` is used rather than
+ * `navigator.clipboard` directly because the latter is undefined on http
+ * origins, which is exactly where this panel runs in local dev.
+ */
+declare function CopyButton({ value, label, className, }: {
+    value: string;
+    /** What is being copied, for the accessible name: "card id", "title". */
+    label: string;
+    className?: string;
+}): React.JSX.Element;
+
+export { CopyButton };

package/dist/copy-button.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+/**
+ * Copies one short string — an id, a title, a URL — and says so for a moment.
+ *
+ * The panel had this three times over, each with its own timeout and its own
+ * silent-failure story. `writeToClipboard` is used rather than
+ * `navigator.clipboard` directly because the latter is undefined on http
+ * origins, which is exactly where this panel runs in local dev.
+ */
+declare function CopyButton({ value, label, className, }: {
+    value: string;
+    /** What is being copied, for the accessible name: "card id", "title". */
+    label: string;
+    className?: string;
+}): React.JSX.Element;
+
+export { CopyButton };

package/dist/copy-button.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  CopyButton
+} from "./chunk-PPYR3O3L.js";
+import "./chunk-HCA5ODCD.js";
+import "./chunk-Y5WCT6XN.js";
+export {
+  CopyButton
+};
+//# sourceMappingURL=copy-button.js.map

package/dist/copy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/data-table.cjs

@@ -0,0 +1,140 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/data-table.tsx
+var data_table_exports = {};
+__export(data_table_exports, {
+  DataTable: () => DataTable
+});
+module.exports = __toCommonJS(data_table_exports);
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/data-table.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var HEADER_VARIANTS = {
+  uppercase: "border-border bg-muted/40 text-muted-foreground border-b text-xs tracking-wide uppercase",
+  plain: "text-muted-foreground border-border border-b text-left"
+};
+var DENSITY = {
+  comfortable: "px-4 py-3",
+  compact: "px-3 py-2"
+};
+var ALIGN = {
+  left: "text-left",
+  right: "text-right",
+  center: "text-center"
+};
+function DataTable({
+  columns,
+  rows,
+  rowKey,
+  variant = "uppercase",
+  density = "comfortable",
+  stickyHeader = false,
+  rowClassName,
+  emptyMessage,
+  footer,
+  ariaLabel,
+  className,
+  tableClassName
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: cn(
+        "border-border bg-background/80 overflow-x-auto rounded-lg border",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "table",
+        {
+          "aria-label": ariaLabel,
+          className: cn("min-w-full text-left text-sm", tableClassName),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "thead",
+              {
+                className: cn(
+                  HEADER_VARIANTS[variant],
+                  stickyHeader && "bg-muted sticky top-0 z-10"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "th",
+                  {
+                    scope: "col",
+                    "aria-sort": column.ariaSort,
+                    className: cn(
+                      DENSITY[density],
+                      "font-medium",
+                      ALIGN[column.align ?? "left"],
+                      column.headerClassName
+                    ),
+                    children: column.title
+                  },
+                  column.key
+                )) })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: rows.length === 0 && emptyMessage != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "td",
+              {
+                colSpan: columns.length,
+                className: "text-muted-foreground px-4 py-6 text-center text-sm",
+                children: emptyMessage
+              }
+            ) }) : rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "tr",
+              {
+                className: cn(
+                  "border-border/70 border-b last:border-0",
+                  rowClassName?.(row, index)
+                ),
+                children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "td",
+                  {
+                    className: cn(
+                      DENSITY[density],
+                      ALIGN[column.align ?? "left"],
+                      column.className
+                    ),
+                    children: column.cell(row, index)
+                  },
+                  column.key
+                ))
+              },
+              rowKey(row, index)
+            )) }),
+            footer != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tfoot", { children: footer }) : null
+          ]
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DataTable
+});
+//# sourceMappingURL=data-table.cjs.map

package/dist/data-table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-table.tsx","../src/utils.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\n/**\n * The list table every feature panel was hand-rolling.\n *\n * Seventeen files repeated the same wrapper string\n * (`border-border bg-background/80 overflow-x-auto rounded-lg border`) and the\n * header had already drifted into two incompatible looks, so Campaigns and\n * Targets did not resemble each other. Both are kept as `variant` rather than\n * unified here: collapsing them is a visual change to ten panels and belongs in\n * its own reviewable diff, not smuggled in with a refactor.\n *\n * The column contract deliberately echoes `GridColumn` in\n * `spreadsheet-grid.tsx` — `key`, `title`, a renderer, an optional class — so\n * the repo has one shape to learn. It drops that type's `value: (row) => string`\n * because there is no clipboard or CSV here; nothing would keep it honest, and\n * a required field nobody reads gets filled in with lies.\n *\n * **Not for every table.** `GroupTable` renders parent and child rows with\n * different column counts, and `BusinessTable`'s rows are dnd-kit sortables that\n * own their own refs and transforms. `PublishModal`, `BulkCreateModal` and the\n * clone queue in `MetaAdSetsPanel` are grids of inputs rather than lists of\n * values — every cell is an editable control, and they size their header and\n * body rows differently on purpose. All five are legitimately tables of a\n * different kind; bending this component around them would cost more than it\n * saves.\n */\nexport type TableColumn<Row> = {\n  key: string;\n  /** Node, not string: a header can carry a select-all box or a sort control. */\n  title: React.ReactNode;\n  cell: (row: Row, index: number) => React.ReactNode;\n  align?: \"left\" | \"right\" | \"center\";\n  /**\n   * Set on a sortable column so a screen reader announces the current sort.\n   * Only the sorted column says `ascending`/`descending`; the rest say `none`,\n   * which is what marks them as sortable at all.\n   */\n  ariaSort?: \"ascending\" | \"descending\" | \"none\";\n  /** Extra classes for this column's `<td>`. */\n  className?: string;\n  /** Extra classes for this column's `<th>`. */\n  headerClassName?: string;\n};\n\nexport interface DataTableProps<Row> {\n  columns: TableColumn<Row>[];\n  rows: Row[];\n  /** Stable React key per row. */\n  rowKey: (row: Row, index: number) => string;\n  /**\n   * `uppercase` — the tinted small-caps header (campaigns, showcase, filters).\n   * `plain` — the quieter left-aligned header (ads, targets, creatives).\n   */\n  variant?: \"uppercase\" | \"plain\";\n  /**\n   * `comfortable` — the roomy default, for tables of a handful of columns.\n   * `compact` — what every table of eight columns or more had already chosen by\n   * hand, because the roomy padding pushes them into a horizontal scroll.\n   */\n  density?: \"comfortable\" | \"compact\";\n  /** Pins the header for a table inside its own scroll container. */\n  stickyHeader?: boolean;\n  rowClassName?: (row: Row, index: number) => string | undefined;\n  /** Rendered in place of `<tbody>` rows when there are none. */\n  emptyMessage?: React.ReactNode;\n  /**\n   * Rows for a `<tfoot>` — a totals line, typically. The caller supplies the\n   * `<tr>` itself because a summary row rarely lines up with the columns above\n   * it; designer-counts spans its first two.\n   */\n  footer?: React.ReactNode;\n  /** Names the table for screen readers when no visible caption fits. */\n  ariaLabel?: string;\n  /** Classes for the scroll wrapper. */\n  className?: string;\n  /** Classes for the `<table>`. */\n  tableClassName?: string;\n}\n\nconst HEADER_VARIANTS = {\n  uppercase:\n    \"border-border bg-muted/40 text-muted-foreground border-b text-xs tracking-wide uppercase\",\n  plain: \"text-muted-foreground border-border border-b text-left\",\n} as const;\n\nconst DENSITY = {\n  comfortable: \"px-4 py-3\",\n  compact: \"px-3 py-2\",\n} as const;\n\nconst ALIGN = {\n  left: \"text-left\",\n  right: \"text-right\",\n  center: \"text-center\",\n} as const;\n\nexport function DataTable<Row>({\n  columns,\n  rows,\n  rowKey,\n  variant = \"uppercase\",\n  density = \"comfortable\",\n  stickyHeader = false,\n  rowClassName,\n  emptyMessage,\n  footer,\n  ariaLabel,\n  className,\n  tableClassName,\n}: DataTableProps<Row>) {\n  return (\n    <div\n      className={cn(\n        \"border-border bg-background/80 overflow-x-auto rounded-lg border\",\n        className,\n      )}\n    >\n      <table\n        aria-label={ariaLabel}\n        className={cn(\"min-w-full text-left text-sm\", tableClassName)}\n      >\n        <thead\n          className={cn(\n            HEADER_VARIANTS[variant],\n            stickyHeader && \"bg-muted sticky top-0 z-10\",\n          )}\n        >\n          <tr>\n            {columns.map((column) => (\n              <th\n                key={column.key}\n                scope=\"col\"\n                aria-sort={column.ariaSort}\n                className={cn(\n                  DENSITY[density],\n                  \"font-medium\",\n                  ALIGN[column.align ?? \"left\"],\n                  column.headerClassName,\n                )}\n              >\n                {column.title}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.length === 0 && emptyMessage != null ? (\n            <tr>\n              {/* One cell across the whole width — a short row would otherwise\n                  leave the message sitting under the first column. */}\n              <td\n                colSpan={columns.length}\n                className=\"text-muted-foreground px-4 py-6 text-center text-sm\"\n              >\n                {emptyMessage}\n              </td>\n            </tr>\n          ) : (\n            rows.map((row, index) => (\n              <tr\n                key={rowKey(row, index)}\n                className={cn(\n                  \"border-border/70 border-b last:border-0\",\n                  rowClassName?.(row, index),\n                )}\n              >\n                {columns.map((column) => (\n                  <td\n                    key={column.key}\n                    className={cn(\n                      DENSITY[density],\n                      ALIGN[column.align ?? \"left\"],\n                      column.className,\n                    )}\n                  >\n                    {column.cell(row, index)}\n                  </td>\n                ))}\n              </tr>\n            ))\n          )}\n        </tbody>\n        {footer != null ? <tfoot>{footer}</tfoot> : null}\n      </table>\n    </div>\n  );\n}\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADmHM;AAtCN,IAAM,kBAAkB;AAAA,EACtB,WACE;AAAA,EACF,OAAO;AACT;AAEA,IAAM,UAAU;AAAA,EACd,aAAa;AAAA,EACb,SAAS;AACX;AAEA,IAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEO,SAAS,UAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,cAAY;AAAA,UACZ,WAAW,GAAG,gCAAgC,cAAc;AAAA,UAE5D;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT,gBAAgB,OAAO;AAAA,kBACvB,gBAAgB;AAAA,gBAClB;AAAA,gBAEA,sDAAC,QACE,kBAAQ,IAAI,CAAC,WACZ;AAAA,kBAAC;AAAA;AAAA,oBAEC,OAAM;AAAA,oBACN,aAAW,OAAO;AAAA,oBAClB,WAAW;AAAA,sBACT,QAAQ,OAAO;AAAA,sBACf;AAAA,sBACA,MAAM,OAAO,SAAS,MAAM;AAAA,sBAC5B,OAAO;AAAA,oBACT;AAAA,oBAEC,iBAAO;AAAA;AAAA,kBAVH,OAAO;AAAA,gBAWd,CACD,GACH;AAAA;AAAA,YACF;AAAA,YACA,4CAAC,WACE,eAAK,WAAW,KAAK,gBAAgB,OACpC,4CAAC,QAGC;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,QAAQ;AAAA,gBACjB,WAAU;AAAA,gBAET;AAAA;AAAA,YACH,GACF,IAEA,KAAK,IAAI,CAAC,KAAK,UACb;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAW;AAAA,kBACT;AAAA,kBACA,eAAe,KAAK,KAAK;AAAA,gBAC3B;AAAA,gBAEC,kBAAQ,IAAI,CAAC,WACZ;AAAA,kBAAC;AAAA;AAAA,oBAEC,WAAW;AAAA,sBACT,QAAQ,OAAO;AAAA,sBACf,MAAM,OAAO,SAAS,MAAM;AAAA,sBAC5B,OAAO;AAAA,oBACT;AAAA,oBAEC,iBAAO,KAAK,KAAK,KAAK;AAAA;AAAA,kBAPlB,OAAO;AAAA,gBAQd,CACD;AAAA;AAAA,cAjBI,OAAO,KAAK,KAAK;AAAA,YAkBxB,CACD,GAEL;AAAA,YACC,UAAU,OAAO,4CAAC,WAAO,kBAAO,IAAW;AAAA;AAAA;AAAA,MAC9C;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/data-table.d.cts

@@ -0,0 +1,81 @@
+import * as React from 'react';
+
+/**
+ * The list table every feature panel was hand-rolling.
+ *
+ * Seventeen files repeated the same wrapper string
+ * (`border-border bg-background/80 overflow-x-auto rounded-lg border`) and the
+ * header had already drifted into two incompatible looks, so Campaigns and
+ * Targets did not resemble each other. Both are kept as `variant` rather than
+ * unified here: collapsing them is a visual change to ten panels and belongs in
+ * its own reviewable diff, not smuggled in with a refactor.
+ *
+ * The column contract deliberately echoes `GridColumn` in
+ * `spreadsheet-grid.tsx` — `key`, `title`, a renderer, an optional class — so
+ * the repo has one shape to learn. It drops that type's `value: (row) => string`
+ * because there is no clipboard or CSV here; nothing would keep it honest, and
+ * a required field nobody reads gets filled in with lies.
+ *
+ * **Not for every table.** `GroupTable` renders parent and child rows with
+ * different column counts, and `BusinessTable`'s rows are dnd-kit sortables that
+ * own their own refs and transforms. `PublishModal`, `BulkCreateModal` and the
+ * clone queue in `MetaAdSetsPanel` are grids of inputs rather than lists of
+ * values — every cell is an editable control, and they size their header and
+ * body rows differently on purpose. All five are legitimately tables of a
+ * different kind; bending this component around them would cost more than it
+ * saves.
+ */
+type TableColumn<Row> = {
+    key: string;
+    /** Node, not string: a header can carry a select-all box or a sort control. */
+    title: React.ReactNode;
+    cell: (row: Row, index: number) => React.ReactNode;
+    align?: "left" | "right" | "center";
+    /**
+     * Set on a sortable column so a screen reader announces the current sort.
+     * Only the sorted column says `ascending`/`descending`; the rest say `none`,
+     * which is what marks them as sortable at all.
+     */
+    ariaSort?: "ascending" | "descending" | "none";
+    /** Extra classes for this column's `<td>`. */
+    className?: string;
+    /** Extra classes for this column's `<th>`. */
+    headerClassName?: string;
+};
+interface DataTableProps<Row> {
+    columns: TableColumn<Row>[];
+    rows: Row[];
+    /** Stable React key per row. */
+    rowKey: (row: Row, index: number) => string;
+    /**
+     * `uppercase` — the tinted small-caps header (campaigns, showcase, filters).
+     * `plain` — the quieter left-aligned header (ads, targets, creatives).
+     */
+    variant?: "uppercase" | "plain";
+    /**
+     * `comfortable` — the roomy default, for tables of a handful of columns.
+     * `compact` — what every table of eight columns or more had already chosen by
+     * hand, because the roomy padding pushes them into a horizontal scroll.
+     */
+    density?: "comfortable" | "compact";
+    /** Pins the header for a table inside its own scroll container. */
+    stickyHeader?: boolean;
+    rowClassName?: (row: Row, index: number) => string | undefined;
+    /** Rendered in place of `<tbody>` rows when there are none. */
+    emptyMessage?: React.ReactNode;
+    /**
+     * Rows for a `<tfoot>` — a totals line, typically. The caller supplies the
+     * `<tr>` itself because a summary row rarely lines up with the columns above
+     * it; designer-counts spans its first two.
+     */
+    footer?: React.ReactNode;
+    /** Names the table for screen readers when no visible caption fits. */
+    ariaLabel?: string;
+    /** Classes for the scroll wrapper. */
+    className?: string;
+    /** Classes for the `<table>`. */
+    tableClassName?: string;
+}
+declare function DataTable<Row>({ columns, rows, rowKey, variant, density, stickyHeader, rowClassName, emptyMessage, footer, ariaLabel, className, tableClassName, }: DataTableProps<Row>): React.JSX.Element;
+
+export { DataTable, type DataTableProps, type TableColumn };

package/dist/data-table.d.ts

@@ -0,0 +1,81 @@
+import * as React from 'react';
+
+/**
+ * The list table every feature panel was hand-rolling.
+ *
+ * Seventeen files repeated the same wrapper string
+ * (`border-border bg-background/80 overflow-x-auto rounded-lg border`) and the
+ * header had already drifted into two incompatible looks, so Campaigns and
+ * Targets did not resemble each other. Both are kept as `variant` rather than
+ * unified here: collapsing them is a visual change to ten panels and belongs in
+ * its own reviewable diff, not smuggled in with a refactor.
+ *
+ * The column contract deliberately echoes `GridColumn` in
+ * `spreadsheet-grid.tsx` — `key`, `title`, a renderer, an optional class — so
+ * the repo has one shape to learn. It drops that type's `value: (row) => string`
+ * because there is no clipboard or CSV here; nothing would keep it honest, and
+ * a required field nobody reads gets filled in with lies.
+ *
+ * **Not for every table.** `GroupTable` renders parent and child rows with
+ * different column counts, and `BusinessTable`'s rows are dnd-kit sortables that
+ * own their own refs and transforms. `PublishModal`, `BulkCreateModal` and the
+ * clone queue in `MetaAdSetsPanel` are grids of inputs rather than lists of
+ * values — every cell is an editable control, and they size their header and
+ * body rows differently on purpose. All five are legitimately tables of a
+ * different kind; bending this component around them would cost more than it
+ * saves.
+ */
+type TableColumn<Row> = {
+    key: string;
+    /** Node, not string: a header can carry a select-all box or a sort control. */
+    title: React.ReactNode;
+    cell: (row: Row, index: number) => React.ReactNode;
+    align?: "left" | "right" | "center";
+    /**
+     * Set on a sortable column so a screen reader announces the current sort.
+     * Only the sorted column says `ascending`/`descending`; the rest say `none`,
+     * which is what marks them as sortable at all.
+     */
+    ariaSort?: "ascending" | "descending" | "none";
+    /** Extra classes for this column's `<td>`. */
+    className?: string;
+    /** Extra classes for this column's `<th>`. */
+    headerClassName?: string;
+};
+interface DataTableProps<Row> {
+    columns: TableColumn<Row>[];
+    rows: Row[];
+    /** Stable React key per row. */
+    rowKey: (row: Row, index: number) => string;
+    /**
+     * `uppercase` — the tinted small-caps header (campaigns, showcase, filters).
+     * `plain` — the quieter left-aligned header (ads, targets, creatives).
+     */
+    variant?: "uppercase" | "plain";
+    /**
+     * `comfortable` — the roomy default, for tables of a handful of columns.
+     * `compact` — what every table of eight columns or more had already chosen by
+     * hand, because the roomy padding pushes them into a horizontal scroll.
+     */
+    density?: "comfortable" | "compact";
+    /** Pins the header for a table inside its own scroll container. */
+    stickyHeader?: boolean;
+    rowClassName?: (row: Row, index: number) => string | undefined;
+    /** Rendered in place of `<tbody>` rows when there are none. */
+    emptyMessage?: React.ReactNode;
+    /**
+     * Rows for a `<tfoot>` — a totals line, typically. The caller supplies the
+     * `<tr>` itself because a summary row rarely lines up with the columns above
+     * it; designer-counts spans its first two.
+     */
+    footer?: React.ReactNode;
+    /** Names the table for screen readers when no visible caption fits. */
+    ariaLabel?: string;
+    /** Classes for the scroll wrapper. */
+    className?: string;
+    /** Classes for the `<table>`. */
+    tableClassName?: string;
+}
+declare function DataTable<Row>({ columns, rows, rowKey, variant, density, stickyHeader, rowClassName, emptyMessage, footer, ariaLabel, className, tableClassName, }: DataTableProps<Row>): React.JSX.Element;
+
+export { DataTable, type DataTableProps, type TableColumn };

package/dist/data-table.js

@@ -0,0 +1,8 @@
+import {
+  DataTable
+} from "./chunk-ZLAA4DGG.js";
+import "./chunk-HCA5ODCD.js";
+export {
+  DataTable
+};
+//# sourceMappingURL=data-table.js.map

package/dist/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/date-range-picker/dateRange.cjs

@@ -0,0 +1,138 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/date-range-picker/dateRange.ts
+var dateRange_exports = {};
+__export(dateRange_exports, {
+  addDays: () => addDays,
+  addMonths: () => addMonths,
+  createdRangeMs: () => createdRangeMs,
+  endAt2359Ms: () => endAt2359Ms,
+  endOfDayMs: () => endOfDayMs,
+  formatDisplay: () => formatDisplay,
+  fromIsoDate: () => fromIsoDate,
+  isSameDay: () => isSameDay,
+  monthGrid: () => monthGrid,
+  monthLabel: () => monthLabel,
+  startOfDayMs: () => startOfDayMs,
+  startOfMonth: () => startOfMonth,
+  toIsoDate: () => toIsoDate
+});
+module.exports = __toCommonJS(dateRange_exports);
+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)
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addDays,
+  addMonths,
+  createdRangeMs,
+  endAt2359Ms,
+  endOfDayMs,
+  formatDisplay,
+  fromIsoDate,
+  isSameDay,
+  monthGrid,
+  monthLabel,
+  startOfDayMs,
+  startOfMonth,
+  toIsoDate
+});
+//# sourceMappingURL=dateRange.cjs.map

package/dist/date-range-picker/dateRange.cjs.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":[]}