@arbidocs/blocks 0.4.73 → 0.4.75

package/dist/databases/index.cjs

@@ -0,0 +1,1081 @@
+"use client";
+'use strict';
+
+var chunkIXALYQT7_cjs = require('../chunk-IXALYQT7.cjs');
+require('../chunk-FX3K6LNZ.cjs');
+var chunkMHVNT4J3_cjs = require('../chunk-MHVNT4J3.cjs');
+require('../chunk-DES3K4SD.cjs');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+// src/databases/column-types.ts
+var DATABASE_COLUMN_TYPES = [
+  "text",
+  "number",
+  "date",
+  "checkbox",
+  "select"
+];
+var DEFAULT_DATABASE_COLUMN_TYPE_LABELS = {
+  text: "Text",
+  number: "Number",
+  date: "Date",
+  checkbox: "Checkbox",
+  select: "Select"
+};
+var OPTION_TONES = [
+  "bg-blue-bg text-blue-text",
+  "bg-green-bg text-green-text",
+  "bg-yellow-bg text-yellow-text",
+  "bg-purple-bg text-purple-text",
+  "bg-red-bg text-red-text",
+  "bg-gray-bg text-gray-text"
+];
+function optionTone(option) {
+  let hash = 0;
+  for (const ch of option.toLowerCase()) hash = hash * 31 + ch.charCodeAt(0) >>> 0;
+  return OPTION_TONES[hash % OPTION_TONES.length];
+}
+var isEmpty = (value) => value === null || value === void 0 || typeof value === "string" && value.trim() === "";
+function formatDateValue(value, locale) {
+  const day = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
+  if (day) {
+    const [, y, m, d] = day;
+    return new Date(Date.UTC(+y, +m - 1, +d)).toLocaleDateString(locale, { timeZone: "UTC" });
+  }
+  const at = new Date(value);
+  return Number.isNaN(at.getTime()) ? value : at.toLocaleString(locale);
+}
+function formatNumberValue(value, locale) {
+  return value.toLocaleString(locale, { maximumFractionDigits: 6 });
+}
+function formatCell(value, type, locale) {
+  if (isEmpty(value)) return "";
+  if (type === "number" && typeof value === "number") return formatNumberValue(value, locale);
+  if (type === "date" && typeof value === "string") return formatDateValue(value, locale);
+  if (type === "checkbox") return value ? "Yes" : "No";
+  return String(value);
+}
+function toApiValue(value, type) {
+  if (isEmpty(value)) return null;
+  if (type === "checkbox") return Boolean(value);
+  if (type === "date" && value instanceof Date) {
+    const pad = (n) => String(n).padStart(2, "0");
+    return `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}`;
+  }
+  if (type === "number" && typeof value === "string") {
+    const n = Number(value.replace(/,/g, ""));
+    return Number.isFinite(n) ? n : value;
+  }
+  return value;
+}
+function compareCells(a, b, type) {
+  const ea = isEmpty(a);
+  const eb = isEmpty(b);
+  if (ea || eb) return ea === eb ? 0 : ea ? 1 : -1;
+  if (type === "number" || type === "checkbox") return Number(a) - Number(b);
+  return String(a).localeCompare(String(b), void 0, { sensitivity: "base", numeric: true });
+}
+function SelectChip({ value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: ui.cn(
+        "inline-flex max-w-full items-center truncate rounded-md px-2 py-0.5 text-xs font-medium",
+        optionTone(value)
+      ),
+      children: value
+    }
+  );
+}
+function SelectCellEditor(props) {
+  const { value, onValueChange, stopEditing, options, clearLabel = "Clear" } = props;
+  const items = [...options, null];
+  const [active, setActive] = react.useState(() => Math.max(0, options.indexOf(String(value ?? ""))));
+  const list = react.useRef(null);
+  react.useEffect(() => list.current?.focus(), []);
+  const pick = (option) => {
+    onValueChange(option);
+    setTimeout(() => stopEditing(), 0);
+  };
+  const onKeyDown = (e) => {
+    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      e.preventDefault();
+      e.stopPropagation();
+      const step = e.key === "ArrowDown" ? 1 : -1;
+      setActive((i) => (i + step + items.length) % items.length);
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      e.stopPropagation();
+      pick(items[active]);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: list,
+      role: "listbox",
+      tabIndex: -1,
+      onKeyDown,
+      "data-testid": "database-select-editor",
+      className: "flex min-w-44 flex-col gap-0.5 rounded-md border border-border bg-popover p-1 shadow-md outline-none",
+      children: items.map((option, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          role: "option",
+          "aria-selected": option === value,
+          onMouseEnter: () => setActive(i),
+          onClick: () => pick(option),
+          "data-testid": option === null ? "database-select-clear" : `database-select-option-${option}`,
+          className: ui.cn(
+            "flex items-center gap-2 rounded px-2 py-1 text-left text-sm",
+            i === active && "bg-muted"
+          ),
+          children: [
+            option === null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: clearLabel }) : /* @__PURE__ */ jsxRuntime.jsx(SelectChip, { value: option }),
+            option !== null && option === value && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "ml-auto size-3.5" })
+          ]
+        },
+        option ?? "__clear"
+      ))
+    }
+  );
+}
+var DEFAULT_DATABASE_COLUMN_LABELS = {
+  addColumn: "Add a column",
+  columnSettings: (name) => `${name} column settings`
+};
+var ADD_COLUMN_COL_ID = "__add_column";
+var COLUMN_TYPE_ICONS = {
+  text: lucideReact.Type,
+  number: lucideReact.Hash,
+  date: lucideReact.CalendarDays,
+  checkbox: lucideReact.CheckSquare,
+  select: lucideReact.ChevronDown
+};
+var WIDTHS = {
+  text: 220,
+  number: 130,
+  date: 140,
+  checkbox: 110,
+  select: 160
+};
+function HeaderLabel({
+  column,
+  onEdit,
+  label
+}) {
+  const Icon = COLUMN_TYPE_ICONS[column.type];
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "group/dbh flex min-w-0 items-center gap-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": true }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[12.5px] font-medium", children: column.name }),
+    onEdit && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": label,
+        title: label,
+        "data-testid": `database-column-settings-${column.id}`,
+        onClick: (e) => {
+          e.stopPropagation();
+          onEdit();
+        },
+        onMouseDown: (e) => e.stopPropagation(),
+        className: "ml-auto rounded p-0.5 text-muted-foreground opacity-0 hover:bg-muted hover:text-foreground focus-visible:opacity-100 group-hover/dbh:opacity-100",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-3.5" })
+      }
+    )
+  ] });
+}
+function columnWidth(column) {
+  return Math.min(320, Math.max(WIDTHS[column.type], Math.round(column.name.length * 8) + 76));
+}
+function editorFor(column) {
+  switch (column.type) {
+    case "number":
+      return { cellEditor: "agNumberCellEditor", cellEditorParams: { showStepperButtons: false } };
+    case "date":
+      return { cellEditor: "agDateStringCellEditor" };
+    case "checkbox":
+      return { cellEditor: "agCheckboxCellEditor" };
+    case "select":
+      return {
+        cellEditor: SelectCellEditor,
+        cellEditorPopup: true,
+        cellEditorParams: { options: column.options ?? [] }
+      };
+    default:
+      return { cellEditor: "agTextCellEditor" };
+  }
+}
+function rendererFor(column, locale) {
+  switch (column.type) {
+    case "checkbox":
+      return {
+        cellRenderer: "agCheckboxCellRenderer",
+        cellClass: "flex items-center justify-center"
+      };
+    case "select":
+      return {
+        cellRenderer: (p) => typeof p.value === "string" && p.value ? /* @__PURE__ */ jsxRuntime.jsx(SelectChip, { value: p.value }) : null
+      };
+    case "number":
+      return {
+        cellClass: "cell-numeric",
+        valueFormatter: (p) => formatCell(p.value, "number", locale)
+      };
+    case "date":
+      return {
+        valueFormatter: (p) => formatCell(p.value, "date", locale)
+      };
+    default:
+      return {};
+  }
+}
+function createDatabaseColumns(columns, options = {}) {
+  const { readOnly, onEditColumn, onAddColumn, locale } = options;
+  const l = { ...DEFAULT_DATABASE_COLUMN_LABELS, ...options.labels };
+  const defs = columns.map((column) => ({
+    colId: column.id,
+    headerName: column.name,
+    width: columnWidth(column),
+    minWidth: 90,
+    resizable: true,
+    sortable: true,
+    editable: !readOnly,
+    // The grid's own type inference must not second-guess the database's column type.
+    cellDataType: false,
+    headerComponentParams: {
+      innerHeaderComponent: () => /* @__PURE__ */ jsxRuntime.jsx(
+        HeaderLabel,
+        {
+          column,
+          label: l.columnSettings(column.name),
+          onEdit: !readOnly && onEditColumn ? () => onEditColumn(column) : void 0
+        }
+      )
+    },
+    // An empty checkbox reads as unticked (not indeterminate).
+    valueGetter: (p) => column.type === "checkbox" ? p.data?.values[column.id] === true : p.data?.values[column.id] ?? null,
+    // Edits land in the row's values as the API would store them; the host saves them in
+    // onCellValueChanged and puts the server's normalised row back.
+    valueSetter: (p) => {
+      if (!p.data) return false;
+      const next = toApiValue(p.newValue, column.type);
+      if (next === (p.oldValue ?? null)) return false;
+      p.data.values = { ...p.data.values, [column.id]: next };
+      return true;
+    },
+    comparator: (a, b) => compareCells(a, b, column.type),
+    getQuickFilterText: (p) => formatCell(p.value, column.type, locale),
+    ...editorFor(column),
+    ...rendererFor(column, locale)
+  }));
+  if (!readOnly && onAddColumn) {
+    defs.push({
+      colId: ADD_COLUMN_COL_ID,
+      width: 52,
+      minWidth: 52,
+      maxWidth: 52,
+      resizable: false,
+      sortable: false,
+      editable: false,
+      suppressMovable: true,
+      // Pinned: on a wide table the add button stays in view instead of scrolling off the right.
+      pinned: "right",
+      lockPinned: true,
+      headerComponent: () => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": l.addColumn,
+          title: l.addColumn,
+          "data-testid": "database-add-column",
+          onClick: onAddColumn,
+          className: "flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4" })
+        }
+      ),
+      valueGetter: () => null
+    });
+  }
+  return defs;
+}
+var escapeHtml = (text) => text.replace(/[&<>"']/g, (ch) => `&#${ch.charCodeAt(0)};`);
+var DEFAULT_DATABASE_TABLE_LABELS = {
+  newRow: "New row",
+  emptyTitle: "No rows yet",
+  emptyMessage: "Add a row, or import a spreadsheet.",
+  noColumnsTitle: "No columns yet",
+  noColumnsMessage: "Add a column to start.",
+  noMatches: "No rows match your search."
+};
+function DatabaseTable({
+  columns,
+  rows,
+  onCellChange,
+  onAddRow,
+  onAddColumn,
+  onEditColumn,
+  onSelectionChange,
+  selected,
+  readOnly = false,
+  isFiltered = false,
+  isLoading,
+  locale,
+  gridId,
+  height = "100%",
+  labels,
+  columnLabels,
+  gridProps,
+  testId
+}) {
+  const l = { ...DEFAULT_DATABASE_TABLE_LABELS, ...labels };
+  const columnDefs = react.useMemo(
+    () => createDatabaseColumns(columns, {
+      readOnly,
+      onEditColumn,
+      onAddColumn,
+      locale,
+      labels: columnLabels
+    }),
+    [columns, readOnly, onEditColumn, onAddColumn, locale, columnLabels]
+  );
+  const noColumns = columns.length === 0;
+  const emptyState = {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Table2, { className: "size-8 text-muted-foreground" }),
+    title: l.noColumnsTitle,
+    message: readOnly ? void 0 : l.noColumnsMessage,
+    action: !readOnly && onAddColumn ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: onAddColumn, "data-testid": "database-empty-add-column", className: "gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4" }),
+      columnLabels?.addColumn ?? DEFAULT_DATABASE_COLUMN_LABELS.addColumn
+    ] }) : void 0
+  };
+  const noRowsText = isFiltered ? l.noMatches : readOnly ? l.emptyTitle : `${l.emptyTitle}. ${l.emptyMessage}`;
+  const api = react.useRef(null);
+  const knownColumns = react.useRef(null);
+  react.useEffect(() => {
+    const ids = new Set(columns.map((c) => c.id));
+    const added = knownColumns.current ? columns.filter((c) => !knownColumns.current.has(c.id)) : [];
+    knownColumns.current = ids;
+    const last = added[added.length - 1];
+    if (last && api.current) {
+      const grid = api.current;
+      setTimeout(() => grid.ensureColumnVisible(last.id, "end"), 0);
+    }
+  }, [columns]);
+  const handleCellValueChanged = (event) => {
+    const columnId = event.column.getColId();
+    if (!event.data || !onCellChange) return;
+    onCellChange(event.data, columnId, event.data.values[columnId] ?? null);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex h-full min-h-0 flex-col",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "database-table" }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkIXALYQT7_cjs.GridView,
+          {
+            testId: "database-grid",
+            items: rows,
+            columnDefs,
+            getItemId: (row) => row.id,
+            getRowTestId: (row) => `database-row-${row.id}`,
+            getCellTestId: (colId, row) => `database-cell-${row.id}-${colId}`,
+            isLoading,
+            emptyState,
+            showEmpty: noColumns,
+            gridId,
+            height,
+            rowHeight: 38,
+            selection: onSelectionChange ? { mode: "multiple", selected: selected ?? [], onSelectionChange, controlled: true } : void 0,
+            onCellValueChanged: handleCellValueChanged,
+            ...gridProps,
+            onGridReady: (params) => {
+              api.current = params.api;
+              gridProps?.onGridReady?.(params);
+            },
+            gridOptions: {
+              overlayNoRowsTemplate: `<span class="text-sm text-muted-foreground">${escapeHtml(noRowsText)}</span>`,
+              singleClickEdit: false,
+              stopEditingWhenCellsLoseFocus: true,
+              enterNavigatesVerticallyAfterEdit: true,
+              undoRedoCellEditing: false,
+              ...gridProps?.gridOptions
+            }
+          }
+        ) }),
+        !readOnly && onAddRow && columns.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border px-2 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: onAddRow,
+            "data-testid": "database-add-row",
+            className: "gap-1.5 text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4" }),
+              l.newRow
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+var DEFAULT_DATABASE_TOOLBAR_LABELS = {
+  back: "All databases",
+  rename: "Rename database",
+  rows: (n) => `${n.toLocaleString()} row${n === 1 ? "" : "s"}`,
+  showing: (shown, total) => `Showing ${shown.toLocaleString()} of ${total.toLocaleString()}`,
+  search: "Search",
+  deleteSelected: (n) => `Delete ${n} row${n === 1 ? "" : "s"}`,
+  more: "More actions",
+  importRows: "Import rows from a spreadsheet\u2026",
+  exportXlsx: "Export to Excel (.xlsx)",
+  exportCsv: "Export to CSV",
+  deleteDatabase: "Delete database",
+  readOnly: "Read-only here: this database belongs to another workspace."
+};
+var SPREADSHEET_ACCEPT = ".csv,.xlsx,text/csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+function DatabaseToolbar({
+  name,
+  description,
+  total,
+  shown,
+  search,
+  onSearchChange,
+  onBack,
+  onRename,
+  selectedCount = 0,
+  onDeleteSelected,
+  onImportRows,
+  onExport,
+  onDeleteDatabase,
+  readOnly = false,
+  labels
+}) {
+  const l = { ...DEFAULT_DATABASE_TOOLBAR_LABELS, ...labels };
+  const [title, setTitle] = react.useState(name);
+  const fileInput = react.useRef(null);
+  react.useEffect(() => setTitle(name), [name]);
+  const commitTitle = () => {
+    const next = title.trim();
+    if (next && next !== name) onRename?.(next);
+    else setTitle(name);
+  };
+  const onTitleKey = (e) => {
+    if (e.key === "Enter") e.currentTarget.blur();
+    if (e.key === "Escape") {
+      setTitle(name);
+      e.currentTarget.blur();
+    }
+  };
+  const onFile = (e) => {
+    const file = e.target.files?.[0];
+    if (file) onImportRows?.(file);
+    e.target.value = "";
+  };
+  const canRename = !readOnly && Boolean(onRename);
+  const hasMenu = Boolean(onExport || !readOnly && (onImportRows || onDeleteDatabase));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 px-2 pb-2 pt-1", "data-testid": "database-toolbar", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+      onBack && /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: onBack,
+          "aria-label": l.back,
+          title: l.back,
+          "data-testid": "database-back",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileSpreadsheet, { className: "size-5 shrink-0 text-muted-foreground", "aria-hidden": true }),
+      canRename ? /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          value: title,
+          "aria-label": l.rename,
+          maxLength: 200,
+          onChange: (e) => setTitle(e.target.value),
+          onBlur: commitTitle,
+          onKeyDown: onTitleKey,
+          "data-testid": "database-title",
+          className: "min-w-0 flex-1 truncate rounded-md bg-transparent px-1 text-xl font-semibold outline-none hover:bg-muted/60 focus:bg-muted/60"
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        "h2",
+        {
+          className: "min-w-0 flex-1 truncate px-1 text-xl font-semibold",
+          "data-testid": "database-title",
+          children: name
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm text-muted-foreground", "data-testid": "database-row-count", children: shown !== void 0 && shown < total ? l.showing(shown, total) : l.rows(total) })
+    ] }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 text-sm text-muted-foreground", children: description }),
+    readOnly && /* @__PURE__ */ jsxRuntime.jsxs(
+      "p",
+      {
+        className: "flex items-center gap-1.5 rounded-md bg-muted px-2 py-1 text-xs text-muted-foreground",
+        "data-testid": "database-read-only",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "size-3.5" }),
+          l.readOnly
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-w-sm flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: search,
+            onChange: (e) => onSearchChange(e.target.value),
+            placeholder: l.search,
+            "aria-label": l.search,
+            className: "h-8 pl-8",
+            "data-testid": "database-search"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+      !readOnly && selectedCount > 0 && onDeleteSelected && /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: onDeleteSelected,
+          className: "gap-1.5 text-red-text",
+          "data-testid": "database-delete-rows",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-4" }),
+            l.deleteSelected(selectedCount)
+          ]
+        }
+      ),
+      hasMenu && /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "outline",
+            size: "icon",
+            "aria-label": l.more,
+            title: l.more,
+            "data-testid": "database-menu",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuContent, { align: "end", className: "w-64", children: [
+          !readOnly && onImportRows && /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.DropdownMenuItem,
+            {
+              onSelect: () => fileInput.current?.click(),
+              "data-testid": "database-import-rows",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "size-4" }),
+                l.importRows
+              ]
+            }
+          ),
+          onExport && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.DropdownMenuItem,
+              {
+                onSelect: () => onExport("xlsx"),
+                "data-testid": "database-export-xlsx",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "size-4" }),
+                  l.exportXlsx
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.DropdownMenuItem,
+              {
+                onSelect: () => onExport("csv"),
+                "data-testid": "database-export-csv",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "size-4" }),
+                  l.exportCsv
+                ]
+              }
+            )
+          ] }),
+          !readOnly && onDeleteDatabase && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.DropdownMenuItem,
+              {
+                onSelect: onDeleteDatabase,
+                className: "text-red-text",
+                "data-testid": "database-delete",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-4" }),
+                  l.deleteDatabase
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref: fileInput,
+          type: "file",
+          accept: SPREADSHEET_ACCEPT,
+          className: "hidden",
+          onChange: onFile,
+          "data-testid": "database-import-rows-input"
+        }
+      )
+    ] })
+  ] });
+}
+var DEFAULT_DATABASE_COLUMN_DIALOG_LABELS = {
+  addTitle: "Add a column",
+  editTitle: "Column settings",
+  addDescription: "Pick what the column holds; every cell in it is checked against its type.",
+  editDescription: "Rename the column or change its options.",
+  name: "Name",
+  namePlaceholder: "e.g. Client, Matter number, Fee",
+  type: "Type",
+  typeFixed: "A column\u2019s type can\u2019t be changed once it has been added.",
+  options: "Options",
+  optionPlaceholder: "Add an option and press Enter",
+  addOption: "Add",
+  removeOption: (option) => `Remove ${option}`,
+  needsOptions: "A select column needs at least one option.",
+  cancel: "Cancel",
+  add: "Add column",
+  save: "Save",
+  saving: "Saving\u2026",
+  delete: "Delete column",
+  confirmDelete: "Delete this column and every value in it?"
+};
+function DatabaseColumnDialog({
+  open,
+  onOpenChange,
+  column,
+  onSave,
+  onDelete,
+  isSaving = false,
+  error,
+  labels,
+  typeLabels
+}) {
+  const l = { ...DEFAULT_DATABASE_COLUMN_DIALOG_LABELS, ...labels };
+  const tl = { ...DEFAULT_DATABASE_COLUMN_TYPE_LABELS, ...typeLabels };
+  const editing = Boolean(column);
+  const [name, setName] = react.useState("");
+  const [type, setType] = react.useState("text");
+  const [options, setOptions] = react.useState([]);
+  const [optionDraft, setOptionDraft] = react.useState("");
+  const [confirmingDelete, setConfirmingDelete] = react.useState(false);
+  react.useEffect(() => {
+    if (!open) return;
+    setName(column?.name ?? "");
+    setType(column?.type ?? "text");
+    setOptions(column?.options ?? []);
+    setOptionDraft("");
+    setConfirmingDelete(false);
+  }, [open, column]);
+  const addOption = () => {
+    const option = optionDraft.trim();
+    if (option && !options.some((o) => o.toLowerCase() === option.toLowerCase())) {
+      setOptions([...options, option]);
+    }
+    setOptionDraft("");
+  };
+  const pendingOptions = optionDraft.trim() ? [...options, optionDraft.trim()] : options;
+  const missingOptions = type === "select" && pendingOptions.length === 0;
+  const canSave = name.trim().length > 0 && !missingOptions && !isSaving;
+  const submit = (e) => {
+    e.preventDefault();
+    if (!canSave) return;
+    onSave({
+      name: name.trim(),
+      type,
+      options: type === "select" ? Array.from(new Set(pendingOptions)) : null
+    });
+  };
+  const onOptionKey = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      addOption();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DialogContent, { className: "sm:max-w-md", "data-testid": "database-column-dialog", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: submit, className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: editing ? l.editTitle : l.addTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: editing ? l.editDescription : l.addDescription })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "database-column-name", children: l.name }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          id: "database-column-name",
+          autoFocus: true,
+          value: name,
+          maxLength: 200,
+          placeholder: l.namePlaceholder,
+          onChange: (e) => setName(e.target.value),
+          "data-testid": "database-column-name"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: l.type }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Select,
+        {
+          value: type,
+          onValueChange: (v) => setType(v),
+          disabled: editing,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.SelectTrigger, { "data-testid": "database-column-type", children: /* @__PURE__ */ jsxRuntime.jsx(ui.SelectValue, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.SelectContent, { children: DATABASE_COLUMN_TYPES.map((t) => {
+              const Icon = COLUMN_TYPE_ICONS[t];
+              return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: t, "data-testid": `database-column-type-${t}`, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-4 text-muted-foreground" }),
+                tl[t]
+              ] }) }, t);
+            }) })
+          ]
+        }
+      ),
+      editing && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: l.typeFixed })
+    ] }),
+    type === "select" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "database-column-option", children: l.options }),
+      options.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", "data-testid": "database-column-options", children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-0.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectChip, { value: option }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": l.removeOption(option),
+            onClick: () => setOptions(options.filter((o) => o !== option)),
+            className: "rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3" })
+          }
+        )
+      ] }, option)) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            id: "database-column-option",
+            value: optionDraft,
+            maxLength: 200,
+            placeholder: l.optionPlaceholder,
+            onChange: (e) => setOptionDraft(e.target.value),
+            onKeyDown: onOptionKey,
+            "data-testid": "database-column-option-input"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: addOption,
+            disabled: !optionDraft.trim(),
+            children: l.addOption
+          }
+        )
+      ] }),
+      missingOptions && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: l.needsOptions })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-red-text", "data-testid": "database-column-error", children: error }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogFooter, { className: "flex-row items-center gap-2 sm:justify-between", children: [
+      editing && onDelete ? confirmingDelete ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: l.confirmDelete }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            type: "button",
+            variant: "destructive",
+            size: "sm",
+            onClick: onDelete,
+            "data-testid": "database-column-delete-confirm",
+            children: l.delete
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          onClick: () => setConfirmingDelete(true),
+          className: "gap-1.5 text-red-text",
+          "data-testid": "database-column-delete",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-4" }),
+            l.delete
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: l.cancel }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", disabled: !canSave, "data-testid": "database-column-save", children: isSaving ? l.saving : editing ? l.save : l.add })
+      ] })
+    ] })
+  ] }) }) });
+}
+var DEFAULT_DATABASE_LIST_LABELS = {
+  title: "Databases",
+  subtitle: "Tables your team keeps and searches \u2014 a client database, billing records, precedents.",
+  newDatabase: "New database",
+  importSpreadsheet: "Import spreadsheet",
+  importing: "Importing\u2026",
+  ownGroup: "In this workspace",
+  sharedGroup: "Shared with everyone",
+  readOnly: "Read-only",
+  rows: (n) => `${n.toLocaleString()} row${n === 1 ? "" : "s"}`,
+  columns: (n) => `${n} column${n === 1 ? "" : "s"}`,
+  emptyTitle: "No databases yet",
+  emptyMessage: "Start from a blank table, or import a spreadsheet (.xlsx or .csv) \u2014 its columns and their types come with it.",
+  loading: "Loading databases\u2026"
+};
+var SPREADSHEET_ACCEPT2 = ".csv,.xlsx,text/csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+function DatabaseCard({
+  database,
+  onOpen,
+  l
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onOpen,
+      "data-testid": `database-card-${database.id}`,
+      className: ui.cn(
+        "flex min-h-32 flex-col gap-2 rounded-lg border border-border bg-background p-4 text-left transition-colors",
+        "hover:border-primary/40 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-full items-start gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileSpreadsheet, { className: "mt-0.5 size-5 shrink-0 text-muted-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: database.name }),
+          !database.editable && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex shrink-0 items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[11px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "size-3" }),
+            l.readOnly
+          ] })
+        ] }),
+        database.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-2 text-sm text-muted-foreground", children: database.description }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-auto flex w-full items-center gap-3 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: l.rows(database.row_count) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: l.columns(database.columns.length) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto flex items-center gap-1", "aria-hidden": true, children: database.columns.slice(0, 6).map((c) => {
+            const Icon = COLUMN_TYPE_ICONS[c.type];
+            return /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-3.5" }, c.id);
+          }) })
+        ] })
+      ]
+    }
+  );
+}
+function DatabaseList({
+  databases,
+  onOpen,
+  onNew,
+  onImport,
+  isImporting = false,
+  isLoading = false,
+  labels
+}) {
+  const l = { ...DEFAULT_DATABASE_LIST_LABELS, ...labels };
+  const fileInput = react.useRef(null);
+  const own = databases.filter((d) => d.editable);
+  const shared = databases.filter((d) => !d.editable);
+  const onFile = (e) => {
+    const file = e.target.files?.[0];
+    if (file) onImport?.(file);
+    e.target.value = "";
+  };
+  const actions = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex gap-2", children: [
+    onImport && /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Button,
+      {
+        variant: "outline",
+        onClick: () => fileInput.current?.click(),
+        disabled: isImporting,
+        className: "gap-1.5",
+        "data-testid": "database-import",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "size-4" }),
+          isImporting ? l.importing : l.importSpreadsheet
+        ]
+      }
+    ),
+    onNew && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: onNew, className: "gap-1.5", "data-testid": "database-new", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4" }),
+      l.newDatabase
+    ] })
+  ] });
+  const grid = (items) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3", children: items.map((d) => /* @__PURE__ */ jsxRuntime.jsx(DatabaseCard, { database: d, onOpen: () => onOpen(d), l }, d.id)) });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 p-2 sm:p-4", "data-testid": "database-list", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold", children: l.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.subtitle })
+      ] }),
+      actions
+    ] }),
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.loading }) : databases.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex flex-col items-center gap-2 rounded-lg border border-dashed border-border px-6 py-12 text-center",
+        "data-testid": "database-list-empty",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileSpreadsheet, { className: "size-8 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium", children: l.emptyTitle }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-md text-sm text-muted-foreground", children: l.emptyMessage })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      own.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-2", children: [
+        shared.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-medium text-muted-foreground", children: l.ownGroup }),
+        grid(own)
+      ] }),
+      shared.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-2", "data-testid": "database-list-shared", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-medium text-muted-foreground", children: l.sharedGroup }),
+        grid(shared)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: fileInput,
+        type: "file",
+        accept: SPREADSHEET_ACCEPT2,
+        className: "hidden",
+        onChange: onFile,
+        "data-testid": "database-import-input"
+      }
+    )
+  ] });
+}
+var DEFAULT_NEW_DATABASE_DIALOG_LABELS = {
+  title: "New database",
+  description: "A table your workspace keeps: add columns of the kinds you need, then rows.",
+  name: "Name",
+  namePlaceholder: "e.g. Client database",
+  about: "Description",
+  aboutPlaceholder: "Optional: what it holds and who keeps it",
+  cancel: "Cancel",
+  create: "Create",
+  creating: "Creating\u2026"
+};
+function NewDatabaseDialog({
+  open,
+  onOpenChange,
+  onCreate,
+  isCreating = false,
+  error,
+  labels
+}) {
+  const l = { ...DEFAULT_NEW_DATABASE_DIALOG_LABELS, ...labels };
+  const [name, setName] = react.useState("");
+  const [about, setAbout] = react.useState("");
+  react.useEffect(() => {
+    if (open) {
+      setName("");
+      setAbout("");
+    }
+  }, [open]);
+  const submit = (e) => {
+    e.preventDefault();
+    if (!name.trim() || isCreating) return;
+    onCreate({ name: name.trim(), description: about.trim() || null });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DialogContent, { className: "sm:max-w-md", "data-testid": "new-database-dialog", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: submit, className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: l.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: l.description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "new-database-name", children: l.name }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          id: "new-database-name",
+          autoFocus: true,
+          value: name,
+          maxLength: 200,
+          placeholder: l.namePlaceholder,
+          onChange: (e) => setName(e.target.value),
+          "data-testid": "new-database-name"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "new-database-about", children: l.about }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Textarea,
+        {
+          id: "new-database-about",
+          value: about,
+          maxLength: 2e3,
+          rows: 2,
+          placeholder: l.aboutPlaceholder,
+          onChange: (e) => setAbout(e.target.value),
+          "data-testid": "new-database-description"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-red-text", children: error }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogFooter, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: l.cancel }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          type: "submit",
+          disabled: !name.trim() || isCreating,
+          "data-testid": "new-database-create",
+          children: isCreating ? l.creating : l.create
+        }
+      )
+    ] })
+  ] }) }) });
+}
+
+exports.ADD_COLUMN_COL_ID = ADD_COLUMN_COL_ID;
+exports.COLUMN_TYPE_ICONS = COLUMN_TYPE_ICONS;
+exports.DATABASE_COLUMN_TYPES = DATABASE_COLUMN_TYPES;
+exports.DEFAULT_DATABASE_COLUMN_DIALOG_LABELS = DEFAULT_DATABASE_COLUMN_DIALOG_LABELS;
+exports.DEFAULT_DATABASE_COLUMN_LABELS = DEFAULT_DATABASE_COLUMN_LABELS;
+exports.DEFAULT_DATABASE_COLUMN_TYPE_LABELS = DEFAULT_DATABASE_COLUMN_TYPE_LABELS;
+exports.DEFAULT_DATABASE_LIST_LABELS = DEFAULT_DATABASE_LIST_LABELS;
+exports.DEFAULT_DATABASE_TABLE_LABELS = DEFAULT_DATABASE_TABLE_LABELS;
+exports.DEFAULT_DATABASE_TOOLBAR_LABELS = DEFAULT_DATABASE_TOOLBAR_LABELS;
+exports.DEFAULT_NEW_DATABASE_DIALOG_LABELS = DEFAULT_NEW_DATABASE_DIALOG_LABELS;
+exports.DatabaseColumnDialog = DatabaseColumnDialog;
+exports.DatabaseList = DatabaseList;
+exports.DatabaseTable = DatabaseTable;
+exports.DatabaseToolbar = DatabaseToolbar;
+exports.NewDatabaseDialog = NewDatabaseDialog;
+exports.SelectCellEditor = SelectCellEditor;
+exports.SelectChip = SelectChip;
+exports.columnWidth = columnWidth;
+exports.compareCells = compareCells;
+exports.createDatabaseColumns = createDatabaseColumns;
+exports.formatCell = formatCell;
+exports.formatDateValue = formatDateValue;
+exports.formatNumberValue = formatNumberValue;
+exports.optionTone = optionTone;
+exports.toApiValue = toApiValue;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map