@dainamite/cpq 0.2.2

package/dist/modules/cpq/backend/cpq/wizards/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/backend/cpq/wizards/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { Wand2 } from 'lucide-react'\n\nconst wizardsIcon = React.createElement(Wand2, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['cpq.wizards.view'],\n  pageTitle: 'Wizards',\n  pageTitleKey: 'cpq.wizards.title',\n  pageGroup: 'CPQ',\n  pageGroupKey: 'customers~sales~cpq.nav.group',\n  pageOrder: 35,\n  icon: wizardsIcon,\n  breadcrumb: [{ label: 'Wizards', labelKey: 'cpq.wizards.title' }],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,aAAa;AAEtB,MAAM,cAAc,MAAM,cAAc,OAAO,EAAE,MAAM,GAAG,CAAC;AAEpD,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,kBAAkB;AAAA,EACpC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY,CAAC,EAAE,OAAO,WAAW,UAAU,oBAAoB,CAAC;AAClE;",
+  "names": []
+}

package/dist/modules/cpq/ce.js

@@ -0,0 +1,151 @@
+const entities = [
+  {
+    id: "cpq:cpq_product_specification",
+    label: "Product Specification",
+    description: "CPQ product blueprint \u2014 defines attributes, dependencies, and relationships.",
+    labelField: "name",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_product_offering",
+    label: "Product Offering",
+    description: "Sellable instance of a product specification with design-time values and charges.",
+    labelField: "name",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_product_relationship",
+    label: "Product Relationship",
+    description: "Structural relationship between product specifications (parent_child, requires, excludes).",
+    labelField: "id",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_product_attribute",
+    label: "Product Attribute",
+    description: "Configurable attribute definition for a CPQ product.",
+    labelField: "name",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_product_charge",
+    label: "Product Charge",
+    description: "Charge definition (NRC/MRC/usage) for a CPQ product.",
+    labelField: "name",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_pricing_table",
+    label: "Pricing Table",
+    description: "Multi-dimensional pricing table with named price columns.",
+    labelField: "name",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_pricing_table_entry",
+    label: "Pricing Table Entry",
+    description: "Individual row in a pricing table with dimension values and prices.",
+    labelField: "id",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_price_rule",
+    label: "Price Rule",
+    description: "Post-calculation price adjustment rule (discount, surcharge, override).",
+    labelField: "name",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_bundle_slot",
+    label: "Bundle Slot",
+    description: "Structural slot within a bundle specification \u2014 defines what component specs can fill it.",
+    labelField: "name",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_offering_component",
+    label: "Offering Component",
+    description: "Links a bundle offering to a specific component offering within a slot.",
+    labelField: "id",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_quote_configuration",
+    label: "Quote Configuration",
+    description: "CPQ-specific configuration data for a sales quote.",
+    labelField: "id",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_quote_line_configuration",
+    label: "Quote Line Configuration",
+    description: "CPQ-specific configuration for a sales quote line (one per offering).",
+    labelField: "id",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_wizard_definition",
+    label: "Wizard Definition",
+    description: "CPQ wizard definition \u2014 multi-step guided quoting flow.",
+    labelField: "name",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_inventory_subscription",
+    label: "Inventory Subscription",
+    description: "Commercial wrapper grouping subscription items under shared contractual terms.",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_inventory_subscription_item",
+    label: "Inventory Subscription Item",
+    description: "Concrete product/service record within an inventory subscription.",
+    labelField: "name",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_inventory_asset",
+    label: "Inventory Asset",
+    description: "Tangible or intangible thing the customer owns \u2014 hardware, licenses, fees.",
+    labelField: "name",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_order_configuration",
+    label: "Order Configuration",
+    description: "CPQ-specific configuration data for a sales order.",
+    labelField: "id",
+    showInSidebar: false,
+    fields: []
+  },
+  {
+    id: "cpq:cpq_order_line_configuration",
+    label: "Order Line Configuration",
+    description: "CPQ-specific configuration for a sales order line (one per offering).",
+    labelField: "id",
+    showInSidebar: false,
+    fields: []
+  }
+];
+var ce_default = entities;
+export {
+  ce_default as default,
+  entities
+};
+//# sourceMappingURL=ce.js.map

package/dist/modules/cpq/ce.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/modules/cpq/ce.ts"],
+  "sourcesContent": ["import type { CustomEntitySpec } from '@open-mercato/shared/modules/entities'\n\nconst entities: CustomEntitySpec[] = [\n  {\n    id: 'cpq:cpq_product_specification',\n    label: 'Product Specification',\n    description: 'CPQ product blueprint \u2014 defines attributes, dependencies, and relationships.',\n    labelField: 'name',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_product_offering',\n    label: 'Product Offering',\n    description: 'Sellable instance of a product specification with design-time values and charges.',\n    labelField: 'name',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_product_relationship',\n    label: 'Product Relationship',\n    description: 'Structural relationship between product specifications (parent_child, requires, excludes).',\n    labelField: 'id',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_product_attribute',\n    label: 'Product Attribute',\n    description: 'Configurable attribute definition for a CPQ product.',\n    labelField: 'name',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_product_charge',\n    label: 'Product Charge',\n    description: 'Charge definition (NRC/MRC/usage) for a CPQ product.',\n    labelField: 'name',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_pricing_table',\n    label: 'Pricing Table',\n    description: 'Multi-dimensional pricing table with named price columns.',\n    labelField: 'name',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_pricing_table_entry',\n    label: 'Pricing Table Entry',\n    description: 'Individual row in a pricing table with dimension values and prices.',\n    labelField: 'id',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_price_rule',\n    label: 'Price Rule',\n    description: 'Post-calculation price adjustment rule (discount, surcharge, override).',\n    labelField: 'name',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_bundle_slot',\n    label: 'Bundle Slot',\n    description: 'Structural slot within a bundle specification \u2014 defines what component specs can fill it.',\n    labelField: 'name',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_offering_component',\n    label: 'Offering Component',\n    description: 'Links a bundle offering to a specific component offering within a slot.',\n    labelField: 'id',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_quote_configuration',\n    label: 'Quote Configuration',\n    description: 'CPQ-specific configuration data for a sales quote.',\n    labelField: 'id',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_quote_line_configuration',\n    label: 'Quote Line Configuration',\n    description: 'CPQ-specific configuration for a sales quote line (one per offering).',\n    labelField: 'id',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_wizard_definition',\n    label: 'Wizard Definition',\n    description: 'CPQ wizard definition \u2014 multi-step guided quoting flow.',\n    labelField: 'name',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_inventory_subscription',\n    label: 'Inventory Subscription',\n    description: 'Commercial wrapper grouping subscription items under shared contractual terms.',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_inventory_subscription_item',\n    label: 'Inventory Subscription Item',\n    description: 'Concrete product/service record within an inventory subscription.',\n    labelField: 'name',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_inventory_asset',\n    label: 'Inventory Asset',\n    description: 'Tangible or intangible thing the customer owns \u2014 hardware, licenses, fees.',\n    labelField: 'name',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_order_configuration',\n    label: 'Order Configuration',\n    description: 'CPQ-specific configuration data for a sales order.',\n    labelField: 'id',\n    showInSidebar: false,\n    fields: [],\n  },\n  {\n    id: 'cpq:cpq_order_line_configuration',\n    label: 'Order Line Configuration',\n    description: 'CPQ-specific configuration for a sales order line (one per offering).',\n    labelField: 'id',\n    showInSidebar: false,\n    fields: [],\n  },\n]\n\nexport { entities }\nexport default entities\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/cpq/cli.js

@@ -0,0 +1,11 @@
+const seedCommand = {
+  command: "seed",
+  async run() {
+    console.log("CPQ seed: no default seed data. Configure specifications, offerings, and pricing via the admin UI.");
+  }
+};
+var cli_default = [seedCommand];
+export {
+  cli_default as default
+};
+//# sourceMappingURL=cli.js.map

package/dist/modules/cpq/cli.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/modules/cpq/cli.ts"],
+  "sourcesContent": ["import type { ModuleCli } from '@open-mercato/shared/modules/registry'\n\nconst seedCommand: ModuleCli = {\n  command: 'seed',\n  async run() {\n    console.log('CPQ seed: no default seed data. Configure specifications, offerings, and pricing via the admin UI.')\n  },\n}\n\nexport default [seedCommand]\n"],
+  "mappings": "AAEA,MAAM,cAAyB;AAAA,EAC7B,SAAS;AAAA,EACT,MAAM,MAAM;AACV,YAAQ,IAAI,oGAAoG;AAAA,EAClH;AACF;AAEA,IAAO,cAAQ,CAAC,WAAW;",
+  "names": []
+}

package/dist/modules/cpq/components/CpqListView.js

@@ -0,0 +1,265 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useCpqRowActions } from "./useCpqRowActions.js";
+function useCpqListData(options) {
+  const {
+    endpoint,
+    pageSize = 50,
+    initialSorting = [{ id: "createdAt", desc: true }],
+    buildFilterParams,
+    loadErrorMessage
+  } = options;
+  const t = useT();
+  const [rows, setRows] = React.useState([]);
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [page, setPageState] = React.useState(1);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [durationMs, setDurationMs] = React.useState(null);
+  const [reloadToken, setReloadToken] = React.useState(0);
+  const [search, setSearchState] = React.useState("");
+  const [sorting, setSorting] = React.useState(initialSorting);
+  const [filterValues, setFilterValuesState] = React.useState({});
+  const queryString = React.useMemo(() => {
+    const params = new URLSearchParams();
+    params.set("page", String(page));
+    params.set("pageSize", String(pageSize));
+    if (search.trim()) params.set("search", search.trim());
+    const sort = sorting[0];
+    if (sort?.id) {
+      params.set("sortField", sort.id);
+      params.set("sortDir", sort.desc ? "desc" : "asc");
+    }
+    if (buildFilterParams) buildFilterParams(filterValues, params);
+    return params.toString();
+  }, [buildFilterParams, filterValues, page, pageSize, search, sorting]);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      setIsLoading(true);
+      const startedAt = typeof performance !== "undefined" ? performance.now() : Date.now();
+      try {
+        const fallback = { items: [], total: 0, totalPages: 1 };
+        const call = await apiCall(
+          `${endpoint}?${queryString}`,
+          void 0,
+          { fallback }
+        );
+        if (cancelled) return;
+        if (!call.ok) {
+          flash(loadErrorMessage ?? t("cpq.list.error.load", "Failed to load"), "error");
+          return;
+        }
+        const payload = call.result ?? fallback;
+        const items = Array.isArray(payload.items) ? payload.items : [];
+        setRows(items);
+        setTotal(typeof payload.total === "number" ? payload.total : items.length);
+        setTotalPages(typeof payload.totalPages === "number" ? payload.totalPages : 1);
+        const finishedAt = typeof performance !== "undefined" ? performance.now() : Date.now();
+        setDurationMs(Math.max(0, finishedAt - startedAt));
+      } finally {
+        if (!cancelled) setIsLoading(false);
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [endpoint, loadErrorMessage, queryString, reloadToken, t]);
+  const setSearch = React.useCallback((value) => {
+    setSearchState(value);
+    setPageState(1);
+  }, []);
+  const setFilterValues = React.useCallback((values) => {
+    setFilterValuesState(values);
+    setPageState(1);
+  }, []);
+  const clearFilters = React.useCallback(() => {
+    setFilterValuesState({});
+    setPageState(1);
+  }, []);
+  const reload = React.useCallback(() => {
+    setReloadToken((token) => token + 1);
+  }, []);
+  return {
+    rows,
+    total,
+    totalPages,
+    page,
+    isLoading,
+    durationMs,
+    search,
+    sorting,
+    filterValues,
+    setPage: setPageState,
+    setSearch,
+    setSorting,
+    setFilterValues,
+    clearFilters,
+    reload,
+    queryString
+  };
+}
+function CpqListView({
+  title,
+  tableId,
+  selectionScopeKey,
+  data,
+  columns,
+  filters,
+  searchPlaceholder,
+  actions,
+  bulkActions,
+  rowActions,
+  crud,
+  onRowClick,
+  emptyState,
+  pageSize = 50,
+  toolbarContent,
+  footerContent
+}) {
+  const t = useT();
+  const crudActions = useCpqRowActions({
+    endpoint: crud?.endpoint ?? "",
+    entityName: crud?.entityName ?? "item",
+    editHref: crud?.editHref ?? (() => "#"),
+    onReload: data.reload,
+    canDelete: crud?.canDelete
+  });
+  const resolvedRowActions = React.useMemo(() => {
+    if (rowActions) return rowActions;
+    if (!crud) return void 0;
+    return (row) => /* @__PURE__ */ jsx(RowActions, { items: crudActions.buildItems(row, crud.extraRowItems?.(row)) });
+  }, [crud, crudActions, rowActions]);
+  const resolvedBulkActions = React.useMemo(() => {
+    if (!crud) return bulkActions;
+    const deleteAction = {
+      id: "delete",
+      label: t("cpq.list.bulk.deleteSelected", "Delete selected"),
+      destructive: true,
+      onExecute: crudActions.bulkDelete
+    };
+    return bulkActions ? [...bulkActions, deleteAction] : [deleteAction];
+  }, [bulkActions, crud, crudActions.bulkDelete, t]);
+  const resolvedFooter = crud ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    footerContent,
+    crudActions.ConfirmDialogElement
+  ] }) : footerContent;
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { className: "cpq-list-view space-y-6", children: [
+    /* @__PURE__ */ jsx(CpqInteractionStyles, {}),
+    toolbarContent,
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        title,
+        actions,
+        refreshButton: {
+          label: t("cpq.list.actions.refresh", "Refresh"),
+          onRefresh: data.reload,
+          isRefreshing: data.isLoading
+        },
+        columns,
+        data: data.rows,
+        searchValue: data.search,
+        onSearchChange: data.setSearch,
+        searchPlaceholder: searchPlaceholder ?? t("cpq.list.search.placeholder", "Search..."),
+        filters,
+        filterValues: data.filterValues,
+        onFiltersApply: data.setFilterValues,
+        onFiltersClear: data.clearFilters,
+        sorting: data.sorting,
+        onSortingChange: data.setSorting,
+        bulkActions: resolvedBulkActions,
+        selectionScopeKey: selectionScopeKey ?? tableId,
+        onRowClick,
+        rowActions: resolvedRowActions,
+        perspective: { tableId },
+        columnChooser: { auto: true },
+        pagination: {
+          page: data.page,
+          pageSize,
+          total: data.total,
+          totalPages: data.totalPages,
+          onPageChange: data.setPage,
+          durationMs: data.durationMs
+        },
+        isLoading: data.isLoading,
+        emptyState
+      }
+    ),
+    resolvedFooter
+  ] }) });
+}
+function CpqInteractionStyles() {
+  return /* @__PURE__ */ jsx("style", { children: `
+.cpq-list-view tbody tr.cursor-pointer,
+.cpq-page tbody tr.cursor-pointer {
+  cursor: pointer;
+}
+.cpq-list-view tbody tr.cursor-pointer:hover,
+.cpq-page tbody tr.cursor-pointer:hover {
+  background-color: rgba(0, 0, 0, 0.045);
+}
+.dark .cpq-list-view tbody tr.cursor-pointer:hover,
+.dark .cpq-page tbody tr.cursor-pointer:hover {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+.cpq-list-view button:not(:disabled),
+.cpq-list-view [role="button"]:not([aria-disabled="true"]),
+.cpq-list-view a[href],
+.cpq-list-view [data-clickable="true"],
+.cpq-page button:not(:disabled),
+.cpq-page [role="button"]:not([aria-disabled="true"]),
+.cpq-page a[href],
+.cpq-page [data-clickable="true"] {
+  cursor: pointer;
+}
+/* Row actions \`\u22EF\` trigger: OM's hover:bg-accent is barely visible in
+   the light theme. Make hover (and the open state) clearly distinct so
+   users see what they're aiming at. */
+.cpq-list-view [aria-haspopup="menu"]:hover,
+.cpq-page [aria-haspopup="menu"]:hover,
+.cpq-list-view [aria-haspopup="menu"][aria-expanded="true"],
+.cpq-page [aria-haspopup="menu"][aria-expanded="true"] {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+.dark .cpq-list-view [aria-haspopup="menu"]:hover,
+.dark .cpq-page [aria-haspopup="menu"]:hover,
+.dark .cpq-list-view [aria-haspopup="menu"][aria-expanded="true"],
+.dark .cpq-page [aria-haspopup="menu"][aria-expanded="true"] {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+/* Items inside the row-actions dropdown menu \u2014 strengthen hover so the
+   item under the pointer is unmistakable. The menu portal renders at the
+   document body, so we can't scope it to .cpq-list-view; targeting the
+   role attribute is enough. */
+[role="menu"] [role="menuitem"]:hover,
+[role="menu"] [role="menuitem"]:focus-visible {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.dark [role="menu"] [role="menuitem"]:hover,
+.dark [role="menu"] [role="menuitem"]:focus-visible {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+/* Align padding between <a href> menu items (OM's px-2) and the <button>
+   variant used for onSelect items (OM's Button size=sm = px-3). Without
+   this the Delete label visibly indents past the Edit label. */
+[role="menu"] button[role="menuitem"] {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+` });
+}
+export {
+  CpqInteractionStyles,
+  CpqListView,
+  useCpqListData
+};
+//# sourceMappingURL=CpqListView.js.map

package/dist/modules/cpq/components/CpqListView.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/cpq/components/CpqListView.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport { DataTable, type BulkAction } from '@open-mercato/ui/backend/DataTable'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { RowActions, type RowActionItem } from '@open-mercato/ui/backend/RowActions'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useCpqRowActions, type UseCpqRowActionsOptions } from './useCpqRowActions'\n\n// \u2500\u2500\u2500 Types \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\ntype PaginatedResponse<T> = {\n  items?: T[]\n  total?: number\n  totalPages?: number\n}\n\nexport type CpqListData<T> = {\n  rows: T[]\n  total: number\n  totalPages: number\n  page: number\n  isLoading: boolean\n  /** Last successful fetch duration in milliseconds. Surfaces in the\n   *  pagination footer as `... in 1.5s`, matching OM's standard list views. */\n  durationMs: number | null\n  search: string\n  sorting: SortingState\n  filterValues: FilterValues\n  setPage: (page: number) => void\n  setSearch: (value: string) => void\n  setSorting: React.Dispatch<React.SetStateAction<SortingState>>\n  setFilterValues: (values: FilterValues) => void\n  clearFilters: () => void\n  reload: () => void\n  queryString: string\n}\n\nexport type UseCpqListDataOptions = {\n  /** API endpoint without query string, e.g. `/api/cpq/product-offerings` */\n  endpoint: string\n  /** Default 50 \u2014 keep at or below 100. */\n  pageSize?: number\n  /** Initial sort state. Default `[{ id: 'createdAt', desc: true }]`. */\n  initialSorting?: SortingState\n  /** Map filter values to URL params (only call set on the params arg). */\n  buildFilterParams?: (values: FilterValues, params: URLSearchParams) => void\n  /** Override the flash message shown when the load fails. */\n  loadErrorMessage?: string\n}\n\n/**\n * Server-side paginated list state for CPQ list views.\n *\n * Designed for 100k+ records:\n *  - search / sort / filter all go to the server\n *  - default pageSize stays at or below 100\n *  - debouncing is handled by FilterBar's search input (1s)\n */\nexport function useCpqListData<T extends { id: string }>(\n  options: UseCpqListDataOptions,\n): CpqListData<T> {\n  const {\n    endpoint,\n    pageSize = 50,\n    initialSorting = [{ id: 'createdAt', desc: true }],\n    buildFilterParams,\n    loadErrorMessage,\n  } = options\n  const t = useT()\n\n  const [rows, setRows] = React.useState<T[]>([])\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [page, setPageState] = React.useState(1)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [durationMs, setDurationMs] = React.useState<number | null>(null)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [search, setSearchState] = React.useState('')\n  const [sorting, setSorting] = React.useState<SortingState>(initialSorting)\n  const [filterValues, setFilterValuesState] = React.useState<FilterValues>({})\n\n  const queryString = React.useMemo(() => {\n    const params = new URLSearchParams()\n    params.set('page', String(page))\n    params.set('pageSize', String(pageSize))\n    if (search.trim()) params.set('search', search.trim())\n    const sort = sorting[0]\n    if (sort?.id) {\n      params.set('sortField', sort.id)\n      params.set('sortDir', sort.desc ? 'desc' : 'asc')\n    }\n    if (buildFilterParams) buildFilterParams(filterValues, params)\n    return params.toString()\n  }, [buildFilterParams, filterValues, page, pageSize, search, sorting])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      // Use `performance.now()` so the wall-clock change during the request\n      // (NTP, DST, manual clock skew) can never produce a negative duration.\n      const startedAt = typeof performance !== 'undefined' ? performance.now() : Date.now()\n      try {\n        const fallback: PaginatedResponse<T> = { items: [], total: 0, totalPages: 1 }\n        const call = await apiCall<PaginatedResponse<T>>(\n          `${endpoint}?${queryString}`,\n          undefined,\n          { fallback },\n        )\n        if (cancelled) return\n        if (!call.ok) {\n          flash(loadErrorMessage ?? t('cpq.list.error.load', 'Failed to load'), 'error')\n          return\n        }\n        const payload = call.result ?? fallback\n        const items = Array.isArray(payload.items) ? payload.items : []\n        setRows(items)\n        setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n        setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : 1)\n        const finishedAt = typeof performance !== 'undefined' ? performance.now() : Date.now()\n        setDurationMs(Math.max(0, finishedAt - startedAt))\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n    }\n  }, [endpoint, loadErrorMessage, queryString, reloadToken, t])\n\n  const setSearch = React.useCallback((value: string) => {\n    setSearchState(value)\n    setPageState(1)\n  }, [])\n\n  const setFilterValues = React.useCallback((values: FilterValues) => {\n    setFilterValuesState(values)\n    setPageState(1)\n  }, [])\n\n  const clearFilters = React.useCallback(() => {\n    setFilterValuesState({})\n    setPageState(1)\n  }, [])\n\n  const reload = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  return {\n    rows,\n    total,\n    totalPages,\n    page,\n    isLoading,\n    durationMs,\n    search,\n    sorting,\n    filterValues,\n    setPage: setPageState,\n    setSearch,\n    setSorting,\n    setFilterValues,\n    clearFilters,\n    reload,\n    queryString,\n  }\n}\n\n// \u2500\u2500\u2500 Component \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * Declarative shortcut for the standard CRUD-list row actions.\n *\n * When provided, CpqListView:\n *  - registers `useCpqRowActions` internally\n *  - renders Edit + Delete in every row's `\u22EF` menu (with optional\n *    `extraRowItems` per row prepended / appended)\n *  - adds a \"Delete selected\" bulk action (after any `bulkActions` you\n *    pass explicitly, so module-specific bulk ops come first)\n *  - mounts the confirm-dialog portal in the page footer\n *\n * Pass `rowActions` / `bulkActions` directly instead when the page needs\n * fully custom semantics (e.g. Quotes / Orders have no DELETE endpoint).\n */\nexport type CpqListViewCrudConfig<T extends { id: string }> = Omit<\n  UseCpqRowActionsOptions<T>,\n  'onReload'\n> & {\n  /**\n   * Extra items added to each row's actions menu.\n   * `prepend` renders before Edit, `append` between Edit and Delete.\n   */\n  extraRowItems?: (row: T) => { prepend?: RowActionItem[]; append?: RowActionItem[] }\n}\n\nexport type CpqListViewProps<T extends { id: string }> = {\n  /** Page + table title */\n  title: React.ReactNode\n  /** Stable id for perspectives (e.g. `cpq.offerings.list`) */\n  tableId: string\n  /** Stable id for DataTable's selection state (defaults to tableId) */\n  selectionScopeKey?: string\n  /** List state \u2014 typically built from `useCpqListData` in the parent */\n  data: CpqListData<T>\n  /** Table columns */\n  columns: ColumnDef<T>[]\n  /** Filter definitions for the FilterBar overlay */\n  filters?: FilterDef[]\n  /** Search input placeholder */\n  searchPlaceholder?: string\n  /** Header actions (e.g. Create button) */\n  actions?: React.ReactNode\n  /** Bulk actions toolbar shown when rows are selected */\n  bulkActions?: BulkAction<T>[]\n  /** Per-row action menu */\n  rowActions?: (row: T) => React.ReactNode\n  /**\n   * Declarative CRUD config. When set, CpqListView produces the standard\n   * `\u22EF \u2192 Edit / Delete` menu, a \"Delete selected\" bulk action, and mounts\n   * the confirm-dialog portal \u2014 replacing the ~30 lines of boilerplate\n   * each list page used to repeat. Override `rowActions` / `bulkActions`\n   * to take full control instead.\n   */\n  crud?: CpqListViewCrudConfig<T>\n  /** Click handler for whole row (typically navigates to detail) */\n  onRowClick?: (row: T) => void\n  /** Custom empty state */\n  emptyState?: React.ReactNode\n  /** Pagination size (must match `useCpqListData` pageSize) */\n  pageSize?: number\n  /**\n   * Custom content rendered ABOVE the DataTable inside the same Page wrapper.\n   * Use for inline forms, customer pickers, tab switchers, alerts.\n   */\n  toolbarContent?: React.ReactNode\n  /**\n   * Custom content rendered BELOW the DataTable (e.g. confirm dialog portals).\n   */\n  footerContent?: React.ReactNode\n}\n\n/**\n * Generic CPQ list view. Wraps DataTable + FilterBar + Page in the\n * Open Mercato standard, with stronger row-hover affordance so users\n * always know what's clickable.\n */\nexport function CpqListView<T extends { id: string }>({\n  title,\n  tableId,\n  selectionScopeKey,\n  data,\n  columns,\n  filters,\n  searchPlaceholder,\n  actions,\n  bulkActions,\n  rowActions,\n  crud,\n  onRowClick,\n  emptyState,\n  pageSize = 50,\n  toolbarContent,\n  footerContent,\n}: CpqListViewProps<T>) {\n  const t = useT()\n\n  // Wire `crud` into RowActions + bulkActions + footer confirm dialog so the\n  // call-site stays a single declarative config block.\n  // The hook is always called (Rules of Hooks); the helpers below decide\n  // whether to actually use its output based on the presence of `crud`.\n  const crudActions = useCpqRowActions<T>({\n    endpoint: crud?.endpoint ?? '',\n    entityName: crud?.entityName ?? 'item',\n    editHref: crud?.editHref ?? (() => '#'),\n    onReload: data.reload,\n    canDelete: crud?.canDelete,\n  })\n\n  const resolvedRowActions = React.useMemo(() => {\n    if (rowActions) return rowActions\n    if (!crud) return undefined\n    return (row: T) => (\n      <RowActions items={crudActions.buildItems(row, crud.extraRowItems?.(row))} />\n    )\n  }, [crud, crudActions, rowActions])\n\n  const resolvedBulkActions = React.useMemo<BulkAction<T>[] | undefined>(() => {\n    if (!crud) return bulkActions\n    const deleteAction: BulkAction<T> = {\n      id: 'delete',\n      label: t('cpq.list.bulk.deleteSelected', 'Delete selected'),\n      destructive: true,\n      onExecute: crudActions.bulkDelete,\n    }\n    return bulkActions ? [...bulkActions, deleteAction] : [deleteAction]\n  }, [bulkActions, crud, crudActions.bulkDelete, t])\n\n  const resolvedFooter = crud ? (\n    <>\n      {footerContent}\n      {crudActions.ConfirmDialogElement}\n    </>\n  ) : (\n    footerContent\n  )\n\n  return (\n    <Page>\n      <PageBody className=\"cpq-list-view space-y-6\">\n        <CpqInteractionStyles />\n        {toolbarContent}\n        <DataTable<T>\n          title={title}\n          actions={actions}\n          refreshButton={{\n            label: t('cpq.list.actions.refresh', 'Refresh'),\n            onRefresh: data.reload,\n            isRefreshing: data.isLoading,\n          }}\n          columns={columns}\n          data={data.rows}\n          searchValue={data.search}\n          onSearchChange={data.setSearch}\n          searchPlaceholder={searchPlaceholder ?? t('cpq.list.search.placeholder', 'Search...')}\n          filters={filters}\n          filterValues={data.filterValues}\n          onFiltersApply={data.setFilterValues}\n          onFiltersClear={data.clearFilters}\n          sorting={data.sorting}\n          onSortingChange={data.setSorting}\n          bulkActions={resolvedBulkActions}\n          selectionScopeKey={selectionScopeKey ?? tableId}\n          onRowClick={onRowClick}\n          rowActions={resolvedRowActions}\n          perspective={{ tableId }}\n          columnChooser={{ auto: true }}\n          pagination={{\n            page: data.page,\n            pageSize,\n            total: data.total,\n            totalPages: data.totalPages,\n            onPageChange: data.setPage,\n            durationMs: data.durationMs,\n          }}\n          isLoading={data.isLoading}\n          emptyState={emptyState}\n        />\n        {resolvedFooter}\n      </PageBody>\n    </Page>\n  )\n}\n\n// \u2500\u2500\u2500 Shared interaction styles \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * Inline style block applied inside `.cpq-list-view` (and any `.cpq-page`)\n * wrappers. Strengthens the OM hover affordance so users can clearly tell\n * which row their mouse is on, and forces `cursor: pointer` on every\n * clickable element inside CPQ pages.\n *\n * Kept inline to avoid coupling the package to a global stylesheet.\n */\nexport function CpqInteractionStyles() {\n  return (\n    <style>{`\n.cpq-list-view tbody tr.cursor-pointer,\n.cpq-page tbody tr.cursor-pointer {\n  cursor: pointer;\n}\n.cpq-list-view tbody tr.cursor-pointer:hover,\n.cpq-page tbody tr.cursor-pointer:hover {\n  background-color: rgba(0, 0, 0, 0.045);\n}\n.dark .cpq-list-view tbody tr.cursor-pointer:hover,\n.dark .cpq-page tbody tr.cursor-pointer:hover {\n  background-color: rgba(255, 255, 255, 0.06);\n}\n.cpq-list-view button:not(:disabled),\n.cpq-list-view [role=\"button\"]:not([aria-disabled=\"true\"]),\n.cpq-list-view a[href],\n.cpq-list-view [data-clickable=\"true\"],\n.cpq-page button:not(:disabled),\n.cpq-page [role=\"button\"]:not([aria-disabled=\"true\"]),\n.cpq-page a[href],\n.cpq-page [data-clickable=\"true\"] {\n  cursor: pointer;\n}\n/* Row actions \\`\u22EF\\` trigger: OM's hover:bg-accent is barely visible in\n   the light theme. Make hover (and the open state) clearly distinct so\n   users see what they're aiming at. */\n.cpq-list-view [aria-haspopup=\"menu\"]:hover,\n.cpq-page [aria-haspopup=\"menu\"]:hover,\n.cpq-list-view [aria-haspopup=\"menu\"][aria-expanded=\"true\"],\n.cpq-page [aria-haspopup=\"menu\"][aria-expanded=\"true\"] {\n  background-color: rgba(0, 0, 0, 0.08);\n}\n.dark .cpq-list-view [aria-haspopup=\"menu\"]:hover,\n.dark .cpq-page [aria-haspopup=\"menu\"]:hover,\n.dark .cpq-list-view [aria-haspopup=\"menu\"][aria-expanded=\"true\"],\n.dark .cpq-page [aria-haspopup=\"menu\"][aria-expanded=\"true\"] {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n/* Items inside the row-actions dropdown menu \u2014 strengthen hover so the\n   item under the pointer is unmistakable. The menu portal renders at the\n   document body, so we can't scope it to .cpq-list-view; targeting the\n   role attribute is enough. */\n[role=\"menu\"] [role=\"menuitem\"]:hover,\n[role=\"menu\"] [role=\"menuitem\"]:focus-visible {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n.dark [role=\"menu\"] [role=\"menuitem\"]:hover,\n.dark [role=\"menu\"] [role=\"menuitem\"]:focus-visible {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n/* Align padding between <a href> menu items (OM's px-2) and the <button>\n   variant used for onSelect items (OM's Button size=sm = px-3). Without\n   this the Delete label visibly indents past the Edit label. */\n[role=\"menu\"] button[role=\"menuitem\"] {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n`}</style>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/cpq/components/NumberInput.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Input } from "@open-mercato/ui/primitives/input";
+function isIntermediateInput(raw, integer) {
+  if (raw === "" || raw === "-") return true;
+  if (!integer && (raw.endsWith(".") || raw.endsWith("e") || raw.endsWith("e-"))) return true;
+  return false;
+}
+const NumberInput = React.forwardRef(
+  function NumberInput2({
+    value,
+    onChange,
+    selectOnFocus = true,
+    integer = false,
+    min,
+    max,
+    onFocus,
+    onBlur,
+    ...rest
+  }, ref) {
+    const [text, setText] = React.useState(value == null ? "" : String(value));
+    const lastEmittedRef = React.useRef(value);
+    React.useEffect(() => {
+      if (lastEmittedRef.current === value) return;
+      setText(value == null ? "" : String(value));
+      lastEmittedRef.current = value;
+    }, [value]);
+    const clamp = React.useCallback(
+      (n) => {
+        let result = n;
+        if (typeof min === "number" && result < min) result = min;
+        if (typeof max === "number" && result > max) result = max;
+        return result;
+      },
+      [max, min]
+    );
+    const handleChange = React.useCallback(
+      (e) => {
+        const raw = e.currentTarget.value;
+        const allowed = integer ? /[^\d-]/g : /[^\d.\-eE]/g;
+        const cleaned = raw.replace(allowed, "");
+        if (isIntermediateInput(cleaned, integer)) {
+          setText(cleaned);
+          if (lastEmittedRef.current !== null) {
+            lastEmittedRef.current = null;
+            onChange(null);
+          }
+          return;
+        }
+        const parsed = integer ? parseInt(cleaned, 10) : parseFloat(cleaned);
+        if (Number.isNaN(parsed)) return;
+        setText(cleaned);
+        const next = clamp(parsed);
+        if (lastEmittedRef.current !== next) {
+          lastEmittedRef.current = next;
+          onChange(next);
+        }
+      },
+      [clamp, integer, onChange]
+    );
+    const handleBlur = React.useCallback(
+      (e) => {
+        if (lastEmittedRef.current == null) {
+          if (text !== "") setText("");
+        } else {
+          const normalised = String(lastEmittedRef.current);
+          if (text !== normalised) setText(normalised);
+        }
+        onBlur?.(e);
+      },
+      [onBlur, text]
+    );
+    return /* @__PURE__ */ jsx(
+      Input,
+      {
+        ref,
+        ...rest,
+        type: "text",
+        inputMode: integer ? "numeric" : "decimal",
+        value: text,
+        onFocus: (e) => {
+          if (selectOnFocus) e.currentTarget.select();
+          onFocus?.(e);
+        },
+        onChange: handleChange,
+        onBlur: handleBlur
+      }
+    );
+  }
+);
+export {
+  NumberInput
+};
+//# sourceMappingURL=NumberInput.js.map

package/dist/modules/cpq/components/NumberInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/cpq/components/NumberInput.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Input, type InputProps } from '@open-mercato/ui/primitives/input'\n\n// \u2500\u2500\u2500 Why this exists \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n//\n// Plain `<input type=\"number\" value={state}>` is hostile when `state === 0`:\n// the field renders \"0\", the caret lands AFTER it, and typing \"5\" produces\n// \"05\" which most browsers normalise back to `5` \u2014 the user typed five but\n// the field swallowed the digit they wanted to keep. Same trap when editing\n// any single-digit existing value.\n//\n// NumberInput fixes this with two layered behaviours:\n//\n//   1. **Select on focus.** Tabbing or clicking into the field selects the\n//      whole text, so the next keystroke replaces the existing value\n//      instead of prepending to it. This single change removes ~95 % of the\n//      friction without changing the controlled-component contract.\n//\n//   2. **Internal string state.** The input is rendered with a string we\n//      own, not `String(numericState)`. That lets intermediate edits like\n//      `\"-\"`, `\"1.\"`, or empty stay visible while the parent only ever sees\n//      a parsed `number | null`. Parent updates (programmatic reset after\n//      save, form initial load) still flow in via the effect below.\n//\n// It also drops `type=\"number\"` in favour of `type=\"text\"` +\n// `inputMode={'numeric' | 'decimal'}` so we get the right mobile keyboard\n// without the spinner buttons and the silent step/min/max coercion that\n// HTML number inputs apply on blur.\n\nexport type NumberInputProps = Omit<\n  InputProps,\n  'value' | 'onChange' | 'type' | 'inputMode' | 'defaultValue'\n> & {\n  /**\n   * Numeric value. `null`/`undefined` renders the field empty \u2014 that's how\n   * callers signal \"no value yet\" without colliding with `0` as a real\n   * default.\n   */\n  value: number | null | undefined\n  /** Called with the parsed number, or `null` when the field is cleared. */\n  onChange: (value: number | null) => void\n  /** Selects the input contents on focus. Default true. */\n  selectOnFocus?: boolean\n  /** Restrict input to integers (rejects `.`, `e`, etc). Default false. */\n  integer?: boolean\n  /** Optional minimum (enforced on commit, not while typing). */\n  min?: number\n  /** Optional maximum (enforced on commit, not while typing). */\n  max?: number\n}\n\nfunction isIntermediateInput(raw: string, integer: boolean): boolean {\n  // Allow the user to type these without us replacing the field mid-edit.\n  // - empty / lone `-`           \u2192 not parseable yet\n  // - trailing `.` for decimals  \u2192 not parseable yet\n  // - trailing `e` / `e-`        \u2192 scientific notation in progress\n  if (raw === '' || raw === '-') return true\n  if (!integer && (raw.endsWith('.') || raw.endsWith('e') || raw.endsWith('e-'))) return true\n  return false\n}\n\nexport const NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>(\n  function NumberInput(\n    {\n      value,\n      onChange,\n      selectOnFocus = true,\n      integer = false,\n      min,\n      max,\n      onFocus,\n      onBlur,\n      ...rest\n    },\n    ref,\n  ) {\n    const [text, setText] = React.useState<string>(value == null ? '' : String(value))\n    const lastEmittedRef = React.useRef<number | null | undefined>(value)\n\n    // Sync external updates (form reset after save, initial load, etc.) into\n    // the local text state \u2014 but only when the parent's value actually\n    // diverges from what we last emitted, so we don't clobber intermediate\n    // text like \"1.\" while the user is mid-edit.\n    React.useEffect(() => {\n      if (lastEmittedRef.current === value) return\n      setText(value == null ? '' : String(value))\n      lastEmittedRef.current = value\n    }, [value])\n\n    const clamp = React.useCallback(\n      (n: number): number => {\n        let result = n\n        if (typeof min === 'number' && result < min) result = min\n        if (typeof max === 'number' && result > max) result = max\n        return result\n      },\n      [max, min],\n    )\n\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = e.currentTarget.value\n\n        // Strip characters that are never valid in our numeric formats; this\n        // lets us keep `type=\"text\"` while still rejecting alphabetic input.\n        const allowed = integer ? /[^\\d-]/g : /[^\\d.\\-eE]/g\n        const cleaned = raw.replace(allowed, '')\n\n        if (isIntermediateInput(cleaned, integer)) {\n          setText(cleaned)\n          // Treat intermediates as \"no committed value yet\" \u2014 emit null so\n          // the parent doesn't store a half-typed number. The full value\n          // commits on the next valid keystroke or on blur.\n          if (lastEmittedRef.current !== null) {\n            lastEmittedRef.current = null\n            onChange(null)\n          }\n          return\n        }\n\n        const parsed = integer ? parseInt(cleaned, 10) : parseFloat(cleaned)\n        if (Number.isNaN(parsed)) return // Reject \u2014 keep previous state.\n\n        setText(cleaned)\n        const next = clamp(parsed)\n        if (lastEmittedRef.current !== next) {\n          lastEmittedRef.current = next\n          onChange(next)\n        }\n      },\n      [clamp, integer, onChange],\n    )\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        // On blur, normalise the displayed text to match the committed value\n        // (e.g. \"01\" \u2192 \"1\", \"1.\" \u2192 \"1\"). Empty stays empty.\n        if (lastEmittedRef.current == null) {\n          if (text !== '') setText('')\n        } else {\n          const normalised = String(lastEmittedRef.current)\n          if (text !== normalised) setText(normalised)\n        }\n        onBlur?.(e)\n      },\n      [onBlur, text],\n    )\n\n    return (\n      <Input\n        ref={ref}\n        {...rest}\n        type=\"text\"\n        inputMode={integer ? 'numeric' : 'decimal'}\n        value={text}\n        onFocus={(e) => {\n          if (selectOnFocus) e.currentTarget.select()\n          onFocus?.(e)\n        }}\n        onChange={handleChange}\n        onBlur={handleBlur}\n      />\n    )\n  },\n)\n"],
+  "mappings": ";AAsJM;AArJN,YAAY,WAAW;AACvB,SAAS,aAA8B;AAkDvC,SAAS,oBAAoB,KAAa,SAA2B;AAKnE,MAAI,QAAQ,MAAM,QAAQ,IAAK,QAAO;AACtC,MAAI,CAAC,YAAY,IAAI,SAAS,GAAG,KAAK,IAAI,SAAS,GAAG,KAAK,IAAI,SAAS,IAAI,GAAI,QAAO;AACvF,SAAO;AACT;AAEO,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aACP;AAAA,IACE;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAiB,SAAS,OAAO,KAAK,OAAO,KAAK,CAAC;AACjF,UAAM,iBAAiB,MAAM,OAAkC,KAAK;AAMpE,UAAM,UAAU,MAAM;AACpB,UAAI,eAAe,YAAY,MAAO;AACtC,cAAQ,SAAS,OAAO,KAAK,OAAO,KAAK,CAAC;AAC1C,qBAAe,UAAU;AAAA,IAC3B,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,QAAQ,MAAM;AAAA,MAClB,CAAC,MAAsB;AACrB,YAAI,SAAS;AACb,YAAI,OAAO,QAAQ,YAAY,SAAS,IAAK,UAAS;AACtD,YAAI,OAAO,QAAQ,YAAY,SAAS,IAAK,UAAS;AACtD,eAAO;AAAA,MACT;AAAA,MACA,CAAC,KAAK,GAAG;AAAA,IACX;AAEA,UAAM,eAAe,MAAM;AAAA,MACzB,CAAC,MAA2C;AAC1C,cAAM,MAAM,EAAE,cAAc;AAI5B,cAAM,UAAU,UAAU,YAAY;AACtC,cAAM,UAAU,IAAI,QAAQ,SAAS,EAAE;AAEvC,YAAI,oBAAoB,SAAS,OAAO,GAAG;AACzC,kBAAQ,OAAO;AAIf,cAAI,eAAe,YAAY,MAAM;AACnC,2BAAe,UAAU;AACzB,qBAAS,IAAI;AAAA,UACf;AACA;AAAA,QACF;AAEA,cAAM,SAAS,UAAU,SAAS,SAAS,EAAE,IAAI,WAAW,OAAO;AACnE,YAAI,OAAO,MAAM,MAAM,EAAG;AAE1B,gBAAQ,OAAO;AACf,cAAM,OAAO,MAAM,MAAM;AACzB,YAAI,eAAe,YAAY,MAAM;AACnC,yBAAe,UAAU;AACzB,mBAAS,IAAI;AAAA,QACf;AAAA,MACF;AAAA,MACA,CAAC,OAAO,SAAS,QAAQ;AAAA,IAC3B;AAEA,UAAM,aAAa,MAAM;AAAA,MACvB,CAAC,MAA0C;AAGzC,YAAI,eAAe,WAAW,MAAM;AAClC,cAAI,SAAS,GAAI,SAAQ,EAAE;AAAA,QAC7B,OAAO;AACL,gBAAM,aAAa,OAAO,eAAe,OAAO;AAChD,cAAI,SAAS,WAAY,SAAQ,UAAU;AAAA,QAC7C;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ,IAAI;AAAA,IACf;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACJ,MAAK;AAAA,QACL,WAAW,UAAU,YAAY;AAAA,QACjC,OAAO;AAAA,QACP,SAAS,CAAC,MAAM;AACd,cAAI,cAAe,GAAE,cAAc,OAAO;AAC1C,oBAAU,CAAC;AAAA,QACb;AAAA,QACA,UAAU;AAAA,QACV,QAAQ;AAAA;AAAA,IACV;AAAA,EAEJ;AACF;",
+  "names": ["NumberInput"]
+}