@byline/ui 0.9.3

package/dist/fields/image/image-field_module.css

@@ -0,0 +1,96 @@
+:is(.header-qe_E_5, .byline-field-image-header) {
+  align-items: baseline;
+  gap: var(--spacing-8);
+  margin-bottom: .25rem;
+  display: flex;
+}
+
+:is(.label-NX4rr4, .byline-field-image-label) {
+  color: var(--gray-100);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+}
+
+:is(.help-M8XvYp, .byline-field-image-help) {
+  color: var(--gray-400);
+  font-size: var(--font-size-xs);
+  margin-top: .125rem;
+}
+
+:is(.remove-ib7eKx, .byline-field-image-remove) {
+  color: var(--red-500);
+  font-size: var(--font-size-xs);
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+:is(.remove-ib7eKx:hover, .byline-field-image-remove:hover) {
+  color: var(--red-400);
+  text-underline-offset: 2px;
+  text-decoration: underline;
+}
+
+:is(.empty-b8pdoJ, .byline-field-image-empty) {
+  color: var(--gray-500);
+  font-size: var(--font-size-xs);
+  font-style: italic;
+}
+
+:is(.tile-izbLn0, .byline-field-image-tile) {
+  gap: var(--spacing-16);
+  padding: var(--spacing-8);
+  border: var(--border-width-thin) var(--border-style-solid) var(--primary-500);
+  border-radius: var(--border-radius-md);
+  margin-top: .25rem;
+  display: flex;
+}
+
+:is(.preview-wrap-Cjr0PD, .byline-field-image-preview-wrap) {
+  position: relative;
+}
+
+:is(.preview-DIASGB, .byline-field-image-preview) {
+  border: var(--border-width-thin) var(--border-style-solid) var(--gray-600);
+  border-radius: var(--border-radius-sm);
+  object-fit: contain;
+  min-width: 4rem;
+  min-height: 4rem;
+  max-height: 10rem;
+}
+
+:is(.preview-svg-sCwreb, .byline-field-image-preview-svg) {
+  width: 271px;
+  height: 159px;
+  max-height: none;
+}
+
+:is(.pending-s6X_52, .byline-field-image-pending) {
+  background-color: oklch(from var(--yellow-600) l c h / .9);
+  color: var(--yellow-100);
+  font-size: .6rem;
+  font-weight: var(--font-weight-medium);
+  border-radius: var(--border-radius-sm);
+  padding: .125rem .375rem;
+  position: absolute;
+  top: .25rem;
+  left: .25rem;
+}
+
+:is(.meta-uHyKiu, .byline-field-image-meta) {
+  color: var(--gray-200);
+  font-size: var(--font-size-xs);
+  flex-direction: column;
+  gap: .125rem;
+  display: flex;
+}
+
+:is(.meta-key-eR6iRU, .byline-field-image-meta-key) {
+  font-weight: var(--font-weight-semibold);
+}
+
+:is(.meta-pending-lEdTAj, .byline-field-image-meta-pending) {
+  color: var(--yellow-400);
+}
+

package/dist/fields/image/image-upload-field.d.ts

@@ -0,0 +1,22 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import { type ImageField as FieldType, type PendingStoredFileValue, type StoredFileValue } from '@byline/core';
+interface ImageUploadFieldProps {
+    field: FieldType;
+    /** Collection path used to build the upload URL (e.g. `'media'`). */
+    collectionPath: string;
+    /** Field path in the form (e.g. `'image'` or `'content.0.image'`). */
+    fieldPath: string;
+    /** Called with the PendingStoredFileValue for immediate preview. */
+    onUploaded: (value: StoredFileValue | PendingStoredFileValue) => void;
+    /** Optional accepted-file MIME types string for the native file input. */
+    accept?: string;
+}
+export declare const ImageUploadField: ({ field: _field, collectionPath, fieldPath, onUploaded, accept, }: ImageUploadFieldProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=image-upload-field.d.ts.map

package/dist/fields/image/image-upload-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-upload-field.d.ts","sourceRoot":"","sources":["../../../src/fields/image/image-upload-field.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAgBH,OAAO,EAEL,KAAK,UAAU,IAAI,SAAS,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAUrB,UAAU,qBAAqB;IAC7B,KAAK,EAAE,SAAS,CAAA;IAChB,qEAAqE;IACrE,cAAc,EAAE,MAAM,CAAA;IACtB,sEAAsE;IACtE,SAAS,EAAE,MAAM,CAAA;IACjB,oEAAoE;IACpE,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,sBAAsB,KAAK,IAAI,CAAA;IACrE,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAQD,eAAO,MAAM,gBAAgB,GAAI,mEAM9B,qBAAqB,gCAgNvB,CAAA"}

package/dist/fields/image/image-upload-field.js

@@ -0,0 +1,187 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
+import { createPendingStoredFileValue } from "@byline/core";
+import classnames from "classnames";
+import { useFormContext } from "../../forms/form-context.js";
+import image_upload_field_module from "./image-upload-field.module.js";
+const ImageUploadField = ({ field: _field, collectionPath, fieldPath, onUploaded, accept = 'image/*' })=>{
+    const inputRef = useRef(null);
+    const [status, setStatus] = useState('idle');
+    const [errorMessage, setErrorMessage] = useState(null);
+    const [isDragOver, setIsDragOver] = useState(false);
+    const { addPendingUpload } = useFormContext();
+    const handleFileSelected = useCallback((file)=>{
+        setStatus('processing');
+        setErrorMessage(null);
+        if (!file.type.startsWith('image/')) {
+            setStatus('error');
+            setErrorMessage('Please select an image file.');
+            return;
+        }
+        const previewUrl = URL.createObjectURL(file);
+        const img = new Image();
+        img.onload = ()=>{
+            const w = img.naturalWidth;
+            const h = img.naturalHeight;
+            const dimensions = w > 0 && h > 0 ? {
+                width: w,
+                height: h
+            } : void 0;
+            const pendingValue = createPendingStoredFileValue(file, previewUrl, dimensions);
+            addPendingUpload(fieldPath, {
+                file,
+                previewUrl,
+                collectionPath
+            });
+            setStatus('idle');
+            onUploaded(pendingValue);
+        };
+        img.onerror = ()=>{
+            URL.revokeObjectURL(previewUrl);
+            setStatus('error');
+            setErrorMessage('Could not read image. Please try a different file.');
+        };
+        img.src = previewUrl;
+    }, [
+        collectionPath,
+        fieldPath,
+        addPendingUpload,
+        onUploaded
+    ]);
+    const handleFileChange = useCallback((e)=>{
+        const file = e.target.files?.[0];
+        if (file) handleFileSelected(file);
+        e.target.value = '';
+    }, [
+        handleFileSelected
+    ]);
+    const handleBrowseClick = useCallback(()=>{
+        inputRef.current?.click();
+    }, []);
+    const handleDragOver = useCallback((e)=>{
+        e.preventDefault();
+        setIsDragOver(true);
+    }, []);
+    const handleDragLeave = useCallback((e)=>{
+        e.preventDefault();
+        setIsDragOver(false);
+    }, []);
+    const handleDrop = useCallback((e)=>{
+        e.preventDefault();
+        setIsDragOver(false);
+        const file = e.dataTransfer.files?.[0];
+        if (file) handleFileSelected(file);
+    }, [
+        handleFileSelected
+    ]);
+    const isProcessing = 'processing' === status;
+    return /*#__PURE__*/ jsxs("div", {
+        className: classnames('byline-field-image-upload', image_upload_field_module.root),
+        children: [
+            /*#__PURE__*/ jsx("input", {
+                ref: inputRef,
+                type: "file",
+                accept: accept,
+                className: classnames('byline-field-image-upload-input', image_upload_field_module.input),
+                onChange: handleFileChange,
+                disabled: isProcessing,
+                "aria-hidden": "true",
+                tabIndex: -1
+            }),
+            /*#__PURE__*/ jsx("div", {
+                role: "button",
+                tabIndex: 0,
+                "aria-label": "Upload image — drag and drop or click to browse",
+                onDragOver: handleDragOver,
+                onDragLeave: handleDragLeave,
+                onDrop: handleDrop,
+                onClick: handleBrowseClick,
+                onKeyDown: (e)=>{
+                    if ('Enter' === e.key || ' ' === e.key) {
+                        e.preventDefault();
+                        handleBrowseClick();
+                    }
+                },
+                className: classnames('byline-field-image-upload-zone', image_upload_field_module.zone, isDragOver && !isProcessing && [
+                    'byline-field-image-upload-zone-active',
+                    image_upload_field_module["zone-active"]
+                ], isProcessing && [
+                    'byline-field-image-upload-zone-busy',
+                    image_upload_field_module["zone-busy"]
+                ]),
+                children: isProcessing ? /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxs("svg", {
+                            className: classnames('byline-field-image-upload-spinner', image_upload_field_module.spinner),
+                            xmlns: "http://www.w3.org/2000/svg",
+                            fill: "none",
+                            viewBox: "0 0 24 24",
+                            "aria-hidden": "true",
+                            children: [
+                                /*#__PURE__*/ jsx("circle", {
+                                    style: {
+                                        opacity: 0.25
+                                    },
+                                    cx: "12",
+                                    cy: "12",
+                                    r: "10",
+                                    stroke: "currentColor",
+                                    strokeWidth: "4"
+                                }),
+                                /*#__PURE__*/ jsx("path", {
+                                    style: {
+                                        opacity: 0.75
+                                    },
+                                    fill: "currentColor",
+                                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            className: classnames('byline-field-image-upload-label', image_upload_field_module.label),
+                            children: "Processing…"
+                        })
+                    ]
+                }) : /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx("svg", {
+                            xmlns: "http://www.w3.org/2000/svg",
+                            className: classnames('byline-field-image-upload-icon', image_upload_field_module.icon),
+                            fill: "none",
+                            viewBox: "0 0 24 24",
+                            stroke: "currentColor",
+                            strokeWidth: 1.5,
+                            "aria-hidden": "true",
+                            children: /*#__PURE__*/ jsx("path", {
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5"
+                            })
+                        }),
+                        /*#__PURE__*/ jsxs("span", {
+                            className: classnames('byline-field-image-upload-label', image_upload_field_module.label),
+                            children: [
+                                "Drop image here or",
+                                ' ',
+                                /*#__PURE__*/ jsx("span", {
+                                    className: classnames('byline-field-image-upload-action', image_upload_field_module.action),
+                                    children: "browse"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            className: classnames('byline-field-image-upload-hint', image_upload_field_module.hint),
+                            children: "JPEG, PNG, WebP, GIF, SVG, AVIF"
+                        })
+                    ]
+                })
+            }),
+            'error' === status && errorMessage && /*#__PURE__*/ jsx("p", {
+                className: classnames('byline-field-image-upload-error', image_upload_field_module.error),
+                role: "alert",
+                children: errorMessage
+            })
+        ]
+    });
+};
+export { ImageUploadField };

package/dist/fields/image/image-upload-field.module.js

@@ -0,0 +1,19 @@
+import "./image-upload-field_module.css";
+const image_upload_field_module = {
+    root: "root-RQ8s0u",
+    input: "input-DnqmLy",
+    zone: "zone-ZQQueP",
+    "zone-active": "zone-active-GgYY5w",
+    zoneActive: "zone-active-GgYY5w",
+    "zone-busy": "zone-busy-QscsjT",
+    zoneBusy: "zone-busy-QscsjT",
+    spinner: "spinner-vgmURt",
+    "byline-image-upload-spin": "byline-image-upload-spin-PnC9WU",
+    bylineImageUploadSpin: "byline-image-upload-spin-PnC9WU",
+    icon: "icon-ZueG4I",
+    label: "label-jdwMD2",
+    action: "action-g1CZcT",
+    hint: "hint-WOpqdr",
+    error: "error-bRg83I"
+};
+export default image_upload_field_module;

package/dist/fields/image/image-upload-field_module.css

@@ -0,0 +1,92 @@
+:is(.root-RQ8s0u, .byline-field-image-upload) {
+  margin-top: .25rem;
+}
+
+:is(.input-DnqmLy, .byline-field-image-upload-input) {
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+:is(.zone-ZQQueP, .byline-field-image-upload-zone) {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-8);
+  border: 2px dashed var(--gray-600);
+  border-radius: var(--border-radius-lg);
+  color: var(--gray-400);
+  text-align: center;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+  flex-direction: column;
+  padding: 1.5rem 1rem;
+  transition: color .15s, background-color .15s, border-color .15s;
+  display: flex;
+}
+
+:is(.zone-ZQQueP:hover, .byline-field-image-upload-zone:hover) {
+  border-color: var(--primary-500);
+  background-color: oklch(from var(--primary-900) l c h / .1);
+}
+
+:is(.zone-active-GgYY5w, .byline-field-image-upload-zone-active) {
+  border-color: var(--primary-400);
+  background-color: oklch(from var(--primary-900) l c h / .2);
+  color: var(--primary-300);
+}
+
+:is(.zone-busy-QscsjT, .byline-field-image-upload-zone-busy) {
+  border-color: var(--gray-700);
+  background-color: oklch(from var(--canvas-800) l c h / .5);
+  color: var(--gray-600);
+  cursor: not-allowed;
+}
+
+:is(.spinner-vgmURt, .byline-field-image-upload-spinner) {
+  width: 1.5rem;
+  height: 1.5rem;
+  color: var(--primary-400);
+  animation: 1s linear infinite byline-image-upload-spin-PnC9WU;
+}
+
+@keyframes byline-image-upload-spin-PnC9WU {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+:is(.icon-ZueG4I, .byline-field-image-upload-icon) {
+  opacity: .6;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+:is(.label-jdwMD2, .byline-field-image-upload-label) {
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+}
+
+:is(.action-g1CZcT, .byline-field-image-upload-action) {
+  color: var(--primary-400);
+  text-underline-offset: 2px;
+  text-decoration: underline;
+}
+
+:is(.hint-WOpqdr, .byline-field-image-upload-hint) {
+  color: var(--gray-500);
+  font-size: .65rem;
+}
+
+:is(.error-bRg83I, .byline-field-image-upload-error) {
+  color: var(--red-400);
+  font-size: var(--font-size-xs);
+  margin-top: .375rem;
+}
+

package/dist/fields/local-date-time.d.ts

@@ -0,0 +1,28 @@
+interface LocalDateTimeProps {
+    value: string | Date | null | undefined;
+    mode?: 'datetime' | 'date';
+    className?: string;
+    fallback?: string;
+}
+/**
+ * Client-side date/time formatter that displays dates in the user's local timezone.
+ *
+ * This component avoids hydration mismatches by:
+ * 1. Rendering a placeholder on the server/initial render
+ * 2. Updating to the correctly formatted date after hydration
+ *
+ * Use this instead of formatDateTime when you need to display dates
+ * in the user's local timezone rather than UTC.
+ */
+export declare function LocalDateTime({ value, mode, className, fallback, }: LocalDateTimeProps): React.JSX.Element;
+/**
+ * Formats a date string to the user's local timezone.
+ *
+ * WARNING: Only use this in client components where hydration
+ * mismatches are acceptable or managed. For most cases, prefer
+ * the <LocalDateTime /> component.
+ */
+export declare function formatLocalDateTime(value: string | Date | null | undefined): string;
+export declare function formatLocalDate(value: string | Date | null | undefined): string;
+export {};
+//# sourceMappingURL=local-date-time.d.ts.map

package/dist/fields/local-date-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-date-time.d.ts","sourceRoot":"","sources":["../../src/fields/local-date-time.tsx"],"names":[],"mappings":"AAmBA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;IACvC,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAiB,EACjB,SAAS,EACT,QAAc,GACf,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyBxC;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAKnF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAK/E"}

package/dist/fields/local-date-time.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+const dateTimeFormatter = new Intl.DateTimeFormat(void 0, {
+    year: 'numeric',
+    month: 'short',
+    day: '2-digit',
+    hour: 'numeric',
+    minute: 'numeric'
+});
+const dateFormatter = new Intl.DateTimeFormat(void 0, {
+    year: 'numeric',
+    month: 'short',
+    day: '2-digit'
+});
+function LocalDateTime({ value, mode = 'datetime', className, fallback = '—' }) {
+    const [formattedDate, setFormattedDate] = useState(null);
+    useEffect(()=>{
+        if (null == value) return void setFormattedDate(null);
+        const date = 'string' == typeof value ? Date.parse(value) : value.getTime();
+        if (Number.isNaN(date)) return void setFormattedDate('Error');
+        const formatter = 'datetime' === mode ? dateTimeFormatter : dateFormatter;
+        setFormattedDate(formatter.format(date));
+    }, [
+        value,
+        mode
+    ]);
+    if (null === formattedDate) return /*#__PURE__*/ jsx("span", {
+        className: className,
+        children: value ? '...' : fallback
+    });
+    return /*#__PURE__*/ jsx("span", {
+        className: className,
+        children: formattedDate
+    });
+}
+function formatLocalDateTime(value) {
+    if (null == value) return '—';
+    const date = 'string' == typeof value ? Date.parse(value) : value.getTime();
+    if (Number.isNaN(date)) return 'Error';
+    return dateTimeFormatter.format(date);
+}
+function formatLocalDate(value) {
+    if (null == value) return '—';
+    const date = 'string' == typeof value ? Date.parse(value) : value.getTime();
+    if (Number.isNaN(date)) return 'Error';
+    return dateFormatter.format(date);
+}
+export { LocalDateTime, formatLocalDate, formatLocalDateTime };

package/dist/fields/locale-badge.d.ts

@@ -0,0 +1,19 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+export interface LocaleBadgeProps {
+    locale: string;
+}
+/**
+ * Small inline badge shown next to the label of a field that has
+ * `localized: true` in its schema definition. Indicates which locale
+ * the editor is currently working in.
+ *
+ * Stable override handle: `.byline-locale-badge`.
+ */
+export declare const LocaleBadge: ({ locale }: LocaleBadgeProps) => import("react").JSX.Element;
+//# sourceMappingURL=locale-badge.d.ts.map

package/dist/fields/locale-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-badge.d.ts","sourceRoot":"","sources":["../../src/fields/locale-badge.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,YAAY,gBAAgB,gCAQvD,CAAA"}

package/dist/fields/locale-badge.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import locale_badge_module from "./locale-badge.module.js";
+const LocaleBadge = ({ locale })=>/*#__PURE__*/ jsx("span", {
+        "aria-hidden": "true",
+        title: `Localised — editing ${locale.toUpperCase()} content`,
+        className: classnames('byline-locale-badge', locale_badge_module.badge),
+        children: locale
+    });
+export { LocaleBadge };

package/dist/fields/locale-badge.module.js

@@ -0,0 +1,5 @@
+import "./locale-badge_module.css";
+const locale_badge_module = {
+    badge: "badge-w0AW86"
+};
+export default locale_badge_module;

package/dist/fields/locale-badge_module.css

@@ -0,0 +1,27 @@
+:is(.badge-w0AW86, .byline-locale-badge) {
+  border: var(--border-width-thin) var(--border-style-solid) var(--yellow-400);
+  border-radius: var(--border-radius-sm);
+  background-color: var(--yellow-100);
+  color: var(--yellow-800);
+  font-size: .6rem;
+  font-weight: var(--font-weight-semibold);
+  letter-spacing: var(--letter-spacing-wide);
+  text-transform: uppercase;
+  pointer-events: none;
+  -webkit-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  align-items: center;
+  gap: .125rem;
+  margin-left: .375rem;
+  padding: .125rem .375rem;
+  line-height: 1;
+  display: inline-flex;
+}
+
+:is(:is([data-theme="dark"], .dark) .badge-w0AW86, :is([data-theme="dark"], .dark) .byline-locale-badge) {
+  border-color: var(--yellow-700);
+  background-color: oklch(from var(--yellow-900) l c h / .4);
+  color: var(--yellow-400);
+}
+

package/dist/fields/numerical/numerical-field.d.ts

@@ -0,0 +1,19 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type { DecimalField, FieldComponentSlots, FloatField, IntegerField } from '@byline/core';
+export declare const NumericalField: ({ field, value, defaultValue, onChange, id, path, components, }: {
+    field: IntegerField | FloatField | DecimalField;
+    value?: string | number | null;
+    defaultValue?: string | number | null;
+    onChange?: (value: string) => void;
+    id?: string;
+    path?: string;
+    /** Optional UI component slot overrides from the admin config. */
+    components?: FieldComponentSlots;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=numerical-field.d.ts.map

package/dist/fields/numerical/numerical-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numerical-field.d.ts","sourceRoot":"","sources":["../../../src/fields/numerical/numerical-field.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EACV,YAAY,EAEZ,mBAAmB,EACnB,UAAU,EACV,YAAY,EACb,MAAM,cAAc,CAAA;AAKrB,eAAO,MAAM,cAAc,GAAI,iEAQ5B;IACD,KAAK,EAAE,YAAY,GAAG,UAAU,GAAG,YAAY,CAAA;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,UAAU,CAAC,EAAE,mBAAmB,CAAA;CACjC,gCA2EA,CAAA"}

package/dist/fields/numerical/numerical-field.js

@@ -0,0 +1,73 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Input } from "@infonomic/uikit/react";
+import { useFieldError, useFieldValue } from "../../forms/form-context.js";
+const NumericalField = ({ field, value, defaultValue, onChange, id, path, components })=>{
+    const fieldPath = path ?? field.name;
+    const fieldError = useFieldError(fieldPath);
+    const fieldValue = useFieldValue(fieldPath);
+    const incomingValue = value ?? fieldValue ?? defaultValue ?? '';
+    const htmlId = id ?? fieldPath;
+    const displayValue = null == incomingValue ? '' : String(incomingValue);
+    const slots = components;
+    const CustomLabel = slots?.Label;
+    const CustomHelpText = slots?.HelpText;
+    const CustomField = slots?.Field;
+    const BeforeField = slots?.beforeField;
+    const AfterField = slots?.afterField;
+    const slotBaseProps = {
+        field: field,
+        path: fieldPath,
+        value: incomingValue,
+        error: fieldError,
+        id: htmlId
+    };
+    const hasCustomLabel = !!CustomLabel;
+    const suppressInputLabel = hasCustomLabel;
+    const suppressInputHelpText = !!CustomHelpText;
+    const renderLabel = ()=>{
+        if (hasCustomLabel) return /*#__PURE__*/ jsx(CustomLabel, {
+            ...slotBaseProps,
+            label: field.label,
+            required: !field.optional
+        });
+        return null;
+    };
+    const renderInput = ()=>{
+        if (CustomField) return /*#__PURE__*/ jsx(CustomField, {
+            ...slotBaseProps,
+            onChange: (v)=>onChange?.(v),
+            defaultValue: defaultValue,
+            placeholder: field.placeholder
+        });
+        return /*#__PURE__*/ jsx(Input, {
+            type: "number",
+            id: htmlId,
+            name: field.name,
+            label: suppressInputLabel ? void 0 : field.label,
+            required: !field.optional,
+            helpText: suppressInputHelpText ? void 0 : field.helpText,
+            value: displayValue,
+            onChange: (e)=>onChange?.(e.target.value),
+            error: null != fieldError,
+            errorText: fieldError
+        });
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: `byline-field-${field.type} ${field.name}`,
+        children: [
+            renderLabel(),
+            BeforeField && /*#__PURE__*/ jsx(BeforeField, {
+                ...slotBaseProps
+            }),
+            renderInput(),
+            AfterField && /*#__PURE__*/ jsx(AfterField, {
+                ...slotBaseProps
+            }),
+            CustomHelpText && /*#__PURE__*/ jsx(CustomHelpText, {
+                ...slotBaseProps,
+                helpText: field.helpText
+            })
+        ]
+    });
+};
+export { NumericalField };