npm - @wildo-ai/presets-components - Versions diffs - 1.0.1 → 1.1.0 - Mend

@wildo-ai/presets-components 1.0.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1506) hide show

package/dist/esm/components/data-display/description-list.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn, useUI } from '@wildo-ai/saas-frontend-lib';
-import { UIBehavior, TypographyVariant } from '@wildo-ai/presets-components-models';
+import { TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models';
 export function DescriptionList({ className, ...props }) {
     const { getRecipe } = useUI();
     const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.BODY);
@@ -33,4 +33,4 @@ export function DescriptionDetails({ className, ...props }) {
         // Divider between items
         'sm:border-t', dividerRecipe.base, className) }));
 }
-//# sourceMappingURL=description-list.js.map
+//# sourceMappingURL=description-list.js.map

package/dist/esm/components/data-display/description-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"description-list.js","sourceRoot":"","sources":["~~../../../../~~src/components/data-display/description-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,~~EAAE~~,~~UAAU~~,EAAE,~~iBAAiB~~,EAAE,MAAM,qCAAqC,CAAA;~~AAEnF~~,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC3F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAEvE,OAAO,CACL,gBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,6DAA6D;QAC7D,oCAAoC;QACpC,MAAM,CAAC,IAAI,EACX,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC3F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAClF,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAEnD,OAAO,CACL,gBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,oDAAoD;QACpD,8CAA8C;QAC9C,UAAU,CAAC,IAAI;QACf,wBAAwB;QACxB,UAAU,EACV,aAAa,CAAC,IAAI,EAClB,aAAa,EACb,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC9F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAEnD,OAAO,CACL,gBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,mDAAmD;QACnD,qBAAqB;QACrB,iBAAiB;QACjB,wBAAwB;QACxB,aAAa,EACb,aAAa,CAAC,IAAI,EAClB,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC"}
1	+ {"version":3,"file":"description-list.js","sourceRoot":"","sources":["../../../../../src/components/data-display/description-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAyB,iBAAiB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAE1G,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC3F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAEvE,OAAO,CACL,gBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,6DAA6D;QAC7D,oCAAoC;QACpC,MAAM,CAAC,IAAI,EACX,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC3F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAClF,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAEnD,OAAO,CACL,gBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,oDAAoD;QACpD,8CAA8C;QAC9C,UAAU,CAAC,IAAI;QACf,wBAAwB;QACxB,UAAU,EACV,aAAa,CAAC,IAAI,EAClB,aAAa,EACb,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC9F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAEnD,OAAO,CACL,gBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,mDAAmD;QACnD,qBAAqB;QACrB,iBAAiB;QACjB,wBAAwB;QACxB,aAAa,EACb,aAAa,CAAC,IAAI,EAClB,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { cn, useUI } from '@wildo-ai/saas-frontend-lib'\nimport { FrontendComponentType, TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models'\n\nexport function DescriptionList({ className, ...props }: React.ComponentPropsWithoutRef<'dl'>): React.JSX.Element {\n const { getRecipe } = useUI()\n const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.BODY)\n\n return (\n <dl\n {...props}\n className={cn(\n // Structure\n 'grid grid-cols-1 sm:grid-cols-[min(50%,--spacing(80))_auto]',\n // Style from TYPOGRAPHY.BODY recipe\n recipe.base,\n className\n )}\n />\n )\n}\n\nexport function DescriptionTerm({ className, ...props }: React.ComponentPropsWithoutRef<'dt'>): React.JSX.Element {\n const { getRecipe } = useUI()\n const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION)\n const dividerRecipe = getRecipe(UIBehavior.DIVIDER)\n\n return (\n <dt\n {...props}\n className={cn(\n // Structure\n 'col-start-1 pt-group first:border-none sm:py-group',\n // Style — term uses description color (muted)\n descRecipe.base,\n // Divider between items\n 'border-t',\n dividerRecipe.base,\n 'sm:border-t',\n className\n )}\n />\n )\n}\n\nexport function DescriptionDetails({ className, ...props }: React.ComponentPropsWithoutRef<'dd'>): React.JSX.Element {\n const { getRecipe } = useUI()\n const dividerRecipe = getRecipe(UIBehavior.DIVIDER)\n\n return (\n <dd\n {...props}\n className={cn(\n // Structure\n 'pt-item pb-group sm:py-group sm:nth-2:border-none',\n // Style — value text\n 'text-foreground',\n // Divider between items\n 'sm:border-t',\n dividerRecipe.base,\n className\n )}\n />\n )\n}\n"]}

package/dist/esm/components/data-display/description-list.labels.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelDescriptionDetailsLabels: LabellingUnitaryDef[];
+export declare const LowLevelDescriptionListLabels: LabellingUnitaryDef[];
+export declare const LowLevelDescriptionTermLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=description-list.labels.d.ts.map

package/dist/esm/components/data-display/description-list.labels.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"description-list.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/description-list.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,gCAAgC,EAAE,mBAAmB,EAAO,CAAC;AAG1E,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAAO,CAAC;AAGvE,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/data-display/description-list.labels.js ADDED Viewed

@@ -0,0 +1,11 @@
+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 LowLevelDescriptionDetailsLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DESCRIPTION_DETAILS, LowLevelDescriptionDetailsLabels);
+export const LowLevelDescriptionListLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DESCRIPTION_LIST, LowLevelDescriptionListLabels);
+export const LowLevelDescriptionTermLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DESCRIPTION_TERM, LowLevelDescriptionTermLabels);
+//# sourceMappingURL=description-list.labels.js.map

package/dist/esm/components/data-display/description-list.labels.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"description-list.labels.js","sourceRoot":"","sources":["../../../../../src/components/data-display/description-list.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,gCAAgC,GAA0B,EAAE,CAAC;AAC1E,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,gCAAgC,CAAC,CAAC;AAE/G,MAAM,CAAC,MAAM,6BAA6B,GAA0B,EAAE,CAAC;AACvE,uBAAuB,CAAC,qBAAqB,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,CAAC;AAEzG,MAAM,CAAC,MAAM,6BAA6B,GAA0B,EAAE,CAAC;AACvE,uBAAuB,CAAC,qBAAqB,CAAC,0BAA0B,EAAE,6BAA6B,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 LowLevelDescriptionDetailsLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DESCRIPTION_DETAILS, LowLevelDescriptionDetailsLabels);\n\nexport const LowLevelDescriptionListLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DESCRIPTION_LIST, LowLevelDescriptionListLabels);\n\nexport const LowLevelDescriptionTermLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DESCRIPTION_TERM, LowLevelDescriptionTermLabels);\n"]}

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

@@ -12,6 +12,6 @@ import type { DisplayFieldBigDecimalProps } from '@wildo-ai/saas-frontend-lib';
  *
  * Renders a bigdecimal value according to the bigdecimal UI decorator
  */
-declare function DisplayFieldBigDecimal({ schema, value, className, locale, }: DisplayFieldBigDecimalProps): React.JSX.Element;
+declare function DisplayFieldBigDecimal({ schema, value, className, locale, }: DisplayFieldBigDecimalProps): React.JSX.Element | null;
 export { DisplayFieldBigDecimal };
 //# sourceMappingURL=display-field-bigdecimal.d.ts.map

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

	@@ -1 +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;~~AAG9E~~;;;;GAIG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,GACP,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,~~CA2FjD~~;AAID,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
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"}

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

@@ -1,17 +1,26 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DisplayFieldBigDecimal Component
+ *
+ * Displays a bigdecimal value based on the bigdecimal UI decorator.
+ * Supports the same display modes as numbers: raw, formatted, percentage, compact, ordinal, bytes
+ * Uses big.js for precise arithmetic when needed.
+ */
+import * as React from "react";
 import { Text } 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";
 import { DisplayFieldFormatUtils } from "./display-field-format.utils.js";
+import { resolveInvalidLabel } from "./display-field-i18n.utils.js";
 /**
  * DisplayFieldBigDecimal component
  *
  * Renders a bigdecimal value according to the bigdecimal UI decorator
  */
 function DisplayFieldBigDecimal({ schema, value, className, locale, }) {
-    const { regionalPreferences, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    const { regionalPreferences, tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BIGDECIMAL] });
     const bdUI = getBigDecimalUI(schema);
     const numUI = getNumberUI(schema);
     const metadata = getBigDecimalMetadata(schema);
@@ -21,9 +30,15 @@ function DisplayFieldBigDecimal({ schema, value, className, locale, }) {
     const prefix = bdUI?.prefix ?? numUI?.prefix ?? '';
     const suffix = bdUI?.suffix ?? numUI?.suffix ?? '';
     const percentageScale = bdUI?.percentageScale ?? numUI?.percentageScale ?? PercentageScale.NORMALIZED;
-    // Locale priority: explicit prop > regional preferences > browser locale > fallback
-    const effectiveLocale = locale ?? regionalPreferences.locale ?? (typeof navigator !== 'undefined' ? navigator.language : 'en');
-    // Render the value content
+    // Locale priority: explicit prop > regional preferences > browser locale > fallback.
+    // `regionalPreferences` is null until the i18n bundle resolves (`isReady`), and this
+    // read runs in the render body BEFORE the `!isReady` gate below — so optional-chain it.
+    // Without the `?.`, the first render throws `Cannot read properties of null (reading
+    // 'locale')`, the DisplayFieldErrorBoundary catches it, and the field shows an error box
+    // until i18n hydrates. On that first beat the browser-locale fallback applies; the real
+    // preference takes over on the next render.
+    const effectiveLocale = locale ?? regionalPreferences?.locale ?? (typeof navigator !== 'undefined' ? navigator.language : 'en');
+    const invalidLabel = React.useMemo(() => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BIGDECIMAL), [tComponent]);
     const renderValue = () => {
         // Handle null/undefined
         if (value === null || value === undefined) {
@@ -33,7 +48,7 @@ function DisplayFieldBigDecimal({ schema, value, className, locale, }) {
         // Note: For display purposes, we convert to number. For calculations, use big.js
         const numericValue = parseFloat(value);
         if (isNaN(numericValue)) {
-            return _jsx(Text, { className: "text-muted-foreground italic", children: "Invalid" });
+            return _jsx(Text, { className: "text-muted-foreground italic", children: invalidLabel });
         }
         // Format the number based on display mode
         let formattedValue;
@@ -84,10 +99,12 @@ function DisplayFieldBigDecimal({ schema, value, className, locale, }) {
         const displayValue = `${prefix}${formattedValue}${suffix}`;
         return _jsx(Text, { className: "tabular-nums", children: displayValue });
     };
+    if (!isReady)
+        return null;
     // Label/description rendering is handled by the parent DisplayField (FIELD-01)
     return _jsx("div", { className: className, children: renderValue() });
 }
 ;
 DisplayFieldBigDecimal.displayName = "DisplayFieldBigDecimal";
 export { DisplayFieldBigDecimal };
-//# sourceMappingURL=display-field-bigdecimal.js.map
+//# sourceMappingURL=display-field-bigdecimal.js.map

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

	@@ -1 +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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"}
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"]}

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

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

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

	@@ -0,0 +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"}

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

@@ -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 LowLevelDisplayFieldBigdecimalLabels = [
+    {
+        ref: 'invalid',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Fallback shown in place of a high-precision decimal value that cannot be parsed as a number',
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BIGDECIMAL, LowLevelDisplayFieldBigdecimalLabels);
+//# sourceMappingURL=display-field-bigdecimal.labels.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"display-field-bigdecimal.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-bigdecimal.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,6FAA6F;KACvG;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,kCAAkC,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 LowLevelDisplayFieldBigdecimalLabels: LabellingUnitaryDef[] = [\n {\n ref: 'invalid',\n kind: LabelKind.MESSAGE,\n purpose: 'Fallback shown in place of a high-precision decimal value that cannot be parsed as a number',\n },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BIGDECIMAL, LowLevelDisplayFieldBigdecimalLabels);\n"]}

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

@@ -5,7 +5,7 @@
  * Supports different display modes: raw, checkmark, edit_like
  */
 import * as React from "react";
-import type { DisplayFieldBooleanProps } from '@wildo-ai/saas-frontend-lib';
+import { DisplayFieldBooleanProps } from '@wildo-ai/saas-frontend-lib';
 /**
  * DisplayFieldBoolean component
  *
@@ -14,6 +14,6 @@ import type { DisplayFieldBooleanProps } from '@wildo-ai/saas-frontend-lib';
  * - checkmark: Shows a checkmark icon for true, nothing for false
  * - edit_like: Shows the value in a form-like display (similar to edit mode)
  */
-declare function DisplayFieldBoolean({ schema, value, className, }: DisplayFieldBooleanProps): React.JSX.Element;
+declare function DisplayFieldBoolean({ schema, value, className, }: DisplayFieldBooleanProps): React.JSX.Element | null;
 export { DisplayFieldBoolean };
 //# sourceMappingURL=display-field-boolean.d.ts.map

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

	@@ -1 +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;~~AAK9B~~,OAAO,~~KAAK~~,~~EAAE,~~wBAAwB,~~EAAE~~,MAAM,6BAA6B,~~CAAA~~;~~AAE3E~~;;;;;;;GAOG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,~~CAsE9C~~;AAID,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
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,CA0ErD;AAID,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn, useI18n, useIconRegistry, StandardIconReference, IconSize, Text } from "@wildo-ai/saas-frontend-lib";
+import { cn, useI18n, useIconRegistry, StandardIconReference, IconSize, Text, Surface, } from '@wildo-ai/saas-frontend-lib';
 import { BooleanDisplayMode, getBooleanUI } from "@wildo-ai/zod-decorators";
-import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { FrontendComponentType, SurfaceVariant } from "@wildo-ai/presets-components-models";
 /**
  * DisplayFieldBoolean component
  *
@@ -39,15 +39,17 @@ function DisplayFieldBoolean({ schema, value, className, }) {
                 return (_jsxs("div", { className: "flex items-center gap-element", "aria-label": displayLabel, children: [value && (_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.CHECK, { size: IconSize.SM, className: "text-primary" }) })), !value && (_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM, className: "text-muted-foreground" }) })), _jsx("span", { className: "sr-only", children: displayLabel })] }));
             case BooleanDisplayMode.EDIT_LIKE:
                 // Similar to edit mode but read-only
-                return (_jsx("div", { className: "inline-flex items-center gap-element px-card-sm py-1.5 rounded-md border border-border bg-muted/50", children: displayLabel }));
+                return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("div", { className: "inline-flex items-center gap-element px-card-sm py-1.5 rounded-md border border-border bg-muted/50", children: displayLabel }) }));
             default:
                 return (_jsx(Text, { children: displayLabel }));
         }
     };
+    if (!isReady)
+        return null;
     // Label/description rendering is handled by the parent DisplayField (FIELD-01)
     return _jsx("div", { className: className, children: renderValue() });
 }
 ;
 DisplayFieldBoolean.displayName = "DisplayFieldBoolean";
 export { DisplayFieldBoolean };
-//# sourceMappingURL=display-field-boolean.js.map
+//# sourceMappingURL=display-field-boolean.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"display-field-boolean.js","sourceRoot":"","sources":["~~../../../../../~~src/components/data-display/formatters/display-field-boolean.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAWZ,OAAO,~~EAAE~~,EAAE,~~EAAE~~,OAAO,~~EAAE~~,eAAe,~~EAAE~~,qBAAqB,~~EAAE~~,QAAQ,~~EAAE~~,IAAI,~~EAAE~~,MAAM,6BAA6B,~~CAAA~~;~~AACjH~~,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;~~AAG3E~~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~~CACP~~,CAAA;YAEH;gBACE,OAAO,CACL,KAAC,IAAI,cACF,YAAY,GACR,CACR,CAAA;QACL,CAAC;IACH,CAAC,CAAA;IAED,+EAA+E;IAC/E,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,WAAW,EAAE,GAAO,CAAA;AACzD,CAAC;AAED,CAAC;AAAC,mBAA4E,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAElH,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
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 const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN })\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"]}

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

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

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

	@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+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 LowLevelDisplayFieldBooleanLabels = [
+    { ref: 'yes', kind: LabelKind.LABEL, purpose: 'Affirmative word for a true value in the yes/no labelling mode' },
+    { ref: 'no', kind: LabelKind.LABEL, purpose: 'Negative word for a false value in the yes/no labelling mode' },
+    { ref: 'true', kind: LabelKind.LABEL, purpose: 'Affirmative word for a true value in the true/false labelling mode' },
+    { ref: 'false', kind: LabelKind.LABEL, purpose: 'Negative word for a false value in the true/false labelling mode' },
+    { ref: 'on', kind: LabelKind.LABEL, purpose: 'Affirmative word for a true value in the on/off labelling mode' },
+    { ref: 'off', kind: LabelKind.LABEL, purpose: 'Negative word for a false value in the on/off labelling mode' },
+    { ref: 'enabled', kind: LabelKind.LABEL, purpose: 'Affirmative word for a true value in the enabled/disabled labelling mode' },
+    { ref: 'disabled', kind: LabelKind.LABEL, purpose: 'Negative word for a false value in the enabled/disabled labelling mode' },
+    { ref: 'active', kind: LabelKind.LABEL, purpose: 'Affirmative word for a true value in the active/inactive labelling mode' },
+    { ref: 'inactive', kind: LabelKind.LABEL, purpose: 'Negative word for a false value in the active/inactive labelling mode' },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BOOLEAN, LowLevelDisplayFieldBooleanLabels);
+//# sourceMappingURL=display-field-boolean.labels.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"display-field-boolean.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-boolean.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,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gEAAgE,EAAE;IAChH,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,8DAA8D,EAAE;IAC7G,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,oEAAoE,EAAE;IACrH,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,kEAAkE,EAAE;IACpH,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gEAAgE,EAAE;IAC/G,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,8DAA8D,EAAE;IAC9G,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,0EAA0E,EAAE;IAC9H,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,wEAAwE,EAAE;IAC7H,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,yEAAyE,EAAE;IAC5H,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,uEAAuE,EAAE;CAC7H,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 LowLevelDisplayFieldBooleanLabels: LabellingUnitaryDef[] = [\n { ref: 'yes', kind: LabelKind.LABEL, purpose: 'Affirmative word for a true value in the yes/no labelling mode' },\n { ref: 'no', kind: LabelKind.LABEL, purpose: 'Negative word for a false value in the yes/no labelling mode' },\n { ref: 'true', kind: LabelKind.LABEL, purpose: 'Affirmative word for a true value in the true/false labelling mode' },\n { ref: 'false', kind: LabelKind.LABEL, purpose: 'Negative word for a false value in the true/false labelling mode' },\n { ref: 'on', kind: LabelKind.LABEL, purpose: 'Affirmative word for a true value in the on/off labelling mode' },\n { ref: 'off', kind: LabelKind.LABEL, purpose: 'Negative word for a false value in the on/off labelling mode' },\n { ref: 'enabled', kind: LabelKind.LABEL, purpose: 'Affirmative word for a true value in the enabled/disabled labelling mode' },\n { ref: 'disabled', kind: LabelKind.LABEL, purpose: 'Negative word for a false value in the enabled/disabled labelling mode' },\n { ref: 'active', kind: LabelKind.LABEL, purpose: 'Affirmative word for a true value in the active/inactive labelling mode' },\n { ref: 'inactive', kind: LabelKind.LABEL, purpose: 'Negative word for a false value in the active/inactive labelling mode' },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_BOOLEAN, LowLevelDisplayFieldBooleanLabels);\n"]}

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

@@ -6,7 +6,7 @@
  * then swaps in highlighted HTML once shiki completes.
  */
 import * as React from "react";
-import type { DisplayFieldCodeProps } from '@wildo-ai/saas-frontend-lib';
+import { DisplayFieldCodeProps } from '@wildo-ai/saas-frontend-lib';
 /**
  * DisplayFieldCode component
  *
@@ -17,6 +17,6 @@ import type { DisplayFieldCodeProps } from '@wildo-ai/saas-frontend-lib';
  * - Scrollable container for long code
  * - Dual theme support (light/dark via CSS variables)
  */
-declare function DisplayFieldCode({ schema, value, className, showLineNumbers: showLineNumbersProp, maxHeight, wordWrap, lightTheme, darkTheme, }: DisplayFieldCodeProps): React.JSX.Element;
+declare function DisplayFieldCode({ schema, value, className, showLineNumbers: showLineNumbersProp, maxHeight, wordWrap, lightTheme, darkTheme, }: DisplayFieldCodeProps): React.JSX.Element | null;
 export { DisplayFieldCode };
 //# sourceMappingURL=display-field-code.d.ts.map

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

	@@ -1 +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;~~AAS9B~~,OAAO,~~KAAK~~,~~EAAE,~~qBAAqB,~~EAAE~~,MAAM,6BAA6B,~~CAAA~~;~~AAExE~~;;;;;;;;;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,CA+~~H3C~~;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
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"}

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

@@ -8,8 +8,9 @@ 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 } from "@wildo-ai/saas-frontend-lib";
-import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { cn, useI18n, Text, Surface, } 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";
 /**
  * DisplayFieldCode component
@@ -22,7 +23,7 @@ import { getCodeUI, getLanguageDisplayName, } from "@wildo-ai/zod-decorators";
  * - Dual theme support (light/dark via CSS variables)
  */
 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] });
+    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 syntaxHighlighting = codeUI?.syntaxHighlighting ?? true;
@@ -37,7 +38,14 @@ function DisplayFieldCode({ schema, value, className, showLineNumbers: showLineN
         let cancelled = false;
         const highlight = async () => {
             try {
-                const { codeToHtml } = await import('shiki');
+                // The SUBSET bundle, not the `shiki` package root: the root's `bundledLanguages` /
+                // `bundledThemes` records are 232 + 64 live `import()` edges, which a bundler emits as 295
+                // chunks (1,507 kB gzipped, measured on `examples/wonder-crm`) regardless of reachability.
+                // `~wildo-presets/shiki-subset` exposes the identical `codeToHtml` over the 31 declared
+                // `CommonCodeLanguages` grammars and the 4 themes Wildo renders. A language or theme outside
+                // that set rejects, and the `catch` below keeps the plain-text rendering — the same
+                // degradation an unsupported language always had.
+                const { codeToHtml } = await import('../../../shiki-subset.js');
                 const html = await codeToHtml(value.content, {
                     lang: value.language || 'plaintext',
                     themes: {
@@ -60,6 +68,7 @@ function DisplayFieldCode({ schema, value, className, showLineNumbers: showLineN
         return () => { cancelled = true; };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [value?.content, value?.language, syntaxHighlighting, lightTheme, darkTheme]);
+    const invalidLabel = React.useMemo(() => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_CODE), [tComponent]);
     // Render the value content
     const renderValue = () => {
         // Handle null/undefined
@@ -68,23 +77,25 @@ function DisplayFieldCode({ schema, value, className, showLineNumbers: showLineN
         }
         // Handle invalid value
         if (typeof value !== 'object' || !('content' in value) || !('language' in value)) {
-            return _jsx(Text, { className: "text-muted-foreground italic", children: "Invalid" });
+            return _jsx(Text, { className: "text-muted-foreground italic", children: invalidLabel });
         }
         const { content, language } = value;
         const languageDisplayName = getLanguageDisplayName(language);
         // Split content into lines for line numbers and plain fallback
         const lines = content.split('\n');
         const lineNumberWidth = String(lines.length).length;
-        return (_jsxs("div", { className: "rounded-md border bg-muted/50 overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between px-card-sm py-1.5 border-b bg-muted/30", children: [_jsx(Text, { className: "text-xs font-medium text-muted-foreground", children: languageDisplayName }), _jsx(Text, { className: "text-xs text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_CODE, 'lineCount', { count: lines.length }) })] }), _jsx("div", { className: "overflow-auto", style: { maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight }, children: highlightedHtml ? (
-                    /* Shiki highlighted output — rendered as HTML with inline styles */
-                    _jsx("div", { className: cn("text-sm [&>pre]:p-card-sm [&>pre]:!bg-transparent [&>pre]:font-mono", wordWrap && "[&>pre]:whitespace-pre-wrap [&>pre]:break-all"), dangerouslySetInnerHTML: { __html: highlightedHtml } })) : (
-                    /* Plain text fallback (shown before shiki loads or when highlighting is disabled) */
-                    _jsx("pre", { className: cn("p-card-sm text-sm font-mono", wordWrap && "whitespace-pre-wrap break-all"), children: showLineNumbers ? (_jsx("table", { className: "border-collapse", role: "presentation", children: _jsx("tbody", { children: lines.map((line, index) => (_jsxs("tr", { children: [_jsx("td", { className: "pe-card text-end text-muted-foreground select-none align-top", style: { minWidth: `${lineNumberWidth + 1}ch` }, children: index + 1 }), _jsx("td", { className: "whitespace-pre", children: line || '\u00A0' })] }, index))) }) })) : (_jsx("code", { children: content })) })) })] }));
+        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsxs("div", { className: "rounded-md border bg-muted/50 overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between px-card-sm py-1.5 border-b bg-muted/30", children: [_jsx(Text, { className: "text-xs font-medium text-muted-foreground", children: languageDisplayName }), _jsx(Text, { className: "text-xs text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_CODE, 'lineCount', { count: lines.length }) })] }), _jsx("div", { className: "overflow-auto", style: { maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight }, children: highlightedHtml ? (
+                        /* Shiki highlighted output — rendered as HTML with inline styles */
+                        _jsx("div", { className: cn("text-sm [&>pre]:p-card-sm [&>pre]:!bg-transparent [&>pre]:font-mono", wordWrap && "[&>pre]:whitespace-pre-wrap [&>pre]:break-all"), dangerouslySetInnerHTML: { __html: highlightedHtml } })) : (
+                        /* Plain text fallback (shown before shiki loads or when highlighting is disabled) */
+                        _jsx("pre", { className: cn("p-card-sm text-sm font-mono", wordWrap && "whitespace-pre-wrap break-all"), children: showLineNumbers ? (_jsx("table", { className: "border-collapse", role: "presentation", children: _jsx("tbody", { children: lines.map((line, index) => (_jsxs("tr", { children: [_jsx("td", { className: "pe-card text-end text-muted-foreground select-none align-top", style: { minWidth: `${lineNumberWidth + 1}ch` }, children: index + 1 }), _jsx("td", { className: "whitespace-pre", children: line || '\u00A0' })] }, index))) }) })) : (_jsx("code", { children: content })) })) })] }) }));
     };
+    if (!isReady)
+        return null;
     // Label/description rendering is handled by the parent DisplayField (FIELD-01)
     return _jsx("div", { className: className, children: renderValue() });
 }
 ;
 DisplayFieldCode.displayName = "DisplayFieldCode";
 export { DisplayFieldCode };
-//# sourceMappingURL=display-field-code.js.map
+//# sourceMappingURL=display-field-code.js.map

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

	@@ -1 +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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"}
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"]}

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

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

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

	@@ -0,0 +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"}

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

@@ -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 LowLevelDisplayFieldCodeLabels = [
+    {
+        ref: 'invalid',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Fallback shown in place of a code value that cannot be rendered as a code snippet',
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_CODE, LowLevelDisplayFieldCodeLabels);
+//# sourceMappingURL=display-field-code.labels.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"display-field-code.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-code.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,8BAA8B,GAA0B;IACnE;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,mFAAmF;KAC7F;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,4BAA4B,EAAE,8BAA8B,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 LowLevelDisplayFieldCodeLabels: LabellingUnitaryDef[] = [\n {\n ref: 'invalid',\n kind: LabelKind.MESSAGE,\n purpose: 'Fallback shown in place of a code value that cannot be rendered as a code snippet',\n },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_CODE, LowLevelDisplayFieldCodeLabels);\n"]}

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

@@ -8,6 +8,6 @@
  */
 import * as React from "react";
 import type { DisplayFieldDateProps } from '@wildo-ai/saas-frontend-lib';
-declare function DisplayFieldDate({ value, className, }: DisplayFieldDateProps): React.JSX.Element;
+declare function DisplayFieldDate({ 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 CHANGED Viewed

	@@ -1 +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,~~CAQ3C~~;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
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"}

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

@@ -5,6 +5,8 @@ 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 });
+    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') })] });
     }
@@ -13,4 +15,4 @@ function DisplayFieldDate({ value, className, }) {
 ;
 DisplayFieldDate.displayName = "DisplayFieldDate";
 export { DisplayFieldDate };
-//# sourceMappingURL=display-field-date.js.map
+//# sourceMappingURL=display-field-date.js.map

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

	@@ -1 +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,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"}
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"]}

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

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

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

	@@ -0,0 +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"}

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

@@ -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 LowLevelDisplayFieldDateLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_DATE, LowLevelDisplayFieldDateLabels);
+//# sourceMappingURL=display-field-date.labels.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"display-field-date.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-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,8BAA8B,GAA0B,EAAE,CAAC;AACxE,uBAAuB,CAAC,qBAAqB,CAAC,4BAA4B,EAAE,8BAA8B,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 LowLevelDisplayFieldDateLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_DATE, LowLevelDisplayFieldDateLabels);\n"]}