@wildo-ai/presets-components 1.1.3 → 1.1.5

package/dist/esm/components/data-display/duration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"duration.js","sourceRoot":"","sources":["../../../../../src/components/data-display/duration.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { FrontendComponentType, TextSize, TextVariant } from \"@wildo-ai/presets-components-models\"\nimport { cn, Text, useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport type { DurationProps } from \"@wildo-ai/saas-frontend-lib\"\n\n/**\n * DEFAULT preset for `LOW_LEVEL_DURATION`: the elapsed span between two instants, ticking while the\n * second one is unknown.\n *\n * `tabular-nums` is not decoration. A ticking value whose digits are proportionally spaced shifts\n * every element to its right once a second, which on a board full of them reads as the surface\n * twitching. Tabular figures hold the column.\n */\nexport function Duration({\n  since,\n  until,\n  size = TextSize.SM,\n  variant = TextVariant.MUTED,\n  className,\n}: DurationProps): React.JSX.Element | null {\n  const settled = until !== undefined\n  const [now, setNow] = React.useState(() => Date.now())\n  const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_DURATION] })\n\n  /*\n   * The tick exists only while the span is open. Hooks run unconditionally — the early returns below\n   * sit AFTER every hook, because a first ready render that adds a hook is a Rules-of-Hooks crash.\n   */\n  React.useEffect(() => {\n    if (settled) return undefined\n    const handle = setInterval(() => { setNow(Date.now()) }, 1_000)\n    return () => clearInterval(handle)\n  }, [settled])\n\n  if (!isReady) return null\n\n  const startedMs = Date.parse(since)\n  const endedMs = settled ? Date.parse(until) : now\n  if (Number.isNaN(startedMs) || Number.isNaN(endedMs)) return null\n\n  const totalSeconds = Math.floor(Math.max(0, endedMs - startedMs) / 1000)\n  const minutes = Math.floor(totalSeconds / 60)\n  const text = totalSeconds < 60\n    ? tComponent(FrontendComponentType.LOW_LEVEL_DURATION, 'compactSeconds', { seconds: totalSeconds })\n    : minutes < 60\n      ? tComponent(FrontendComponentType.LOW_LEVEL_DURATION, 'compactMinutes', {\n        minutes,\n        seconds: String(totalSeconds % 60).padStart(2, '0'),\n      })\n      : tComponent(FrontendComponentType.LOW_LEVEL_DURATION, 'compactHours', {\n        hours: Math.floor(minutes / 60),\n        minutes: String(minutes % 60).padStart(2, '0'),\n      })\n\n  return (\n    <Text as=\"span\" size={size} variant={variant} className={cn(\"tabular-nums\", className)}>\n      {text}\n    </Text>\n  )\n}\n\nDuration.displayName = \"Duration\"\n"]}

package/dist/esm/components/data-display/duration.labels.d.ts

@@ -0,0 +1,15 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+/**
+ * The COMPACT duration forms, authored rather than formatted.
+ *
+ * `4m 20s` looks like punctuation and is display text: `m` and `s` are English abbreviations, and a
+ * locale that writes them differently — or a product that wants `4 min 20 s` — has nowhere to say so
+ * if a formatter builds the string. This is the same rule the duration FIELD already follows through
+ * the `DurationUnit` system enum; the difference is only that these forms are compact, because this
+ * value sits inline beside a ref rather than on a line of its own.
+ *
+ * Three forms and not one per unit: the SEPARATOR and the ORDER are part of the wording, and a
+ * locale that joins them differently cannot express that by translating `m` alone.
+ */
+export declare const LowLevelDurationLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=duration.labels.d.ts.map

package/dist/esm/components/data-display/duration.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"duration.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/duration.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,sBAAsB,EAAE,mBAAmB,EAgBvD,CAAC"}

package/dist/esm/components/data-display/duration.labels.js

@@ -0,0 +1,35 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+/**
+ * The COMPACT duration forms, authored rather than formatted.
+ *
+ * `4m 20s` looks like punctuation and is display text: `m` and `s` are English abbreviations, and a
+ * locale that writes them differently — or a product that wants `4 min 20 s` — has nowhere to say so
+ * if a formatter builds the string. This is the same rule the duration FIELD already follows through
+ * the `DurationUnit` system enum; the difference is only that these forms are compact, because this
+ * value sits inline beside a ref rather than on a line of its own.
+ *
+ * Three forms and not one per unit: the SEPARATOR and the ORDER are part of the wording, and a
+ * locale that joins them differently cannot express that by translating `m` alone.
+ */
+export const LowLevelDurationLabels = [
+    {
+        ref: 'compactSeconds',
+        kind: LabelKind.MESSAGE,
+        purpose: 'A span under one minute, e.g. "9s". {seconds} is the whole-second count.',
+    },
+    {
+        ref: 'compactMinutes',
+        kind: LabelKind.MESSAGE,
+        purpose: 'A span under one hour, e.g. "4m 20s". {minutes} is whole minutes, {seconds} the zero-padded remainder.',
+    },
+    {
+        ref: 'compactHours',
+        kind: LabelKind.MESSAGE,
+        purpose: 'A span of an hour or more, e.g. "1h 07m". Seconds are dropped — at this scale they are noise.',
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DURATION, LowLevelDurationLabels);
+//# sourceMappingURL=duration.labels.js.map

package/dist/esm/components/data-display/duration.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"duration.labels.js","sourceRoot":"","sources":["../../../../../src/components/data-display/duration.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAA0B;IAC3D;QACE,GAAG,EAAE,gBAAgB;QACrB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,0EAA0E;KACpF;IACD;QACE,GAAG,EAAE,gBAAgB;QACrB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,wGAAwG;KAClH;IACD;QACE,GAAG,EAAE,cAAc;QACnB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,+FAA+F;KACzG;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\n/**\n * The COMPACT duration forms, authored rather than formatted.\n *\n * `4m 20s` looks like punctuation and is display text: `m` and `s` are English abbreviations, and a\n * locale that writes them differently — or a product that wants `4 min 20 s` — has nowhere to say so\n * if a formatter builds the string. This is the same rule the duration FIELD already follows through\n * the `DurationUnit` system enum; the difference is only that these forms are compact, because this\n * value sits inline beside a ref rather than on a line of its own.\n *\n * Three forms and not one per unit: the SEPARATOR and the ORDER are part of the wording, and a\n * locale that joins them differently cannot express that by translating `m` alone.\n */\nexport const LowLevelDurationLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'compactSeconds',\n    kind: LabelKind.MESSAGE,\n    purpose: 'A span under one minute, e.g. \"9s\". {seconds} is the whole-second count.',\n  },\n  {\n    ref: 'compactMinutes',\n    kind: LabelKind.MESSAGE,\n    purpose: 'A span under one hour, e.g. \"4m 20s\". {minutes} is whole minutes, {seconds} the zero-padded remainder.',\n  },\n  {\n    ref: 'compactHours',\n    kind: LabelKind.MESSAGE,\n    purpose: 'A span of an hour or more, e.g. \"1h 07m\". Seconds are dropped — at this scale they are noise.',\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DURATION, LowLevelDurationLabels);\n"]}

package/dist/esm/components/data-display/formatters/display-field-address.d.ts

@@ -0,0 +1,21 @@
+/**
+ * DisplayFieldAddress Component
+ *
+ * Displays a structured address (`z_address()`) as an `<address>` block, one part per line, with the
+ * country shown by its name in the active locale.
+ *
+ * The parts are NOT rearranged into a country's postal layout ("postal code before city", "city,
+ * state ZIP"): that needs per-country address-format data this component does not carry, and an
+ * order guessed for one country is wrong for the next. Each part stays on its own line, in the order
+ * the value declares them. The coordinates are not shown — a geocode is not something a reader reads.
+ */
+import * as React from 'react';
+import type { DisplayFieldAddressProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * DisplayFieldAddress component
+ *
+ * Renders an address block, one non-empty part per line.
+ */
+declare function DisplayFieldAddress({ value, className }: DisplayFieldAddressProps): React.JSX.Element | null;
+export { DisplayFieldAddress };
+//# sourceMappingURL=display-field-address.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-address.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-address.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-address.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AA0B5E;;;;GAIG;AACH,iBAAS,mBAAmB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAkDrG;AAKD,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-address.js

@@ -0,0 +1,75 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DisplayFieldAddress Component
+ *
+ * Displays a structured address (`z_address()`) as an `<address>` block, one part per line, with the
+ * country shown by its name in the active locale.
+ *
+ * The parts are NOT rearranged into a country's postal layout ("postal code before city", "city,
+ * state ZIP"): that needs per-country address-format data this component does not carry, and an
+ * order guessed for one country is wrong for the next. Each part stays on its own line, in the order
+ * the value declares them. The coordinates are not shown — a geocode is not something a reader reads.
+ */
+import * as React from 'react';
+import { useI18n } from '@wildo-ai/saas-frontend-lib';
+import { Text } from '@wildo-ai/saas-frontend-lib';
+import { FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { resolveInvalidLabel } from './display-field-i18n.utils.js';
+/** Whether a stored value has the parts an address must have, each of the right type. */
+function isRenderableAddress(value) {
+    if (typeof value !== 'object' || value === null)
+        return false;
+    const candidate = value;
+    const isOptionalText = (part) => part === undefined || part === null || typeof part === 'string';
+    return (typeof candidate.line1 === 'string' &&
+        typeof candidate.city === 'string' &&
+        typeof candidate.country === 'string' &&
+        isOptionalText(candidate.line2) &&
+        isOptionalText(candidate.state) &&
+        isOptionalText(candidate.postalCode));
+}
+function localizedCountryName(code, locale) {
+    try {
+        return new Intl.DisplayNames([locale], { type: 'region' }).of(code) ?? code;
+    }
+    catch {
+        return code;
+    }
+}
+/**
+ * DisplayFieldAddress component
+ *
+ * Renders an address block, one non-empty part per line.
+ */
+function DisplayFieldAddress({ value, className }) {
+    const { tComponent, currentLanguage, isReady } = useI18n({
+        component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_ADDRESS],
+    });
+    // Hooks run unconditionally, above the `!isReady` gate (same defect family as DisplayFieldPhone).
+    const invalidLabel = React.useMemo(() => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_ADDRESS), [tComponent]);
+    if (!isReady)
+        return null;
+    const renderValue = () => {
+        if (value === null || value === undefined) {
+            return (_jsxs(_Fragment, { children: [_jsx(Text, { className: "text-muted-foreground italic", "aria-hidden": "true", children: "\u2014" }), _jsx("span", { className: "sr-only", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue') })] }));
+        }
+        if (!isRenderableAddress(value)) {
+            return _jsx(Text, { className: "text-muted-foreground italic", children: invalidLabel });
+        }
+        const lines = [
+            value.line1,
+            value.line2,
+            value.city,
+            value.state,
+            value.postalCode,
+            localizedCountryName(value.country, currentLanguage),
+        ].filter((line) => typeof line === 'string' && line.trim() !== '');
+        return (_jsx("address", { className: "flex flex-col not-italic", children: lines.map((line, index) => (_jsx(Text, { children: line }, index))) }));
+    };
+    return _jsx("div", { className: className, children: renderValue() });
+}
+DisplayFieldAddress.displayName =
+    'DisplayFieldAddress';
+export { DisplayFieldAddress };
+//# sourceMappingURL=display-field-address.js.map

package/dist/esm/components/data-display/formatters/display-field-address.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-address.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-address.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\n/**\n * DisplayFieldAddress Component\n *\n * Displays a structured address (`z_address()`) as an `<address>` block, one part per line, with the\n * country shown by its name in the active locale.\n *\n * The parts are NOT rearranged into a country's postal layout (\"postal code before city\", \"city,\n * state ZIP\"): that needs per-country address-format data this component does not carry, and an\n * order guessed for one country is wrong for the next. Each part stays on its own line, in the order\n * the value declares them. The coordinates are not shown — a geocode is not something a reader reads.\n */\n\nimport * as React from 'react';\n\nimport { useI18n } from '@wildo-ai/saas-frontend-lib';\nimport { Text } from '@wildo-ai/saas-frontend-lib';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { resolveInvalidLabel } from './display-field-i18n.utils';\nimport type { DisplayFieldAddressProps } from '@wildo-ai/saas-frontend-lib';\nimport type { AddressValue } from '@wildo-ai/zod-decorators';\n\n/** Whether a stored value has the parts an address must have, each of the right type. */\nfunction isRenderableAddress(value: unknown): value is AddressValue {\n  if (typeof value !== 'object' || value === null) return false;\n  const candidate = value as Partial<Record<keyof AddressValue, unknown>>;\n  const isOptionalText = (part: unknown): boolean => part === undefined || part === null || typeof part === 'string';\n  return (\n    typeof candidate.line1 === 'string' &&\n    typeof candidate.city === 'string' &&\n    typeof candidate.country === 'string' &&\n    isOptionalText(candidate.line2) &&\n    isOptionalText(candidate.state) &&\n    isOptionalText(candidate.postalCode)\n  );\n}\n\nfunction localizedCountryName(code: string, locale: string): string {\n  try {\n    return new Intl.DisplayNames([locale], { type: 'region' }).of(code) ?? code;\n  } catch {\n    return code;\n  }\n}\n\n/**\n * DisplayFieldAddress component\n *\n * Renders an address block, one non-empty part per line.\n */\nfunction DisplayFieldAddress({ value, className }: DisplayFieldAddressProps): React.JSX.Element | null {\n  const { tComponent, currentLanguage, isReady } = useI18n({\n    component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_ADDRESS],\n  });\n\n  // Hooks run unconditionally, above the `!isReady` gate (same defect family as DisplayFieldPhone).\n  const invalidLabel = React.useMemo(\n    () => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_ADDRESS),\n    [tComponent]\n  );\n\n  if (!isReady) return null;\n\n  const renderValue = () => {\n    if (value === null || value === undefined) {\n      return (\n        <>\n          <Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">\n            —\n          </Text>\n          <span className=\"sr-only\">\n            {tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}\n          </span>\n        </>\n      );\n    }\n\n    if (!isRenderableAddress(value)) {\n      return <Text className=\"text-muted-foreground italic\">{invalidLabel}</Text>;\n    }\n\n    const lines = [\n      value.line1,\n      value.line2,\n      value.city,\n      value.state,\n      value.postalCode,\n      localizedCountryName(value.country, currentLanguage),\n    ].filter((line): line is string => typeof line === 'string' && line.trim() !== '');\n\n    return (\n      <address className=\"flex flex-col not-italic\">\n        {lines.map((line, index) => (\n          <Text key={index}>{line}</Text>\n        ))}\n      </address>\n    );\n  };\n\n  return <div className={className}>{renderValue()}</div>;\n}\n\n(DisplayFieldAddress as typeof DisplayFieldAddress & { displayName: string }).displayName =\n  'DisplayFieldAddress';\n\nexport { DisplayFieldAddress };\n"]}

package/dist/esm/components/data-display/formatters/display-field-address.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelDisplayFieldAddressLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=display-field-address.labels.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-address.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-address.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-address.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,iCAAiC,EAAE,mBAAmB,EAMlE,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-address.labels.js

@@ -0,0 +1,13 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelDisplayFieldAddressLabels = [
+    {
+        ref: 'invalid',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Fallback shown in place of a stored address value that is missing its first line, city or country',
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_ADDRESS, LowLevelDisplayFieldAddressLabels);
+//# sourceMappingURL=display-field-address.labels.js.map

package/dist/esm/components/data-display/formatters/display-field-address.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-address.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-address.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,iCAAiC,GAA0B;IACtE;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,mGAAmG;KAC7G;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,+BAA+B,EAAE,iCAAiC,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelDisplayFieldAddressLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'invalid',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Fallback shown in place of a stored address value that is missing its first line, city or country',\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_ADDRESS, LowLevelDisplayFieldAddressLabels);\n"]}

package/dist/esm/components/data-display/formatters/display-field-bigdecimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-bigdecimal.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-bigdecimal.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAI9E;;;;GAIG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,GACP,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAuGxD;AAID,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"display-field-bigdecimal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-bigdecimal.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAI9E;;;;GAIG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,GACP,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA2GxD;AAID,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-bigdecimal.js

@@ -8,7 +8,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * Uses big.js for precise arithmetic when needed.
  */
 import * as React from "react";
-import { Text } from "@wildo-ai/saas-frontend-lib";
+import { Text, useContextualDisplayParams } from "@wildo-ai/saas-frontend-lib";
 import { useI18n } from "@wildo-ai/saas-frontend-lib";
 import { FrontendComponentType } from "@wildo-ai/presets-components-models";
 import { getBigDecimalUI, getNumberUI, getBigDecimalMetadata, NumberDisplayMode, PercentageScale } from "@wildo-ai/zod-decorators";
@@ -24,7 +24,11 @@ function DisplayFieldBigDecimal({ schema, value, className, locale, }) {
     const bdUI = getBigDecimalUI(schema);
     const numUI = getNumberUI(schema);
     const metadata = getBigDecimalMetadata(schema);
-    const displayMode = bdUI?.display?.displayMode ?? numUI?.display?.displayMode ?? NumberDisplayMode.RAW;
+    // Both resolved unconditionally: `??` short-circuits, so calling the second hook inside the
+    // fallback would make it a conditional hook call.
+    const bdDisplayParams = useContextualDisplayParams(bdUI);
+    const numDisplayParams = useContextualDisplayParams(numUI);
+    const displayMode = bdDisplayParams?.displayMode ?? numDisplayParams?.displayMode ?? NumberDisplayMode.RAW;
     const decimalPlaces = bdUI?.decimalPlaces ?? numUI?.decimalPlaces ?? metadata?.precision;
     const trailingZeros = bdUI?.trailingZeros ?? numUI?.trailingZeros ?? false;
     const prefix = bdUI?.prefix ?? numUI?.prefix ?? '';

package/dist/esm/components/data-display/formatters/display-field-bigdecimal.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-bigdecimal.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-bigdecimal.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldBigDecimal Component\n *\n * Displays a bigdecimal value based on the bigdecimal UI decorator.\n * Supports the same display modes as numbers: raw, formatted, percentage, compact, ordinal, bytes\n * Uses big.js for precise arithmetic when needed.\n */\n\nimport * as React from \"react\"\nimport { Text } from \"@wildo-ai/saas-frontend-lib\"\nimport { useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport { getBigDecimalUI, getNumberUI, getBigDecimalMetadata, BigDecimalValue, NumberDisplayMode, PercentageScale } from \"@wildo-ai/zod-decorators\"\nimport type { DisplayFieldBigDecimalProps } from '@wildo-ai/saas-frontend-lib'\nimport { DisplayFieldFormatUtils } from \"./display-field-format.utils\"\nimport { resolveInvalidLabel } from \"./display-field-i18n.utils\"\n\n/**\n * DisplayFieldBigDecimal component\n *\n * Renders a bigdecimal value according to the bigdecimal UI decorator\n */\nfunction DisplayFieldBigDecimal({\n  schema,\n  value,\n  className,\n  locale,\n}: DisplayFieldBigDecimalProps): React.JSX.Element | null {\n  const { regionalPreferences, tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BIGDECIMAL] })\n\n  const bdUI = getBigDecimalUI(schema)\n  const numUI = getNumberUI(schema)\n  const metadata = getBigDecimalMetadata(schema)\n\n  const displayMode = bdUI?.display?.displayMode ?? numUI?.display?.displayMode ?? NumberDisplayMode.RAW\n  const decimalPlaces = bdUI?.decimalPlaces ?? numUI?.decimalPlaces ?? metadata?.precision\n  const trailingZeros = bdUI?.trailingZeros ?? numUI?.trailingZeros ?? false\n  const prefix = bdUI?.prefix ?? numUI?.prefix ?? ''\n  const suffix = bdUI?.suffix ?? numUI?.suffix ?? ''\n  const percentageScale = bdUI?.percentageScale ?? numUI?.percentageScale ?? PercentageScale.NORMALIZED\n\n  // Locale priority: explicit prop > regional preferences > browser locale > fallback.\n  // `regionalPreferences` is null until the i18n bundle resolves (`isReady`), and this\n  // read runs in the render body BEFORE the `!isReady` gate below — so optional-chain it.\n  // Without the `?.`, the first render throws `Cannot read properties of null (reading\n  // 'locale')`, the DisplayFieldErrorBoundary catches it, and the field shows an error box\n  // until i18n hydrates. On that first beat the browser-locale fallback applies; the real\n  // preference takes over on the next render.\n  const effectiveLocale = locale ?? regionalPreferences?.locale ?? (typeof navigator !== 'undefined' ? navigator.language : 'en')\n\n  const invalidLabel = React.useMemo(\n    () => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BIGDECIMAL),\n    [tComponent]\n  )\n\n  const renderValue = () => {\n    // Handle null/undefined\n    if (value === null || value === undefined) {\n      return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n    }\n\n    // Convert string to number for formatting\n    // Note: For display purposes, we convert to number. For calculations, use big.js\n    const numericValue = parseFloat(value)\n    if (isNaN(numericValue)) {\n      return <Text className=\"text-muted-foreground italic\">{invalidLabel}</Text>\n    }\n\n    // Format the number based on display mode\n    let formattedValue: string\n\n    switch (displayMode) {\n      case NumberDisplayMode.RAW:\n        if (decimalPlaces !== undefined) {\n          // Use string-based truncation to preserve BigDecimal precision\n          // (parseFloat would lose precision beyond ~15-17 significant digits)\n          formattedValue = DisplayFieldFormatUtils.truncateDecimalString(value, decimalPlaces, trailingZeros)\n        } else {\n          // For raw mode with bigdecimal, preserve original string representation\n          formattedValue = value\n        }\n        break\n\n      case NumberDisplayMode.FORMATTED:\n        formattedValue = new Intl.NumberFormat(effectiveLocale, {\n          minimumFractionDigits: trailingZeros ? decimalPlaces : undefined,\n          maximumFractionDigits: decimalPlaces ?? 20, // Allow more decimals for precision\n        }).format(numericValue)\n        break\n\n      case NumberDisplayMode.PERCENTAGE: {\n        const percentValue = percentageScale === PercentageScale.PERCENT ? numericValue / 100 : numericValue\n        formattedValue = new Intl.NumberFormat(effectiveLocale, {\n          style: 'percent',\n          minimumFractionDigits: trailingZeros ? decimalPlaces : undefined,\n          maximumFractionDigits: decimalPlaces ?? 0,\n        }).format(percentValue)\n        break\n      }\n\n      case NumberDisplayMode.COMPACT:\n        formattedValue = new Intl.NumberFormat(effectiveLocale, {\n          notation: 'compact',\n          compactDisplay: 'short',\n          maximumFractionDigits: decimalPlaces ?? 1,\n        }).format(numericValue)\n        break\n\n      case NumberDisplayMode.ORDINAL:\n        formattedValue = DisplayFieldFormatUtils.formatOrdinal(Math.round(numericValue), effectiveLocale)\n        break\n\n      case NumberDisplayMode.BYTES:\n        formattedValue = DisplayFieldFormatUtils.formatBytes(numericValue, decimalPlaces ?? 2)\n        break\n\n      default:\n        formattedValue = value\n    }\n\n    // Add prefix and suffix\n    const displayValue = `${prefix}${formattedValue}${suffix}`\n\n    return <Text className=\"tabular-nums\">{displayValue}</Text>\n  }\n\n  if (!isReady) return null\n\n  // Label/description rendering is handled by the parent DisplayField (FIELD-01)\n  return <div className={className}>{renderValue()}</div>\n}\n\n;(DisplayFieldBigDecimal as typeof DisplayFieldBigDecimal & { displayName: string }).displayName = \"DisplayFieldBigDecimal\"\n\nexport { DisplayFieldBigDecimal }\n\n"]}
+{"version":3,"file":"display-field-bigdecimal.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-bigdecimal.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldBigDecimal Component\n *\n * Displays a bigdecimal value based on the bigdecimal UI decorator.\n * Supports the same display modes as numbers: raw, formatted, percentage, compact, ordinal, bytes\n * Uses big.js for precise arithmetic when needed.\n */\n\nimport * as React from \"react\"\nimport { Text, useContextualDisplayParams } from \"@wildo-ai/saas-frontend-lib\"\nimport { useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport { getBigDecimalUI, getNumberUI, getBigDecimalMetadata, BigDecimalValue, NumberDisplayMode, PercentageScale } from \"@wildo-ai/zod-decorators\"\nimport type { DisplayFieldBigDecimalProps } from '@wildo-ai/saas-frontend-lib'\nimport { DisplayFieldFormatUtils } from \"./display-field-format.utils\"\nimport { resolveInvalidLabel } from \"./display-field-i18n.utils\"\n\n/**\n * DisplayFieldBigDecimal component\n *\n * Renders a bigdecimal value according to the bigdecimal UI decorator\n */\nfunction DisplayFieldBigDecimal({\n  schema,\n  value,\n  className,\n  locale,\n}: DisplayFieldBigDecimalProps): React.JSX.Element | null {\n  const { regionalPreferences, tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BIGDECIMAL] })\n\n  const bdUI = getBigDecimalUI(schema)\n  const numUI = getNumberUI(schema)\n  const metadata = getBigDecimalMetadata(schema)\n\n  // Both resolved unconditionally: `??` short-circuits, so calling the second hook inside the\n  // fallback would make it a conditional hook call.\n  const bdDisplayParams = useContextualDisplayParams(bdUI)\n  const numDisplayParams = useContextualDisplayParams(numUI)\n  const displayMode = bdDisplayParams?.displayMode ?? numDisplayParams?.displayMode ?? NumberDisplayMode.RAW\n  const decimalPlaces = bdUI?.decimalPlaces ?? numUI?.decimalPlaces ?? metadata?.precision\n  const trailingZeros = bdUI?.trailingZeros ?? numUI?.trailingZeros ?? false\n  const prefix = bdUI?.prefix ?? numUI?.prefix ?? ''\n  const suffix = bdUI?.suffix ?? numUI?.suffix ?? ''\n  const percentageScale = bdUI?.percentageScale ?? numUI?.percentageScale ?? PercentageScale.NORMALIZED\n\n  // Locale priority: explicit prop > regional preferences > browser locale > fallback.\n  // `regionalPreferences` is null until the i18n bundle resolves (`isReady`), and this\n  // read runs in the render body BEFORE the `!isReady` gate below — so optional-chain it.\n  // Without the `?.`, the first render throws `Cannot read properties of null (reading\n  // 'locale')`, the DisplayFieldErrorBoundary catches it, and the field shows an error box\n  // until i18n hydrates. On that first beat the browser-locale fallback applies; the real\n  // preference takes over on the next render.\n  const effectiveLocale = locale ?? regionalPreferences?.locale ?? (typeof navigator !== 'undefined' ? navigator.language : 'en')\n\n  const invalidLabel = React.useMemo(\n    () => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BIGDECIMAL),\n    [tComponent]\n  )\n\n  const renderValue = () => {\n    // Handle null/undefined\n    if (value === null || value === undefined) {\n      return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n    }\n\n    // Convert string to number for formatting\n    // Note: For display purposes, we convert to number. For calculations, use big.js\n    const numericValue = parseFloat(value)\n    if (isNaN(numericValue)) {\n      return <Text className=\"text-muted-foreground italic\">{invalidLabel}</Text>\n    }\n\n    // Format the number based on display mode\n    let formattedValue: string\n\n    switch (displayMode) {\n      case NumberDisplayMode.RAW:\n        if (decimalPlaces !== undefined) {\n          // Use string-based truncation to preserve BigDecimal precision\n          // (parseFloat would lose precision beyond ~15-17 significant digits)\n          formattedValue = DisplayFieldFormatUtils.truncateDecimalString(value, decimalPlaces, trailingZeros)\n        } else {\n          // For raw mode with bigdecimal, preserve original string representation\n          formattedValue = value\n        }\n        break\n\n      case NumberDisplayMode.FORMATTED:\n        formattedValue = new Intl.NumberFormat(effectiveLocale, {\n          minimumFractionDigits: trailingZeros ? decimalPlaces : undefined,\n          maximumFractionDigits: decimalPlaces ?? 20, // Allow more decimals for precision\n        }).format(numericValue)\n        break\n\n      case NumberDisplayMode.PERCENTAGE: {\n        const percentValue = percentageScale === PercentageScale.PERCENT ? numericValue / 100 : numericValue\n        formattedValue = new Intl.NumberFormat(effectiveLocale, {\n          style: 'percent',\n          minimumFractionDigits: trailingZeros ? decimalPlaces : undefined,\n          maximumFractionDigits: decimalPlaces ?? 0,\n        }).format(percentValue)\n        break\n      }\n\n      case NumberDisplayMode.COMPACT:\n        formattedValue = new Intl.NumberFormat(effectiveLocale, {\n          notation: 'compact',\n          compactDisplay: 'short',\n          maximumFractionDigits: decimalPlaces ?? 1,\n        }).format(numericValue)\n        break\n\n      case NumberDisplayMode.ORDINAL:\n        formattedValue = DisplayFieldFormatUtils.formatOrdinal(Math.round(numericValue), effectiveLocale)\n        break\n\n      case NumberDisplayMode.BYTES:\n        formattedValue = DisplayFieldFormatUtils.formatBytes(numericValue, decimalPlaces ?? 2)\n        break\n\n      default:\n        formattedValue = value\n    }\n\n    // Add prefix and suffix\n    const displayValue = `${prefix}${formattedValue}${suffix}`\n\n    return <Text className=\"tabular-nums\">{displayValue}</Text>\n  }\n\n  if (!isReady) return null\n\n  // Label/description rendering is handled by the parent DisplayField (FIELD-01)\n  return <div className={className}>{renderValue()}</div>\n}\n\n;(DisplayFieldBigDecimal as typeof DisplayFieldBigDecimal & { displayName: string }).displayName = \"DisplayFieldBigDecimal\"\n\nexport { DisplayFieldBigDecimal }\n\n"]}

package/dist/esm/components/data-display/formatters/display-field-bigdecimal.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-bigdecimal.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-bigdecimal.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,oCAAoC,EAAE,mBAAmB,EAMrE,CAAC"}
+{"version":3,"file":"display-field-bigdecimal.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-bigdecimal.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,oCAAoC,EAAE,mBAAmB,EAMrE,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-boolean.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-boolean.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-boolean.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAQL,wBAAwB,EACzB,MAAM,6BAA6B,CAAC;AAKrC;;;;;;;GAOG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA6FrD;AAID,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"display-field-boolean.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-boolean.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAQL,wBAAwB,EAEzB,MAAM,6BAA6B,CAAC;AAKrC;;;;;;;GAOG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA6FrD;AAID,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-boolean.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn, useI18n, useIconRegistry, StandardIconReference, IconSize, Text, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { cn, useI18n, useIconRegistry, StandardIconReference, IconSize, Text, Surface, useContextualDisplayParams, } from '@wildo-ai/saas-frontend-lib';
 import { BooleanDisplayMode, getBooleanUI } from "@wildo-ai/zod-decorators";
 import { FrontendComponentType, SurfaceVariant } from "@wildo-ai/presets-components-models";
 /**
@@ -34,7 +34,7 @@ function DisplayFieldBoolean({ schema, value, className, }) {
     });
     const { renderIcon } = useIconRegistry();
     const booleanUI = getBooleanUI(schema);
-    const displayMode = booleanUI?.display?.displayMode ?? BooleanDisplayMode.CHECKMARK;
+    const displayMode = useContextualDisplayParams(booleanUI)?.displayMode ?? BooleanDisplayMode.CHECKMARK;
     const labellingValue = booleanUI?.labellingValue ?? 'yes/no';
     const isCustomLabelling = labellingValue != null && typeof labellingValue === 'object' && labellingValue.mode === 'custom';
     const [trueLabelKey, falseLabelKey] = isCustomLabelling ? [undefined, undefined] : labellingValue.split('/');

package/dist/esm/components/data-display/formatters/display-field-boolean.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-boolean.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-boolean.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldBoolean Component\n *\n * Displays a boolean value based on the boolean UI decorator.\n * Supports different display modes: raw, checkmark, edit_like\n */\n\nimport * as React from \"react\"\n\nimport {\n  cn,\n  useI18n,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  Text,\n  Surface,\n  DisplayFieldBooleanProps,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { BooleanDisplayMode, getBooleanUI } from \"@wildo-ai/zod-decorators\"\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\n\n/**\n * DisplayFieldBoolean component\n *\n * Renders a boolean value according to the boolean UI decorator:\n * - raw: Shows \"Yes\"/\"No\" or other labels based on labellingValue\n * - checkmark: Shows a checkmark icon for true, nothing for false\n * - edit_like: Shows the value in a form-like display (similar to edit mode)\n */\nfunction DisplayFieldBoolean({\n  schema,\n  value,\n  className,\n}: DisplayFieldBooleanProps): React.JSX.Element | null {\n  /*\n   * Declare EVERY component whose keys this file reads, not the one it is named after (issue #231).\n   *\n   * It used to declare `LOW_LEVEL_FORM_FIELD_BOOLEAN` alone while calling `tComponent` for\n   * `LOW_LEVEL_DISPLAY_FIELD_BOOLEAN` (the yes/no words) and `LOW_LEVEL_FORM_FIELD` (the no-value\n   * placeholder). An undeclared unit is never fetched, so the lookup fell through to the raw key —\n   * and because those words reach the reader only through `aria-label` and `sr-only` text, the\n   * failure was INVISIBLE to a sighted developer: the ✓/✗ icons render correctly while a screen\n   * reader announces `components.LOW_LEVEL_DISPLAY_FIELD_BOOLEAN.yes`.\n   *\n   * The scope is the union of what is asked for, so a key added later from a third component must\n   * be declared here too or it will fail the same silent way.\n   */\n  const { tComponent, isReady } = useI18n({\n    component: [\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN,\n      FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BOOLEAN,\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD,\n    ],\n  })\n  const { renderIcon } = useIconRegistry()\n\n  const booleanUI = getBooleanUI(schema)\n  const displayMode = booleanUI?.display?.displayMode ?? BooleanDisplayMode.CHECKMARK\n  const labellingValue = booleanUI?.labellingValue ?? 'yes/no'\n\n  const isCustomLabelling = labellingValue != null && typeof labellingValue === 'object' && labellingValue.mode === 'custom'\n  const [trueLabelKey, falseLabelKey] = isCustomLabelling ? [undefined, undefined] : (labellingValue as string).split('/')\n  const getTrueLabel = () => isCustomLabelling ? labellingValue.trueValue : tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BOOLEAN, trueLabelKey!)\n  const getFalseLabel = () => isCustomLabelling ? labellingValue.falseValue : tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BOOLEAN, falseLabelKey!)\n\n  // Resolve the display label for current value (used for aria-label on visual-only modes)\n  const displayLabel = value !== null && value !== undefined\n    ? (value ? getTrueLabel() : getFalseLabel())\n    : undefined\n\n  // Render the value content\n  const renderValue = () => {\n    // Handle null/undefined\n    if (value === null || value === undefined) {\n      return <><Text className={cn(\"text-muted-foreground italic\")} aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n    }\n\n    // Render based on display mode\n    switch (displayMode) {\n      case BooleanDisplayMode.RAW:\n        return (\n          <Text>\n            {displayLabel}\n          </Text>\n        )\n\n      case BooleanDisplayMode.CHECKMARK:\n        return (\n          <div className=\"flex items-center gap-element\" aria-label={displayLabel}>\n            {value && (\n              <span aria-hidden=\"true\">\n                {renderIcon(StandardIconReference.CHECK, { size: IconSize.SM, className: \"text-primary\" })}\n              </span>\n            )}\n            {!value && (\n              <span aria-hidden=\"true\">\n                {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM, className: \"text-muted-foreground\" })}\n              </span>\n            )}\n            <span className=\"sr-only\">{displayLabel}</span>\n          </div>\n        )\n\n      case BooleanDisplayMode.EDIT_LIKE:\n        // Similar to edit mode but read-only\n        return (\n          <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n            <div className=\"inline-flex items-center gap-element px-card-sm py-1.5 rounded-md border border-border bg-muted/50\">\n              {displayLabel}\n            </div>\n          </Surface>\n        )\n\n      default:\n        return (\n          <Text>\n            {displayLabel}\n          </Text>\n        )\n    }\n  }\n\n  if (!isReady) return null\n\n  // Label/description rendering is handled by the parent DisplayField (FIELD-01)\n  return <div className={className}>{renderValue()}</div>\n}\n\n;(DisplayFieldBoolean as typeof DisplayFieldBoolean & { displayName: string }).displayName = \"DisplayFieldBoolean\"\n\nexport { DisplayFieldBoolean }\n"]}
+{"version":3,"file":"display-field-boolean.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-boolean.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldBoolean Component\n *\n * Displays a boolean value based on the boolean UI decorator.\n * Supports different display modes: raw, checkmark, edit_like\n */\n\nimport * as React from \"react\"\n\nimport {\n  cn,\n  useI18n,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  Text,\n  Surface,\n  DisplayFieldBooleanProps,\n  useContextualDisplayParams,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { BooleanDisplayMode, getBooleanUI } from \"@wildo-ai/zod-decorators\"\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\n\n/**\n * DisplayFieldBoolean component\n *\n * Renders a boolean value according to the boolean UI decorator:\n * - raw: Shows \"Yes\"/\"No\" or other labels based on labellingValue\n * - checkmark: Shows a checkmark icon for true, nothing for false\n * - edit_like: Shows the value in a form-like display (similar to edit mode)\n */\nfunction DisplayFieldBoolean({\n  schema,\n  value,\n  className,\n}: DisplayFieldBooleanProps): React.JSX.Element | null {\n  /*\n   * Declare EVERY component whose keys this file reads, not the one it is named after (issue #231).\n   *\n   * It used to declare `LOW_LEVEL_FORM_FIELD_BOOLEAN` alone while calling `tComponent` for\n   * `LOW_LEVEL_DISPLAY_FIELD_BOOLEAN` (the yes/no words) and `LOW_LEVEL_FORM_FIELD` (the no-value\n   * placeholder). An undeclared unit is never fetched, so the lookup fell through to the raw key —\n   * and because those words reach the reader only through `aria-label` and `sr-only` text, the\n   * failure was INVISIBLE to a sighted developer: the ✓/✗ icons render correctly while a screen\n   * reader announces `components.LOW_LEVEL_DISPLAY_FIELD_BOOLEAN.yes`.\n   *\n   * The scope is the union of what is asked for, so a key added later from a third component must\n   * be declared here too or it will fail the same silent way.\n   */\n  const { tComponent, isReady } = useI18n({\n    component: [\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN,\n      FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BOOLEAN,\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD,\n    ],\n  })\n  const { renderIcon } = useIconRegistry()\n\n  const booleanUI = getBooleanUI(schema)\n  const displayMode = useContextualDisplayParams(booleanUI)?.displayMode ?? BooleanDisplayMode.CHECKMARK\n  const labellingValue = booleanUI?.labellingValue ?? 'yes/no'\n\n  const isCustomLabelling = labellingValue != null && typeof labellingValue === 'object' && labellingValue.mode === 'custom'\n  const [trueLabelKey, falseLabelKey] = isCustomLabelling ? [undefined, undefined] : (labellingValue as string).split('/')\n  const getTrueLabel = () => isCustomLabelling ? labellingValue.trueValue : tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BOOLEAN, trueLabelKey!)\n  const getFalseLabel = () => isCustomLabelling ? labellingValue.falseValue : tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BOOLEAN, falseLabelKey!)\n\n  // Resolve the display label for current value (used for aria-label on visual-only modes)\n  const displayLabel = value !== null && value !== undefined\n    ? (value ? getTrueLabel() : getFalseLabel())\n    : undefined\n\n  // Render the value content\n  const renderValue = () => {\n    // Handle null/undefined\n    if (value === null || value === undefined) {\n      return <><Text className={cn(\"text-muted-foreground italic\")} aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n    }\n\n    // Render based on display mode\n    switch (displayMode) {\n      case BooleanDisplayMode.RAW:\n        return (\n          <Text>\n            {displayLabel}\n          </Text>\n        )\n\n      case BooleanDisplayMode.CHECKMARK:\n        return (\n          <div className=\"flex items-center gap-element\" aria-label={displayLabel}>\n            {value && (\n              <span aria-hidden=\"true\">\n                {renderIcon(StandardIconReference.CHECK, { size: IconSize.SM, className: \"text-primary\" })}\n              </span>\n            )}\n            {!value && (\n              <span aria-hidden=\"true\">\n                {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM, className: \"text-muted-foreground\" })}\n              </span>\n            )}\n            <span className=\"sr-only\">{displayLabel}</span>\n          </div>\n        )\n\n      case BooleanDisplayMode.EDIT_LIKE:\n        // Similar to edit mode but read-only\n        return (\n          <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n            <div className=\"inline-flex items-center gap-element px-card-sm py-1.5 rounded-md border border-border bg-muted/50\">\n              {displayLabel}\n            </div>\n          </Surface>\n        )\n\n      default:\n        return (\n          <Text>\n            {displayLabel}\n          </Text>\n        )\n    }\n  }\n\n  if (!isReady) return null\n\n  // Label/description rendering is handled by the parent DisplayField (FIELD-01)\n  return <div className={className}>{renderValue()}</div>\n}\n\n;(DisplayFieldBoolean as typeof DisplayFieldBoolean & { displayName: string }).displayName = \"DisplayFieldBoolean\"\n\nexport { DisplayFieldBoolean }\n"]}

package/dist/esm/components/data-display/formatters/display-field-boolean.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-boolean.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-boolean.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,iCAAiC,EAAE,mBAAmB,EAWlE,CAAC"}
+{"version":3,"file":"display-field-boolean.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-boolean.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,iCAAiC,EAAE,mBAAmB,EAWlE,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-code.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-code.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAKL,qBAAqB,EACtB,MAAM,6BAA6B,CAAC;AAUrC;;;;;;;;;GASG;AACH,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,eAAe,EAAE,mBAAmB,EACpC,SAAe,EACf,QAAgB,EAChB,UAA2B,EAC3B,SAAyB,GAC1B,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA+IlD;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"display-field-code.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-code.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAKL,qBAAqB,EAEtB,MAAM,6BAA6B,CAAC;AAUrC;;;;;;;;;GASG;AACH,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,eAAe,EAAE,mBAAmB,EACpC,SAAe,EACf,QAAgB,EAChB,UAA2B,EAC3B,SAAyB,GAC1B,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA+IlD;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-code.js

@@ -8,7 +8,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * then swaps in highlighted HTML once shiki completes.
  */
 import * as React from "react";
-import { cn, useI18n, Text, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { cn, useI18n, Text, Surface, useContextualDisplayParams, } from '@wildo-ai/saas-frontend-lib';
 import { FrontendComponentType, SurfaceVariant } from "@wildo-ai/presets-components-models";
 import { resolveInvalidLabel } from "./display-field-i18n.utils.js";
 import { getCodeUI, getLanguageDisplayName, } from "@wildo-ai/zod-decorators";
@@ -25,7 +25,7 @@ import { getCodeUI, getLanguageDisplayName, } from "@wildo-ai/zod-decorators";
 function DisplayFieldCode({ schema, value, className, showLineNumbers: showLineNumbersProp, maxHeight = 400, wordWrap = false, lightTheme = 'github-light', darkTheme = 'github-dark', }) {
     const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_CODE, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_CODE] });
     const codeUI = getCodeUI(schema);
-    const showLineNumbers = showLineNumbersProp ?? codeUI?.display?.showLineNumbers ?? true;
+    const showLineNumbers = showLineNumbersProp ?? useContextualDisplayParams(codeUI)?.showLineNumbers ?? true;
     const syntaxHighlighting = codeUI?.syntaxHighlighting ?? true;
     // State for async shiki highlighting
     const [highlightedHtml, setHighlightedHtml] = React.useState(null);

package/dist/esm/components/data-display/formatters/display-field-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-code.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-code.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldCode Component\n *\n * Displays a code value with syntax highlighting (via shiki) and optional line numbers.\n * Syntax highlighting is async — the component shows plain text immediately,\n * then swaps in highlighted HTML once shiki completes.\n */\n\nimport * as React from \"react\"\n\nimport {\n  cn,\n  useI18n,\n  Text,\n  Surface,\n  DisplayFieldCodeProps,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\nimport { resolveInvalidLabel } from \"./display-field-i18n.utils\"\nimport {\n  getCodeMetadata,\n  getCodeUI,\n  getLanguageDisplayName,\n} from \"@wildo-ai/zod-decorators\"\n\n/**\n * DisplayFieldCode component\n *\n * Renders a code value with:\n * - Language label\n * - Syntax highlighting via shiki (async, with plain-text fallback)\n * - Optional line numbers\n * - Scrollable container for long code\n * - Dual theme support (light/dark via CSS variables)\n */\nfunction DisplayFieldCode({\n  schema,\n  value,\n  className,\n  showLineNumbers: showLineNumbersProp,\n  maxHeight = 400,\n  wordWrap = false,\n  lightTheme = 'github-light',\n  darkTheme = 'github-dark',\n}: DisplayFieldCodeProps): React.JSX.Element | null {\n  const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_CODE, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_CODE] })\n  const codeUI = getCodeUI(schema)\n\n  const showLineNumbers = showLineNumbersProp ?? codeUI?.display?.showLineNumbers ?? true\n  const syntaxHighlighting = codeUI?.syntaxHighlighting ?? true\n\n  // State for async shiki highlighting\n  const [highlightedHtml, setHighlightedHtml] = React.useState<string | null>(null)\n\n  // Run shiki highlighting when value changes\n  React.useEffect(() => {\n    if (!syntaxHighlighting || !value || typeof value !== 'object' || !('content' in value) || !('language' in value)) {\n      setHighlightedHtml(null)\n      return\n    }\n\n    let cancelled = false\n\n    const highlight = async () => {\n      try {\n        // The SUBSET bundle, not the `shiki` package root: the root's `bundledLanguages` /\n        // `bundledThemes` records are 232 + 64 live `import()` edges, which a bundler emits as 295\n        // chunks (1,507 kB gzipped, measured on `examples/wonder-crm`) regardless of reachability.\n        // `~wildo-presets/shiki-subset` exposes the identical `codeToHtml` over the 31 declared\n        // `CommonCodeLanguages` grammars and the 4 themes Wildo renders. A language or theme outside\n        // that set rejects, and the `catch` below keeps the plain-text rendering — the same\n        // degradation an unsupported language always had.\n        const { codeToHtml } = await import('../../../shiki-subset')\n        const html = await codeToHtml(value.content, {\n          lang: value.language || 'plaintext',\n          themes: {\n            light: lightTheme,\n            dark: darkTheme,\n          },\n        })\n        if (!cancelled) {\n          setHighlightedHtml(html)\n        }\n      } catch {\n        // Shiki failed (unsupported language, missing theme, etc.) — keep plain rendering\n        if (!cancelled) {\n          setHighlightedHtml(null)\n        }\n      }\n    }\n\n    highlight()\n\n    return () => { cancelled = true }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value?.content, value?.language, syntaxHighlighting, lightTheme, darkTheme])\n\n  const invalidLabel = React.useMemo(\n    () => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_CODE),\n    [tComponent]\n  )\n\n  // Render the value content\n  const renderValue = () => {\n    // Handle null/undefined\n    if (value === null || value === undefined) {\n      return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n    }\n\n    // Handle invalid value\n    if (typeof value !== 'object' || !('content' in value) || !('language' in value)) {\n      return <Text className=\"text-muted-foreground italic\">{invalidLabel}</Text>\n    }\n\n    const { content, language } = value\n    const languageDisplayName = getLanguageDisplayName(language)\n\n    // Split content into lines for line numbers and plain fallback\n    const lines = content.split('\\n')\n    const lineNumberWidth = String(lines.length).length\n\n    return (\n      <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n        <div className=\"rounded-md border bg-muted/50 overflow-hidden\">\n          {/* Language header */}\n          <div className=\"flex items-center justify-between px-card-sm py-1.5 border-b bg-muted/30\">\n            <Text className=\"text-xs font-medium text-muted-foreground\">\n              {languageDisplayName}\n            </Text>\n            <Text className=\"text-xs text-muted-foreground\">\n              {tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_CODE, 'lineCount', { count: lines.length })}\n            </Text>\n          </div>\n\n          {/* Code content */}\n          <div\n            className=\"overflow-auto\"\n            style={{ maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight }}\n          >\n            {highlightedHtml ? (\n              /* Shiki highlighted output — rendered as HTML with inline styles */\n              <div\n                className={cn(\n                  \"text-sm [&>pre]:p-card-sm [&>pre]:!bg-transparent [&>pre]:font-mono\",\n                  wordWrap && \"[&>pre]:whitespace-pre-wrap [&>pre]:break-all\"\n                )}\n                dangerouslySetInnerHTML={{ __html: highlightedHtml }}\n              />\n            ) : (\n              /* Plain text fallback (shown before shiki loads or when highlighting is disabled) */\n              <pre className={cn(\n                \"p-card-sm text-sm font-mono\",\n                wordWrap && \"whitespace-pre-wrap break-all\"\n              )}>\n                {showLineNumbers ? (\n                  <table className=\"border-collapse\" role=\"presentation\">\n                    <tbody>\n                      {lines.map((line, index) => (\n                        <tr key={index}>\n                          <td\n                            className=\"pe-card text-end text-muted-foreground select-none align-top\"\n                            style={{ minWidth: `${lineNumberWidth + 1}ch` }}\n                          >\n                            {index + 1}\n                          </td>\n                          <td className=\"whitespace-pre\">\n                            {line || '\\u00A0'}\n                          </td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                ) : (\n                  <code>{content}</code>\n                )}\n              </pre>\n            )}\n          </div>\n        </div>\n      </Surface>\n    )\n  }\n\n  if (!isReady) return null\n\n  // Label/description rendering is handled by the parent DisplayField (FIELD-01)\n  return <div className={className}>{renderValue()}</div>\n}\n\n;(DisplayFieldCode as typeof DisplayFieldCode & { displayName: string }).displayName = \"DisplayFieldCode\"\n\nexport { DisplayFieldCode }\n\n"]}
+{"version":3,"file":"display-field-code.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-code.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldCode Component\n *\n * Displays a code value with syntax highlighting (via shiki) and optional line numbers.\n * Syntax highlighting is async — the component shows plain text immediately,\n * then swaps in highlighted HTML once shiki completes.\n */\n\nimport * as React from \"react\"\n\nimport {\n  cn,\n  useI18n,\n  Text,\n  Surface,\n  DisplayFieldCodeProps,\n  useContextualDisplayParams,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\nimport { resolveInvalidLabel } from \"./display-field-i18n.utils\"\nimport {\n  getCodeMetadata,\n  getCodeUI,\n  getLanguageDisplayName,\n} from \"@wildo-ai/zod-decorators\"\n\n/**\n * DisplayFieldCode component\n *\n * Renders a code value with:\n * - Language label\n * - Syntax highlighting via shiki (async, with plain-text fallback)\n * - Optional line numbers\n * - Scrollable container for long code\n * - Dual theme support (light/dark via CSS variables)\n */\nfunction DisplayFieldCode({\n  schema,\n  value,\n  className,\n  showLineNumbers: showLineNumbersProp,\n  maxHeight = 400,\n  wordWrap = false,\n  lightTheme = 'github-light',\n  darkTheme = 'github-dark',\n}: DisplayFieldCodeProps): React.JSX.Element | null {\n  const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_CODE, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_CODE] })\n  const codeUI = getCodeUI(schema)\n\n  const showLineNumbers = showLineNumbersProp ?? useContextualDisplayParams(codeUI)?.showLineNumbers ?? true\n  const syntaxHighlighting = codeUI?.syntaxHighlighting ?? true\n\n  // State for async shiki highlighting\n  const [highlightedHtml, setHighlightedHtml] = React.useState<string | null>(null)\n\n  // Run shiki highlighting when value changes\n  React.useEffect(() => {\n    if (!syntaxHighlighting || !value || typeof value !== 'object' || !('content' in value) || !('language' in value)) {\n      setHighlightedHtml(null)\n      return\n    }\n\n    let cancelled = false\n\n    const highlight = async () => {\n      try {\n        // The SUBSET bundle, not the `shiki` package root: the root's `bundledLanguages` /\n        // `bundledThemes` records are 232 + 64 live `import()` edges, which a bundler emits as 295\n        // chunks (1,507 kB gzipped, measured on `examples/wonder-crm`) regardless of reachability.\n        // `~wildo-presets/shiki-subset` exposes the identical `codeToHtml` over the 31 declared\n        // `CommonCodeLanguages` grammars and the 4 themes Wildo renders. A language or theme outside\n        // that set rejects, and the `catch` below keeps the plain-text rendering — the same\n        // degradation an unsupported language always had.\n        const { codeToHtml } = await import('../../../shiki-subset')\n        const html = await codeToHtml(value.content, {\n          lang: value.language || 'plaintext',\n          themes: {\n            light: lightTheme,\n            dark: darkTheme,\n          },\n        })\n        if (!cancelled) {\n          setHighlightedHtml(html)\n        }\n      } catch {\n        // Shiki failed (unsupported language, missing theme, etc.) — keep plain rendering\n        if (!cancelled) {\n          setHighlightedHtml(null)\n        }\n      }\n    }\n\n    highlight()\n\n    return () => { cancelled = true }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value?.content, value?.language, syntaxHighlighting, lightTheme, darkTheme])\n\n  const invalidLabel = React.useMemo(\n    () => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_CODE),\n    [tComponent]\n  )\n\n  // Render the value content\n  const renderValue = () => {\n    // Handle null/undefined\n    if (value === null || value === undefined) {\n      return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n    }\n\n    // Handle invalid value\n    if (typeof value !== 'object' || !('content' in value) || !('language' in value)) {\n      return <Text className=\"text-muted-foreground italic\">{invalidLabel}</Text>\n    }\n\n    const { content, language } = value\n    const languageDisplayName = getLanguageDisplayName(language)\n\n    // Split content into lines for line numbers and plain fallback\n    const lines = content.split('\\n')\n    const lineNumberWidth = String(lines.length).length\n\n    return (\n      <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n        <div className=\"rounded-md border bg-muted/50 overflow-hidden\">\n          {/* Language header */}\n          <div className=\"flex items-center justify-between px-card-sm py-1.5 border-b bg-muted/30\">\n            <Text className=\"text-xs font-medium text-muted-foreground\">\n              {languageDisplayName}\n            </Text>\n            <Text className=\"text-xs text-muted-foreground\">\n              {tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_CODE, 'lineCount', { count: lines.length })}\n            </Text>\n          </div>\n\n          {/* Code content */}\n          <div\n            className=\"overflow-auto\"\n            style={{ maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight }}\n          >\n            {highlightedHtml ? (\n              /* Shiki highlighted output — rendered as HTML with inline styles */\n              <div\n                className={cn(\n                  \"text-sm [&>pre]:p-card-sm [&>pre]:!bg-transparent [&>pre]:font-mono\",\n                  wordWrap && \"[&>pre]:whitespace-pre-wrap [&>pre]:break-all\"\n                )}\n                dangerouslySetInnerHTML={{ __html: highlightedHtml }}\n              />\n            ) : (\n              /* Plain text fallback (shown before shiki loads or when highlighting is disabled) */\n              <pre className={cn(\n                \"p-card-sm text-sm font-mono\",\n                wordWrap && \"whitespace-pre-wrap break-all\"\n              )}>\n                {showLineNumbers ? (\n                  <table className=\"border-collapse\" role=\"presentation\">\n                    <tbody>\n                      {lines.map((line, index) => (\n                        <tr key={index}>\n                          <td\n                            className=\"pe-card text-end text-muted-foreground select-none align-top\"\n                            style={{ minWidth: `${lineNumberWidth + 1}ch` }}\n                          >\n                            {index + 1}\n                          </td>\n                          <td className=\"whitespace-pre\">\n                            {line || '\\u00A0'}\n                          </td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                ) : (\n                  <code>{content}</code>\n                )}\n              </pre>\n            )}\n          </div>\n        </div>\n      </Surface>\n    )\n  }\n\n  if (!isReady) return null\n\n  // Label/description rendering is handled by the parent DisplayField (FIELD-01)\n  return <div className={className}>{renderValue()}</div>\n}\n\n;(DisplayFieldCode as typeof DisplayFieldCode & { displayName: string }).displayName = \"DisplayFieldCode\"\n\nexport { DisplayFieldCode }\n\n"]}

package/dist/esm/components/data-display/formatters/display-field-code.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-code.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-code.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAM/D,CAAC"}
+{"version":3,"file":"display-field-code.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-code.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAM/D,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-date.d.ts

@@ -1,13 +1,13 @@
 /**
  * DisplayFieldDate Component
  *
- * Displays a date value formatted according to regional preferences.
- * Uses the centralized formatting from ComponentsLabellingContext.
+ * Displays a date value according to regional preferences and the field's authored
+ * `DateDisplayMode` — ABSOLUTE (the default), RELATIVE, or AUTO.
  *
  * Label/description rendering is handled by the parent DisplayField (FIELD-01).
  */
 import * as React from "react";
 import type { DisplayFieldDateProps } from '@wildo-ai/saas-frontend-lib';
-declare function DisplayFieldDate({ value, className, }: DisplayFieldDateProps): React.JSX.Element | null;
+declare function DisplayFieldDate({ schema, value, className, }: DisplayFieldDateProps): React.JSX.Element | null;
 export { DisplayFieldDate };
 //# sourceMappingURL=display-field-date.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-date.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-date.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAIxE,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,GACV,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAUlD;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"display-field-date.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-date.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAKxE,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA6BlD;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-date.js

@@ -1,16 +1,29 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from "@wildo-ai/saas-frontend-lib";
+import { Text, useContextualDisplayParams } from "@wildo-ai/saas-frontend-lib";
 import { useI18n } from "@wildo-ai/saas-frontend-lib";
 import { FrontendComponentType } from "@wildo-ai/presets-components-models";
-function DisplayFieldDate({ value, className, }) {
-    const { formatDate, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+import { getDateUI } from "@wildo-ai/zod-decorators";
+function DisplayFieldDate({ schema, value, className, }) {
+    const { formatDateForDisplayMode, formatDate, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
     if (!isReady)
         return null;
     if (value === null || value === undefined) {
         return _jsxs(_Fragment, { children: [_jsx(Text, { className: "text-muted-foreground italic", "aria-hidden": "true", children: "\u2014" }), _jsx("span", { className: "sr-only", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue') })] });
     }
-    return _jsx(Text, { className: className, children: formatDate(value) });
+    const ui = getDateUI(schema);
+    // SUMMARY surfaces (cards, list rows, FK previews) merge `summaryOverride` over `display`, the
+    // same contract the enum renderer honours. It earns its keep here more than anywhere: a detail
+    // page wants the date a thing is due, and the card listing twenty of them wants "in 3 days".
+    const displayParams = useContextualDisplayParams(ui);
+    const rendered = formatDateForDisplayMode(value, displayParams?.displayMode);
+    const absolute = formatDate(value);
+    // A relative phrase is an approximation of a fact the record holds exactly, so the exact value
+    // stays one hover away. Without it, "in 3 days" would be the ONLY thing a reader could learn
+    // about a deadline from this field — which is a worse surface than the plain date it replaced,
+    // and would make the mode a trade rather than an improvement. Omitted when the two agree, so an
+    // absolute rendering does not carry a tooltip repeating itself.
+    return (_jsx(Text, { className: className, title: rendered === absolute ? undefined : absolute, children: rendered }));
 }
 ;
 DisplayFieldDate.displayName = "DisplayFieldDate";

package/dist/esm/components/data-display/formatters/display-field-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-date.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-date.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAaZ,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAE3E,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,GACa;IACtB,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAE9G,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,8BAAE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,EAAA,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAQ,IAAG,CAAA;IAC5L,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,UAAU,CAAC,KAAK,CAAC,GAAQ,CAAA;AAC/D,CAAC;AAED,CAAC;AAAC,gBAAsE,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEzG,OAAO,EAAE,gBAAgB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldDate Component\n *\n * Displays a date value formatted according to regional preferences.\n * Uses the centralized formatting from ComponentsLabellingContext.\n *\n * Label/description rendering is handled by the parent DisplayField (FIELD-01).\n */\n\nimport * as React from \"react\"\n\nimport { Text } from \"@wildo-ai/saas-frontend-lib\"\nimport type { DisplayFieldDateProps } from '@wildo-ai/saas-frontend-lib'\nimport { useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\nfunction DisplayFieldDate({\n  value,\n  className,\n}: DisplayFieldDateProps): React.JSX.Element | null {\n  const { formatDate, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n\n  if (!isReady) return null\n\n  if (value === null || value === undefined) {\n    return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n  }\n\n  return <Text className={className}>{formatDate(value)}</Text>\n}\n\n;(DisplayFieldDate as typeof DisplayFieldDate & { displayName: string }).displayName = \"DisplayFieldDate\"\n\nexport { DisplayFieldDate }\n"]}
+{"version":3,"file":"display-field-date.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-date.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAaZ,OAAO,EAAE,IAAI,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,SAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,GACa;IACtB,MAAM,EAAE,wBAAwB,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAExI,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,8BAAE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,EAAA,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAQ,IAAG,CAAA;IAC5L,CAAC;IAED,MAAM,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;IAE5B,+FAA+F;IAC/F,+FAA+F;IAC/F,6FAA6F;IAC7F,MAAM,aAAa,GAAG,0BAA0B,CAAC,EAAE,CAAC,CAAA;IAEpD,MAAM,QAAQ,GAAG,wBAAwB,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,CAAC,CAAA;IAC5E,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAElC,+FAA+F;IAC/F,6FAA6F;IAC7F,+FAA+F;IAC/F,gGAAgG;IAChG,gEAAgE;IAChE,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,YAC5E,QAAQ,GACJ,CACR,CAAA;AACH,CAAC;AAED,CAAC;AAAC,gBAAsE,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEzG,OAAO,EAAE,gBAAgB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldDate Component\n *\n * Displays a date value according to regional preferences and the field's authored\n * `DateDisplayMode` — ABSOLUTE (the default), RELATIVE, or AUTO.\n *\n * Label/description rendering is handled by the parent DisplayField (FIELD-01).\n */\n\nimport * as React from \"react\"\n\nimport { Text, useContextualDisplayParams } from \"@wildo-ai/saas-frontend-lib\"\nimport type { DisplayFieldDateProps } from '@wildo-ai/saas-frontend-lib'\nimport { useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport { getDateUI } from \"@wildo-ai/zod-decorators\"\n\nfunction DisplayFieldDate({\n  schema,\n  value,\n  className,\n}: DisplayFieldDateProps): React.JSX.Element | null {\n  const { formatDateForDisplayMode, formatDate, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n\n  if (!isReady) return null\n\n  if (value === null || value === undefined) {\n    return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n  }\n\n  const ui = getDateUI(schema)\n\n  // SUMMARY surfaces (cards, list rows, FK previews) merge `summaryOverride` over `display`, the\n  // same contract the enum renderer honours. It earns its keep here more than anywhere: a detail\n  // page wants the date a thing is due, and the card listing twenty of them wants \"in 3 days\".\n  const displayParams = useContextualDisplayParams(ui)\n\n  const rendered = formatDateForDisplayMode(value, displayParams?.displayMode)\n  const absolute = formatDate(value)\n\n  // A relative phrase is an approximation of a fact the record holds exactly, so the exact value\n  // stays one hover away. Without it, \"in 3 days\" would be the ONLY thing a reader could learn\n  // about a deadline from this field — which is a worse surface than the plain date it replaced,\n  // and would make the mode a trade rather than an improvement. Omitted when the two agree, so an\n  // absolute rendering does not carry a tooltip repeating itself.\n  return (\n    <Text className={className} title={rendered === absolute ? undefined : absolute}>\n      {rendered}\n    </Text>\n  )\n}\n\n;(DisplayFieldDate as typeof DisplayFieldDate & { displayName: string }).displayName = \"DisplayFieldDate\"\n\nexport { DisplayFieldDate }\n"]}

package/dist/esm/components/data-display/formatters/display-field-date.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-date.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-date.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"display-field-date.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-date.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-datetime.d.ts

@@ -1,13 +1,13 @@
 /**
  * DisplayFieldDateTime Component
  *
- * Displays a datetime value formatted according to regional preferences.
- * Uses the centralized formatting from ComponentsLabellingContext.
+ * Displays a datetime value according to regional preferences and the field's authored
+ * `DateDisplayMode` — ABSOLUTE (the default), RELATIVE, or AUTO.
  *
  * Label/description rendering is handled by the parent DisplayField (FIELD-01).
  */
 import * as React from "react";
 import type { DisplayFieldDateTimeProps } from '@wildo-ai/saas-frontend-lib';
-declare function DisplayFieldDateTime({ value, className, }: DisplayFieldDateTimeProps): React.JSX.Element | null;
+declare function DisplayFieldDateTime({ schema, value, className, }: DisplayFieldDateTimeProps): React.JSX.Element | null;
 export { DisplayFieldDateTime };
 //# sourceMappingURL=display-field-datetime.d.ts.map