@wildo-ai/presets-components 1.0.1 → 1.1.0

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

@@ -5,6 +5,8 @@ import { useI18n } from "@wildo-ai/saas-frontend-lib";
 import { FrontendComponentType } from "@wildo-ai/presets-components-models";
 function DisplayFieldRangeDate({ value, className, separator = '—', }) {
     const { formatDate, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    if (!isReady)
+        return null;
     const fmt = (d) => {
         if (d === undefined || d === null)
             return '—';
@@ -32,4 +34,4 @@ function DisplayFieldRangeDate({ value, className, separator = '—', }) {
 ;
 DisplayFieldRangeDate.displayName = "DisplayFieldRangeDate";
 export { DisplayFieldRangeDate };
-//# sourceMappingURL=display-field-range-date.js.map
+//# sourceMappingURL=display-field-range-date.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-range-date.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-date.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAYZ,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,qBAAqB,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,SAAS,GAAG,GAAG,GACY;IAC3B,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAE9G,MAAM,GAAG,GAAG,CAAC,CAA4B,EAAU,EAAE;QACnD,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,GAAG,CAAA;QAC7C,OAAO,UAAU,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;IACxD,CAAC,CAAA;IAED,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,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAE1B,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,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,IAAI,WAAmB,CAAA;IACvB,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,WAAW,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IACtD,CAAC;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,WAAW,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,CAAA;IAChC,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IAC9B,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,WAAW,GAAQ,CAAA;AACzD,CAAC;AAED,CAAC;AAAC,qBAAgF,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAExH,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"display-field-range-date.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-date.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAYZ,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,qBAAqB,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,SAAS,GAAG,GAAG,GACY;IAC3B,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,MAAM,GAAG,GAAG,CAAC,CAA4B,EAAU,EAAE;QACnD,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,GAAG,CAAA;QAC7C,OAAO,UAAU,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;IACxD,CAAC,CAAA;IAED,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,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAE1B,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,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,IAAI,WAAmB,CAAA;IACvB,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,WAAW,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IACtD,CAAC;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,WAAW,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,CAAA;IAChC,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IAC9B,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,WAAW,GAAQ,CAAA;AACzD,CAAC;AAED,CAAC;AAAC,qBAAgF,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAExH,OAAO,EAAE,qBAAqB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldRangeDate Component\n *\n * Displays a date range value (from/to) with locale-aware formatting.\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\"\nimport { Text } from \"@wildo-ai/saas-frontend-lib\"\nimport type { DisplayFieldRangeDateProps } from '@wildo-ai/saas-frontend-lib'\nimport { useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\nfunction DisplayFieldRangeDate({\n  value,\n  className,\n  separator = '—',\n}: DisplayFieldRangeDateProps): React.JSX.Element | null {\n  const { formatDate, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n\n  if (!isReady) return null\n\n  const fmt = (d: Date | string | undefined): string => {\n    if (d === undefined || d === null) return '—'\n    return formatDate(d instanceof Date ? d : new Date(d))\n  }\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 { from, to } = value\n\n  if (from === undefined && to === 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  let displayText: string\n  if (from !== undefined && to !== undefined) {\n    displayText = `${fmt(from)} ${separator} ${fmt(to)}`\n  } else if (from !== undefined) {\n    displayText = `≥ ${fmt(from)}`\n  } else {\n    displayText = `≤ ${fmt(to)}`\n  }\n\n  return <Text className={className}>{displayText}</Text>\n}\n\n;(DisplayFieldRangeDate as typeof DisplayFieldRangeDate & { displayName: string }).displayName = \"DisplayFieldRangeDate\"\n\nexport { DisplayFieldRangeDate }\n"]}

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { FrontendComponentType, 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 LowLevelDisplayFieldRangeDateLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_DATE, LowLevelDisplayFieldRangeDateLabels);
+//# sourceMappingURL=display-field-range-date.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-range-date.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-date.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,mCAAmC,GAA0B,EAAE,CAAC;AAC7E,uBAAuB,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,mCAAmC,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, 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 LowLevelDisplayFieldRangeDateLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_DATE, LowLevelDisplayFieldRangeDateLabels);\n"]}

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

@@ -8,6 +8,6 @@
  */
 import * as React from "react";
 import type { DisplayFieldRangeDateTimeProps } from '@wildo-ai/saas-frontend-lib';
-declare function DisplayFieldRangeDateTime({ value, className, separator, }: DisplayFieldRangeDateTimeProps): React.JSX.Element;
+declare function DisplayFieldRangeDateTime({ value, className, separator, }: DisplayFieldRangeDateTimeProps): React.JSX.Element | null;
 export { DisplayFieldRangeDateTime };
 //# sourceMappingURL=display-field-range-datetime.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-range-datetime.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-datetime.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAA;AAIjF,iBAAS,yBAAyB,CAAC,EACjC,KAAK,EACL,SAAS,EACT,SAAe,GAChB,EAAE,8BAA8B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4BpD;AAID,OAAO,EAAE,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"display-field-range-datetime.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-datetime.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAA;AAIjF,iBAAS,yBAAyB,CAAC,EACjC,KAAK,EACL,SAAS,EACT,SAAe,GAChB,EAAE,8BAA8B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA8B3D;AAID,OAAO,EAAE,yBAAyB,EAAE,CAAA"}

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

@@ -5,6 +5,8 @@ import { useI18n } from "@wildo-ai/saas-frontend-lib";
 import { FrontendComponentType } from "@wildo-ai/presets-components-models";
 function DisplayFieldRangeDateTime({ value, className, separator = '—', }) {
     const { formatDateTime, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    if (!isReady)
+        return null;
     const fmt = (d) => {
         if (d === undefined || d === null)
             return '—';
@@ -32,4 +34,4 @@ function DisplayFieldRangeDateTime({ value, className, separator = '—', }) {
 ;
 DisplayFieldRangeDateTime.displayName = "DisplayFieldRangeDateTime";
 export { DisplayFieldRangeDateTime };
-//# sourceMappingURL=display-field-range-datetime.js.map
+//# sourceMappingURL=display-field-range-datetime.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-range-datetime.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-datetime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAYZ,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,yBAAyB,CAAC,EACjC,KAAK,EACL,SAAS,EACT,SAAS,GAAG,GAAG,GACgB;IAC/B,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAElH,MAAM,GAAG,GAAG,CAAC,CAA4B,EAAU,EAAE;QACnD,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,GAAG,CAAA;QAC7C,OAAO,cAAc,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5D,CAAC,CAAA;IAED,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,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAE1B,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,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,IAAI,WAAmB,CAAA;IACvB,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,WAAW,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IACtD,CAAC;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,WAAW,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,CAAA;IAChC,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IAC9B,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,WAAW,GAAQ,CAAA;AACzD,CAAC;AAED,CAAC;AAAC,yBAAwF,CAAC,WAAW,GAAG,2BAA2B,CAAA;AAEpI,OAAO,EAAE,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"display-field-range-datetime.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-datetime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAYZ,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,yBAAyB,CAAC,EACjC,KAAK,EACL,SAAS,EACT,SAAS,GAAG,GAAG,GACgB;IAC/B,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAElH,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,MAAM,GAAG,GAAG,CAAC,CAA4B,EAAU,EAAE;QACnD,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,GAAG,CAAA;QAC7C,OAAO,cAAc,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5D,CAAC,CAAA;IAED,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,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAE1B,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,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,IAAI,WAAmB,CAAA;IACvB,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,WAAW,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IACtD,CAAC;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,WAAW,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,CAAA;IAChC,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IAC9B,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,WAAW,GAAQ,CAAA;AACzD,CAAC;AAED,CAAC;AAAC,yBAAwF,CAAC,WAAW,GAAG,2BAA2B,CAAA;AAEpI,OAAO,EAAE,yBAAyB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldRangeDateTime Component\n *\n * Displays a datetime range value (from/to) with locale-aware formatting.\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\"\nimport { Text } from \"@wildo-ai/saas-frontend-lib\"\nimport type { DisplayFieldRangeDateTimeProps } from '@wildo-ai/saas-frontend-lib'\nimport { useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\nfunction DisplayFieldRangeDateTime({\n  value,\n  className,\n  separator = '—',\n}: DisplayFieldRangeDateTimeProps): React.JSX.Element | null {\n  const { formatDateTime, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n\n  if (!isReady) return null\n\n  const fmt = (d: Date | string | undefined): string => {\n    if (d === undefined || d === null) return '—'\n    return formatDateTime(d instanceof Date ? d : new Date(d))\n  }\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 { from, to } = value\n\n  if (from === undefined && to === 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  let displayText: string\n  if (from !== undefined && to !== undefined) {\n    displayText = `${fmt(from)} ${separator} ${fmt(to)}`\n  } else if (from !== undefined) {\n    displayText = `≥ ${fmt(from)}`\n  } else {\n    displayText = `≤ ${fmt(to)}`\n  }\n\n  return <Text className={className}>{displayText}</Text>\n}\n\n;(DisplayFieldRangeDateTime as typeof DisplayFieldRangeDateTime & { displayName: string }).displayName = \"DisplayFieldRangeDateTime\"\n\nexport { DisplayFieldRangeDateTime }\n"]}

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { FrontendComponentType, 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 LowLevelDisplayFieldRangeDatetimeLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_DATETIME, LowLevelDisplayFieldRangeDatetimeLabels);
+//# sourceMappingURL=display-field-range-datetime.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-range-datetime.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-datetime.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,uCAAuC,GAA0B,EAAE,CAAC;AACjF,uBAAuB,CAAC,qBAAqB,CAAC,sCAAsC,EAAE,uCAAuC,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, 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 LowLevelDisplayFieldRangeDatetimeLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_DATETIME, LowLevelDisplayFieldRangeDatetimeLabels);\n"]}

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

@@ -11,6 +11,6 @@ import type { DisplayFieldRangeMoneyProps } from '@wildo-ai/saas-frontend-lib';
  *
  * Renders a money range value (from — to)
  */
-declare function DisplayFieldRangeMoney({ schema, value, className, showSymbol, symbolPosition, showCurrencyCode, separator, }: DisplayFieldRangeMoneyProps): React.JSX.Element;
+declare function DisplayFieldRangeMoney({ schema, value, className, showSymbol, symbolPosition, showCurrencyCode, separator, }: DisplayFieldRangeMoneyProps): React.JSX.Element | null;
 export { DisplayFieldRangeMoney };
 //# sourceMappingURL=display-field-range-money.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-range-money.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-money.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAsC9E;;;;GAIG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,SAAS,EACT,UAAiB,EACjB,cAAyB,EACzB,gBAAwB,EACxB,SAAe,GAChB,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqDjD;AAID,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"display-field-range-money.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-money.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAwC9E;;;;GAIG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,SAAS,EACT,UAAiB,EACjB,cAAyB,EACzB,gBAAwB,EACxB,SAAe,GAChB,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA+DxD;AAID,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

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

@@ -1,19 +1,29 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DisplayFieldRangeMoney Component
+ *
+ * Displays a money range value (from/to) with proper formatting.
+ * Each value is a MoneyValue { amount, currency, decimals }.
+ */
+import * as React from "react";
 import { useI18n, Text } from "@wildo-ai/saas-frontend-lib";
 import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { resolveInvalidLabel } from "./display-field-i18n.utils.js";
 import { formatMoney, } from "@wildo-ai/zod-decorators";
 import { getCurrencyInfo } from "@wildo-ai/presets-components-models";
 /**
  * Format a money value for display
  */
-function formatMoneyValue(value, showSymbol, symbolPosition) {
+function formatMoneyValue(value, showSymbol, symbolPosition, 
+// I-3: i18n-gated invalid label (passed in from React component scope)
+invalidLabel) {
     if (value === null || value === undefined) {
         return '—';
     }
     // Handle invalid value
     if (typeof value !== 'object' || !('amount' in value) || !('currency' in value) || !('decimals' in value)) {
-        return 'Invalid';
+        return invalidLabel;
     }
     // Get currency info for symbol
     const currencyInfo = getCurrencyInfo(value.currency);
@@ -36,7 +46,13 @@ function formatMoneyValue(value, showSymbol, symbolPosition) {
  * Renders a money range value (from — to)
  */
 function DisplayFieldRangeMoney({ schema, value, className, showSymbol = true, symbolPosition = 'before', showCurrencyCode = false, separator = '—', }) {
-    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_MONEY] });
+    // Hooks must run unconditionally — placed above the `!isReady` gate so the
+    // first ready render doesn't add a hook (Rules-of-Hooks crash into the
+    // DisplayField error boundary; same defect family as DisplayFieldPhone).
+    const invalidLabel = React.useMemo(() => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_MONEY), [tComponent]);
+    if (!isReady)
+        return null;
     // Render the value content
     const renderValue = () => {
         // Handle null/undefined
@@ -45,12 +61,12 @@ function DisplayFieldRangeMoney({ schema, value, className, showSymbol = true, s
         }
         // Handle invalid value
         if (typeof value !== 'object') {
-            return _jsx(Text, { className: "text-muted-foreground italic", children: "Invalid" });
+            return _jsx(Text, { className: "text-muted-foreground italic", children: invalidLabel });
         }
         const { from, to } = value;
         // Format both values
-        const formattedFrom = formatMoneyValue(from, showSymbol, symbolPosition);
-        const formattedTo = formatMoneyValue(to, showSymbol, symbolPosition);
+        const formattedFrom = formatMoneyValue(from, showSymbol, symbolPosition, invalidLabel);
+        const formattedTo = formatMoneyValue(to, showSymbol, symbolPosition, invalidLabel);
         // If both are empty, show dash
         if (from === undefined && to === 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') })] });
@@ -80,4 +96,4 @@ function DisplayFieldRangeMoney({ schema, value, className, showSymbol = true, s
 ;
 DisplayFieldRangeMoney.displayName = "DisplayFieldRangeMoney";
 export { DisplayFieldRangeMoney };
-//# sourceMappingURL=display-field-range-money.js.map
+//# sourceMappingURL=display-field-range-money.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-range-money.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-money.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"display-field-range-money.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-money.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldRangeMoney Component\n *\n * Displays a money range value (from/to) with proper formatting.\n * Each value is a MoneyValue { amount, currency, decimals }.\n */\n\nimport * as React from \"react\"\nimport { cn, useI18n, Text } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport { resolveInvalidLabel } from \"./display-field-i18n.utils\"\nimport {\n  MoneyValue,\n  formatMoney,\n  AvailableCurrency,\n} from \"@wildo-ai/zod-decorators\"\nimport { getCurrencyInfo } from \"@wildo-ai/presets-components-models\"\nimport type { DisplayFieldRangeMoneyProps } from '@wildo-ai/saas-frontend-lib'\n\n/**\n * Format a money value for display\n */\nfunction formatMoneyValue(\n  value: MoneyValue | undefined | null,\n  showSymbol: boolean,\n  symbolPosition: 'before' | 'after',\n  // I-3: i18n-gated invalid label (passed in from React component scope)\n  invalidLabel: string\n): string {\n  if (value === null || value === undefined) {\n    return '—'\n  }\n\n  // Handle invalid value\n  if (typeof value !== 'object' || !('amount' in value) || !('currency' in value) || !('decimals' in value)) {\n    return invalidLabel\n  }\n\n  // Get currency info for symbol\n  const currencyInfo = getCurrencyInfo(value.currency as AvailableCurrency)\n  const symbol = currencyInfo?.symbol ?? value.currency\n\n  // Format the money value\n  const formatted = formatMoney(value, {\n    showSymbol: false,\n  })\n\n  // Build display string with symbol\n  if (showSymbol) {\n    return symbolPosition === 'before'\n      ? `${symbol}${formatted}`\n      : `${formatted} ${symbol}`\n  }\n\n  return formatted\n}\n\n/**\n * DisplayFieldRangeMoney component\n *\n * Renders a money range value (from — to)\n */\nfunction DisplayFieldRangeMoney({\n  schema,\n  value,\n  className,\n  showSymbol = true,\n  symbolPosition = 'before',\n  showCurrencyCode = false,\n  separator = '—',\n}: DisplayFieldRangeMoneyProps): React.JSX.Element | null {\n  const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_MONEY] })\n\n  // Hooks must run unconditionally — placed above the `!isReady` gate so the\n  // first ready render doesn't add a hook (Rules-of-Hooks crash into the\n  // DisplayField error boundary; same defect family as DisplayFieldPhone).\n  const invalidLabel = React.useMemo(\n    () => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_MONEY),\n    [tComponent]\n  )\n\n  if (!isReady) return null\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') {\n      return <Text className=\"text-muted-foreground italic\">{invalidLabel}</Text>\n    }\n\n    const { from, to } = value\n\n    // Format both values\n    const formattedFrom = formatMoneyValue(from, showSymbol, symbolPosition, invalidLabel)\n    const formattedTo = formatMoneyValue(to, showSymbol, symbolPosition, invalidLabel)\n\n    // If both are empty, show dash\n    if (from === undefined && to === 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    // Determine currency code to show (prefer from, fallback to to)\n    const currencyCode = from?.currency ?? to?.currency\n\n    // Build display string\n    let displayText: string\n    if (from !== undefined && to !== undefined) {\n      displayText = `${formattedFrom} ${separator} ${formattedTo}`\n    } else if (from !== undefined) {\n      displayText = `≥ ${formattedFrom}`\n    } else {\n      displayText = `≤ ${formattedTo}`\n    }\n\n    // Optionally append currency code\n    if (showCurrencyCode && currencyCode) {\n      displayText = `${displayText} ${currencyCode}`\n    }\n\n    return (\n      <Text className=\"tabular-nums\">\n        {displayText}\n      </Text>\n    )\n  }\n\n  // Label/description rendering is handled by the parent DisplayField (FIELD-01)\n  return <div className={className}>{renderValue()}</div>\n}\n\n;(DisplayFieldRangeMoney as typeof DisplayFieldRangeMoney & { displayName: string }).displayName = \"DisplayFieldRangeMoney\"\n\nexport { DisplayFieldRangeMoney }\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-range-money.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-money.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-range-money.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 LowLevelDisplayFieldRangeMoneyLabels = [
+    {
+        ref: 'invalid',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Fallback shown in place of a monetary range whose bounds cannot be parsed into amounts',
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_MONEY, LowLevelDisplayFieldRangeMoneyLabels);
+//# sourceMappingURL=display-field-range-money.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-range-money.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-money.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,oCAAoC,GAA0B;IACzE;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,wFAAwF;KAClG;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,mCAAmC,EAAE,oCAAoC,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 LowLevelDisplayFieldRangeMoneyLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'invalid',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Fallback shown in place of a monetary range whose bounds cannot be parsed into amounts',\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_MONEY, LowLevelDisplayFieldRangeMoneyLabels);\n"]}

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

@@ -8,6 +8,6 @@
  */
 import * as React from "react";
 import type { DisplayFieldRangeNumberProps } from '@wildo-ai/saas-frontend-lib';
-declare function DisplayFieldRangeNumber({ value, className, separator, }: DisplayFieldRangeNumberProps): React.JSX.Element;
+declare function DisplayFieldRangeNumber({ value, className, separator, }: DisplayFieldRangeNumberProps): React.JSX.Element | null;
 export { DisplayFieldRangeNumber };
 //# sourceMappingURL=display-field-range-number.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-range-number.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-number.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAI/E,iBAAS,uBAAuB,CAAC,EAC/B,KAAK,EACL,SAAS,EACT,SAAe,GAChB,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8BlD;AAID,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"display-field-range-number.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-number.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAK/E,iBAAS,uBAAuB,CAAC,EAC/B,KAAK,EACL,SAAS,EACT,SAAe,GAChB,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAwCzD;AAID,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

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

@@ -1,15 +1,31 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from "@wildo-ai/saas-frontend-lib";
+/**
+ * DisplayFieldRangeNumber Component
+ *
+ * Displays a number range value (from/to) with locale-aware formatting.
+ * Uses the centralized formatting from ComponentsLabellingContext.
+ *
+ * Label/description rendering is handled by the parent DisplayField (FIELD-01).
+ */
+import * as React from "react";
+import { Text, cn } from "@wildo-ai/saas-frontend-lib";
 import { useI18n } from "@wildo-ai/saas-frontend-lib";
 import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { resolveInvalidLabel } from "./display-field-i18n.utils.js";
 function DisplayFieldRangeNumber({ value, className, separator = '—', }) {
-    const { formatNumber, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    const { formatNumber, tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_NUMBER] });
+    // Hooks must run unconditionally — placed above the `!isReady` gate so the
+    // first ready render doesn't add a hook (Rules-of-Hooks crash into the
+    // DisplayField error boundary; same defect family as DisplayFieldPhone).
+    const invalidLabel = React.useMemo(() => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_NUMBER), [tComponent]);
+    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') })] });
     }
     if (typeof value !== 'object') {
-        return _jsx(Text, { className: "text-muted-foreground italic", children: "Invalid" });
+        return _jsx(Text, { className: "text-muted-foreground italic", children: invalidLabel });
     }
     const { from, to } = value;
     if (from === undefined && to === undefined) {
@@ -27,9 +43,9 @@ function DisplayFieldRangeNumber({ value, className, separator = '—', }) {
     else {
         displayText = `≤ ${fmtTo}`;
     }
-    return _jsx(Text, { className: `tabular-nums ${className ?? ''}`, children: displayText });
+    return _jsx(Text, { className: cn('tabular-nums', className), children: displayText });
 }
 ;
 DisplayFieldRangeNumber.displayName = "DisplayFieldRangeNumber";
 export { DisplayFieldRangeNumber };
-//# sourceMappingURL=display-field-range-number.js.map
+//# sourceMappingURL=display-field-range-number.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-range-number.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-number.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAYZ,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,uBAAuB,CAAC,EAC/B,KAAK,EACL,SAAS,EACT,SAAS,GAAG,GAAG,GACc;IAC7B,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAEhH,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,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,wBAAe,CAAA;IACtE,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAE1B,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,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,OAAO,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAC7D,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEvD,IAAI,WAAmB,CAAA;IACvB,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,WAAW,GAAG,GAAG,OAAO,IAAI,SAAS,IAAI,KAAK,EAAE,CAAA;IAClD,CAAC;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,WAAW,GAAG,KAAK,OAAO,EAAE,CAAA;IAC9B,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,KAAK,KAAK,EAAE,CAAA;IAC5B,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,gBAAgB,SAAS,IAAI,EAAE,EAAE,YAAG,WAAW,GAAQ,CAAA;AACjF,CAAC;AAED,CAAC;AAAC,uBAAoF,CAAC,WAAW,GAAG,yBAAyB,CAAA;AAE9H,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"display-field-range-number.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-number.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAA;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,SAAS,uBAAuB,CAAC,EAC/B,KAAK,EACL,SAAS,EACT,SAAS,GAAG,GAAG,GACc;IAC7B,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,oCAAoC,CAAC,EAAE,CAAC,CAAA;IAE9K,2EAA2E;IAC3E,uEAAuE;IACvE,yEAAyE;IACzE,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,CAAC,oCAAoC,CAAC,EACjG,CAAC,UAAU,CAAC,CACb,CAAA;IAED,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,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,YAAE,YAAY,GAAQ,CAAA;IAC7E,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAE1B,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,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,OAAO,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAC7D,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEvD,IAAI,WAAmB,CAAA;IACvB,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,WAAW,GAAG,GAAG,OAAO,IAAI,SAAS,IAAI,KAAK,EAAE,CAAA;IAClD,CAAC;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,WAAW,GAAG,KAAK,OAAO,EAAE,CAAA;IAC9B,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,KAAK,KAAK,EAAE,CAAA;IAC5B,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,YAAG,WAAW,GAAQ,CAAA;AAC7E,CAAC;AAED,CAAC;AAAC,uBAAoF,CAAC,WAAW,GAAG,yBAAyB,CAAA;AAE9H,OAAO,EAAE,uBAAuB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldRangeNumber Component\n *\n * Displays a number range value (from/to) with locale-aware formatting.\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\"\nimport { Text, cn } from \"@wildo-ai/saas-frontend-lib\"\nimport type { DisplayFieldRangeNumberProps } from '@wildo-ai/saas-frontend-lib'\nimport { useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport { resolveInvalidLabel } from \"./display-field-i18n.utils\"\n\nfunction DisplayFieldRangeNumber({\n  value,\n  className,\n  separator = '—',\n}: DisplayFieldRangeNumberProps): React.JSX.Element | null {\n  const { formatNumber, tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_NUMBER] })\n\n  // Hooks must run unconditionally — placed above the `!isReady` gate so the\n  // first ready render doesn't add a hook (Rules-of-Hooks crash into the\n  // DisplayField error boundary; same defect family as DisplayFieldPhone).\n  const invalidLabel = React.useMemo(\n    () => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_NUMBER),\n    [tComponent]\n  )\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  if (typeof value !== 'object') {\n    return <Text className=\"text-muted-foreground italic\">{invalidLabel}</Text>\n  }\n\n  const { from, to } = value\n\n  if (from === undefined && to === 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 fmtFrom = from !== undefined ? formatNumber(from) : '—'\n  const fmtTo = to !== undefined ? formatNumber(to) : '—'\n\n  let displayText: string\n  if (from !== undefined && to !== undefined) {\n    displayText = `${fmtFrom} ${separator} ${fmtTo}`\n  } else if (from !== undefined) {\n    displayText = `≥ ${fmtFrom}`\n  } else {\n    displayText = `≤ ${fmtTo}`\n  }\n\n  return <Text className={cn('tabular-nums', className)}>{displayText}</Text>\n}\n\n;(DisplayFieldRangeNumber as typeof DisplayFieldRangeNumber & { displayName: string }).displayName = \"DisplayFieldRangeNumber\"\n\nexport { DisplayFieldRangeNumber }\n"]}

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

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

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

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

package/dist/esm/components/data-display/formatters/display-field-range-number.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 LowLevelDisplayFieldRangeNumberLabels = [
+    {
+        ref: 'invalid',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Fallback shown in place of a numeric range whose bounds cannot be parsed as numbers',
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_NUMBER, LowLevelDisplayFieldRangeNumberLabels);
+//# sourceMappingURL=display-field-range-number.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-range-number.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-number.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,qCAAqC,GAA0B;IAC1E;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,qFAAqF;KAC/F;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,oCAAoC,EAAE,qCAAqC,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 LowLevelDisplayFieldRangeNumberLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'invalid',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Fallback shown in place of a numeric range whose bounds cannot be parsed as numbers',\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_NUMBER, LowLevelDisplayFieldRangeNumberLabels);\n"]}

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

@@ -8,6 +8,6 @@
  */
 import * as React from "react";
 import type { DisplayFieldRangeTimeProps } from '@wildo-ai/saas-frontend-lib';
-declare function DisplayFieldRangeTime({ value, className, separator, }: DisplayFieldRangeTimeProps): React.JSX.Element;
+declare function DisplayFieldRangeTime({ value, className, separator, }: DisplayFieldRangeTimeProps): React.JSX.Element | null;
 export { DisplayFieldRangeTime };
 //# sourceMappingURL=display-field-range-time.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-range-time.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-time.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAI7E,iBAAS,qBAAqB,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,SAAe,GAChB,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8BhD;AAID,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"display-field-range-time.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-time.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAI7E,iBAAS,qBAAqB,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,SAAe,GAChB,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAgCvD;AAID,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

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

@@ -5,6 +5,8 @@ import { useI18n } from "@wildo-ai/saas-frontend-lib";
 import { FrontendComponentType } from "@wildo-ai/presets-components-models";
 function DisplayFieldRangeTime({ value, className, separator = '—', }) {
     const { formatTime, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    if (!isReady)
+        return null;
     const fmt = (d) => {
         if (d === undefined || d === null)
             return '—';
@@ -35,4 +37,4 @@ function DisplayFieldRangeTime({ value, className, separator = '—', }) {
 ;
 DisplayFieldRangeTime.displayName = "DisplayFieldRangeTime";
 export { DisplayFieldRangeTime };
-//# sourceMappingURL=display-field-range-time.js.map
+//# sourceMappingURL=display-field-range-time.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-range-time.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-time.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAYZ,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,qBAAqB,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,SAAS,GAAG,GAAG,GACY;IAC3B,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAE9G,MAAM,GAAG,GAAG,CAAC,CAA4B,EAAU,EAAE;QACnD,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,GAAG,CAAA;QAC7C,6DAA6D;QAC7D,IAAI,OAAO,CAAC,KAAK,QAAQ;YAAE,OAAO,CAAC,CAAA;QACnC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,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,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAE1B,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,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,IAAI,WAAmB,CAAA;IACvB,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,WAAW,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IACtD,CAAC;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,WAAW,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,CAAA;IAChC,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IAC9B,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,WAAW,GAAQ,CAAA;AACzD,CAAC;AAED,CAAC;AAAC,qBAAgF,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAExH,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"display-field-range-time.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-time.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAYZ,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,qBAAqB,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,SAAS,GAAG,GAAG,GACY;IAC3B,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,MAAM,GAAG,GAAG,CAAC,CAA4B,EAAU,EAAE;QACnD,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,GAAG,CAAA;QAC7C,6DAA6D;QAC7D,IAAI,OAAO,CAAC,KAAK,QAAQ;YAAE,OAAO,CAAC,CAAA;QACnC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,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,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAE1B,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,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,IAAI,WAAmB,CAAA;IACvB,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,WAAW,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IACtD,CAAC;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,WAAW,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,CAAA;IAChC,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IAC9B,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,WAAW,GAAQ,CAAA;AACzD,CAAC;AAED,CAAC;AAAC,qBAAgF,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAExH,OAAO,EAAE,qBAAqB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldRangeTime Component\n *\n * Displays a time range value (from/to) with locale-aware formatting.\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\"\nimport { Text } from \"@wildo-ai/saas-frontend-lib\"\nimport type { DisplayFieldRangeTimeProps } from '@wildo-ai/saas-frontend-lib'\nimport { useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\nfunction DisplayFieldRangeTime({\n  value,\n  className,\n  separator = '—',\n}: DisplayFieldRangeTimeProps): React.JSX.Element | null {\n  const { formatTime, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n\n  if (!isReady) return null\n\n  const fmt = (d: Date | string | undefined): string => {\n    if (d === undefined || d === null) return '—'\n    // Time values may be strings like \"14:30:00\" — display as-is\n    if (typeof d === 'string') return d\n    return formatTime(d)\n  }\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 { from, to } = value\n\n  if (from === undefined && to === 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  let displayText: string\n  if (from !== undefined && to !== undefined) {\n    displayText = `${fmt(from)} ${separator} ${fmt(to)}`\n  } else if (from !== undefined) {\n    displayText = `≥ ${fmt(from)}`\n  } else {\n    displayText = `≤ ${fmt(to)}`\n  }\n\n  return <Text className={className}>{displayText}</Text>\n}\n\n;(DisplayFieldRangeTime as typeof DisplayFieldRangeTime & { displayName: string }).displayName = \"DisplayFieldRangeTime\"\n\nexport { DisplayFieldRangeTime }\n"]}

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { FrontendComponentType, 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 LowLevelDisplayFieldRangeTimeLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_TIME, LowLevelDisplayFieldRangeTimeLabels);
+//# sourceMappingURL=display-field-range-time.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-range-time.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-range-time.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,mCAAmC,GAA0B,EAAE,CAAC;AAC7E,uBAAuB,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,mCAAmC,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, 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 LowLevelDisplayFieldRangeTimeLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_RANGE_TIME, LowLevelDisplayFieldRangeTimeLabels);\n"]}

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

@@ -2,7 +2,7 @@
  * DisplayFieldString Component
  *
  * Displays a string value based on the string UI decorator.
- * Supports different display modes: text, truncate, multiline, color, link, email, badge, copy, secret
+ * Supports different display modes: text, truncate, multiline, markdown, color, link, email, badge, copy, secret
  */
 import * as React from "react";
 import type { DisplayFieldStringProps } from '@wildo-ai/saas-frontend-lib';
@@ -11,6 +11,6 @@ import type { DisplayFieldStringProps } from '@wildo-ai/saas-frontend-lib';
  *
  * Renders a string value according to the string UI decorator
  */
-declare function DisplayFieldString({ schema, value, className, }: DisplayFieldStringProps): React.JSX.Element;
+declare function DisplayFieldString({ schema, value, className, }: DisplayFieldStringProps): React.JSX.Element | null;
 export { DisplayFieldString };
 //# sourceMappingURL=display-field-string.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-string.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-string.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAE1E;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0J7C;AAID,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"display-field-string.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-string.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAI1E;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAgKpD;AAID,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

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

@@ -4,12 +4,13 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * DisplayFieldString Component
  *
  * Displays a string value based on the string UI decorator.
- * Supports different display modes: text, truncate, multiline, color, link, email, badge, copy, secret
+ * Supports different display modes: text, truncate, multiline, markdown, color, link, email, badge, copy, secret
  */
 import * as React from "react";
 import { useI18n, useIconRegistry, StandardIconReference, IconSize, Text, Badge } from "@wildo-ai/saas-frontend-lib";
 import { FrontendComponentType } from "@wildo-ai/presets-components-models";
 import { getStringUI, getStringFormat, StringDisplayMode } from "@wildo-ai/zod-decorators";
+import { MarkdownContent } from "../markdown-content.js";
 /**
  * DisplayFieldString component
  *
@@ -19,9 +20,11 @@ function DisplayFieldString({ schema, value, className, }) {
     const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
     const { renderIcon } = useIconRegistry();
     const [copied, setCopied] = React.useState(false);
-    const [revealed, setRevealed] = React.useState(false);
     const stringUI = getStringUI(schema);
     const stringFormat = getStringFormat(schema);
+    // SECRET fields mask by default; `initiallyRevealed` (set by `.isEphemeral()`)
+    // shows the value on first paint for one-time reveals. The eye toggle still works.
+    const [revealed, setRevealed] = React.useState(stringUI?.display?.initiallyRevealed ?? false);
     let displayMode = stringUI?.display?.displayMode ?? StringDisplayMode.TEXT;
     if (!stringUI && stringFormat) {
         if (stringFormat === 'email')
@@ -29,7 +32,6 @@ function DisplayFieldString({ schema, value, className, }) {
         else if (stringFormat === 'url')
             displayMode = StringDisplayMode.LINK;
     }
-    const truncateLength = stringUI?.display?.truncateLength ?? 100;
     // Copy to clipboard handler
     const handleCopy = async () => {
         if (value) {
@@ -49,12 +51,14 @@ function DisplayFieldString({ schema, value, className, }) {
             case StringDisplayMode.TEXT:
                 return _jsx(Text, { children: value });
             case StringDisplayMode.TRUNCATE:
-                const truncated = value.length > truncateLength
-                    ? `${value.substring(0, truncateLength)}...`
-                    : value;
-                return (_jsx(Text, { title: value, children: truncated }));
+                return (_jsx(Text, { className: "min-w-0 truncate", children: value }));
             case StringDisplayMode.MULTILINE:
                 return (_jsx(Text, { className: "whitespace-pre-wrap", children: value }));
+            case StringDisplayMode.MARKDOWN:
+                // Rich long-form content (descriptions, notes): full markdown body
+                // themed through the typography recipes. See markdown-content.tsx for
+                // the embedded heading-demotion rationale.
+                return _jsx(MarkdownContent, { value: value });
             case StringDisplayMode.COLOR:
                 return (_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("div", { className: "h-5 w-5 rounded border border-border", style: { backgroundColor: value }, "aria-hidden": "true" }), _jsx(Text, { className: "font-mono text-sm", children: value })] }));
             case StringDisplayMode.LINK:
@@ -77,10 +81,12 @@ function DisplayFieldString({ schema, value, className, }) {
                 return _jsx(Text, { children: value });
         }
     };
+    if (!isReady)
+        return null;
     // Label/description rendering is handled by the parent DisplayField (FIELD-01)
     return _jsx("div", { className: className, children: renderValue() });
 }
 ;
 DisplayFieldString.displayName = "DisplayFieldString";
 export { DisplayFieldString };
-//# sourceMappingURL=display-field-string.js.map
+//# sourceMappingURL=display-field-string.js.map