@simpleapps-com/augur-web 2026.11.1 → 2026.11.3

package/dist/payment-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/payment-modal.cjs","../src/payment-modal.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACZA,2EAAuB;AAmGf,+CAAA;AA7ED,SAAS,UAAA,CAAW,IAAA,EAAmC;AAC5D,EAAA,GAAA,CAAI,OAAO,KAAA,IAAS,QAAA,EAAU,OAAO,6CAAA,IAAkB,CAAA;AACvD,EAAA,GAAA,CAAI,QAAA,CAAS,IAAI,CAAA,EAAG,OAAO,aAAA,CAAc,IAAI,CAAA;AAC7C,EAAA,OAAO,KAAA,CAAA;AACT;AAEA,SAAS,QAAA,CAAS,KAAA,EAAkD;AAClE,EAAA,OAAO,OAAO,MAAA,IAAU,SAAA,GAAY,MAAA,IAAU,IAAA;AAChD;AAGA,SAAS,cAAA,CAAe,KAAA,EAAoC;AAC1D,EAAA,OAAO,OAAO,MAAA,IAAU,SAAA,GAAY,MAAA,EAAQ,MAAA,EAAQ,KAAA,CAAA;AACtD;AAGA,SAAS,aAAA,CAAc,GAAA,EAAkD;AACvE,EAAA,IAAA,CAAA,MAAW,IAAA,GAAO,CAAC,KAAA,EAAO,KAAA,EAAO,SAAA,EAAW,SAAS,CAAA,EAAG;AACtD,IAAA,MAAM,IAAA,EAAM,cAAA,CAAe,GAAA,CAAI,GAAG,CAAC,CAAA;AACnC,IAAA,GAAA,CAAI,GAAA,EAAK,OAAO,GAAA;AAAA,EAClB;AACA,EAAA,MAAM,OAAA,EAAS,GAAA,CAAI,MAAM,CAAA;AACzB,EAAA,OAAO,QAAA,CAAS,MAAM,EAAA,EAAI,cAAA,CAAe,MAAA,CAAO,KAAK,CAAC,EAAA,EAAI,KAAA,CAAA;AAC5D;AAyBO,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA,EAAQ,2BAAA;AAAA,EACR,WAAA,EAAa;AACf,CAAA,EAAsB;AACpB,EAAM,KAAA,CAAA,SAAA,CAAU,CAAA,EAAA,GAAM;AACpB,IAAA,GAAA,CAAI,CAAC,KAAA,GAAQ,CAAC,YAAA,EAAc,MAAA;AAE5B,IAAA,SAAS,aAAA,CAAc,KAAA,EAAqB;AAC1C,MAAA,MAAM,IAAA,EAAM,UAAA,CAAW,KAAA,CAAM,IAAI,CAAA;AACjC,MAAA,GAAA,CAAI,GAAA,EAAK;AACP,QAAA,YAAA,CAAc,GAAG,CAAA;AAAA,MACnB;AAAA,IACF;AAEA,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAA,EAAW,aAAa,CAAA;AAChD,IAAA,OAAO,CAAA,EAAA,GAAM,MAAA,CAAO,mBAAA,CAAoB,SAAA,EAAW,aAAa,CAAA;AAAA,EAClE,CAAA,EAAG,CAAC,IAAA,EAAM,YAAY,CAAC,CAAA;AAEvB,EAAA,MAAM,UAAA,EAAY,QAAA,EACd,CAAA,EAAA;AAID,EAAA;AAEI,oBAAA;AACE,sBAAA;AACA,sBAAA;AACH,IAAA;AAEE,IAAA;AAMD,oBAAA;AACE,MAAA;AAAA,MAAA;AACM,QAAA;AACU,QAAA;AACL,QAAA;AAET,QAAA;AAAA,MAAA;AAEL,IAAA;AAEJ,EAAA;AAEJ;ADnD+B;AACA;AACA;AACA","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/payment-modal.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"./dialog\";\nimport { binFromString } from \"./rules\";\n\n// ---------------------------------------------------------------------------\n// BIN extraction utility\n// ---------------------------------------------------------------------------\n\n/**\n * Extract a card BIN from a postMessage payload.\n * Handles multiple formats returned by Element/Unified iframes:\n * - URL-encoded string with Bin= parameter\n * - Object with Bin, bin, CardBIN, or cardBin property\n * - Nested data.Bin structure\n */\nexport function extractBin(data: unknown): string | undefined {\n  if (typeof data === \"string\") return binFromString(data);\n  if (isRecord(data)) return binFromObject(data);\n  return undefined;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null;\n}\n\n/** The value when it is a non-empty string. */\nfunction nonEmptyString(value: unknown): string | undefined {\n  return typeof value === \"string\" && value ? value : undefined;\n}\n\n/** The first non-empty of Bin, bin, CardBIN, cardBin, else a non-empty data.Bin. */\nfunction binFromObject(obj: Record<string, unknown>): string | undefined {\n  for (const key of [\"Bin\", \"bin\", \"CardBIN\", \"cardBin\"]) {\n    const bin = nonEmptyString(obj[key]);\n    if (bin) return bin;\n  }\n  const nested = obj[\"data\"];\n  return isRecord(nested) ? nonEmptyString(nested[\"Bin\"]) : undefined;\n}\n\n// ---------------------------------------------------------------------------\n// PaymentModal types\n// ---------------------------------------------------------------------------\n\nexport interface PaymentModalProps {\n  /** Whether the modal is open. */\n  open: boolean;\n  /** Callback when open state changes. */\n  onOpenChange: (open: boolean) => void;\n  /** Unified/Element iframe configuration. Modal shows loading when null. */\n  unified: { uiEndpoint: string; transactionSetupId: string } | null;\n  /** Called when a card BIN is captured from the iframe postMessage. */\n  onBinCapture?: (bin: string) => void;\n  /** Modal title. Defaults to \"Enter Credit Card Details\". */\n  title?: string;\n  /** Close button label. Defaults to \"Close\". */\n  closeLabel?: string;\n}\n\n// ---------------------------------------------------------------------------\n// PaymentModal component\n// ---------------------------------------------------------------------------\n\nexport function PaymentModal({\n  open,\n  onOpenChange,\n  unified,\n  onBinCapture,\n  title = \"Enter Credit Card Details\",\n  closeLabel = \"Close\",\n}: PaymentModalProps) {\n  React.useEffect(() => {\n    if (!open || !onBinCapture) return;\n\n    function handleMessage(event: MessageEvent) {\n      const bin = extractBin(event.data);\n      if (bin) {\n        onBinCapture!(bin);\n      }\n    }\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [open, onBinCapture]);\n\n  const iframeSrc = unified\n    ? `${unified.uiEndpoint}?TransactionSetupID=${unified.transactionSetupId}`\n    : undefined;\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription className=\"sr-only\">Secure credit card entry form</DialogDescription>\n        </DialogHeader>\n        {iframeSrc ? (\n          <iframe src={iframeSrc} title=\"Payment\" className=\"h-[400px] w-full border-0\" />\n        ) : (\n          <div className=\"flex h-[400px] items-center justify-center\">\n            <p className=\"text-muted-foreground\">Loading payment form...</p>\n          </div>\n        )}\n        <DialogFooter>\n          <button\n            type=\"button\"\n            onClick={() => onOpenChange(false)}\n            className=\"bg-secondary text-secondary-foreground hover:bg-secondary/80 inline-flex h-10 items-center justify-center rounded-md px-4 py-2 text-sm font-medium\"\n          >\n            {closeLabel}\n          </button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}
+{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/payment-modal.cjs","../src/payment-modal.tsx","../../json-values/src/index.ts"],"names":[],"mappings":"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","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/payment-modal.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"./dialog\";\nimport { jsonNode } from \"@atlas/json-values\";\nimport { binListenerOn, binOfNode, paymentFrameOf, type UnifiedFrame } from \"./rules\";\n\n// ---------------------------------------------------------------------------\n// BIN extraction utility\n// ---------------------------------------------------------------------------\n\n/**\n * Extract a card BIN from a postMessage payload.\n * Handles multiple formats returned by Element/Unified iframes:\n * - URL-encoded string with Bin= parameter\n * - Object with Bin, bin, CardBIN, or cardBin property\n * - Nested data.Bin structure\n *\n * The payload is read once into a JSON node; the choice is the proved `binOfNode`.\n */\nexport function extractBin(data: unknown): string | undefined {\n  return binOfNode(jsonNode(data));\n}\n\n// ---------------------------------------------------------------------------\n// PaymentModal types\n// ---------------------------------------------------------------------------\n\nexport interface PaymentModalProps {\n  /** Whether the modal is open. */\n  open: boolean;\n  /** Callback when open state changes. */\n  onOpenChange: (open: boolean) => void;\n  /** Unified/Element iframe configuration. Modal shows loading when null. */\n  unified: UnifiedFrame | null;\n  /** Called when a card BIN is captured from the iframe postMessage. */\n  onBinCapture?: (bin: string) => void;\n  /** Modal title. Defaults to \"Enter Credit Card Details\". */\n  title?: string;\n  /** Close button label. Defaults to \"Close\". */\n  closeLabel?: string;\n}\n\n// ---------------------------------------------------------------------------\n// PaymentModal component\n// ---------------------------------------------------------------------------\n\n/**\n * Listens for the iframe's BIN message while the proved `binListenerOn` says to, and hands each\n * BIN `extractBin` finds to `onBinCapture`.\n */\nfunction useBinCapture(open: boolean, onBinCapture: ((bin: string) => void) | undefined): void {\n  React.useEffect(() => {\n    if (!binListenerOn(open, onBinCapture !== undefined)) return;\n    const capture = onBinCapture as (bin: string) => void;\n\n    function handleMessage(event: MessageEvent) {\n      const bin = extractBin(event.data);\n      if (bin !== undefined) capture(bin);\n    }\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [open, onBinCapture]);\n}\n\nexport function PaymentModal({\n  open,\n  onOpenChange,\n  unified,\n  onBinCapture,\n  title,\n  closeLabel,\n}: PaymentModalProps) {\n  useBinCapture(open, onBinCapture);\n  const frame = paymentFrameOf(unified);\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogHeader>\n          <DialogTitle>{title ?? \"Enter Credit Card Details\"}</DialogTitle>\n          <DialogDescription className=\"sr-only\">Secure credit card entry form</DialogDescription>\n        </DialogHeader>\n        {frame.src.map((src) => (\n          <iframe key={src} src={src} title=\"Payment\" className=\"h-[400px] w-full border-0\" />\n        ))}\n        {frame.loading.map((slot) => (\n          <div key={slot} className=\"flex h-[400px] items-center justify-center\">\n            <p className=\"text-muted-foreground\">Loading payment form...</p>\n          </div>\n        ))}\n        <DialogFooter>\n          <button\n            type=\"button\"\n            onClick={() => onOpenChange(false)}\n            className=\"bg-secondary text-secondary-foreground hover:bg-secondary/80 inline-flex h-10 items-center justify-center rounded-md px-4 py-2 text-sm font-medium\"\n          >\n            {closeLabel ?? \"Close\"}\n          </button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n","// `@atlas/json-values`: parsed JSON values as JS holds them (`unknown`). Moved out of\n// `@atlas/utils/json` 2026-11-06 so `@atlas/utils` is all proved code: LemmaScript can't\n// translate `unknown`, `typeof`, `Object.keys` or `JSON`. Each function is pinned to the model's\n// rule (models/Utils.dfy \"JSON values\") by tests; `parseJsonSafe`'s refusal is utils' proved\n// `unsafeJsonInteger` / `unsafeIntegerText`. The next step (wip/utils-100.md, J2) reads a value\n// into utils' proved JsonNode once and leaves every rule to it.\nimport { unsafeIntegerText, unsafeJsonInteger } from \"@atlas/utils/json\";\nimport {\n  canonicalText,\n  jsonFile,\n  nodeEqual,\n  nodePresent,\n  proseText,\n  undefinedNode,\n  type JsonField,\n  type JsonNode,\n} from \"@atlas/utils/json-node\";\n\n/**\n * A JS value read into utils' proved JsonNode (2026-11-06, J2): the one place a value's JS type\n * is read. A leaf keeps its JSON text (`JSON.stringify`), an object its own enumerable fields\n * in JS's order (`Object.entries`, the order JSON.stringify writes) with each key's JSON text.\n * Anything JSON has no form for (a function, a symbol) reads as undefined, as JSON.stringify\n * leaves it out. Every rule over the node is proved in `@atlas/utils/json-node`.\n */\nexport function jsonNode(value: unknown): JsonNode {\n  if (Array.isArray(value)) {\n    return { kind: \"array\", text: \"\", str: \"\", items: value.map(jsonNode), fields: [] };\n  }\n  if (isRecord(value)) {\n    const fields: JsonField[] = Object.entries(value).map(([key, v]) => ({\n      key,\n      keyText: JSON.stringify(key),\n      value: jsonNode(v),\n    }));\n    return { kind: \"object\", text: \"\", str: \"\", items: [], fields };\n  }\n  if (typeof value === \"string\") {\n    return { kind: \"string\", text: JSON.stringify(value), str: value, items: [], fields: [] };\n  }\n  const kind = value === null ? \"null\" : typeof value;\n  if (kind === \"null\" || kind === \"boolean\" || kind === \"number\") {\n    return { kind, text: JSON.stringify(value), str: \"\", items: [], fields: [] };\n  }\n  return undefinedNode();\n}\n\n/** A parsed JSON object: not null, not an array. */\nexport function isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\n/**\n * A node as the JS value it describes (`jsonNode`'s inverse on JSON values): what proved code\n * built, handed back to code that still reads `unknown` (the generator moves step by step,\n * 2026-11-06). A number is read from its JSON text.\n */\nexport function nodeValue(n: JsonNode): unknown {\n  if (n.kind === \"array\") return n.items.map(nodeValue);\n  if (n.kind === \"object\")\n    return Object.fromEntries(n.fields.map((f) => [f.key, nodeValue(f.value)]));\n  if (n.kind === \"string\") return n.str;\n  if (n.kind === \"number\") return JSON.parse(n.text) as number;\n  if (n.kind === \"boolean\") return n.text === \"true\";\n  return n.kind === \"null\" ? null : undefined;\n}\n\n// Each rule below is utils' proved one (`@atlas/utils/json-node`) over the value read once into\n// a node; the tests keep the JS each replaced as its oracle (2026-11-06, J2).\n\n/**\n * Two parsed JSON values are equal: lists item by item in order, objects with the same keys\n * and equal values whatever their order, anything else by `===` (so `true` is not `1`).\n */\nexport function jsonEqual(a: unknown, b: unknown): boolean {\n  return nodeEqual(jsonNode(a), jsonNode(b));\n}\n\n/**\n * One text per JSON value, whatever its key order: `JSON.stringify` with every object's keys\n * sorted by UTF-16 code unit (the default `sort`), no whitespace. Equal values (`jsonEqual`)\n * give equal text, so it keys shapes for hashing. An undefined array item is written \"\" (as\n * the old `join` did: `[undefined, 1]` is \"[,1]\").\n */\nexport function canonicalJson(value: unknown): string {\n  return canonicalText(jsonNode(value));\n}\n\n/** A JSON file's text: `JSON.stringify` indented 2, ending in one newline. */\nexport function jsonFileText(value: unknown): string {\n  return jsonFile(jsonNode(value));\n}\n\n/**\n * A JSON value as text in prose (docs, notes, errors): a string as itself, anything else as\n * its JSON (`true`, `null`, `2.5`, `[\"a\"]`); `undefined` (an absent value) as `null`.\n */\nexport function jsonText(value: unknown): string {\n  if (typeof value === \"string\") return value;\n  return proseText(jsonNode(value));\n}\n\n/**\n * `JSON.parse`, refusing an integer a JS number can't hold exactly (above 2^53 − 1): the\n * value would silently change, so the parse stops instead.\n */\nexport function parseJsonSafe(text: string): unknown {\n  return JSON.parse(text, (_key, value: unknown) => {\n    // Number.isInteger is false for anything not a number, so no typeof test is needed\n    if (unsafeJsonInteger(Number.isInteger(value), Number.isSafeInteger(value))) {\n      throw new RangeError(unsafeIntegerText(String(value)));\n    }\n    return value;\n  });\n}\n\n/**\n * A value counts as given: not null or undefined, false, 0, \"\", [] or {} (the model's\n * NodePresent; how the specs leave an optional field out).\n */\nexport function isPresent(value: unknown): boolean {\n  return nodePresent(jsonNode(value));\n}\n"]}

package/dist/payment-modal.d.ts

@@ -1,10 +1,13 @@
 import * as React from "react";
+import { type UnifiedFrame } from "./rules";
 /**
  * Extract a card BIN from a postMessage payload.
  * Handles multiple formats returned by Element/Unified iframes:
  * - URL-encoded string with Bin= parameter
  * - Object with Bin, bin, CardBIN, or cardBin property
  * - Nested data.Bin structure
+ *
+ * The payload is read once into a JSON node; the choice is the proved `binOfNode`.
  */
 export declare function extractBin(data: unknown): string | undefined;
 export interface PaymentModalProps {
@@ -13,10 +16,7 @@ export interface PaymentModalProps {
     /** Callback when open state changes. */
     onOpenChange: (open: boolean) => void;
     /** Unified/Element iframe configuration. Modal shows loading when null. */
-    unified: {
-        uiEndpoint: string;
-        transactionSetupId: string;
-    } | null;
+    unified: UnifiedFrame | null;
     /** Called when a card BIN is captured from the iframe postMessage. */
     onBinCapture?: (bin: string) => void;
     /** Modal title. Defaults to "Enter Credit Card Details". */

package/dist/payment-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"payment-modal.d.ts","sourceRoot":"","sources":["../src/payment-modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAI5D;AAyBD,MAAM,WAAW,iBAAiB;IAChC,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,wCAAwC;IACxC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,2EAA2E;IAC3E,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,kBAAkB,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACnE,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,KAAmC,EACnC,UAAoB,GACrB,EAAE,iBAAiB,qBA6CnB"}
+{"version":3,"file":"payment-modal.d.ts","sourceRoot":"","sources":["../src/payment-modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAA4C,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAMtF;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAE5D;AAMD,MAAM,WAAW,iBAAiB;IAChC,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,wCAAwC;IACxC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,2EAA2E;IAC3E,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;IAC7B,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAyBD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,KAAK,EACL,UAAU,GACX,EAAE,iBAAiB,qBA+BnB"}

package/dist/payment-modal.js

@@ -1,8 +1,11 @@
 "use client";
 "use client";
 import {
-  binFromString
-} from "./chunk-VI2IE6RC.js";
+  binListenerOn,
+  binOfNode,
+  paymentFrameOf,
+  undefinedNode
+} from "./chunk-NSMOT7GD.js";
 import {
   Dialog,
   DialogContent,
@@ -14,59 +17,74 @@ import {
 
 // src/payment-modal.tsx
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function extractBin(data) {
-  if (typeof data === "string") return binFromString(data);
-  if (isRecord(data)) return binFromObject(data);
-  return void 0;
+
+// ../json-values/src/index.ts
+function jsonNode(value) {
+  if (Array.isArray(value)) {
+    return { kind: "array", text: "", str: "", items: value.map(jsonNode), fields: [] };
+  }
+  if (isRecord(value)) {
+    const fields = Object.entries(value).map(([key, v]) => ({
+      key,
+      keyText: JSON.stringify(key),
+      value: jsonNode(v)
+    }));
+    return { kind: "object", text: "", str: "", items: [], fields };
+  }
+  if (typeof value === "string") {
+    return { kind: "string", text: JSON.stringify(value), str: value, items: [], fields: [] };
+  }
+  const kind = value === null ? "null" : typeof value;
+  if (kind === "null" || kind === "boolean" || kind === "number") {
+    return { kind, text: JSON.stringify(value), str: "", items: [], fields: [] };
+  }
+  return undefinedNode();
 }
 function isRecord(value) {
-  return typeof value === "object" && value !== null;
+  return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-function nonEmptyString(value) {
-  return typeof value === "string" && value ? value : void 0;
-}
-function binFromObject(obj) {
-  for (const key of ["Bin", "bin", "CardBIN", "cardBin"]) {
-    const bin = nonEmptyString(obj[key]);
-    if (bin) return bin;
-  }
-  const nested = obj["data"];
-  return isRecord(nested) ? nonEmptyString(nested["Bin"]) : void 0;
+
+// src/payment-modal.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function extractBin(data) {
+  return binOfNode(jsonNode(data));
 }
-function PaymentModal({
-  open,
-  onOpenChange,
-  unified,
-  onBinCapture,
-  title = "Enter Credit Card Details",
-  closeLabel = "Close"
-}) {
+function useBinCapture(open, onBinCapture) {
   React.useEffect(() => {
-    if (!open || !onBinCapture) return;
+    if (!binListenerOn(open, onBinCapture !== void 0)) return;
+    const capture = onBinCapture;
     function handleMessage(event) {
       const bin = extractBin(event.data);
-      if (bin) {
-        onBinCapture(bin);
-      }
+      if (bin !== void 0) capture(bin);
     }
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, [open, onBinCapture]);
-  const iframeSrc = unified ? `${unified.uiEndpoint}?TransactionSetupID=${unified.transactionSetupId}` : void 0;
+}
+function PaymentModal({
+  open,
+  onOpenChange,
+  unified,
+  onBinCapture,
+  title,
+  closeLabel
+}) {
+  useBinCapture(open, onBinCapture);
+  const frame = paymentFrameOf(unified);
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogTitle, { children: title ?? "Enter Credit Card Details" }),
       /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: "Secure credit card entry form" })
     ] }),
-    iframeSrc ? /* @__PURE__ */ jsx("iframe", { src: iframeSrc, title: "Payment", className: "h-[400px] w-full border-0" }) : /* @__PURE__ */ jsx("div", { className: "flex h-[400px] items-center justify-center", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Loading payment form..." }) }),
+    frame.src.map((src) => /* @__PURE__ */ jsx("iframe", { src, title: "Payment", className: "h-[400px] w-full border-0" }, src)),
+    frame.loading.map((slot) => /* @__PURE__ */ jsx("div", { className: "flex h-[400px] items-center justify-center", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Loading payment form..." }) }, slot)),
     /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
         onClick: () => onOpenChange(false),
         className: "bg-secondary text-secondary-foreground hover:bg-secondary/80 inline-flex h-10 items-center justify-center rounded-md px-4 py-2 text-sm font-medium",
-        children: closeLabel
+        children: closeLabel ?? "Close"
       }
     ) })
   ] }) });

package/dist/payment-modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/payment-modal.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"./dialog\";\nimport { binFromString } from \"./rules\";\n\n// ---------------------------------------------------------------------------\n// BIN extraction utility\n// ---------------------------------------------------------------------------\n\n/**\n * Extract a card BIN from a postMessage payload.\n * Handles multiple formats returned by Element/Unified iframes:\n * - URL-encoded string with Bin= parameter\n * - Object with Bin, bin, CardBIN, or cardBin property\n * - Nested data.Bin structure\n */\nexport function extractBin(data: unknown): string | undefined {\n  if (typeof data === \"string\") return binFromString(data);\n  if (isRecord(data)) return binFromObject(data);\n  return undefined;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null;\n}\n\n/** The value when it is a non-empty string. */\nfunction nonEmptyString(value: unknown): string | undefined {\n  return typeof value === \"string\" && value ? value : undefined;\n}\n\n/** The first non-empty of Bin, bin, CardBIN, cardBin, else a non-empty data.Bin. */\nfunction binFromObject(obj: Record<string, unknown>): string | undefined {\n  for (const key of [\"Bin\", \"bin\", \"CardBIN\", \"cardBin\"]) {\n    const bin = nonEmptyString(obj[key]);\n    if (bin) return bin;\n  }\n  const nested = obj[\"data\"];\n  return isRecord(nested) ? nonEmptyString(nested[\"Bin\"]) : undefined;\n}\n\n// ---------------------------------------------------------------------------\n// PaymentModal types\n// ---------------------------------------------------------------------------\n\nexport interface PaymentModalProps {\n  /** Whether the modal is open. */\n  open: boolean;\n  /** Callback when open state changes. */\n  onOpenChange: (open: boolean) => void;\n  /** Unified/Element iframe configuration. Modal shows loading when null. */\n  unified: { uiEndpoint: string; transactionSetupId: string } | null;\n  /** Called when a card BIN is captured from the iframe postMessage. */\n  onBinCapture?: (bin: string) => void;\n  /** Modal title. Defaults to \"Enter Credit Card Details\". */\n  title?: string;\n  /** Close button label. Defaults to \"Close\". */\n  closeLabel?: string;\n}\n\n// ---------------------------------------------------------------------------\n// PaymentModal component\n// ---------------------------------------------------------------------------\n\nexport function PaymentModal({\n  open,\n  onOpenChange,\n  unified,\n  onBinCapture,\n  title = \"Enter Credit Card Details\",\n  closeLabel = \"Close\",\n}: PaymentModalProps) {\n  React.useEffect(() => {\n    if (!open || !onBinCapture) return;\n\n    function handleMessage(event: MessageEvent) {\n      const bin = extractBin(event.data);\n      if (bin) {\n        onBinCapture!(bin);\n      }\n    }\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [open, onBinCapture]);\n\n  const iframeSrc = unified\n    ? `${unified.uiEndpoint}?TransactionSetupID=${unified.transactionSetupId}`\n    : undefined;\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription className=\"sr-only\">Secure credit card entry form</DialogDescription>\n        </DialogHeader>\n        {iframeSrc ? (\n          <iframe src={iframeSrc} title=\"Payment\" className=\"h-[400px] w-full border-0\" />\n        ) : (\n          <div className=\"flex h-[400px] items-center justify-center\">\n            <p className=\"text-muted-foreground\">Loading payment form...</p>\n          </div>\n        )}\n        <DialogFooter>\n          <button\n            type=\"button\"\n            onClick={() => onOpenChange(false)}\n            className=\"bg-secondary text-secondary-foreground hover:bg-secondary/80 inline-flex h-10 items-center justify-center rounded-md px-4 py-2 text-sm font-medium\"\n          >\n            {closeLabel}\n          </button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAEA,YAAY,WAAW;AAmGf,SACE,KADF;AA7ED,SAAS,WAAW,MAAmC;AAC5D,MAAI,OAAO,SAAS,SAAU,QAAO,cAAc,IAAI;AACvD,MAAI,SAAS,IAAI,EAAG,QAAO,cAAc,IAAI;AAC7C,SAAO;AACT;AAEA,SAAS,SAAS,OAAkD;AAClE,SAAO,OAAO,UAAU,YAAY,UAAU;AAChD;AAGA,SAAS,eAAe,OAAoC;AAC1D,SAAO,OAAO,UAAU,YAAY,QAAQ,QAAQ;AACtD;AAGA,SAAS,cAAc,KAAkD;AACvE,aAAW,OAAO,CAAC,OAAO,OAAO,WAAW,SAAS,GAAG;AACtD,UAAM,MAAM,eAAe,IAAI,GAAG,CAAC;AACnC,QAAI,IAAK,QAAO;AAAA,EAClB;AACA,QAAM,SAAS,IAAI,MAAM;AACzB,SAAO,SAAS,MAAM,IAAI,eAAe,OAAO,KAAK,CAAC,IAAI;AAC5D;AAyBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AACf,GAAsB;AACpB,EAAM,gBAAU,MAAM;AACpB,QAAI,CAAC,QAAQ,CAAC,aAAc;AAE5B,aAAS,cAAc,OAAqB;AAC1C,YAAM,MAAM,WAAW,MAAM,IAAI;AACjC,UAAI,KAAK;AACP,qBAAc,GAAG;AAAA,MACnB;AAAA,IACF;AAEA,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM,OAAO,oBAAoB,WAAW,aAAa;AAAA,EAClE,GAAG,CAAC,MAAM,YAAY,CAAC;AAEvB,QAAM,YAAY,UACd,GAAG,QAAQ,UAAU,uBAAuB,QAAQ,kBAAkB,KACtE;AAEJ,SACE,oBAAC,UAAO,MAAY,cAClB,+BAAC,iBAAc,WAAU,eACvB;AAAA,yBAAC,gBACC;AAAA,0BAAC,eAAa,iBAAM;AAAA,MACpB,oBAAC,qBAAkB,WAAU,WAAU,2CAA6B;AAAA,OACtE;AAAA,IACC,YACC,oBAAC,YAAO,KAAK,WAAW,OAAM,WAAU,WAAU,6BAA4B,IAE9E,oBAAC,SAAI,WAAU,8CACb,8BAAC,OAAE,WAAU,yBAAwB,qCAAuB,GAC9D;AAAA,IAEF,oBAAC,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,aAAa,KAAK;AAAA,QACjC,WAAU;AAAA,QAET;AAAA;AAAA,IACH,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../src/payment-modal.tsx","../../json-values/src/index.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"./dialog\";\nimport { jsonNode } from \"@atlas/json-values\";\nimport { binListenerOn, binOfNode, paymentFrameOf, type UnifiedFrame } from \"./rules\";\n\n// ---------------------------------------------------------------------------\n// BIN extraction utility\n// ---------------------------------------------------------------------------\n\n/**\n * Extract a card BIN from a postMessage payload.\n * Handles multiple formats returned by Element/Unified iframes:\n * - URL-encoded string with Bin= parameter\n * - Object with Bin, bin, CardBIN, or cardBin property\n * - Nested data.Bin structure\n *\n * The payload is read once into a JSON node; the choice is the proved `binOfNode`.\n */\nexport function extractBin(data: unknown): string | undefined {\n  return binOfNode(jsonNode(data));\n}\n\n// ---------------------------------------------------------------------------\n// PaymentModal types\n// ---------------------------------------------------------------------------\n\nexport interface PaymentModalProps {\n  /** Whether the modal is open. */\n  open: boolean;\n  /** Callback when open state changes. */\n  onOpenChange: (open: boolean) => void;\n  /** Unified/Element iframe configuration. Modal shows loading when null. */\n  unified: UnifiedFrame | null;\n  /** Called when a card BIN is captured from the iframe postMessage. */\n  onBinCapture?: (bin: string) => void;\n  /** Modal title. Defaults to \"Enter Credit Card Details\". */\n  title?: string;\n  /** Close button label. Defaults to \"Close\". */\n  closeLabel?: string;\n}\n\n// ---------------------------------------------------------------------------\n// PaymentModal component\n// ---------------------------------------------------------------------------\n\n/**\n * Listens for the iframe's BIN message while the proved `binListenerOn` says to, and hands each\n * BIN `extractBin` finds to `onBinCapture`.\n */\nfunction useBinCapture(open: boolean, onBinCapture: ((bin: string) => void) | undefined): void {\n  React.useEffect(() => {\n    if (!binListenerOn(open, onBinCapture !== undefined)) return;\n    const capture = onBinCapture as (bin: string) => void;\n\n    function handleMessage(event: MessageEvent) {\n      const bin = extractBin(event.data);\n      if (bin !== undefined) capture(bin);\n    }\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [open, onBinCapture]);\n}\n\nexport function PaymentModal({\n  open,\n  onOpenChange,\n  unified,\n  onBinCapture,\n  title,\n  closeLabel,\n}: PaymentModalProps) {\n  useBinCapture(open, onBinCapture);\n  const frame = paymentFrameOf(unified);\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogHeader>\n          <DialogTitle>{title ?? \"Enter Credit Card Details\"}</DialogTitle>\n          <DialogDescription className=\"sr-only\">Secure credit card entry form</DialogDescription>\n        </DialogHeader>\n        {frame.src.map((src) => (\n          <iframe key={src} src={src} title=\"Payment\" className=\"h-[400px] w-full border-0\" />\n        ))}\n        {frame.loading.map((slot) => (\n          <div key={slot} className=\"flex h-[400px] items-center justify-center\">\n            <p className=\"text-muted-foreground\">Loading payment form...</p>\n          </div>\n        ))}\n        <DialogFooter>\n          <button\n            type=\"button\"\n            onClick={() => onOpenChange(false)}\n            className=\"bg-secondary text-secondary-foreground hover:bg-secondary/80 inline-flex h-10 items-center justify-center rounded-md px-4 py-2 text-sm font-medium\"\n          >\n            {closeLabel ?? \"Close\"}\n          </button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n","// `@atlas/json-values`: parsed JSON values as JS holds them (`unknown`). Moved out of\n// `@atlas/utils/json` 2026-11-06 so `@atlas/utils` is all proved code: LemmaScript can't\n// translate `unknown`, `typeof`, `Object.keys` or `JSON`. Each function is pinned to the model's\n// rule (models/Utils.dfy \"JSON values\") by tests; `parseJsonSafe`'s refusal is utils' proved\n// `unsafeJsonInteger` / `unsafeIntegerText`. The next step (wip/utils-100.md, J2) reads a value\n// into utils' proved JsonNode once and leaves every rule to it.\nimport { unsafeIntegerText, unsafeJsonInteger } from \"@atlas/utils/json\";\nimport {\n  canonicalText,\n  jsonFile,\n  nodeEqual,\n  nodePresent,\n  proseText,\n  undefinedNode,\n  type JsonField,\n  type JsonNode,\n} from \"@atlas/utils/json-node\";\n\n/**\n * A JS value read into utils' proved JsonNode (2026-11-06, J2): the one place a value's JS type\n * is read. A leaf keeps its JSON text (`JSON.stringify`), an object its own enumerable fields\n * in JS's order (`Object.entries`, the order JSON.stringify writes) with each key's JSON text.\n * Anything JSON has no form for (a function, a symbol) reads as undefined, as JSON.stringify\n * leaves it out. Every rule over the node is proved in `@atlas/utils/json-node`.\n */\nexport function jsonNode(value: unknown): JsonNode {\n  if (Array.isArray(value)) {\n    return { kind: \"array\", text: \"\", str: \"\", items: value.map(jsonNode), fields: [] };\n  }\n  if (isRecord(value)) {\n    const fields: JsonField[] = Object.entries(value).map(([key, v]) => ({\n      key,\n      keyText: JSON.stringify(key),\n      value: jsonNode(v),\n    }));\n    return { kind: \"object\", text: \"\", str: \"\", items: [], fields };\n  }\n  if (typeof value === \"string\") {\n    return { kind: \"string\", text: JSON.stringify(value), str: value, items: [], fields: [] };\n  }\n  const kind = value === null ? \"null\" : typeof value;\n  if (kind === \"null\" || kind === \"boolean\" || kind === \"number\") {\n    return { kind, text: JSON.stringify(value), str: \"\", items: [], fields: [] };\n  }\n  return undefinedNode();\n}\n\n/** A parsed JSON object: not null, not an array. */\nexport function isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\n/**\n * A node as the JS value it describes (`jsonNode`'s inverse on JSON values): what proved code\n * built, handed back to code that still reads `unknown` (the generator moves step by step,\n * 2026-11-06). A number is read from its JSON text.\n */\nexport function nodeValue(n: JsonNode): unknown {\n  if (n.kind === \"array\") return n.items.map(nodeValue);\n  if (n.kind === \"object\")\n    return Object.fromEntries(n.fields.map((f) => [f.key, nodeValue(f.value)]));\n  if (n.kind === \"string\") return n.str;\n  if (n.kind === \"number\") return JSON.parse(n.text) as number;\n  if (n.kind === \"boolean\") return n.text === \"true\";\n  return n.kind === \"null\" ? null : undefined;\n}\n\n// Each rule below is utils' proved one (`@atlas/utils/json-node`) over the value read once into\n// a node; the tests keep the JS each replaced as its oracle (2026-11-06, J2).\n\n/**\n * Two parsed JSON values are equal: lists item by item in order, objects with the same keys\n * and equal values whatever their order, anything else by `===` (so `true` is not `1`).\n */\nexport function jsonEqual(a: unknown, b: unknown): boolean {\n  return nodeEqual(jsonNode(a), jsonNode(b));\n}\n\n/**\n * One text per JSON value, whatever its key order: `JSON.stringify` with every object's keys\n * sorted by UTF-16 code unit (the default `sort`), no whitespace. Equal values (`jsonEqual`)\n * give equal text, so it keys shapes for hashing. An undefined array item is written \"\" (as\n * the old `join` did: `[undefined, 1]` is \"[,1]\").\n */\nexport function canonicalJson(value: unknown): string {\n  return canonicalText(jsonNode(value));\n}\n\n/** A JSON file's text: `JSON.stringify` indented 2, ending in one newline. */\nexport function jsonFileText(value: unknown): string {\n  return jsonFile(jsonNode(value));\n}\n\n/**\n * A JSON value as text in prose (docs, notes, errors): a string as itself, anything else as\n * its JSON (`true`, `null`, `2.5`, `[\"a\"]`); `undefined` (an absent value) as `null`.\n */\nexport function jsonText(value: unknown): string {\n  if (typeof value === \"string\") return value;\n  return proseText(jsonNode(value));\n}\n\n/**\n * `JSON.parse`, refusing an integer a JS number can't hold exactly (above 2^53 − 1): the\n * value would silently change, so the parse stops instead.\n */\nexport function parseJsonSafe(text: string): unknown {\n  return JSON.parse(text, (_key, value: unknown) => {\n    // Number.isInteger is false for anything not a number, so no typeof test is needed\n    if (unsafeJsonInteger(Number.isInteger(value), Number.isSafeInteger(value))) {\n      throw new RangeError(unsafeIntegerText(String(value)));\n    }\n    return value;\n  });\n}\n\n/**\n * A value counts as given: not null or undefined, false, 0, \"\", [] or {} (the model's\n * NodePresent; how the specs leave an optional field out).\n */\nexport function isPresent(value: unknown): boolean {\n  return nodePresent(jsonNode(value));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAEA,YAAY,WAAW;;;ACuBhB,SAAS,SAAS,OAA0B;AACjD,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,EAAE,MAAM,SAAS,MAAM,IAAI,KAAK,IAAI,OAAO,MAAM,IAAI,QAAQ,GAAG,QAAQ,CAAC,EAAE;AAAA,EACpF;AACA,MAAI,SAAS,KAAK,GAAG;AACnB,UAAM,SAAsB,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO;AAAA,MACnE;AAAA,MACA,SAAS,KAAK,UAAU,GAAG;AAAA,MAC3B,OAAO,SAAS,CAAC;AAAA,IACnB,EAAE;AACF,WAAO,EAAE,MAAM,UAAU,MAAM,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,OAAO;AAAA,EAChE;AACA,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO,EAAE,MAAM,UAAU,MAAM,KAAK,UAAU,KAAK,GAAG,KAAK,OAAO,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE;AAAA,EAC1F;AACA,QAAM,OAAO,UAAU,OAAO,SAAS,OAAO;AAC9C,MAAI,SAAS,UAAU,SAAS,aAAa,SAAS,UAAU;AAC9D,WAAO,EAAE,MAAM,MAAM,KAAK,UAAU,KAAK,GAAG,KAAK,IAAI,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE;AAAA,EAC7E;AACA,SAAO,cAAc;AACvB;AAGO,SAAS,SAAS,OAAkD;AACzE,SAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC5E;;;ADqCQ,SACE,KADF;AA5DD,SAAS,WAAW,MAAmC;AAC5D,SAAO,UAAU,SAAS,IAAI,CAAC;AACjC;AA6BA,SAAS,cAAc,MAAe,cAAyD;AAC7F,EAAM,gBAAU,MAAM;AACpB,QAAI,CAAC,cAAc,MAAM,iBAAiB,MAAS,EAAG;AACtD,UAAM,UAAU;AAEhB,aAAS,cAAc,OAAqB;AAC1C,YAAM,MAAM,WAAW,MAAM,IAAI;AACjC,UAAI,QAAQ,OAAW,SAAQ,GAAG;AAAA,IACpC;AAEA,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM,OAAO,oBAAoB,WAAW,aAAa;AAAA,EAClE,GAAG,CAAC,MAAM,YAAY,CAAC;AACzB;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,gBAAc,MAAM,YAAY;AAChC,QAAM,QAAQ,eAAe,OAAO;AAEpC,SACE,oBAAC,UAAO,MAAY,cAClB,+BAAC,iBAAc,WAAU,eACvB;AAAA,yBAAC,gBACC;AAAA,0BAAC,eAAa,mBAAS,6BAA4B;AAAA,MACnD,oBAAC,qBAAkB,WAAU,WAAU,2CAA6B;AAAA,OACtE;AAAA,IACC,MAAM,IAAI,IAAI,CAAC,QACd,oBAAC,YAAiB,KAAU,OAAM,WAAU,WAAU,+BAAzC,GAAqE,CACnF;AAAA,IACA,MAAM,QAAQ,IAAI,CAAC,SAClB,oBAAC,SAAe,WAAU,8CACxB,8BAAC,OAAE,WAAU,yBAAwB,qCAAuB,KADpD,IAEV,CACD;AAAA,IACD,oBAAC,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,aAAa,KAAK;AAAA,QACjC,WAAU;AAAA,QAET,wBAAc;AAAA;AAAA,IACjB,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/popover.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 "use client";
 
 // src/popover.tsx
@@ -9,12 +9,12 @@ var _jsxruntime = require('react/jsx-runtime');
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var PopoverContent = React.forwardRef(({ className, align, sideOffset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   PopoverPrimitive.Content,
   {
     ref,
-    align,
-    sideOffset,
+    align: _nullishCoalesce(align, () => ( "center")),
+    sideOffset: _nullishCoalesce(sideOffset, () => ( 4)),
     className: _web.cn.call(void 0, 
       "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none",
       className

package/dist/popover.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/popover.cjs","../src/popover.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACA;ACAA,2EAAuB;AACvB,sHAAkC;AAClC,sDAAmB;AAaf,+CAAA;AAXJ,IAAM,QAAA,EAA2B,gBAAA,CAAA,IAAA;AAEjC,IAAM,eAAA,EAAkC,gBAAA,CAAA,OAAA;AAExC,IAAM,cAAA,EAAiC,gBAAA,CAAA,MAAA;AAEvC,IAAM,eAAA,EAAuB,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,QAAA,EAAU,WAAA,EAAa,CAAA,EAAG,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC5D,6BAAA,gBAAkB,CAAA,MAAA,EAAjB,EACC,QAAA,kBAAA,6BAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,qBAAA;AAAA,MACT,4aAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,EAAA,CACF,CACD,CAAA;AACD,cAAA,CAAe,YAAA,EAA+B,gBAAA,CAAA,OAAA,CAAQ,WAAA;ADLtD;AACE;AACA;AACA;AACA;AACF,mJAAC","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/popover.cjs","sourcesContent":[null,"/** Styled wrapper around @radix-ui/react-popover. See https://www.radix-ui.com/primitives/docs/components/popover */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\nconst PopoverContent = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"]}
+{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/popover.cjs","../src/popover.tsx"],"names":[],"mappings":"AAAA,2cAAY;AACZ,YAAY;AACZ;AACA;ACAA,2EAAuB;AACvB,sHAAkC;AAClC,sDAAmB;AAaf,+CAAA;AAXJ,IAAM,QAAA,EAA2B,gBAAA,CAAA,IAAA;AAEjC,IAAM,eAAA,EAAkC,gBAAA,CAAA,OAAA;AAExC,IAAM,cAAA,EAAiC,gBAAA,CAAA,MAAA;AAEvC,IAAM,eAAA,EAAuB,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,UAAA,EAAY,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC7C,6BAAA,gBAAkB,CAAA,MAAA,EAAjB,EACC,QAAA,kBAAA,6BAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,KAAA,mBAAO,KAAA,UAAS,UAAA;AAAA,IAChB,UAAA,mBAAY,UAAA,UAAc,GAAA;AAAA,IAC1B,SAAA,EAAW,qBAAA;AAAA,MACT,4aAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,EAAA,CACF,CACD,CAAA;AACD,cAAA,CAAe,YAAA,EAA+B,gBAAA,CAAA,OAAA,CAAQ,WAAA;ADLtD;AACE;AACA;AACA;AACA;AACF,mJAAC","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/popover.cjs","sourcesContent":[null,"/** Styled wrapper around @radix-ui/react-popover. See https://www.radix-ui.com/primitives/docs/components/popover */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\nconst PopoverContent = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align, sideOffset, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align ?? \"center\"}\n      sideOffset={sideOffset ?? 4}\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"]}

package/dist/popover.js

@@ -9,12 +9,12 @@ import { jsx } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React.forwardRef(({ className, align, sideOffset, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
-    align,
-    sideOffset,
+    align: align ?? "center",
+    sideOffset: sideOffset ?? 4,
     className: cn(
       "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none",
       className

package/dist/popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/popover.tsx"],"sourcesContent":["/** Styled wrapper around @radix-ui/react-popover. See https://www.radix-ui.com/primitives/docs/components/popover */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\nconst PopoverContent = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"mappings":";;;;AAGA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,UAAU;AAaf;AAXJ,IAAM,UAA2B;AAEjC,IAAM,iBAAkC;AAExC,IAAM,gBAAiC;AAEvC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;","names":[]}
+{"version":3,"sources":["../src/popover.tsx"],"sourcesContent":["/** Styled wrapper around @radix-ui/react-popover. See https://www.radix-ui.com/primitives/docs/components/popover */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\nconst PopoverContent = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align, sideOffset, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align ?? \"center\"}\n      sideOffset={sideOffset ?? 4}\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"mappings":";;;;AAGA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,UAAU;AAaf;AAXJ,IAAM,UAA2B;AAEjC,IAAM,iBAAkC;AAExC,IAAM,gBAAiC;AAEvC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,OAAO,YAAY,GAAG,MAAM,GAAG,QAC7C,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,OAAO,SAAS;AAAA,IAChB,YAAY,cAAc;AAAA,IAC1B,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;","names":[]}

package/dist/price.cjs

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunkEEJYDSXRcjs = require('./chunk-EEJYDSXR.cjs');
+var _chunkNBXA42AWcjs = require('./chunk-NBXA42AW.cjs');
 
 // src/price.tsx
 var _web = require('@simpleapps-com/augur-utils/web');
@@ -94,7 +94,7 @@ function createPrice(config = {}) {
       classNames: instanceClassNames
     } = props;
     const slots = mergeClassNames(instanceClassNames);
-    if (_chunkEEJYDSXRcjs.priceViewOf.call(void 0, false, value === 0, originalValue !== void 0) === "zero-label") {
+    if (_chunkNBXA42AWcjs.priceViewOf.call(void 0, false, value === 0, originalValue !== void 0) === "zero-label") {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _web.cn.call(void 0, "text-muted-foreground", slots.zero, className), children: zeroLabel });
     }
     const formatted = formatPrice(value, {

package/dist/price.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   priceViewOf
-} from "./chunk-VI2IE6RC.js";
+} from "./chunk-NSMOT7GD.js";
 
 // src/price.tsx
 import { cn } from "@simpleapps-com/augur-utils/web";

package/dist/provider.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkYTBB63IEcjs = require('./chunk-YTBB63IE.cjs');
-require('./chunk-EEJYDSXR.cjs');
+var _chunkVCFKYOVHcjs = require('./chunk-VCFKYOVH.cjs');
+require('./chunk-NBXA42AW.cjs');
 
 // src/provider.tsx
 require('react');
@@ -10,7 +10,7 @@ var _augurhooks = require('@simpleapps-com/augur-hooks');
 var _jsxruntime = require('react/jsx-runtime');
 function AugurSiteProvider({ config, api, auth, cache, children }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _augurhooks.AugurHooksProvider, { api, auth, cache, site: config, children: config.analytics ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYTBB63IEcjs.AnalyticsProvider,
+    _chunkVCFKYOVHcjs.AnalyticsProvider,
     {
       gtmId: config.analytics.gtmId,
       consentRequired: config.analytics.consentRequired,

package/dist/provider.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   AnalyticsProvider
-} from "./chunk-PFEPE5UE.js";
-import "./chunk-VI2IE6RC.js";
+} from "./chunk-TEDFINZP.js";
+import "./chunk-NSMOT7GD.js";
 
 // src/provider.tsx
 import "react";

package/dist/quantity-input.cjs

@@ -8,127 +8,141 @@
 
 
 
-var _chunkEEJYDSXRcjs = require('./chunk-EEJYDSXR.cjs');
+
+
+
+
+var _chunkNBXA42AWcjs = require('./chunk-NBXA42AW.cjs');
 
 // src/quantity-input.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _web = require('@simpleapps-com/augur-utils/web');
 var _lu = require('react-icons/lu');
 var _jsxruntime = require('react/jsx-runtime');
-function roundToStep(value, step) {
-  if (step <= 1) return value;
-  return Math.ceil(value / step) * step;
-}
-function committedQuantity(raw, min, max, step, decimals) {
-  if (raw.trim() === "") return min;
-  let parsed = parseFloat(raw);
-  if (isNaN(parsed)) parsed = min;
-  parsed = _chunkEEJYDSXRcjs.clampQuantity.call(void 0, roundToStep(parsed, step), min, max);
-  return parseFloat(parsed.toFixed(decimals));
+function useQuantityInput(props) {
+  const {
+    value,
+    onChange,
+    min = 0,
+    max,
+    step = 1,
+    decimals = 0,
+    showStepper = true,
+    disabled = false,
+    className,
+    inputClassName,
+    buttonClassName,
+    ...rest
+  } = props;
+  const scale = _chunkNBXA42AWcjs.pow10.call(void 0, decimals);
+  const shown = _chunkNBXA42AWcjs.signedFixedText.call(void 0, Math.round(value * scale), decimals);
+  const [text, setText] = React.useState(shown);
+  React.useEffect(() => {
+    setText(shown);
+  }, [shown]);
+  const commit = React.useCallback(
+    (raw) => {
+      const units = _chunkNBXA42AWcjs.commitUnits.call(void 0, 
+        raw,
+        Math.round(min * scale),
+        max === void 0 ? void 0 : Math.round(max * scale),
+        Math.round(step * scale),
+        decimals
+      );
+      setText(_chunkNBXA42AWcjs.signedFixedText.call(void 0, units, decimals));
+      onChange(units / scale);
+    },
+    [min, max, step, decimals, scale, onChange]
+  );
+  const onKeyDown = React.useCallback(
+    (e) => {
+      const action = _chunkNBXA42AWcjs.keyActionOf.call(void 0, e.key, decimals, text);
+      if (action === "commit") commit(text);
+      else if (action === "block") e.preventDefault();
+    },
+    [decimals, text, commit]
+  );
+  const onTextChange = React.useCallback(
+    (e) => {
+      setText(_chunkNBXA42AWcjs.cleanQtyFrom.call(void 0, e.target.value, decimals > 0, false, 0));
+    },
+    [decimals]
+  );
+  const onBlur = React.useCallback(() => {
+    commit(text);
+  }, [commit, text]);
+  const onDecrease = React.useCallback(() => {
+    onChange(_chunkNBXA42AWcjs.stepDown.call(void 0, value, step, min));
+  }, [value, step, min, onChange]);
+  const onIncrease = React.useCallback(() => {
+    onChange(_chunkNBXA42AWcjs.stepUp.call(void 0, value, step, max));
+  }, [value, step, max, onChange]);
+  return {
+    rest,
+    text,
+    disabled,
+    inputMode: _chunkNBXA42AWcjs.inputModeOf.call(void 0, decimals),
+    steppers: _chunkNBXA42AWcjs.slotsWhen.call(void 0, showStepper),
+    decreaseOff: _chunkNBXA42AWcjs.decreaseDisabled.call(void 0, disabled, value, min),
+    increaseOff: _chunkNBXA42AWcjs.increaseDisabled.call(void 0, disabled, value, max),
+    onKeyDown,
+    onTextChange,
+    onBlur,
+    onDecrease,
+    onIncrease,
+    className: _web.cn.call(void 0, "bg-background inline-flex items-center rounded-md border", className),
+    inputClassName: _web.cn.call(void 0, "h-10 w-16 bg-transparent text-center focus:outline-none", inputClassName),
+    buttonClassName: _web.cn.call(void 0, 
+      "hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50",
+      buttonClassName
+    )
+  };
 }
 var QuantityInput = React.memo(
-  React.forwardRef(
-    ({
-      value,
-      onChange,
-      min = 0,
-      max,
-      step = 1,
-      decimals = 0,
-      showStepper = true,
-      disabled = false,
-      className,
-      inputClassName,
-      buttonClassName
-    }, ref) => {
-      const [qtyStr, setQtyStr] = React.useState(() => value.toFixed(decimals));
-      React.useEffect(() => {
-        setQtyStr(value.toFixed(decimals));
-      }, [value, decimals]);
-      const commit = React.useCallback(
-        (raw) => {
-          const quantity = committedQuantity(raw, min, max, step, decimals);
-          setQtyStr(quantity.toFixed(decimals));
-          onChange(quantity);
-        },
-        [min, max, step, decimals, onChange]
-      );
-      const handleKeyDown = React.useCallback(
-        (e) => {
-          if (e.key === "Enter") {
-            commit(qtyStr);
-            return;
-          }
-          if (!_chunkEEJYDSXRcjs.keyAllowed.call(void 0, e.key, decimals, qtyStr.includes("."))) e.preventDefault();
+  React.forwardRef((props, ref) => {
+    const q = useQuantityInput(props);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: q.className, children: [
+      q.steppers.map((slot) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          "aria-label": "Decrease quantity",
+          disabled: q.decreaseOff,
+          onClick: q.onDecrease,
+          className: q.buttonClassName,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuMinus, {})
         },
-        [decimals, qtyStr, commit]
-      );
-      const handleChange = React.useCallback(
-        (e) => {
-          setQtyStr(_chunkEEJYDSXRcjs.cleanQtyFrom.call(void 0, e.target.value, decimals > 0, false, 0));
+        slot
+      )),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          ...q.rest,
+          ref,
+          type: "text",
+          inputMode: q.inputMode,
+          value: q.text,
+          disabled: q.disabled,
+          onKeyDown: q.onKeyDown,
+          onChange: q.onTextChange,
+          onBlur: q.onBlur,
+          className: q.inputClassName
+        }
+      ),
+      q.steppers.map((slot) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          "aria-label": "Increase quantity",
+          disabled: q.increaseOff,
+          onClick: q.onIncrease,
+          className: q.buttonClassName,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuPlus, {})
         },
-        [decimals]
-      );
-      const handleBlur = React.useCallback(() => {
-        commit(qtyStr);
-      }, [commit, qtyStr]);
-      const handleDecrement = React.useCallback(() => {
-        onChange(_chunkEEJYDSXRcjs.stepDown.call(void 0, value, step, min));
-      }, [value, step, min, onChange]);
-      const handleIncrement = React.useCallback(() => {
-        onChange(_chunkEEJYDSXRcjs.stepUp.call(void 0, value, step, max));
-      }, [value, step, max, onChange]);
-      const minDisabled = _chunkEEJYDSXRcjs.decreaseDisabled.call(void 0, disabled, value, min);
-      const maxDisabled = _chunkEEJYDSXRcjs.increaseDisabled.call(void 0, disabled, value, max);
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _web.cn.call(void 0, "bg-background inline-flex items-center rounded-md border", className), children: [
-        showStepper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            type: "button",
-            "aria-label": "Decrease quantity",
-            disabled: minDisabled,
-            onClick: handleDecrement,
-            className: _web.cn.call(void 0, 
-              "hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50",
-              buttonClassName
-            ),
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuMinus, {})
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "input",
-          {
-            ref,
-            type: "text",
-            inputMode: decimals > 0 ? "decimal" : "numeric",
-            value: qtyStr,
-            disabled,
-            onKeyDown: handleKeyDown,
-            onChange: handleChange,
-            onBlur: handleBlur,
-            className: _web.cn.call(void 0, 
-              "h-10 w-16 bg-transparent text-center focus:outline-none",
-              inputClassName
-            )
-          }
-        ),
-        showStepper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            type: "button",
-            "aria-label": "Increase quantity",
-            disabled: maxDisabled,
-            onClick: handleIncrement,
-            className: _web.cn.call(void 0, 
-              "hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50",
-              buttonClassName
-            ),
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuPlus, {})
-          }
-        )
-      ] });
-    }
-  )
+        slot
+      ))
+    ] });
+  })
 );
 QuantityInput.displayName = "QuantityInput";