@wildo-ai/presets-components 1.0.1

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

@@ -0,0 +1,87 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from "@wildo-ai/saas-frontend-lib";
+import { useI18n } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { getNumberUI, NumberDisplayMode, PercentageScale } from "@wildo-ai/zod-decorators";
+import { DisplayFieldFormatUtils } from "./display-field-format.utils.js";
+/**
+ * DisplayFieldNumber component
+ *
+ * Renders a number value according to the number UI decorator
+ */
+function DisplayFieldNumber({ schema, value, className, locale, }) {
+    const { regionalPreferences, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    const numberUI = getNumberUI(schema);
+    const displayMode = numberUI?.display?.displayMode ?? NumberDisplayMode.RAW;
+    const decimalPlaces = numberUI?.decimalPlaces;
+    const trailingZeros = numberUI?.trailingZeros ?? false;
+    const prefix = numberUI?.prefix ?? '';
+    const suffix = numberUI?.suffix ?? '';
+    const percentageScale = numberUI?.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
+    const renderValue = () => {
+        // Handle null/undefined
+        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') })] });
+        }
+        // Format the number based on display mode
+        let formattedValue;
+        switch (displayMode) {
+            case NumberDisplayMode.RAW:
+                if (decimalPlaces !== undefined) {
+                    formattedValue = trailingZeros
+                        ? value.toFixed(decimalPlaces)
+                        : parseFloat(value.toFixed(decimalPlaces)).toString();
+                }
+                else {
+                    formattedValue = value.toString();
+                }
+                break;
+            case NumberDisplayMode.FORMATTED:
+                formattedValue = new Intl.NumberFormat(effectiveLocale, {
+                    minimumFractionDigits: trailingZeros ? decimalPlaces : undefined,
+                    maximumFractionDigits: decimalPlaces,
+                }).format(value);
+                break;
+            case NumberDisplayMode.PERCENTAGE: {
+                // Intl.NumberFormat style:'percent' expects a 0–1 value and multiplies by 100.
+                // If scale is 'normalized' (default), value is already 0–1 → pass directly.
+                // If scale is 'percent', value is 0–100 → divide by 100 first.
+                const percentValue = percentageScale === PercentageScale.PERCENT ? value / 100 : value;
+                formattedValue = new Intl.NumberFormat(effectiveLocale, {
+                    style: 'percent',
+                    minimumFractionDigits: trailingZeros ? decimalPlaces : undefined,
+                    maximumFractionDigits: decimalPlaces ?? 0,
+                }).format(percentValue);
+                break;
+            }
+            case NumberDisplayMode.COMPACT:
+                formattedValue = new Intl.NumberFormat(effectiveLocale, {
+                    notation: 'compact',
+                    compactDisplay: 'short',
+                    maximumFractionDigits: decimalPlaces ?? 1,
+                }).format(value);
+                break;
+            case NumberDisplayMode.ORDINAL:
+                formattedValue = DisplayFieldFormatUtils.formatOrdinal(value, effectiveLocale);
+                break;
+            case NumberDisplayMode.BYTES:
+                formattedValue = DisplayFieldFormatUtils.formatBytes(value, decimalPlaces ?? 2);
+                break;
+            default:
+                formattedValue = value.toString();
+        }
+        // Add prefix and suffix
+        const displayValue = `${prefix}${formattedValue}${suffix}`;
+        return _jsx(Text, { children: displayValue });
+    };
+    // Label/description rendering is handled by the parent DisplayField (FIELD-01)
+    return _jsx("div", { className: className, children: renderValue() });
+}
+;
+DisplayFieldNumber.displayName = "DisplayFieldNumber";
+export { DisplayFieldNumber };
+//# sourceMappingURL=display-field-number.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-number.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-number.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+/**
+ * DisplayFieldPhone Component
+ *
+ * Displays a phone value (E.164) with international formatting.
+ */
+import * as React from 'react';
+import type { DisplayFieldPhoneProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * DisplayFieldPhone component
+ *
+ * Renders a phone number in international format (e.g. "+33 1 23 45 67 89").
+ */
+declare function DisplayFieldPhone({ schema, value, className, }: DisplayFieldPhoneProps): React.JSX.Element;
+export { DisplayFieldPhone };
+//# sourceMappingURL=display-field-phone.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-phone.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-phone.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E;;;;GAIG;AACH,iBAAS,iBAAiB,CAAC,EACzB,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4B5C;AAKD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useI18n } from '@wildo-ai/saas-frontend-lib';
+import { Text } from '@wildo-ai/saas-frontend-lib';
+import { FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { formatPhoneNumber, getPhoneMetadata } from '@wildo-ai/zod-decorators';
+/**
+ * DisplayFieldPhone component
+ *
+ * Renders a phone number in international format (e.g. "+33 1 23 45 67 89").
+ */
+function DisplayFieldPhone({ schema, value, className, }) {
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    const phoneMetadata = getPhoneMetadata(schema);
+    const defaultCountry = phoneMetadata?.defaultCountry;
+    const renderValue = () => {
+        if (value === null || value === undefined || value === '') {
+            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 !== 'string') {
+            return _jsx(Text, { className: "text-muted-foreground italic", children: "Invalid" });
+        }
+        const formatted = formatPhoneNumber(value, defaultCountry, 'international');
+        return _jsx(Text, { className: "tabular-nums", children: formatted });
+    };
+    return _jsx("div", { className: className, children: renderValue() });
+}
+DisplayFieldPhone.displayName =
+    'DisplayFieldPhone';
+export { DisplayFieldPhone };
+//# sourceMappingURL=display-field-phone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-phone.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-phone.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAUb,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG/E;;;;GAIG;AACH,SAAS,iBAAiB,CAAC,EACzB,MAAM,EACN,KAAK,EACL,SAAS,GACc;IACvB,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAC;IACnG,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,cAAc,GAAG,aAAa,EAAE,cAAc,CAAC;IAErD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;YAC1D,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAE1D,EACP,eAAM,SAAS,EAAC,SAAS,YACtB,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAC7D,IACN,CACJ,CAAC;QACJ,CAAC;QAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,wBAAe,CAAC;QACvE,CAAC;QAED,MAAM,SAAS,GAAG,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC;QAC5E,OAAO,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,YAAE,SAAS,GAAQ,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,WAAW,EAAE,GAAO,CAAC;AAC1D,CAAC;AAEA,iBAAwE,CAAC,WAAW;IACnF,mBAAmB,CAAC;AAEtB,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -0,0 +1,16 @@
+/**
+ * DisplayFieldRangeBigDecimal Component
+ *
+ * Displays a bigdecimal range value (from/to) with proper formatting.
+ * Uses the bigdecimal UI decorator for formatting each value.
+ */
+import * as React from "react";
+import type { DisplayFieldRangeBigDecimalProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * DisplayFieldRangeBigDecimal component
+ *
+ * Renders a bigdecimal range value (from — to)
+ */
+declare function DisplayFieldRangeBigDecimal({ schema, value, className, locale, separator, }: DisplayFieldRangeBigDecimalProps): React.JSX.Element;
+export { DisplayFieldRangeBigDecimal };
+//# sourceMappingURL=display-field-range-bigdecimal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-range-bigdecimal.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-bigdecimal.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,6BAA6B,CAAA;AAqEnF;;;;GAIG;AACH,iBAAS,2BAA2B,CAAC,EACnC,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,EACN,SAAe,GAChB,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2DtD;AAID,OAAO,EAAE,2BAA2B,EAAE,CAAA"}

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

@@ -0,0 +1,117 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from "@wildo-ai/saas-frontend-lib";
+import { useI18n } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { getBigDecimalUI, getNumberUI, NumberDisplayMode, PercentageScale, } from "@wildo-ai/zod-decorators";
+/**
+ * Format a bigdecimal value for display
+ */
+function formatBigDecimalValue(value, displayConfig, locale) {
+    if (value === null || value === undefined) {
+        return '—';
+    }
+    const { displayMode, decimalPlaces, trailingZeros, prefix, suffix, percentageScale } = displayConfig;
+    // Convert string to number for formatting
+    const numericValue = parseFloat(value);
+    if (isNaN(numericValue)) {
+        return 'Invalid';
+    }
+    let formattedValue;
+    switch (displayMode) {
+        case NumberDisplayMode.RAW:
+            if (decimalPlaces !== undefined) {
+                formattedValue = trailingZeros
+                    ? numericValue.toFixed(decimalPlaces)
+                    : parseFloat(numericValue.toFixed(decimalPlaces)).toString();
+            }
+            else {
+                formattedValue = value;
+            }
+            break;
+        case NumberDisplayMode.FORMATTED:
+            formattedValue = new Intl.NumberFormat(locale, {
+                minimumFractionDigits: trailingZeros ? decimalPlaces : undefined,
+                maximumFractionDigits: decimalPlaces ?? 20,
+            }).format(numericValue);
+            break;
+        case NumberDisplayMode.PERCENTAGE: {
+            // NORMALIZED (0-1): Intl 'percent' style multiplies by 100 internally, pass as-is
+            // PERCENT (0-100): divide by 100 first so Intl formats correctly
+            const percentValue = percentageScale === PercentageScale.PERCENT ? numericValue / 100 : numericValue;
+            formattedValue = new Intl.NumberFormat(locale, {
+                style: 'percent',
+                minimumFractionDigits: trailingZeros ? decimalPlaces : undefined,
+                maximumFractionDigits: decimalPlaces ?? 0,
+            }).format(percentValue);
+            break;
+        }
+        case NumberDisplayMode.COMPACT:
+            formattedValue = new Intl.NumberFormat(locale, {
+                notation: 'compact',
+                compactDisplay: 'short',
+                maximumFractionDigits: decimalPlaces ?? 1,
+            }).format(numericValue);
+            break;
+        default:
+            formattedValue = value;
+    }
+    return `${prefix}${formattedValue}${suffix}`;
+}
+/**
+ * DisplayFieldRangeBigDecimal component
+ *
+ * Renders a bigdecimal range value (from — to)
+ */
+function DisplayFieldRangeBigDecimal({ schema, value, className, locale, separator = '—', }) {
+    const { regionalPreferences, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    const bdUI = getBigDecimalUI(schema);
+    const numUI = getNumberUI(schema);
+    const displayConfig = {
+        displayMode: bdUI?.display?.displayMode ?? numUI?.display?.displayMode ?? NumberDisplayMode.RAW,
+        decimalPlaces: bdUI?.decimalPlaces ?? numUI?.decimalPlaces,
+        trailingZeros: bdUI?.trailingZeros ?? numUI?.trailingZeros ?? false,
+        prefix: bdUI?.prefix ?? numUI?.prefix ?? '',
+        suffix: bdUI?.suffix ?? numUI?.suffix ?? '',
+        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
+    const renderValue = () => {
+        // Handle null/undefined
+        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') })] });
+        }
+        // Handle invalid value
+        if (typeof value !== 'object') {
+            return _jsx(Text, { className: "text-muted-foreground italic", children: "Invalid" });
+        }
+        const { from, to } = value;
+        // Format both values
+        const formattedFrom = formatBigDecimalValue(from, displayConfig, effectiveLocale);
+        const formattedTo = formatBigDecimalValue(to, displayConfig, effectiveLocale);
+        // 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') })] });
+        }
+        // Build display string
+        let displayText;
+        if (from !== undefined && to !== undefined) {
+            displayText = `${formattedFrom} ${separator} ${formattedTo}`;
+        }
+        else if (from !== undefined) {
+            displayText = `≥ ${formattedFrom}`;
+        }
+        else {
+            displayText = `≤ ${formattedTo}`;
+        }
+        return (_jsx(Text, { className: "tabular-nums", children: displayText }));
+    };
+    // Label/description rendering is handled by the parent DisplayField (FIELD-01)
+    return _jsx("div", { className: className, children: renderValue() });
+}
+;
+DisplayFieldRangeBigDecimal.displayName = "DisplayFieldRangeBigDecimal";
+export { DisplayFieldRangeBigDecimal };
+//# sourceMappingURL=display-field-range-bigdecimal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-range-bigdecimal.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-bigdecimal.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+/**
+ * DisplayFieldRangeDate Component
+ *
+ * Displays a date 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 type { DisplayFieldRangeDateProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldRangeDate({ value, className, separator, }: DisplayFieldRangeDateProps): React.JSX.Element;
+export { DisplayFieldRangeDate };
+//# sourceMappingURL=display-field-range-date.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-range-date.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-date.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,CA4BhD;AAID,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

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

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from "@wildo-ai/saas-frontend-lib";
+import { 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 });
+    const fmt = (d) => {
+        if (d === undefined || d === null)
+            return '—';
+        return formatDate(d instanceof Date ? d : new Date(d));
+    };
+    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') })] });
+    }
+    const { from, to } = value;
+    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') })] });
+    }
+    let displayText;
+    if (from !== undefined && to !== undefined) {
+        displayText = `${fmt(from)} ${separator} ${fmt(to)}`;
+    }
+    else if (from !== undefined) {
+        displayText = `≥ ${fmt(from)}`;
+    }
+    else {
+        displayText = `≤ ${fmt(to)}`;
+    }
+    return _jsx(Text, { className: className, children: displayText });
+}
+;
+DisplayFieldRangeDate.displayName = "DisplayFieldRangeDate";
+export { DisplayFieldRangeDate };
+//# sourceMappingURL=display-field-range-date.js.map

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

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

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

@@ -0,0 +1,13 @@
+/**
+ * DisplayFieldRangeDateTime Component
+ *
+ * Displays a datetime 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 type { DisplayFieldRangeDateTimeProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldRangeDateTime({ value, className, separator, }: DisplayFieldRangeDateTimeProps): React.JSX.Element;
+export { DisplayFieldRangeDateTime };
+//# sourceMappingURL=display-field-range-datetime.d.ts.map

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

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

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

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from "@wildo-ai/saas-frontend-lib";
+import { 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 });
+    const fmt = (d) => {
+        if (d === undefined || d === null)
+            return '—';
+        return formatDateTime(d instanceof Date ? d : new Date(d));
+    };
+    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') })] });
+    }
+    const { from, to } = value;
+    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') })] });
+    }
+    let displayText;
+    if (from !== undefined && to !== undefined) {
+        displayText = `${fmt(from)} ${separator} ${fmt(to)}`;
+    }
+    else if (from !== undefined) {
+        displayText = `≥ ${fmt(from)}`;
+    }
+    else {
+        displayText = `≤ ${fmt(to)}`;
+    }
+    return _jsx(Text, { className: className, children: displayText });
+}
+;
+DisplayFieldRangeDateTime.displayName = "DisplayFieldRangeDateTime";
+export { DisplayFieldRangeDateTime };
+//# sourceMappingURL=display-field-range-datetime.js.map

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

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

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

@@ -0,0 +1,16 @@
+/**
+ * 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 type { DisplayFieldRangeMoneyProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * DisplayFieldRangeMoney component
+ *
+ * Renders a money range value (from — to)
+ */
+declare function DisplayFieldRangeMoney({ schema, value, className, showSymbol, symbolPosition, showCurrencyCode, separator, }: DisplayFieldRangeMoneyProps): React.JSX.Element;
+export { DisplayFieldRangeMoney };
+//# sourceMappingURL=display-field-range-money.d.ts.map

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

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

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

@@ -0,0 +1,83 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useI18n, Text } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+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) {
+    if (value === null || value === undefined) {
+        return '—';
+    }
+    // Handle invalid value
+    if (typeof value !== 'object' || !('amount' in value) || !('currency' in value) || !('decimals' in value)) {
+        return 'Invalid';
+    }
+    // Get currency info for symbol
+    const currencyInfo = getCurrencyInfo(value.currency);
+    const symbol = currencyInfo?.symbol ?? value.currency;
+    // Format the money value
+    const formatted = formatMoney(value, {
+        showSymbol: false,
+    });
+    // Build display string with symbol
+    if (showSymbol) {
+        return symbolPosition === 'before'
+            ? `${symbol}${formatted}`
+            : `${formatted} ${symbol}`;
+    }
+    return formatted;
+}
+/**
+ * DisplayFieldRangeMoney component
+ *
+ * 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 });
+    // Render the value content
+    const renderValue = () => {
+        // Handle null/undefined
+        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') })] });
+        }
+        // Handle invalid value
+        if (typeof value !== 'object') {
+            return _jsx(Text, { className: "text-muted-foreground italic", children: "Invalid" });
+        }
+        const { from, to } = value;
+        // Format both values
+        const formattedFrom = formatMoneyValue(from, showSymbol, symbolPosition);
+        const formattedTo = formatMoneyValue(to, showSymbol, symbolPosition);
+        // 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') })] });
+        }
+        // Determine currency code to show (prefer from, fallback to to)
+        const currencyCode = from?.currency ?? to?.currency;
+        // Build display string
+        let displayText;
+        if (from !== undefined && to !== undefined) {
+            displayText = `${formattedFrom} ${separator} ${formattedTo}`;
+        }
+        else if (from !== undefined) {
+            displayText = `≥ ${formattedFrom}`;
+        }
+        else {
+            displayText = `≤ ${formattedTo}`;
+        }
+        // Optionally append currency code
+        if (showCurrencyCode && currencyCode) {
+            displayText = `${displayText} ${currencyCode}`;
+        }
+        return (_jsx(Text, { className: "tabular-nums", children: displayText }));
+    };
+    // Label/description rendering is handled by the parent DisplayField (FIELD-01)
+    return _jsx("div", { className: className, children: renderValue() });
+}
+;
+DisplayFieldRangeMoney.displayName = "DisplayFieldRangeMoney";
+export { DisplayFieldRangeMoney };
+//# sourceMappingURL=display-field-range-money.js.map

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

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

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

@@ -0,0 +1,13 @@
+/**
+ * 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 type { DisplayFieldRangeNumberProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldRangeNumber({ value, className, separator, }: DisplayFieldRangeNumberProps): React.JSX.Element;
+export { DisplayFieldRangeNumber };
+//# sourceMappingURL=display-field-range-number.d.ts.map

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

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

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

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from "@wildo-ai/saas-frontend-lib";
+import { useI18n } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+function DisplayFieldRangeNumber({ value, className, separator = '—', }) {
+    const { formatNumber, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    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" });
+    }
+    const { from, to } = value;
+    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') })] });
+    }
+    const fmtFrom = from !== undefined ? formatNumber(from) : '—';
+    const fmtTo = to !== undefined ? formatNumber(to) : '—';
+    let displayText;
+    if (from !== undefined && to !== undefined) {
+        displayText = `${fmtFrom} ${separator} ${fmtTo}`;
+    }
+    else if (from !== undefined) {
+        displayText = `≥ ${fmtFrom}`;
+    }
+    else {
+        displayText = `≤ ${fmtTo}`;
+    }
+    return _jsx(Text, { className: `tabular-nums ${className ?? ''}`, children: displayText });
+}
+;
+DisplayFieldRangeNumber.displayName = "DisplayFieldRangeNumber";
+export { DisplayFieldRangeNumber };
+//# sourceMappingURL=display-field-range-number.js.map

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

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

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

@@ -0,0 +1,13 @@
+/**
+ * DisplayFieldRangeTime Component
+ *
+ * Displays a time 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 type { DisplayFieldRangeTimeProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldRangeTime({ value, className, separator, }: DisplayFieldRangeTimeProps): React.JSX.Element;
+export { DisplayFieldRangeTime };
+//# sourceMappingURL=display-field-range-time.d.ts.map

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

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