@entifix/react-controls 0.18.1 → 0.19.0

package/dist/ui/atoms/cell-value/cell-value.d.ts

@@ -2,11 +2,16 @@ import { type EntityFieldDescriptor } from '@entifix/core';
 export interface CellValueProps {
     value: unknown;
     descriptor: EntityFieldDescriptor;
+    /**
+     * The record the value belongs to. A money member whose currency is another
+     * member of the record (`money.currencyMember`) reads it from here.
+     */
+    record?: Readonly<Record<string, unknown>>;
 }
 /**
  * Renders one entity member according to its metadata type. Centralizing this
  * is what lets a table stay generic: a link, a date and a number all arrive as
  * "the value of an accessor", and only the descriptor decides how they read.
  */
-export declare function CellValue({ value, descriptor }: CellValueProps): import("react").JSX.Element;
+export declare function CellValue({ value, descriptor, record }: CellValueProps): import("react").JSX.Element;
 //# sourceMappingURL=cell-value.d.ts.map

package/dist/ui/atoms/cell-value/cell-value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cell-value.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/cell-value/cell-value.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,qBAAqB,EAK3B,MAAM,eAAe,CAAC;AAsIvB,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,qBAAqB,CAAC;CACnC;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,cAAc,+BA+B9D"}
+{"version":3,"file":"cell-value.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/cell-value/cell-value.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,qBAAqB,EAK3B,MAAM,eAAe,CAAC;AAwIvB,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,qBAAqB,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAC5C;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,cAAc,+BAkDtE"}

package/dist/ui/atoms/cell-value/cell-value.js

@@ -2,6 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { EntityCollectionLink, EntityLink, isLocalizedText, localize } from '@entifix/core';
 import { useEnumLabel, useFormatters, useLocale, useT } from '../../../i18n/index.js';
+import { Money } from '../money/money.js';
+import { currencyOf } from '../money/money-math.js';
 /** Stand-in for an absent value, so an empty cell still reads as intentional. */ const EMPTY = '—';
 /**
  * A link reads as its target's label when the target is loaded (embedded or
@@ -73,18 +75,34 @@ function formatByType(value, type, linkLabelProperty, formatting) {
  * Renders one entity member according to its metadata type. Centralizing this
  * is what lets a table stay generic: a link, a date and a number all arrive as
  * "the value of an accessor", and only the descriptor decides how they read.
- */ export function CellValue({ value, descriptor }) {
+ */ export function CellValue({ value, descriptor, record }) {
     var _NUMERIC_CLASS_descriptor_type;
     const t = useT();
     const formatters = useFormatters();
     const enumLabel = useEnumLabel();
     const locale = useLocale();
-    if (value === undefined || value === null) {
+    if (value === undefined || value === null || value === '') {
         return /*#__PURE__*/ _jsx("span", {
             className: "text-content-muted",
             children: EMPTY
         });
     }
+    // An amount reads as money in the reader's locale, never as the stored
+    // number. A draft holds it as a string, so a numeric string counts too. A
+    // currency the record does not carry leaves it a plain number rather than
+    // guessing one.
+    if (descriptor.money !== undefined) {
+        const amount = typeof value === 'number' ? value : Number(value);
+        const currency = currencyOf(descriptor.money, record);
+        if (currency !== undefined && Number.isFinite(amount)) {
+            return /*#__PURE__*/ _jsx(Money, {
+                amount: amount,
+                currency: currency,
+                unit: descriptor.money.unit,
+                locale: locale
+            });
+        }
+    }
     const text = formatByType(value, descriptor.type, descriptor.linkLabelProperty, {
         formatters,
         yes: t('value.yes'),

package/dist/ui/atoms/cell-value/cell-value.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/atoms/cell-value/cell-value.tsx"],"sourcesContent":["'use client';\n\nimport type { Formatters, Locale } from '@entifix/core';\nimport {\n  type Entity,\n  EntityCollectionLink,\n  type EntityFieldDescriptor,\n  EntityLink,\n  isLocalizedText,\n  localize,\n  type MetaAccessorType,\n} from '@entifix/core';\n\nimport {\n  useEnumLabel,\n  useFormatters,\n  useLocale,\n  useT,\n} from '../../../i18n/index.js';\n\n/** Stand-in for an absent value, so an empty cell still reads as intentional. */\nconst EMPTY = '—';\n\n/**\n * A link reads as its target's label when the target is loaded (embedded or\n * resolved), and as the bare foreign key when it is not — the same cell markup\n * covers both shapes a relation can arrive in.\n */\nfunction entityLabel(\n  target: Entity | undefined,\n  linkLabelProperty: string,\n  locale: Locale,\n): string | undefined {\n  const label = (target as Record<string, unknown> | undefined)?.[\n    linkLabelProperty\n  ];\n  if (label == null) return undefined;\n  // A target labelled by a localized member reads in the reader's locale.\n  return isLocalizedText(label) ? localize(label, locale) : String(label);\n}\n\nfunction formatLink(\n  link: EntityLink<Entity>,\n  linkLabelProperty: string,\n  locale: Locale,\n): string {\n  return (\n    entityLabel(link.value, linkLabelProperty, locale) ??\n    (link.id == null ? EMPTY : String(link.id))\n  );\n}\n\nfunction formatCollectionLink(\n  link: EntityCollectionLink<Entity>,\n  linkLabelProperty: string,\n  locale: Locale,\n): string {\n  const loaded = link.values;\n  if (loaded !== undefined) {\n    return loaded\n      .map(\n        (target, index) =>\n          entityLabel(target, linkLabelProperty, locale) ??\n          String(target.id ?? link.ids[index] ?? ''),\n      )\n      .join(', ');\n  }\n  return link.ids.map(String).join(', ');\n}\n\n/**\n * Everything locale-dependent, resolved once by the component and handed down.\n * The formatters carry an explicit locale, which is what keeps a date rendered\n * on the server byte-identical to the same date rendered in the browser.\n */\ninterface CellFormatting {\n  readonly formatters: Formatters;\n  readonly yes: string;\n  readonly no: string;\n  readonly enumLabel: (value: string) => string;\n  readonly rowCount: (count: number) => string;\n  readonly locale: Locale;\n}\n\nfunction formatByType(\n  value: unknown,\n  type: MetaAccessorType,\n  linkLabelProperty: string,\n  formatting: CellFormatting,\n): string {\n  switch (type) {\n    case 'date':\n      return formatting.formatters.date(\n        value instanceof Date ? value : String(value),\n      );\n    case 'number':\n      return typeof value === 'number'\n        ? formatting.formatters.number(value)\n        : String(value);\n    case 'boolean':\n      return value ? formatting.yes : formatting.no;\n    case 'enum':\n      return formatting.enumLabel(String(value));\n    case 'link':\n      return value instanceof EntityLink\n        ? formatLink(value, linkLabelProperty, formatting.locale)\n        : String(value);\n    case 'linkCollection':\n      return value instanceof EntityCollectionLink\n        ? formatCollectionLink(value, linkLabelProperty, formatting.locale)\n        : String(value);\n    case 'scalarCollection':\n      // The same comma list the draft holds, spaced for reading. Not `String`:\n      // an array's own `toString` joins on a bare comma, which reads as one\n      // run-on token in a narrow column.\n      return Array.isArray(value) ? value.join(', ') : String(value);\n    case 'composition':\n      // Owned rows have no useful one-line form — a receipt's lines are not a\n      // sentence — and the master's own screen is where they are read and\n      // edited. So the cell reports the count and stops.\n      return Array.isArray(value)\n        ? formatting.rowCount(value.length)\n        : String(value);\n    case 'localized':\n      // The reader's locale, falling back to the host's default; a value\n      // that is not a text per locale has no reading worth guessing at.\n      return isLocalizedText(value)\n        ? (localize(value, formatting.locale) ?? '')\n        : '';\n    default:\n      return String(value);\n  }\n}\n\n/**\n * Tabular figures, applied once, here — not on `--font-sans` and not per call\n * site. A column of numbers or dates must align on the digit; a paragraph must\n * not, because proportional figures are what prose is set in. The descriptor\n * already knows which is which, so the cell is the only place that has to.\n */\nconst NUMERIC_CLASS: Partial<Record<MetaAccessorType, string>> = {\n  number: 'tabular-nums',\n  date: 'tabular-nums',\n};\n\nexport interface CellValueProps {\n  value: unknown;\n  descriptor: EntityFieldDescriptor;\n}\n\n/**\n * Renders one entity member according to its metadata type. Centralizing this\n * is what lets a table stay generic: a link, a date and a number all arrive as\n * \"the value of an accessor\", and only the descriptor decides how they read.\n */\nexport function CellValue({ value, descriptor }: CellValueProps) {\n  const t = useT();\n  const formatters = useFormatters();\n  const enumLabel = useEnumLabel();\n  const locale = useLocale();\n\n  if (value === undefined || value === null) {\n    return <span className=\"text-content-muted\">{EMPTY}</span>;\n  }\n\n  const text = formatByType(\n    value,\n    descriptor.type,\n    descriptor.linkLabelProperty,\n    {\n      formatters,\n      yes: t('value.yes'),\n      no: t('value.no'),\n      enumLabel: raw => enumLabel(descriptor, raw),\n      rowCount: count => t('value.rowCount', { count }),\n      locale,\n    },\n  );\n\n  if (text === '') {\n    return <span className=\"text-content-muted\">{EMPTY}</span>;\n  }\n\n  return (\n    <span className={NUMERIC_CLASS[descriptor.type] ?? undefined}>{text}</span>\n  );\n}\n"],"names":["EntityCollectionLink","EntityLink","isLocalizedText","localize","useEnumLabel","useFormatters","useLocale","useT","EMPTY","entityLabel","target","linkLabelProperty","locale","label","undefined","String","formatLink","link","value","id","formatCollectionLink","loaded","values","map","index","ids","join","formatByType","type","formatting","formatters","date","Date","number","yes","no","enumLabel","Array","isArray","rowCount","length","NUMERIC_CLASS","CellValue","descriptor","t","span","className","text","raw","count"],"mappings":"AAAA;;AAGA,SAEEA,oBAAoB,EAEpBC,UAAU,EACVC,eAAe,EACfC,QAAQ,QAEH,gBAAgB;AAEvB,SACEC,YAAY,EACZC,aAAa,EACbC,SAAS,EACTC,IAAI,QACC,yBAAyB;AAEhC,+EAA+E,GAC/E,MAAMC,QAAQ;AAEd;;;;CAIC,GACD,SAASC,YACPC,MAA0B,EAC1BC,iBAAyB,EACzBC,MAAc;IAEd,MAAMC,QAASH,0BAAD,AAACA,MAAgD,CAC7DC,kBACD;IACD,IAAIE,SAAS,MAAM,OAAOC;IAC1B,wEAAwE;IACxE,OAAOZ,gBAAgBW,SAASV,SAASU,OAAOD,UAAUG,OAAOF;AACnE;AAEA,SAASG,WACPC,IAAwB,EACxBN,iBAAyB,EACzBC,MAAc;QAGZH;IADF,QACEA,eAAAA,YAAYQ,KAAKC,KAAK,EAAEP,mBAAmBC,mBAA3CH,eACCQ,KAAKE,EAAE,IAAI,OAAOX,QAAQO,OAAOE,KAAKE,EAAE;AAE7C;AAEA,SAASC,qBACPH,IAAkC,EAClCN,iBAAyB,EACzBC,MAAc;IAEd,MAAMS,SAASJ,KAAKK,MAAM;IAC1B,IAAID,WAAWP,WAAW;QACxB,OAAOO,OACJE,GAAG,CACF,CAACb,QAAQc;gBACPf,cACOC,MAAAA;oBADPD,eAAAA,YAAYC,QAAQC,mBAAmBC,mBAAvCH,eACAM,QAAOL,QAAAA,aAAAA,OAAOS,EAAE,YAATT,aAAaO,KAAKQ,GAAG,CAACD,MAAM,YAA5Bd,OAAgC;WAE1CgB,IAAI,CAAC;IACV;IACA,OAAOT,KAAKQ,GAAG,CAACF,GAAG,CAACR,QAAQW,IAAI,CAAC;AACnC;AAgBA,SAASC,aACPT,KAAc,EACdU,IAAsB,EACtBjB,iBAAyB,EACzBkB,UAA0B;IAE1B,OAAQD;QACN,KAAK;YACH,OAAOC,WAAWC,UAAU,CAACC,IAAI,CAC/Bb,iBAAiBc,OAAOd,QAAQH,OAAOG;QAE3C,KAAK;YACH,OAAO,OAAOA,UAAU,WACpBW,WAAWC,UAAU,CAACG,MAAM,CAACf,SAC7BH,OAAOG;QACb,KAAK;YACH,OAAOA,QAAQW,WAAWK,GAAG,GAAGL,WAAWM,EAAE;QAC/C,KAAK;YACH,OAAON,WAAWO,SAAS,CAACrB,OAAOG;QACrC,KAAK;YACH,OAAOA,iBAAiBjB,aACpBe,WAAWE,OAAOP,mBAAmBkB,WAAWjB,MAAM,IACtDG,OAAOG;QACb,KAAK;YACH,OAAOA,iBAAiBlB,uBACpBoB,qBAAqBF,OAAOP,mBAAmBkB,WAAWjB,MAAM,IAChEG,OAAOG;QACb,KAAK;YACH,yEAAyE;YACzE,sEAAsE;YACtE,mCAAmC;YACnC,OAAOmB,MAAMC,OAAO,CAACpB,SAASA,MAAMQ,IAAI,CAAC,QAAQX,OAAOG;QAC1D,KAAK;YACH,wEAAwE;YACxE,oEAAoE;YACpE,mDAAmD;YACnD,OAAOmB,MAAMC,OAAO,CAACpB,SACjBW,WAAWU,QAAQ,CAACrB,MAAMsB,MAAM,IAChCzB,OAAOG;QACb,KAAK;gBAIEf;YAHL,mEAAmE;YACnE,kEAAkE;YAClE,OAAOD,gBAAgBgB,UAClBf,YAAAA,SAASe,OAAOW,WAAWjB,MAAM,aAAjCT,YAAsC,KACvC;QACN;YACE,OAAOY,OAAOG;IAClB;AACF;AAEA;;;;;CAKC,GACD,MAAMuB,gBAA2D;IAC/DR,QAAQ;IACRF,MAAM;AACR;AAOA;;;;CAIC,GACD,OAAO,SAASW,UAAU,EAAExB,KAAK,EAAEyB,UAAU,EAAkB;QA6B1CF;IA5BnB,MAAMG,IAAIrC;IACV,MAAMuB,aAAazB;IACnB,MAAM+B,YAAYhC;IAClB,MAAMQ,SAASN;IAEf,IAAIY,UAAUJ,aAAaI,UAAU,MAAM;QACzC,qBAAO,KAAC2B;YAAKC,WAAU;sBAAsBtC;;IAC/C;IAEA,MAAMuC,OAAOpB,aACXT,OACAyB,WAAWf,IAAI,EACfe,WAAWhC,iBAAiB,EAC5B;QACEmB;QACAI,KAAKU,EAAE;QACPT,IAAIS,EAAE;QACNR,WAAWY,CAAAA,MAAOZ,UAAUO,YAAYK;QACxCT,UAAUU,CAAAA,QAASL,EAAE,kBAAkB;gBAAEK;YAAM;QAC/CrC;IACF;IAGF,IAAImC,SAAS,IAAI;QACf,qBAAO,KAACF;YAAKC,WAAU;sBAAsBtC;;IAC/C;IAEA,qBACE,KAACqC;QAAKC,SAAS,GAAEL,iCAAAA,aAAa,CAACE,WAAWf,IAAI,CAAC,YAA9Ba,iCAAkC3B;kBAAYiC;;AAEnE"}
+{"version":3,"sources":["../../../../src/ui/atoms/cell-value/cell-value.tsx"],"sourcesContent":["'use client';\n\nimport type { Formatters, Locale } from '@entifix/core';\nimport {\n  type Entity,\n  EntityCollectionLink,\n  type EntityFieldDescriptor,\n  EntityLink,\n  isLocalizedText,\n  localize,\n  type MetaAccessorType,\n} from '@entifix/core';\n\nimport {\n  useEnumLabel,\n  useFormatters,\n  useLocale,\n  useT,\n} from '../../../i18n/index.js';\nimport { Money } from '../money/money.js';\nimport { currencyOf } from '../money/money-math.js';\n\n/** Stand-in for an absent value, so an empty cell still reads as intentional. */\nconst EMPTY = '—';\n\n/**\n * A link reads as its target's label when the target is loaded (embedded or\n * resolved), and as the bare foreign key when it is not — the same cell markup\n * covers both shapes a relation can arrive in.\n */\nfunction entityLabel(\n  target: Entity | undefined,\n  linkLabelProperty: string,\n  locale: Locale,\n): string | undefined {\n  const label = (target as Record<string, unknown> | undefined)?.[\n    linkLabelProperty\n  ];\n  if (label == null) return undefined;\n  // A target labelled by a localized member reads in the reader's locale.\n  return isLocalizedText(label) ? localize(label, locale) : String(label);\n}\n\nfunction formatLink(\n  link: EntityLink<Entity>,\n  linkLabelProperty: string,\n  locale: Locale,\n): string {\n  return (\n    entityLabel(link.value, linkLabelProperty, locale) ??\n    (link.id == null ? EMPTY : String(link.id))\n  );\n}\n\nfunction formatCollectionLink(\n  link: EntityCollectionLink<Entity>,\n  linkLabelProperty: string,\n  locale: Locale,\n): string {\n  const loaded = link.values;\n  if (loaded !== undefined) {\n    return loaded\n      .map(\n        (target, index) =>\n          entityLabel(target, linkLabelProperty, locale) ??\n          String(target.id ?? link.ids[index] ?? ''),\n      )\n      .join(', ');\n  }\n  return link.ids.map(String).join(', ');\n}\n\n/**\n * Everything locale-dependent, resolved once by the component and handed down.\n * The formatters carry an explicit locale, which is what keeps a date rendered\n * on the server byte-identical to the same date rendered in the browser.\n */\ninterface CellFormatting {\n  readonly formatters: Formatters;\n  readonly yes: string;\n  readonly no: string;\n  readonly enumLabel: (value: string) => string;\n  readonly rowCount: (count: number) => string;\n  readonly locale: Locale;\n}\n\nfunction formatByType(\n  value: unknown,\n  type: MetaAccessorType,\n  linkLabelProperty: string,\n  formatting: CellFormatting,\n): string {\n  switch (type) {\n    case 'date':\n      return formatting.formatters.date(\n        value instanceof Date ? value : String(value),\n      );\n    case 'number':\n      return typeof value === 'number'\n        ? formatting.formatters.number(value)\n        : String(value);\n    case 'boolean':\n      return value ? formatting.yes : formatting.no;\n    case 'enum':\n      return formatting.enumLabel(String(value));\n    case 'link':\n      return value instanceof EntityLink\n        ? formatLink(value, linkLabelProperty, formatting.locale)\n        : String(value);\n    case 'linkCollection':\n      return value instanceof EntityCollectionLink\n        ? formatCollectionLink(value, linkLabelProperty, formatting.locale)\n        : String(value);\n    case 'scalarCollection':\n      // The same comma list the draft holds, spaced for reading. Not `String`:\n      // an array's own `toString` joins on a bare comma, which reads as one\n      // run-on token in a narrow column.\n      return Array.isArray(value) ? value.join(', ') : String(value);\n    case 'composition':\n      // Owned rows have no useful one-line form — a receipt's lines are not a\n      // sentence — and the master's own screen is where they are read and\n      // edited. So the cell reports the count and stops.\n      return Array.isArray(value)\n        ? formatting.rowCount(value.length)\n        : String(value);\n    case 'localized':\n      // The reader's locale, falling back to the host's default; a value\n      // that is not a text per locale has no reading worth guessing at.\n      return isLocalizedText(value)\n        ? (localize(value, formatting.locale) ?? '')\n        : '';\n    default:\n      return String(value);\n  }\n}\n\n/**\n * Tabular figures, applied once, here — not on `--font-sans` and not per call\n * site. A column of numbers or dates must align on the digit; a paragraph must\n * not, because proportional figures are what prose is set in. The descriptor\n * already knows which is which, so the cell is the only place that has to.\n */\nconst NUMERIC_CLASS: Partial<Record<MetaAccessorType, string>> = {\n  number: 'tabular-nums',\n  date: 'tabular-nums',\n};\n\nexport interface CellValueProps {\n  value: unknown;\n  descriptor: EntityFieldDescriptor;\n  /**\n   * The record the value belongs to. A money member whose currency is another\n   * member of the record (`money.currencyMember`) reads it from here.\n   */\n  record?: Readonly<Record<string, unknown>>;\n}\n\n/**\n * Renders one entity member according to its metadata type. Centralizing this\n * is what lets a table stay generic: a link, a date and a number all arrive as\n * \"the value of an accessor\", and only the descriptor decides how they read.\n */\nexport function CellValue({ value, descriptor, record }: CellValueProps) {\n  const t = useT();\n  const formatters = useFormatters();\n  const enumLabel = useEnumLabel();\n  const locale = useLocale();\n\n  if (value === undefined || value === null || value === '') {\n    return <span className=\"text-content-muted\">{EMPTY}</span>;\n  }\n\n  // An amount reads as money in the reader's locale, never as the stored\n  // number. A draft holds it as a string, so a numeric string counts too. A\n  // currency the record does not carry leaves it a plain number rather than\n  // guessing one.\n  if (descriptor.money !== undefined) {\n    const amount = typeof value === 'number' ? value : Number(value);\n    const currency = currencyOf(descriptor.money, record);\n    if (currency !== undefined && Number.isFinite(amount)) {\n      return (\n        <Money\n          amount={amount}\n          currency={currency}\n          unit={descriptor.money.unit}\n          locale={locale}\n        />\n      );\n    }\n  }\n\n  const text = formatByType(\n    value,\n    descriptor.type,\n    descriptor.linkLabelProperty,\n    {\n      formatters,\n      yes: t('value.yes'),\n      no: t('value.no'),\n      enumLabel: raw => enumLabel(descriptor, raw),\n      rowCount: count => t('value.rowCount', { count }),\n      locale,\n    },\n  );\n\n  if (text === '') {\n    return <span className=\"text-content-muted\">{EMPTY}</span>;\n  }\n\n  return (\n    <span className={NUMERIC_CLASS[descriptor.type] ?? undefined}>{text}</span>\n  );\n}\n"],"names":["EntityCollectionLink","EntityLink","isLocalizedText","localize","useEnumLabel","useFormatters","useLocale","useT","Money","currencyOf","EMPTY","entityLabel","target","linkLabelProperty","locale","label","undefined","String","formatLink","link","value","id","formatCollectionLink","loaded","values","map","index","ids","join","formatByType","type","formatting","formatters","date","Date","number","yes","no","enumLabel","Array","isArray","rowCount","length","NUMERIC_CLASS","CellValue","descriptor","record","t","span","className","money","amount","Number","currency","isFinite","unit","text","raw","count"],"mappings":"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"}

package/dist/ui/atoms/field/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/field/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAqB,MAAM,OAAO,CAAC;AAIzE,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,wBAAwB,CAAC,OAAO,CAAC,EACjC,MAAM,CACP;IACC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,aAAqB,EACrB,GAAG,KAAK,EACT,EAAE,aAAa,+BAiCf"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/field/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAqB,MAAM,OAAO,CAAC;AAIzE,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,wBAAwB,CAAC,OAAO,CAAC,EACjC,MAAM,CACP;IACC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAwBD;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,aAAqB,EACrB,GAAG,KAAK,EACT,EAAE,aAAa,+BAiCf"}

package/dist/ui/atoms/field/checkbox.js

@@ -4,6 +4,26 @@ import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_wi
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import { cn } from '../../utils/cn.js';
+/**
+ * The box is painted at 1rem and HIT at `--target-min` (WCAG 2.5.8, ADR 0025).
+ * The input itself is the target-sized element — an input renders no
+ * pseudo-element of its own until `appearance: none` hands its painting over,
+ * which is what this does — and a negative margin gives the extra back, so the
+ * layout still sees a 1rem box at any floor and compact density stays compact. The square,
+ * its tick and the indeterminate bar are drawn by `::before` and `::after`
+ * with `border-control` and the primary colour; the tick and the bar are
+ * borders, so forced colours keep them.
+ */ const BOX = [
+    'relative size-(--target-min) shrink-0 cursor-pointer appearance-none rounded-sm focus-ring',
+    'disabled:cursor-not-allowed disabled:opacity-50',
+    // The painted square: 1rem, centred in the target whatever its floor.
+    'before:absolute before:inset-[calc((var(--target-min)-(--spacing(4)))/2)] before:rounded-sm before:border before:border-border-control before:bg-surface-elevated',
+    'checked:before:border-primary checked:before:bg-primary indeterminate:before:border-primary indeterminate:before:bg-primary',
+    // The tick: two borders of a rotated box.
+    'checked:after:absolute checked:after:inset-0 checked:after:m-auto checked:after:h-2.5 checked:after:w-1.5 checked:after:-translate-y-px checked:after:rotate-45 checked:after:border-r-2 checked:after:border-b-2 checked:after:border-primary-content',
+    // The bar: one border.
+    'indeterminate:after:absolute indeterminate:after:top-1/2 indeterminate:after:left-1/2 indeterminate:after:w-2 indeterminate:after:-translate-1/2 indeterminate:after:border-t-2 indeterminate:after:border-primary-content'
+].join(' ');
 /**
  * A checkbox, with its caption when it has one.
  *
@@ -31,7 +51,7 @@ import { cn } from '../../utils/cn.js';
     const box = /*#__PURE__*/ _jsx("input", _extends({
         ref: ref,
         type: "checkbox",
-        className: cn('size-4 accent-primary', label ? undefined : className)
+        className: cn(BOX, label ? undefined : className)
     }, props));
     if (label === undefined) return box;
     return /*#__PURE__*/ _jsxs("label", {

package/dist/ui/atoms/field/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/atoms/field/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentPropsWithoutRef, useEffect, useRef } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\nexport interface CheckboxProps extends Omit<\n  ComponentPropsWithoutRef<'input'>,\n  'type'\n> {\n  /**\n   * The visible caption. Omit it for a box whose meaning comes from where it\n   * sits — a row's selection box, where the column header is the caption and\n   * the row itself is the subject — and pass `aria-label` instead, so the\n   * control still announces itself to a screen reader. A box with neither is\n   * unlabelled.\n   */\n  label?: string;\n  /**\n   * The third state: some of the rows below are selected, but not all.\n   *\n   * It is a DOM **property**, not an attribute, so React cannot set it from\n   * JSX — `<input indeterminate>` is silently dropped — and it has to be\n   * written through a ref after render. That is the whole reason this component\n   * is separate from its siblings in `field.tsx`, and the reason it carries\n   * `'use client'`: those two are hook-free and stay server-renderable, because\n   * the storefront's search page is a Server Component that imports `TextInput`\n   * and must not pull a client boundary into a prerendered route.\n   */\n  indeterminate?: boolean;\n}\n\n/**\n * A checkbox, with its caption when it has one.\n *\n * Two shapes, and the difference is not cosmetic. With `label` it renders the\n * caption inside a `<label>` and the whole pair is the click target — the form\n * control every other field is. Without one it renders a bare box that takes\n * its meaning from its position, which is what a selection column needs: a\n * caption per row would repeat the column header on every line, and the row's\n * own cells are already the subject.\n */\nexport function Checkbox({\n  label,\n  className,\n  indeterminate = false,\n  ...props\n}: CheckboxProps) {\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    // The effect only runs once the input is mounted, so the ref is always\n    // filled here; the guard is what keeps a future refactor that renders the\n    // box conditionally from throwing rather than no-op'ing.\n    /* v8 ignore next */\n    if (ref.current) ref.current.indeterminate = indeterminate;\n  }, [indeterminate]);\n\n  const box = (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      className={cn('size-4 accent-primary', label ? undefined : className)}\n      {...props}\n    />\n  );\n\n  if (label === undefined) return box;\n\n  return (\n    <label\n      className={cn(\n        'flex cursor-pointer items-center gap-2xs text-step-sm text-content',\n        className,\n      )}\n    >\n      {box}\n      {label}\n    </label>\n  );\n}\n"],"names":["useEffect","useRef","cn","Checkbox","label","className","indeterminate","props","ref","current","box","input","type","undefined"],"mappings":"AAAA;;;;AAEA,SAAwCA,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAEzE,SAASC,EAAE,QAAQ,oBAAoB;AA4BvC;;;;;;;;;CASC,GACD,OAAO,SAASC,SAAS,EAKT;QALS,EACvBC,KAAK,EACLC,SAAS,EACTC,gBAAgB,KAAK,EAEP,OADXC;;;;;IAEH,MAAMC,MAAMP,OAAyB;IAErCD,UAAU;QACR,uEAAuE;QACvE,0EAA0E;QAC1E,yDAAyD;QACzD,kBAAkB,GAClB,IAAIQ,IAAIC,OAAO,EAAED,IAAIC,OAAO,CAACH,aAAa,GAAGA;IAC/C,GAAG;QAACA;KAAc;IAElB,MAAMI,oBACJ,KAACC;QACCH,KAAKA;QACLI,MAAK;QACLP,WAAWH,GAAG,yBAAyBE,QAAQS,YAAYR;OACvDE;IAIR,IAAIH,UAAUS,WAAW,OAAOH;IAEhC,qBACE,MAACN;QACCC,WAAWH,GACT,sEACAG;;YAGDK;YACAN;;;AAGP"}
+{"version":3,"sources":["../../../../src/ui/atoms/field/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentPropsWithoutRef, useEffect, useRef } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\nexport interface CheckboxProps extends Omit<\n  ComponentPropsWithoutRef<'input'>,\n  'type'\n> {\n  /**\n   * The visible caption. Omit it for a box whose meaning comes from where it\n   * sits — a row's selection box, where the column header is the caption and\n   * the row itself is the subject — and pass `aria-label` instead, so the\n   * control still announces itself to a screen reader. A box with neither is\n   * unlabelled.\n   */\n  label?: string;\n  /**\n   * The third state: some of the rows below are selected, but not all.\n   *\n   * It is a DOM **property**, not an attribute, so React cannot set it from\n   * JSX — `<input indeterminate>` is silently dropped — and it has to be\n   * written through a ref after render. That is the whole reason this component\n   * is separate from its siblings in `field.tsx`, and the reason it carries\n   * `'use client'`: those two are hook-free and stay server-renderable, because\n   * the storefront's search page is a Server Component that imports `TextInput`\n   * and must not pull a client boundary into a prerendered route.\n   */\n  indeterminate?: boolean;\n}\n\n/**\n * The box is painted at 1rem and HIT at `--target-min` (WCAG 2.5.8, ADR 0025).\n * The input itself is the target-sized element — an input renders no\n * pseudo-element of its own until `appearance: none` hands its painting over,\n * which is what this does — and a negative margin gives the extra back, so the\n * layout still sees a 1rem box at any floor and compact density stays compact. The square,\n * its tick and the indeterminate bar are drawn by `::before` and `::after`\n * with `border-control` and the primary colour; the tick and the bar are\n * borders, so forced colours keep them.\n */\nconst BOX = [\n  'relative size-(--target-min) shrink-0 cursor-pointer appearance-none rounded-sm focus-ring',\n  'disabled:cursor-not-allowed disabled:opacity-50',\n  // The painted square: 1rem, centred in the target whatever its floor.\n  'before:absolute before:inset-[calc((var(--target-min)-(--spacing(4)))/2)] before:rounded-sm before:border before:border-border-control before:bg-surface-elevated',\n  'checked:before:border-primary checked:before:bg-primary indeterminate:before:border-primary indeterminate:before:bg-primary',\n  // The tick: two borders of a rotated box.\n  'checked:after:absolute checked:after:inset-0 checked:after:m-auto checked:after:h-2.5 checked:after:w-1.5 checked:after:-translate-y-px checked:after:rotate-45 checked:after:border-r-2 checked:after:border-b-2 checked:after:border-primary-content',\n  // The bar: one border.\n  'indeterminate:after:absolute indeterminate:after:top-1/2 indeterminate:after:left-1/2 indeterminate:after:w-2 indeterminate:after:-translate-1/2 indeterminate:after:border-t-2 indeterminate:after:border-primary-content',\n].join(' ');\n\n/**\n * A checkbox, with its caption when it has one.\n *\n * Two shapes, and the difference is not cosmetic. With `label` it renders the\n * caption inside a `<label>` and the whole pair is the click target — the form\n * control every other field is. Without one it renders a bare box that takes\n * its meaning from its position, which is what a selection column needs: a\n * caption per row would repeat the column header on every line, and the row's\n * own cells are already the subject.\n */\nexport function Checkbox({\n  label,\n  className,\n  indeterminate = false,\n  ...props\n}: CheckboxProps) {\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    // The effect only runs once the input is mounted, so the ref is always\n    // filled here; the guard is what keeps a future refactor that renders the\n    // box conditionally from throwing rather than no-op'ing.\n    /* v8 ignore next */\n    if (ref.current) ref.current.indeterminate = indeterminate;\n  }, [indeterminate]);\n\n  const box = (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      className={cn(BOX, label ? undefined : className)}\n      {...props}\n    />\n  );\n\n  if (label === undefined) return box;\n\n  return (\n    <label\n      className={cn(\n        'flex cursor-pointer items-center gap-2xs text-step-sm text-content',\n        className,\n      )}\n    >\n      {box}\n      {label}\n    </label>\n  );\n}\n"],"names":["useEffect","useRef","cn","BOX","join","Checkbox","label","className","indeterminate","props","ref","current","box","input","type","undefined"],"mappings":"AAAA;;;;AAEA,SAAwCA,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAEzE,SAASC,EAAE,QAAQ,oBAAoB;AA4BvC;;;;;;;;;CASC,GACD,MAAMC,MAAM;IACV;IACA;IACA,sEAAsE;IACtE;IACA;IACA,0CAA0C;IAC1C;IACA,uBAAuB;IACvB;CACD,CAACC,IAAI,CAAC;AAEP;;;;;;;;;CASC,GACD,OAAO,SAASC,SAAS,EAKT;QALS,EACvBC,KAAK,EACLC,SAAS,EACTC,gBAAgB,KAAK,EAEP,OADXC;;;;;IAEH,MAAMC,MAAMT,OAAyB;IAErCD,UAAU;QACR,uEAAuE;QACvE,0EAA0E;QAC1E,yDAAyD;QACzD,kBAAkB,GAClB,IAAIU,IAAIC,OAAO,EAAED,IAAIC,OAAO,CAACH,aAAa,GAAGA;IAC/C,GAAG;QAACA;KAAc;IAElB,MAAMI,oBACJ,KAACC;QACCH,KAAKA;QACLI,MAAK;QACLP,WAAWL,GAAGC,KAAKG,QAAQS,YAAYR;OACnCE;IAIR,IAAIH,UAAUS,WAAW,OAAOH;IAEhC,qBACE,MAACN;QACCC,WAAWL,GACT,sEACAK;;YAGDK;YACAN;;;AAGP"}

package/dist/ui/atoms/field/field.js

@@ -3,7 +3,7 @@ import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_wi
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '../../utils/cn.js';
 /** Shared shell for the interactive form controls below. */ const CONTROL_CLASS = [
-    'rounded-lg border border-border bg-surface-elevated px-2xs py-3xs',
+    'min-h-(--target-min) rounded-lg border border-border-control bg-surface-elevated px-2xs py-3xs',
     'text-step-sm text-content',
     'transition-colors duration-200 ease-smooth',
     'focus-ring',

package/dist/ui/atoms/field/field.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/atoms/field/field.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\n/** Shared shell for the interactive form controls below. */\nconst CONTROL_CLASS = [\n  'rounded-lg border border-border bg-surface-elevated px-2xs py-3xs',\n  'text-step-sm text-content',\n  'transition-colors duration-200 ease-smooth',\n  'focus-ring',\n  'disabled:cursor-not-allowed disabled:opacity-50',\n].join(' ');\n\nexport function TextInput({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'input'>) {\n  return <input className={cn(CONTROL_CLASS, className)} {...props} />;\n}\n\nexport function Select({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'select'>) {\n  return <select className={cn(CONTROL_CLASS, className)} {...props} />;\n}\n"],"names":["cn","CONTROL_CLASS","join","TextInput","className","props","input","Select","select"],"mappings":";;;AAEA,SAASA,EAAE,QAAQ,oBAAoB;AAEvC,0DAA0D,GAC1D,MAAMC,gBAAgB;IACpB;IACA;IACA;IACA;IACA;CACD,CAACC,IAAI,CAAC;AAEP,OAAO,SAASC,UAAU,EAGU;QAHV,EACxBC,SAAS,EAEyB,OAD/BC;;;IAEH,qBAAO,KAACC;QAAMF,WAAWJ,GAAGC,eAAeG;OAAgBC;AAC7D;AAEA,OAAO,SAASE,OAAO,EAGc;QAHd,EACrBH,SAAS,EAE0B,OADhCC;;;IAEH,qBAAO,KAACG;QAAOJ,WAAWJ,GAAGC,eAAeG;OAAgBC;AAC9D"}
+{"version":3,"sources":["../../../../src/ui/atoms/field/field.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\n/** Shared shell for the interactive form controls below. */\nconst CONTROL_CLASS = [\n  'min-h-(--target-min) rounded-lg border border-border-control bg-surface-elevated px-2xs py-3xs',\n  'text-step-sm text-content',\n  'transition-colors duration-200 ease-smooth',\n  'focus-ring',\n  'disabled:cursor-not-allowed disabled:opacity-50',\n].join(' ');\n\nexport function TextInput({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'input'>) {\n  return <input className={cn(CONTROL_CLASS, className)} {...props} />;\n}\n\nexport function Select({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'select'>) {\n  return <select className={cn(CONTROL_CLASS, className)} {...props} />;\n}\n"],"names":["cn","CONTROL_CLASS","join","TextInput","className","props","input","Select","select"],"mappings":";;;AAEA,SAASA,EAAE,QAAQ,oBAAoB;AAEvC,0DAA0D,GAC1D,MAAMC,gBAAgB;IACpB;IACA;IACA;IACA;IACA;CACD,CAACC,IAAI,CAAC;AAEP,OAAO,SAASC,UAAU,EAGU;QAHV,EACxBC,SAAS,EAEyB,OAD/BC;;;IAEH,qBAAO,KAACC;QAAMF,WAAWJ,GAAGC,eAAeG;OAAgBC;AAC7D;AAEA,OAAO,SAASE,OAAO,EAGc;QAHd,EACrBH,SAAS,EAE0B,OADhCC;;;IAEH,qBAAO,KAACG;QAAOJ,WAAWJ,GAAGC,eAAeG;OAAgBC;AAC9D"}

package/dist/ui/atoms/field-control/field-control.d.ts

@@ -23,6 +23,11 @@ export interface FieldControlProps {
     value: string;
     onChange: (value: string) => void;
     id?: string;
+    /**
+     * The record being edited, as its draft. A money member whose currency is
+     * another member (`money.currencyMember`) reads it from here.
+     */
+    record?: Readonly<Record<string, unknown>>;
 }
 /**
  * The edit-mode inverse of {@link CellValue}: it turns one metadata descriptor
@@ -46,5 +51,5 @@ export interface FieldControlProps {
  * so the draft it round-trips through *is* editable text. Splitting on the
  * comma is `reconstructEntity`'s half of that same contract.
  */
-export declare function FieldControl({ descriptor, value, onChange, id, ...aria }: FieldControlProps): import("react").JSX.Element;
+export declare function FieldControl({ descriptor, value, onChange, id, record, ...aria }: FieldControlProps): import("react").JSX.Element;
 //# sourceMappingURL=field-control.d.ts.map

package/dist/ui/atoms/field-control/field-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-control.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/field-control/field-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAoB,MAAM,eAAe,CAAC;AAK7E,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,qBAAqB,CAAC;IAClC;;;;;;;;;;OAUG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAQD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,KAAK,EACL,QAAQ,EACR,EAAE,EACF,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAkDnB"}
+{"version":3,"file":"field-control.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/field-control/field-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAoB,MAAM,eAAe,CAAC;AAO7E,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,qBAAqB,CAAC;IAClC;;;;;;;;;;OAUG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAC5C;AAQD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,KAAK,EACL,QAAQ,EACR,EAAE,EACF,MAAM,EACN,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAyEnB"}

package/dist/ui/atoms/field-control/field-control.js

@@ -2,8 +2,10 @@
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEnumLabel } from '../../../i18n/index.js';
+import { useEnumLabel, useLocale } from '../../../i18n/index.js';
 import { Checkbox, Select, TextInput } from '../field/index.js';
+import { MoneyInput } from '../money/money-input.js';
+import { currencyOf } from '../money/money-math.js';
 /** Native input type for the text-like controls; text is the default. */ const INPUT_TYPE = {
     number: 'number',
     date: 'date'
@@ -30,14 +32,16 @@ import { Checkbox, Select, TextInput } from '../field/index.js';
  * so the draft it round-trips through *is* editable text. Splitting on the
  * comma is `reconstructEntity`'s half of that same contract.
  */ export function FieldControl(_0) {
-    let { descriptor, value, onChange, id } = _0, aria = _object_without_properties_loose(_0, [
+    let { descriptor, value, onChange, id, record } = _0, aria = _object_without_properties_loose(_0, [
         "descriptor",
         "value",
         "onChange",
-        "id"
+        "id",
+        "record"
     ]);
     var _INPUT_TYPE_descriptor_type;
     const enumLabel = useEnumLabel();
+    const locale = useLocale();
     const disabled = descriptor.readonly || descriptor.type === 'link' || descriptor.type === 'linkCollection' || descriptor.type === 'composition';
     if (descriptor.type === 'boolean') {
         return /*#__PURE__*/ _jsx(Checkbox, _extends({
@@ -69,6 +73,22 @@ import { Checkbox, Select, TextInput } from '../field/index.js';
             ]
         }));
     }
+    // An amount is edited in major units, in the reader's decimal separator,
+    // and written back in the unit it is stored in. Without a currency to know
+    // the minor units by, it stays a plain number field.
+    const currency = descriptor.money === undefined ? undefined : currencyOf(descriptor.money, record);
+    if (descriptor.money !== undefined && currency !== undefined) {
+        return /*#__PURE__*/ _jsx(MoneyInput, _extends({
+            id: id
+        }, aria, {
+            value: value,
+            currency: currency,
+            unit: descriptor.money.unit,
+            locale: locale,
+            disabled: disabled,
+            onChange: onChange
+        }));
+    }
     return /*#__PURE__*/ _jsx(TextInput, _extends({
         id: id
     }, aria, {

package/dist/ui/atoms/field-control/field-control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/atoms/field-control/field-control.tsx"],"sourcesContent":["'use client';\n\nimport type { EntityFieldDescriptor, MetaAccessorType } from '@entifix/core';\n\nimport { useEnumLabel } from '../../../i18n/index.js';\nimport { Checkbox, Select, TextInput } from '../field/index.js';\n\nexport interface FieldControlProps {\n  descriptor: EntityFieldDescriptor;\n  /**\n   * ARIA wiring the caller owns, because only the caller knows the shape it is\n   * rendered into.\n   *\n   * A form labels its control with a `<label for>` and needs none of this; a\n   * detail grid's cell has no label of its own — the column header is the\n   * label, and the cell's message is the description — so it points at both by\n   * id. Passing them through here rather than duplicating the type→input map\n   * in the grid is what keeps one control deciding what a `date` member looks\n   * like.\n   */\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-invalid'?: boolean;\n  /**\n   * The draft value as a string — the shape a native input round-trips. A form\n   * holds its whole draft as `Record<string, string>` and reconstructs typed\n   * values only at submit, so the control never sees a domain value.\n   */\n  value: string;\n  onChange: (value: string) => void;\n  id?: string;\n}\n\n/** Native input type for the text-like controls; text is the default. */\nconst INPUT_TYPE: Partial<Record<MetaAccessorType, string>> = {\n  number: 'number',\n  date: 'date',\n};\n\n/**\n * The edit-mode inverse of {@link CellValue}: it turns one metadata descriptor\n * into the input that edits it. Centralizing the type→control choice is what\n * lets a form stay generic, the same way `CellValue` keeps a table generic.\n *\n * A relation (`link`/`linkCollection`) is rendered read-only here, deliberately:\n * editing one needs a picker that can search and page the target, which is a\n * different control with different dependencies. So this atom stays a pure\n * type→input map and a relation never falls back to a broken text box.\n *\n * For a to-one `link` that is only half the story — `EntityForm` wires the\n * picker in one level up from its `linkSources`, so the member does get an\n * editor, just not from here. A `linkCollection` has no editor anywhere yet\n * (#26), and read-only is all it gets. A `composition` is the same: its rows\n * need a detail grid, and a text box holding `[object Object]` would be\n * strictly worse than an honest disabled field.\n *\n * A `scalarCollection` is the exception among the collections and falls through\n * to the plain text input on purpose: a `string[]` has a lossless comma form,\n * so the draft it round-trips through *is* editable text. Splitting on the\n * comma is `reconstructEntity`'s half of that same contract.\n */\nexport function FieldControl({\n  descriptor,\n  value,\n  onChange,\n  id,\n  ...aria\n}: FieldControlProps) {\n  const enumLabel = useEnumLabel();\n  const disabled =\n    descriptor.readonly ||\n    descriptor.type === 'link' ||\n    descriptor.type === 'linkCollection' ||\n    descriptor.type === 'composition';\n\n  if (descriptor.type === 'boolean') {\n    return (\n      <Checkbox\n        id={id}\n        {...aria}\n        label={descriptor.label}\n        checked={value === 'true'}\n        disabled={disabled}\n        onChange={event => onChange(String(event.currentTarget.checked))}\n      />\n    );\n  }\n\n  if (descriptor.type === 'enum') {\n    return (\n      <Select\n        id={id}\n        {...aria}\n        value={value}\n        disabled={disabled}\n        onChange={event => onChange(event.currentTarget.value)}\n      >\n        <option value=\"\">—</option>\n        {(descriptor.enumValues ?? []).map(option => (\n          <option key={option} value={option}>\n            {enumLabel(descriptor, option)}\n          </option>\n        ))}\n      </Select>\n    );\n  }\n\n  return (\n    <TextInput\n      id={id}\n      {...aria}\n      type={INPUT_TYPE[descriptor.type] ?? 'text'}\n      value={value}\n      disabled={disabled}\n      onChange={event => onChange(event.currentTarget.value)}\n    />\n  );\n}\n"],"names":["useEnumLabel","Checkbox","Select","TextInput","INPUT_TYPE","number","date","FieldControl","descriptor","value","onChange","id","aria","enumLabel","disabled","readonly","type","label","checked","event","String","currentTarget","option","enumValues","map"],"mappings":"AAAA;;;;AAIA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,SAAS,QAAQ,oBAAoB;AA4BhE,uEAAuE,GACvE,MAAMC,aAAwD;IAC5DC,QAAQ;IACRC,MAAM;AACR;AAEA;;;;;;;;;;;;;;;;;;;;;CAqBC,GACD,OAAO,SAASC,aAAa,EAMT;QANS,EAC3BC,UAAU,EACVC,KAAK,EACLC,QAAQ,EACRC,EAAE,EAEgB,OADfC;;;;;;QA6COR;IA3CV,MAAMS,YAAYb;IAClB,MAAMc,WACJN,WAAWO,QAAQ,IACnBP,WAAWQ,IAAI,KAAK,UACpBR,WAAWQ,IAAI,KAAK,oBACpBR,WAAWQ,IAAI,KAAK;IAEtB,IAAIR,WAAWQ,IAAI,KAAK,WAAW;QACjC,qBACE,KAACf;YACCU,IAAIA;WACAC;YACJK,OAAOT,WAAWS,KAAK;YACvBC,SAAST,UAAU;YACnBK,UAAUA;YACVJ,UAAUS,CAAAA,QAAST,SAASU,OAAOD,MAAME,aAAa,CAACH,OAAO;;IAGpE;IAEA,IAAIV,WAAWQ,IAAI,KAAK,QAAQ;YAUxBR;QATN,qBACE,MAACN;YACCS,IAAIA;WACAC;YACJH,OAAOA;YACPK,UAAUA;YACVJ,UAAUS,CAAAA,QAAST,SAASS,MAAME,aAAa,CAACZ,KAAK;;8BAErD,KAACa;oBAAOb,OAAM;8BAAG;;gBAChB,EAACD,yBAAAA,WAAWe,UAAU,YAArBf,yBAAyB,EAAE,EAAEgB,GAAG,CAACF,CAAAA,uBACjC,KAACA;wBAAoBb,OAAOa;kCACzBT,UAAUL,YAAYc;uBADZA;;;IAMrB;IAEA,qBACE,KAACnB;QACCQ,IAAIA;OACAC;QACJI,IAAI,GAAEZ,8BAAAA,UAAU,CAACI,WAAWQ,IAAI,CAAC,YAA3BZ,8BAA+B;QACrCK,OAAOA;QACPK,UAAUA;QACVJ,UAAUS,CAAAA,QAAST,SAASS,MAAME,aAAa,CAACZ,KAAK;;AAG3D"}
+{"version":3,"sources":["../../../../src/ui/atoms/field-control/field-control.tsx"],"sourcesContent":["'use client';\n\nimport type { EntityFieldDescriptor, MetaAccessorType } from '@entifix/core';\n\nimport { useEnumLabel, useLocale } from '../../../i18n/index.js';\nimport { Checkbox, Select, TextInput } from '../field/index.js';\nimport { MoneyInput } from '../money/money-input.js';\nimport { currencyOf } from '../money/money-math.js';\n\nexport interface FieldControlProps {\n  descriptor: EntityFieldDescriptor;\n  /**\n   * ARIA wiring the caller owns, because only the caller knows the shape it is\n   * rendered into.\n   *\n   * A form labels its control with a `<label for>` and needs none of this; a\n   * detail grid's cell has no label of its own — the column header is the\n   * label, and the cell's message is the description — so it points at both by\n   * id. Passing them through here rather than duplicating the type→input map\n   * in the grid is what keeps one control deciding what a `date` member looks\n   * like.\n   */\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-invalid'?: boolean;\n  /**\n   * The draft value as a string — the shape a native input round-trips. A form\n   * holds its whole draft as `Record<string, string>` and reconstructs typed\n   * values only at submit, so the control never sees a domain value.\n   */\n  value: string;\n  onChange: (value: string) => void;\n  id?: string;\n  /**\n   * The record being edited, as its draft. A money member whose currency is\n   * another member (`money.currencyMember`) reads it from here.\n   */\n  record?: Readonly<Record<string, unknown>>;\n}\n\n/** Native input type for the text-like controls; text is the default. */\nconst INPUT_TYPE: Partial<Record<MetaAccessorType, string>> = {\n  number: 'number',\n  date: 'date',\n};\n\n/**\n * The edit-mode inverse of {@link CellValue}: it turns one metadata descriptor\n * into the input that edits it. Centralizing the type→control choice is what\n * lets a form stay generic, the same way `CellValue` keeps a table generic.\n *\n * A relation (`link`/`linkCollection`) is rendered read-only here, deliberately:\n * editing one needs a picker that can search and page the target, which is a\n * different control with different dependencies. So this atom stays a pure\n * type→input map and a relation never falls back to a broken text box.\n *\n * For a to-one `link` that is only half the story — `EntityForm` wires the\n * picker in one level up from its `linkSources`, so the member does get an\n * editor, just not from here. A `linkCollection` has no editor anywhere yet\n * (#26), and read-only is all it gets. A `composition` is the same: its rows\n * need a detail grid, and a text box holding `[object Object]` would be\n * strictly worse than an honest disabled field.\n *\n * A `scalarCollection` is the exception among the collections and falls through\n * to the plain text input on purpose: a `string[]` has a lossless comma form,\n * so the draft it round-trips through *is* editable text. Splitting on the\n * comma is `reconstructEntity`'s half of that same contract.\n */\nexport function FieldControl({\n  descriptor,\n  value,\n  onChange,\n  id,\n  record,\n  ...aria\n}: FieldControlProps) {\n  const enumLabel = useEnumLabel();\n  const locale = useLocale();\n  const disabled =\n    descriptor.readonly ||\n    descriptor.type === 'link' ||\n    descriptor.type === 'linkCollection' ||\n    descriptor.type === 'composition';\n\n  if (descriptor.type === 'boolean') {\n    return (\n      <Checkbox\n        id={id}\n        {...aria}\n        label={descriptor.label}\n        checked={value === 'true'}\n        disabled={disabled}\n        onChange={event => onChange(String(event.currentTarget.checked))}\n      />\n    );\n  }\n\n  if (descriptor.type === 'enum') {\n    return (\n      <Select\n        id={id}\n        {...aria}\n        value={value}\n        disabled={disabled}\n        onChange={event => onChange(event.currentTarget.value)}\n      >\n        <option value=\"\">—</option>\n        {(descriptor.enumValues ?? []).map(option => (\n          <option key={option} value={option}>\n            {enumLabel(descriptor, option)}\n          </option>\n        ))}\n      </Select>\n    );\n  }\n\n  // An amount is edited in major units, in the reader's decimal separator,\n  // and written back in the unit it is stored in. Without a currency to know\n  // the minor units by, it stays a plain number field.\n  const currency =\n    descriptor.money === undefined\n      ? undefined\n      : currencyOf(descriptor.money, record);\n  if (descriptor.money !== undefined && currency !== undefined) {\n    return (\n      <MoneyInput\n        id={id}\n        {...aria}\n        value={value}\n        currency={currency}\n        unit={descriptor.money.unit}\n        locale={locale}\n        disabled={disabled}\n        onChange={onChange}\n      />\n    );\n  }\n\n  return (\n    <TextInput\n      id={id}\n      {...aria}\n      type={INPUT_TYPE[descriptor.type] ?? 'text'}\n      value={value}\n      disabled={disabled}\n      onChange={event => onChange(event.currentTarget.value)}\n    />\n  );\n}\n"],"names":["useEnumLabel","useLocale","Checkbox","Select","TextInput","MoneyInput","currencyOf","INPUT_TYPE","number","date","FieldControl","descriptor","value","onChange","id","record","aria","enumLabel","locale","disabled","readonly","type","label","checked","event","String","currentTarget","option","enumValues","map","currency","money","undefined","unit"],"mappings":"AAAA;;;;AAIA,SAASA,YAAY,EAAEC,SAAS,QAAQ,yBAAyB;AACjE,SAASC,QAAQ,EAAEC,MAAM,EAAEC,SAAS,QAAQ,oBAAoB;AAChE,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,UAAU,QAAQ,yBAAyB;AAiCpD,uEAAuE,GACvE,MAAMC,aAAwD;IAC5DC,QAAQ;IACRC,MAAM;AACR;AAEA;;;;;;;;;;;;;;;;;;;;;CAqBC,GACD,OAAO,SAASC,aAAa,EAOT;QAPS,EAC3BC,UAAU,EACVC,KAAK,EACLC,QAAQ,EACRC,EAAE,EACFC,MAAM,EAEY,OADfC;;;;;;;QAoEOT;IAlEV,MAAMU,YAAYjB;IAClB,MAAMkB,SAASjB;IACf,MAAMkB,WACJR,WAAWS,QAAQ,IACnBT,WAAWU,IAAI,KAAK,UACpBV,WAAWU,IAAI,KAAK,oBACpBV,WAAWU,IAAI,KAAK;IAEtB,IAAIV,WAAWU,IAAI,KAAK,WAAW;QACjC,qBACE,KAACnB;YACCY,IAAIA;WACAE;YACJM,OAAOX,WAAWW,KAAK;YACvBC,SAASX,UAAU;YACnBO,UAAUA;YACVN,UAAUW,CAAAA,QAASX,SAASY,OAAOD,MAAME,aAAa,CAACH,OAAO;;IAGpE;IAEA,IAAIZ,WAAWU,IAAI,KAAK,QAAQ;YAUxBV;QATN,qBACE,MAACR;YACCW,IAAIA;WACAE;YACJJ,OAAOA;YACPO,UAAUA;YACVN,UAAUW,CAAAA,QAASX,SAASW,MAAME,aAAa,CAACd,KAAK;;8BAErD,KAACe;oBAAOf,OAAM;8BAAG;;gBAChB,EAACD,yBAAAA,WAAWiB,UAAU,YAArBjB,yBAAyB,EAAE,EAAEkB,GAAG,CAACF,CAAAA,uBACjC,KAACA;wBAAoBf,OAAOe;kCACzBV,UAAUN,YAAYgB;uBADZA;;;IAMrB;IAEA,yEAAyE;IACzE,2EAA2E;IAC3E,qDAAqD;IACrD,MAAMG,WACJnB,WAAWoB,KAAK,KAAKC,YACjBA,YACA1B,WAAWK,WAAWoB,KAAK,EAAEhB;IACnC,IAAIJ,WAAWoB,KAAK,KAAKC,aAAaF,aAAaE,WAAW;QAC5D,qBACE,KAAC3B;YACCS,IAAIA;WACAE;YACJJ,OAAOA;YACPkB,UAAUA;YACVG,MAAMtB,WAAWoB,KAAK,CAACE,IAAI;YAC3Bf,QAAQA;YACRC,UAAUA;YACVN,UAAUA;;IAGhB;IAEA,qBACE,KAACT;QACCU,IAAIA;OACAE;QACJK,IAAI,GAAEd,8BAAAA,UAAU,CAACI,WAAWU,IAAI,CAAC,YAA3Bd,8BAA+B;QACrCK,OAAOA;QACPO,UAAUA;QACVN,UAAUW,CAAAA,QAASX,SAASW,MAAME,aAAa,CAACd,KAAK;;AAG3D"}

package/dist/ui/atoms/money/index.d.ts

@@ -0,0 +1,4 @@
+export * from './money.js';
+export * from './money-input.js';
+export { currencyOf, formatMoney, fractionDigits, fromMajorUnits, type MoneyUnit, toMajorUnits, } from './money-math.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/atoms/money/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/money/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,OAAO,EACL,UAAU,EACV,WAAW,EACX,cAAc,EACd,cAAc,EACd,KAAK,SAAS,EACd,YAAY,GACb,MAAM,iBAAiB,CAAC"}

package/dist/ui/atoms/money/index.js

@@ -0,0 +1,5 @@
+export * from './money.js';
+export * from './money-input.js';
+export { currencyOf, formatMoney, fractionDigits, fromMajorUnits, toMajorUnits } from './money-math.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/atoms/money/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/money/index.ts"],"sourcesContent":["export * from './money.js';\nexport * from './money-input.js';\nexport {\n  currencyOf,\n  formatMoney,\n  fractionDigits,\n  fromMajorUnits,\n  type MoneyUnit,\n  toMajorUnits,\n} from './money-math.js';\n"],"names":["currencyOf","formatMoney","fractionDigits","fromMajorUnits","toMajorUnits"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,SACEA,UAAU,EACVC,WAAW,EACXC,cAAc,EACdC,cAAc,EAEdC,YAAY,QACP,kBAAkB"}

package/dist/ui/atoms/money/money-input.d.ts

@@ -0,0 +1,19 @@
+import { type NumberInputProps } from '../number-input/number-input.js';
+import { type MoneyUnit } from './money-math.js';
+export interface MoneyInputProps extends Omit<NumberInputProps, 'value' | 'onChange' | 'inputMode'> {
+    /** The stored amount, as a draft string (`'6499'`), or `''` for none. */
+    value: string;
+    /** Called with the stored amount as a draft string. */
+    onChange: (value: string) => void;
+    currency: string;
+    unit: MoneyUnit;
+    locale: string;
+}
+/**
+ * Edits an amount in major units — what a person means by a price — and writes
+ * back the stored unit. What was typed is kept as typed (a trailing `64,` is
+ * not reformatted under the cursor), and the field follows the stored value
+ * only when it changes from outside.
+ */
+export declare function MoneyInput({ value, onChange, currency, unit, locale, ...props }: MoneyInputProps): import("react").JSX.Element;
+//# sourceMappingURL=money-input.d.ts.map

package/dist/ui/atoms/money/money-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-input.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/money/money-input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,gBAAgB,EAChB,OAAO,GAAG,UAAU,GAAG,WAAW,CACnC;IACC,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB;AAkBD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,GAAG,KAAK,EACT,EAAE,eAAe,+BA+CjB"}

package/dist/ui/atoms/money/money-input.js

@@ -0,0 +1,75 @@
+'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { NumberInput } from '../number-input/number-input.js';
+import { fractionDigits, fromMajorUnits, toMajorUnits } from './money-math.js';
+const parseMajor = (text)=>{
+    // Accept either decimal separator: the last `,` or `.` is the decimal one.
+    const normalised = text.trim().replace(/[\s']/g, '');
+    if (normalised === '') return undefined;
+    const last = Math.max(normalised.lastIndexOf(','), normalised.lastIndexOf('.'));
+    const plain = last === -1 ? normalised : `${normalised.slice(0, last).replace(/[.,]/g, '')}.${normalised.slice(last + 1)}`;
+    const major = Number(plain);
+    return Number.isFinite(major) ? major : undefined;
+};
+/**
+ * Edits an amount in major units — what a person means by a price — and writes
+ * back the stored unit. What was typed is kept as typed (a trailing `64,` is
+ * not reformatted under the cursor), and the field follows the stored value
+ * only when it changes from outside.
+ */ export function MoneyInput(_0) {
+    let { value, onChange, currency, unit, locale } = _0, props = _object_without_properties_loose(_0, [
+        "value",
+        "onChange",
+        "currency",
+        "unit",
+        "locale"
+    ]);
+    const digits = fractionDigits(currency);
+    const display = (stored)=>stored === '' || !Number.isFinite(Number(stored)) ? stored : new Intl.NumberFormat(locale, {
+            minimumFractionDigits: digits,
+            maximumFractionDigits: digits,
+            useGrouping: false
+        }).format(toMajorUnits(Number(stored), currency, unit));
+    const [text, setText] = useState(()=>display(value));
+    const [emitted, setEmitted] = useState(value);
+    useEffect(()=>{
+        if (value === emitted) return;
+        // eslint-disable-next-line react-hooks/set-state-in-effect -- an outside write (a reset, a load) replaces what was typed
+        setText(display(value));
+        setEmitted(value);
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- `display` is derived from props already listed
+    }, [
+        value,
+        emitted,
+        currency,
+        unit,
+        locale
+    ]);
+    return /*#__PURE__*/ _jsxs("span", {
+        className: "inline-flex items-center gap-2xs",
+        children: [
+            /*#__PURE__*/ _jsx(NumberInput, _extends({}, props, {
+                inputMode: digits === 0 ? 'numeric' : 'decimal',
+                value: text,
+                onChange: (event)=>{
+                    const next = event.currentTarget.value;
+                    setText(next);
+                    const major = parseMajor(next);
+                    const stored = major === undefined ? next.trim() === '' ? '' : next : String(fromMajorUnits(major, currency, unit));
+                    setEmitted(stored);
+                    onChange(stored);
+                }
+            })),
+            /*#__PURE__*/ _jsx("span", {
+                className: "text-step-sm text-content-muted",
+                "aria-hidden": "true",
+                children: currency
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=money-input.js.map

package/dist/ui/atoms/money/money-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/money/money-input.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nimport {\n  NumberInput,\n  type NumberInputProps,\n} from '../number-input/number-input.js';\nimport {\n  fractionDigits,\n  fromMajorUnits,\n  type MoneyUnit,\n  toMajorUnits,\n} from './money-math.js';\n\nexport interface MoneyInputProps extends Omit<\n  NumberInputProps,\n  'value' | 'onChange' | 'inputMode'\n> {\n  /** The stored amount, as a draft string (`'6499'`), or `''` for none. */\n  value: string;\n  /** Called with the stored amount as a draft string. */\n  onChange: (value: string) => void;\n  currency: string;\n  unit: MoneyUnit;\n  locale: string;\n}\n\nconst parseMajor = (text: string): number | undefined => {\n  // Accept either decimal separator: the last `,` or `.` is the decimal one.\n  const normalised = text.trim().replace(/[\\s']/g, '');\n  if (normalised === '') return undefined;\n  const last = Math.max(\n    normalised.lastIndexOf(','),\n    normalised.lastIndexOf('.'),\n  );\n  const plain =\n    last === -1\n      ? normalised\n      : `${normalised.slice(0, last).replace(/[.,]/g, '')}.${normalised.slice(last + 1)}`;\n  const major = Number(plain);\n  return Number.isFinite(major) ? major : undefined;\n};\n\n/**\n * Edits an amount in major units — what a person means by a price — and writes\n * back the stored unit. What was typed is kept as typed (a trailing `64,` is\n * not reformatted under the cursor), and the field follows the stored value\n * only when it changes from outside.\n */\nexport function MoneyInput({\n  value,\n  onChange,\n  currency,\n  unit,\n  locale,\n  ...props\n}: MoneyInputProps) {\n  const digits = fractionDigits(currency);\n  const display = (stored: string) =>\n    stored === '' || !Number.isFinite(Number(stored))\n      ? stored\n      : new Intl.NumberFormat(locale, {\n          minimumFractionDigits: digits,\n          maximumFractionDigits: digits,\n          useGrouping: false,\n        }).format(toMajorUnits(Number(stored), currency, unit));\n\n  const [text, setText] = useState(() => display(value));\n  const [emitted, setEmitted] = useState(value);\n\n  useEffect(() => {\n    if (value === emitted) return;\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- an outside write (a reset, a load) replaces what was typed\n    setText(display(value));\n    setEmitted(value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- `display` is derived from props already listed\n  }, [value, emitted, currency, unit, locale]);\n\n  return (\n    <span className=\"inline-flex items-center gap-2xs\">\n      <NumberInput\n        {...props}\n        inputMode={digits === 0 ? 'numeric' : 'decimal'}\n        value={text}\n        onChange={event => {\n          const next = event.currentTarget.value;\n          setText(next);\n          const major = parseMajor(next);\n          const stored =\n            major === undefined\n              ? next.trim() === ''\n                ? ''\n                : next\n              : String(fromMajorUnits(major, currency, unit));\n          setEmitted(stored);\n          onChange(stored);\n        }}\n      />\n      <span className=\"text-step-sm text-content-muted\" aria-hidden=\"true\">\n        {currency}\n      </span>\n    </span>\n  );\n}\n"],"names":["useEffect","useState","NumberInput","fractionDigits","fromMajorUnits","toMajorUnits","parseMajor","text","normalised","trim","replace","undefined","last","Math","max","lastIndexOf","plain","slice","major","Number","isFinite","MoneyInput","value","onChange","currency","unit","locale","props","digits","display","stored","Intl","NumberFormat","minimumFractionDigits","maximumFractionDigits","useGrouping","format","setText","emitted","setEmitted","span","className","inputMode","event","next","currentTarget","String","aria-hidden"],"mappings":"AAAA;;;;AAEA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,SACEC,WAAW,QAEN,kCAAkC;AACzC,SACEC,cAAc,EACdC,cAAc,EAEdC,YAAY,QACP,kBAAkB;AAezB,MAAMC,aAAa,CAACC;IAClB,2EAA2E;IAC3E,MAAMC,aAAaD,KAAKE,IAAI,GAAGC,OAAO,CAAC,UAAU;IACjD,IAAIF,eAAe,IAAI,OAAOG;IAC9B,MAAMC,OAAOC,KAAKC,GAAG,CACnBN,WAAWO,WAAW,CAAC,MACvBP,WAAWO,WAAW,CAAC;IAEzB,MAAMC,QACJJ,SAAS,CAAC,IACNJ,aACA,GAAGA,WAAWS,KAAK,CAAC,GAAGL,MAAMF,OAAO,CAAC,SAAS,IAAI,CAAC,EAAEF,WAAWS,KAAK,CAACL,OAAO,IAAI;IACvF,MAAMM,QAAQC,OAAOH;IACrB,OAAOG,OAAOC,QAAQ,CAACF,SAASA,QAAQP;AAC1C;AAEA;;;;;CAKC,GACD,OAAO,SAASU,WAAW,EAOT;QAPS,EACzBC,KAAK,EACLC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,MAAM,EAEU,OADbC;;;;;;;IAEH,MAAMC,SAASzB,eAAeqB;IAC9B,MAAMK,UAAU,CAACC,SACfA,WAAW,MAAM,CAACX,OAAOC,QAAQ,CAACD,OAAOW,WACrCA,SACA,IAAIC,KAAKC,YAAY,CAACN,QAAQ;YAC5BO,uBAAuBL;YACvBM,uBAAuBN;YACvBO,aAAa;QACf,GAAGC,MAAM,CAAC/B,aAAac,OAAOW,SAASN,UAAUC;IAEvD,MAAM,CAAClB,MAAM8B,QAAQ,GAAGpC,SAAS,IAAM4B,QAAQP;IAC/C,MAAM,CAACgB,SAASC,WAAW,GAAGtC,SAASqB;IAEvCtB,UAAU;QACR,IAAIsB,UAAUgB,SAAS;QACvB,yHAAyH;QACzHD,QAAQR,QAAQP;QAChBiB,WAAWjB;IACX,yGAAyG;IAC3G,GAAG;QAACA;QAAOgB;QAASd;QAAUC;QAAMC;KAAO;IAE3C,qBACE,MAACc;QAAKC,WAAU;;0BACd,KAACvC,0BACKyB;gBACJe,WAAWd,WAAW,IAAI,YAAY;gBACtCN,OAAOf;gBACPgB,UAAUoB,CAAAA;oBACR,MAAMC,OAAOD,MAAME,aAAa,CAACvB,KAAK;oBACtCe,QAAQO;oBACR,MAAM1B,QAAQZ,WAAWsC;oBACzB,MAAMd,SACJZ,UAAUP,YACNiC,KAAKnC,IAAI,OAAO,KACd,KACAmC,OACFE,OAAO1C,eAAec,OAAOM,UAAUC;oBAC7Cc,WAAWT;oBACXP,SAASO;gBACX;;0BAEF,KAACU;gBAAKC,WAAU;gBAAkCM,eAAY;0BAC3DvB;;;;AAIT"}

package/dist/ui/atoms/money/money-math.d.ts

@@ -0,0 +1,21 @@
+import type { MoneyFormat } from '@entifix/core';
+export type MoneyUnit = MoneyFormat['unit'];
+/**
+ * How many minor units a currency has, as `Intl` resolves it: 2 for GTQ and
+ * USD, 0 for JPY, 3 for KWD. Read from the platform rather than a table, so a
+ * currency nobody here thought of is still right.
+ */
+export declare function fractionDigits(currency: string): number;
+/** The amount in major units (64.99), whichever unit it is stored in. */
+export declare function toMajorUnits(amount: number, currency: string, unit: MoneyUnit): number;
+/** A major-unit amount back in the unit it is stored in, rounded to it. */
+export declare function fromMajorUnits(major: number, currency: string, unit: MoneyUnit): number;
+/**
+ * The amount as the reader's locale writes money: `Q64.99` in `en`, `64,99 GTQ`
+ * or similar in `es`. Never the bare stored number — a till once printed
+ * 6499 GTQ for 64,99.
+ */
+export declare function formatMoney(amount: number, currency: string, unit: MoneyUnit, locale: string): string;
+/** The currency a money member reads in: fixed, or the record's own member. */
+export declare function currencyOf(money: MoneyFormat, record: Readonly<Record<string, unknown>> | undefined): string | undefined;
+//# sourceMappingURL=money-math.d.ts.map

package/dist/ui/atoms/money/money-math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-math.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/money/money-math.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAE5C;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CASvD;AAED,yEAAyE;AACzE,wBAAgB,YAAY,CAC1B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,SAAS,GACd,MAAM,CAER;AAED,2EAA2E;AAC3E,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,SAAS,GACd,MAAM,CAKR;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,GACb,MAAM,CAIR;AAED,+EAA+E;AAC/E,wBAAgB,UAAU,CACxB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,SAAS,GACpD,MAAM,GAAG,SAAS,CAIpB"}

package/dist/ui/atoms/money/money-math.js

@@ -0,0 +1,36 @@
+/**
+ * How many minor units a currency has, as `Intl` resolves it: 2 for GTQ and
+ * USD, 0 for JPY, 3 for KWD. Read from the platform rather than a table, so a
+ * currency nobody here thought of is still right.
+ */ export function fractionDigits(currency) {
+    var _resolvedOptions_maximumFractionDigits;
+    // Always set for `style: 'currency'`; the fallback only satisfies the type.
+    /* v8 ignore next */ return (_resolvedOptions_maximumFractionDigits = new Intl.NumberFormat('en', {
+        style: 'currency',
+        currency
+    }).resolvedOptions().maximumFractionDigits) != null ? _resolvedOptions_maximumFractionDigits : 2;
+}
+/** The amount in major units (64.99), whichever unit it is stored in. */ export function toMajorUnits(amount, currency, unit) {
+    return unit === 'major' ? amount : amount / 10 ** fractionDigits(currency);
+}
+/** A major-unit amount back in the unit it is stored in, rounded to it. */ export function fromMajorUnits(major, currency, unit) {
+    const digits = fractionDigits(currency);
+    return unit === 'major' ? Number(major.toFixed(digits)) : Math.round(major * 10 ** digits);
+}
+/**
+ * The amount as the reader's locale writes money: `Q64.99` in `en`, `64,99 GTQ`
+ * or similar in `es`. Never the bare stored number — a till once printed
+ * 6499 GTQ for 64,99.
+ */ export function formatMoney(amount, currency, unit, locale) {
+    return new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency
+    }).format(toMajorUnits(amount, currency, unit));
+}
+/** The currency a money member reads in: fixed, or the record's own member. */ export function currencyOf(money, record) {
+    if (money.currency !== undefined) return money.currency;
+    const value = record == null ? void 0 : record[money.currencyMember];
+    return typeof value === 'string' && value !== '' ? value : undefined;
+}
+
+//# sourceMappingURL=money-math.js.map

package/dist/ui/atoms/money/money-math.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/money/money-math.ts"],"sourcesContent":["import type { MoneyFormat } from '@entifix/core';\n\nexport type MoneyUnit = MoneyFormat['unit'];\n\n/**\n * How many minor units a currency has, as `Intl` resolves it: 2 for GTQ and\n * USD, 0 for JPY, 3 for KWD. Read from the platform rather than a table, so a\n * currency nobody here thought of is still right.\n */\nexport function fractionDigits(currency: string): number {\n  // Always set for `style: 'currency'`; the fallback only satisfies the type.\n  /* v8 ignore next */\n  return (\n    new Intl.NumberFormat('en', {\n      style: 'currency',\n      currency,\n    }).resolvedOptions().maximumFractionDigits ?? 2\n  );\n}\n\n/** The amount in major units (64.99), whichever unit it is stored in. */\nexport function toMajorUnits(\n  amount: number,\n  currency: string,\n  unit: MoneyUnit,\n): number {\n  return unit === 'major' ? amount : amount / 10 ** fractionDigits(currency);\n}\n\n/** A major-unit amount back in the unit it is stored in, rounded to it. */\nexport function fromMajorUnits(\n  major: number,\n  currency: string,\n  unit: MoneyUnit,\n): number {\n  const digits = fractionDigits(currency);\n  return unit === 'major'\n    ? Number(major.toFixed(digits))\n    : Math.round(major * 10 ** digits);\n}\n\n/**\n * The amount as the reader's locale writes money: `Q64.99` in `en`, `64,99 GTQ`\n * or similar in `es`. Never the bare stored number — a till once printed\n * 6499 GTQ for 64,99.\n */\nexport function formatMoney(\n  amount: number,\n  currency: string,\n  unit: MoneyUnit,\n  locale: string,\n): string {\n  return new Intl.NumberFormat(locale, { style: 'currency', currency }).format(\n    toMajorUnits(amount, currency, unit),\n  );\n}\n\n/** The currency a money member reads in: fixed, or the record's own member. */\nexport function currencyOf(\n  money: MoneyFormat,\n  record: Readonly<Record<string, unknown>> | undefined,\n): string | undefined {\n  if (money.currency !== undefined) return money.currency;\n  const value = record?.[money.currencyMember];\n  return typeof value === 'string' && value !== '' ? value : undefined;\n}\n"],"names":["fractionDigits","currency","Intl","NumberFormat","style","resolvedOptions","maximumFractionDigits","toMajorUnits","amount","unit","fromMajorUnits","major","digits","Number","toFixed","Math","round","formatMoney","locale","format","currencyOf","money","record","undefined","value","currencyMember"],"mappings":"AAIA;;;;CAIC,GACD,OAAO,SAASA,eAAeC,QAAgB;QAI3C;IAHF,4EAA4E;IAC5E,kBAAkB,GAClB,QACE,yCAAA,IAAIC,KAAKC,YAAY,CAAC,MAAM;QAC1BC,OAAO;QACPH;IACF,GAAGI,eAAe,GAAGC,qBAAqB,YAH1C,yCAG8C;AAElD;AAEA,uEAAuE,GACvE,OAAO,SAASC,aACdC,MAAc,EACdP,QAAgB,EAChBQ,IAAe;IAEf,OAAOA,SAAS,UAAUD,SAASA,SAAS,MAAMR,eAAeC;AACnE;AAEA,yEAAyE,GACzE,OAAO,SAASS,eACdC,KAAa,EACbV,QAAgB,EAChBQ,IAAe;IAEf,MAAMG,SAASZ,eAAeC;IAC9B,OAAOQ,SAAS,UACZI,OAAOF,MAAMG,OAAO,CAACF,WACrBG,KAAKC,KAAK,CAACL,QAAQ,MAAMC;AAC/B;AAEA;;;;CAIC,GACD,OAAO,SAASK,YACdT,MAAc,EACdP,QAAgB,EAChBQ,IAAe,EACfS,MAAc;IAEd,OAAO,IAAIhB,KAAKC,YAAY,CAACe,QAAQ;QAAEd,OAAO;QAAYH;IAAS,GAAGkB,MAAM,CAC1EZ,aAAaC,QAAQP,UAAUQ;AAEnC;AAEA,6EAA6E,GAC7E,OAAO,SAASW,WACdC,KAAkB,EAClBC,MAAqD;IAErD,IAAID,MAAMpB,QAAQ,KAAKsB,WAAW,OAAOF,MAAMpB,QAAQ;IACvD,MAAMuB,QAAQF,0BAAAA,MAAQ,CAACD,MAAMI,cAAc,CAAC;IAC5C,OAAO,OAAOD,UAAU,YAAYA,UAAU,KAAKA,QAAQD;AAC7D"}

package/dist/ui/atoms/money/money.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import { type MoneyUnit } from './money-math.js';
+export interface MoneyProps extends Omit<ComponentPropsWithoutRef<'span'>, 'children'> {
+    amount: number;
+    /** ISO 4217, e.g. `GTQ`. */
+    currency: string;
+    /** Whether `amount` counts minor units (cents) or major ones. */
+    unit: MoneyUnit;
+    /** The reader's locale; a client caller reads it with the `useLocale` hook. */
+    locale: string;
+}
+/**
+ * An amount of money, formatted in the reader's locale with its currency.
+ * `unit: 'minor'` divides by the currency's own minor-unit count, so JPY and
+ * KWD are right too. Tabular figures, so a column of prices aligns on the
+ * digit. Server-safe.
+ */
+export declare function Money({ amount, currency, unit, locale, className, ...props }: MoneyProps): import("react").JSX.Element;
+//# sourceMappingURL=money.d.ts.map

package/dist/ui/atoms/money/money.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/money/money.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,wBAAwB,CAAC,MAAM,CAAC,EAChC,UAAU,CACX;IACC,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,IAAI,EAAE,SAAS,CAAC;IAChB,+EAA+E;IAC/E,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,+BASZ"}

package/dist/ui/atoms/money/money.js

@@ -0,0 +1,26 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+import { formatMoney } from './money-math.js';
+/**
+ * An amount of money, formatted in the reader's locale with its currency.
+ * `unit: 'minor'` divides by the currency's own minor-unit count, so JPY and
+ * KWD are right too. Tabular figures, so a column of prices aligns on the
+ * digit. Server-safe.
+ */ export function Money(_0) {
+    let { amount, currency, unit, locale, className } = _0, props = _object_without_properties_loose(_0, [
+        "amount",
+        "currency",
+        "unit",
+        "locale",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("span", _extends({
+        className: cn('whitespace-nowrap tabular-nums', className)
+    }, props, {
+        children: formatMoney(amount, currency, unit, locale)
+    }));
+}
+
+//# sourceMappingURL=money.js.map

package/dist/ui/atoms/money/money.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/money/money.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '../../utils/cn.js';\nimport { formatMoney, type MoneyUnit } from './money-math.js';\n\nexport interface MoneyProps extends Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'children'\n> {\n  amount: number;\n  /** ISO 4217, e.g. `GTQ`. */\n  currency: string;\n  /** Whether `amount` counts minor units (cents) or major ones. */\n  unit: MoneyUnit;\n  /** The reader's locale; a client caller reads it with the `useLocale` hook. */\n  locale: string;\n}\n\n/**\n * An amount of money, formatted in the reader's locale with its currency.\n * `unit: 'minor'` divides by the currency's own minor-unit count, so JPY and\n * KWD are right too. Tabular figures, so a column of prices aligns on the\n * digit. Server-safe.\n */\nexport function Money({\n  amount,\n  currency,\n  unit,\n  locale,\n  className,\n  ...props\n}: MoneyProps) {\n  return (\n    <span\n      className={cn('whitespace-nowrap tabular-nums', className)}\n      {...props}\n    >\n      {formatMoney(amount, currency, unit, locale)}\n    </span>\n  );\n}\n"],"names":["cn","formatMoney","Money","amount","currency","unit","locale","className","props","span"],"mappings":";;;AAEA,SAASA,EAAE,QAAQ,oBAAoB;AACvC,SAASC,WAAW,QAAwB,kBAAkB;AAe9D;;;;;CAKC,GACD,OAAO,SAASC,MAAM,EAOT;QAPS,EACpBC,MAAM,EACNC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,SAAS,EAEE,OADRC;;;;;;;IAEH,qBACE,KAACC;QACCF,WAAWP,GAAG,kCAAkCO;OAC5CC;kBAEHP,YAAYE,QAAQC,UAAUC,MAAMC;;AAG3C"}

package/dist/ui/atoms/number-input/index.d.ts

@@ -0,0 +1,3 @@
+export * from './number-input.js';
+export * from './quantity-input.js';
+//# sourceMappingURL=index.d.ts.map