@inshorts/glint-ui 0.5.4 → 0.6.1

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":[]}

package/dist/date-range-picker/dateRange.d.cts

@@ -0,0 +1,57 @@
+/**
+ * Date helpers for the range picker, all in local time.
+ *
+ * Deliberately not `toISOString()`: that converts to UTC first, so on any
+ * negative-offset day it returns yesterday's date and the picker highlights the
+ * wrong cell. Every value here is built and read as the local calendar day the
+ * user is actually looking at.
+ */
+/** `YYYY-MM-DD`, the value shape the filters store. */
+type IsoDate = string;
+declare function toIsoDate(date: Date): IsoDate;
+/** Parses `YYYY-MM-DD` into a local midnight Date; null for anything else. */
+declare function fromIsoDate(value: string | null | undefined): Date | null;
+declare function startOfMonth(date: Date): Date;
+declare function addMonths(date: Date, count: number): Date;
+declare function addDays(date: Date, count: number): Date;
+declare function isSameDay(a: Date | null, b: Date | null): boolean;
+/**
+ * The six-week grid for a month, Sunday-first, padded with the neighbouring
+ * months so every row has seven cells.
+ *
+ * Always six rows, never five: a grid that changes height as you page through
+ * months makes everything below it jump.
+ */
+declare function monthGrid(month: Date): Date[];
+declare function monthLabel(month: Date, locale?: string): string;
+/** Human form for the trigger — "22 Aug 2026". */
+declare function formatDisplay(value: string, locale?: string): string;
+declare function startOfDayMs(value: string): number;
+/**
+ * The end of a day as milliseconds.
+ *
+ * A range picked as whole days has to include everything created on the last
+ * day, so "to" means 23:59:59.999 rather than that morning's midnight — which
+ * would drop a whole day of cards without saying so.
+ */
+declare function endOfDayMs(value: string): number;
+/**
+ * 11:59 PM on that local day, as 23:59:59.
+ *
+ * The next midnight is already the following date, and the feed includes that
+ * whole day — so the 28th through the 28th came back with the 29th. Stopping
+ * at 11:59 PM keeps the end on the day that was picked.
+ */
+declare function endAt2359Ms(value: string): number;
+/**
+ * Created-date window for the feed.
+ *
+ * A blank end means the start day, so one selected date is that whole day.
+ * `end_time` is 11:59 PM on the end date.
+ */
+declare function createdRangeMs(from: string, to: string): {
+    start_time: number;
+    end_time: number;
+};
+
+export { type IsoDate, addDays, addMonths, createdRangeMs, endAt2359Ms, endOfDayMs, formatDisplay, fromIsoDate, isSameDay, monthGrid, monthLabel, startOfDayMs, startOfMonth, toIsoDate };

package/dist/date-range-picker/dateRange.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Date helpers for the range picker, all in local time.
+ *
+ * Deliberately not `toISOString()`: that converts to UTC first, so on any
+ * negative-offset day it returns yesterday's date and the picker highlights the
+ * wrong cell. Every value here is built and read as the local calendar day the
+ * user is actually looking at.
+ */
+/** `YYYY-MM-DD`, the value shape the filters store. */
+type IsoDate = string;
+declare function toIsoDate(date: Date): IsoDate;
+/** Parses `YYYY-MM-DD` into a local midnight Date; null for anything else. */
+declare function fromIsoDate(value: string | null | undefined): Date | null;
+declare function startOfMonth(date: Date): Date;
+declare function addMonths(date: Date, count: number): Date;
+declare function addDays(date: Date, count: number): Date;
+declare function isSameDay(a: Date | null, b: Date | null): boolean;
+/**
+ * The six-week grid for a month, Sunday-first, padded with the neighbouring
+ * months so every row has seven cells.
+ *
+ * Always six rows, never five: a grid that changes height as you page through
+ * months makes everything below it jump.
+ */
+declare function monthGrid(month: Date): Date[];
+declare function monthLabel(month: Date, locale?: string): string;
+/** Human form for the trigger — "22 Aug 2026". */
+declare function formatDisplay(value: string, locale?: string): string;
+declare function startOfDayMs(value: string): number;
+/**
+ * The end of a day as milliseconds.
+ *
+ * A range picked as whole days has to include everything created on the last
+ * day, so "to" means 23:59:59.999 rather than that morning's midnight — which
+ * would drop a whole day of cards without saying so.
+ */
+declare function endOfDayMs(value: string): number;
+/**
+ * 11:59 PM on that local day, as 23:59:59.
+ *
+ * The next midnight is already the following date, and the feed includes that
+ * whole day — so the 28th through the 28th came back with the 29th. Stopping
+ * at 11:59 PM keeps the end on the day that was picked.
+ */
+declare function endAt2359Ms(value: string): number;
+/**
+ * Created-date window for the feed.
+ *
+ * A blank end means the start day, so one selected date is that whole day.
+ * `end_time` is 11:59 PM on the end date.
+ */
+declare function createdRangeMs(from: string, to: string): {
+    start_time: number;
+    end_time: number;
+};
+
+export { type IsoDate, addDays, addMonths, createdRangeMs, endAt2359Ms, endOfDayMs, formatDisplay, fromIsoDate, isSameDay, monthGrid, monthLabel, startOfDayMs, startOfMonth, toIsoDate };

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

@@ -0,0 +1,31 @@
+import {
+  addDays,
+  addMonths,
+  createdRangeMs,
+  endAt2359Ms,
+  endOfDayMs,
+  formatDisplay,
+  fromIsoDate,
+  isSameDay,
+  monthGrid,
+  monthLabel,
+  startOfDayMs,
+  startOfMonth,
+  toIsoDate
+} from "../chunk-MUPW2TFJ.js";
+export {
+  addDays,
+  addMonths,
+  createdRangeMs,
+  endAt2359Ms,
+  endOfDayMs,
+  formatDisplay,
+  fromIsoDate,
+  isSameDay,
+  monthGrid,
+  monthLabel,
+  startOfDayMs,
+  startOfMonth,
+  toIsoDate
+};
+//# sourceMappingURL=dateRange.js.map

package/dist/date-range-picker/dateRange.js.map

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