@byline/ui 0.9.3

package/dist/fields/field-renderer_module.css

@@ -0,0 +1,11 @@
+:is(.localized-wrap-bv51Y7, .byline-field-localized-wrap) {
+  position: relative;
+}
+
+:is(.localized-badge-D5MrbH, .byline-field-localized-badge) {
+  line-height: 1;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+

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

@@ -0,0 +1,18 @@
+/**
+ * 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 { FileField as FieldType, StoredFileValue } from '@byline/core';
+interface FileFieldProps {
+    field: FieldType;
+    value?: StoredFileValue | null;
+    defaultValue?: StoredFileValue | null;
+    onChange?: (value: StoredFileValue | null) => void;
+    path?: string;
+}
+export declare const FileField: ({ field, value, defaultValue, onChange: _onChange, path, }: FileFieldProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=file-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-field.d.ts","sourceRoot":"","sources":["../../../src/fields/file/file-field.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,IAAI,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAO3E,UAAU,cAAc;IACtB,KAAK,EAAE,SAAS,CAAA;IAGhB,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IAC9B,YAAY,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,SAAS,GAAI,4DAMvB,cAAc,gCA2EhB,CAAA"}

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

@@ -0,0 +1,125 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ErrorText } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { useFieldError, useFieldValue, useIsDirty } from "../../forms/form-context.js";
+import file_field_module from "./file-field.module.js";
+const FileField = ({ field, value, defaultValue, onChange: _onChange, path })=>{
+    const fieldPath = path ?? field.name;
+    const fieldError = useFieldError(fieldPath);
+    const isDirty = useIsDirty(fieldPath);
+    const fieldValue = useFieldValue(fieldPath);
+    const incomingValue = value ?? fieldValue ?? defaultValue ?? null;
+    const isPlaceholderStoredFileValue = (v)=>{
+        if (!v || 'object' != typeof v) return false;
+        const maybe = v;
+        return 'placeholder' === maybe.storageProvider && 'pending' === maybe.storagePath;
+    };
+    const effectiveValue = isPlaceholderStoredFileValue(incomingValue) ? null : incomingValue;
+    return /*#__PURE__*/ jsxs("div", {
+        className: classnames('byline-field-file', field.name, isDirty && [
+            'byline-field-file-dirty',
+            file_field_module.dirty
+        ]),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-field-file-header', file_field_module.header),
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: classnames('byline-field-file-label', file_field_module.label),
+                                children: [
+                                    field.label ?? field.name,
+                                    field.optional ? '' : ' *'
+                                ]
+                            }),
+                            field.helpText && /*#__PURE__*/ jsx("div", {
+                                className: classnames('byline-field-file-help', file_field_module.help),
+                                children: field.helpText
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: classnames('byline-field-file-action', file_field_module.action),
+                        disabled: true,
+                        children: "Upload (coming soon)"
+                    })
+                ]
+            }),
+            null == effectiveValue ? /*#__PURE__*/ jsx("div", {
+                className: classnames('byline-field-file-empty', file_field_module.empty),
+                children: "No file selected"
+            }) : /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-field-file-meta', file_field_module.meta),
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: classnames('byline-field-file-meta-key', file_field_module["meta-key"]),
+                                children: "Filename:"
+                            }),
+                            ' ',
+                            effectiveValue.filename
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: classnames('byline-field-file-meta-key', file_field_module["meta-key"]),
+                                children: "Original:"
+                            }),
+                            ' ',
+                            effectiveValue.originalFilename
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: classnames('byline-field-file-meta-key', file_field_module["meta-key"]),
+                                children: "Type:"
+                            }),
+                            ' ',
+                            effectiveValue.mimeType
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: classnames('byline-field-file-meta-key', file_field_module["meta-key"]),
+                                children: "Size:"
+                            }),
+                            ' ',
+                            effectiveValue.fileSize
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: classnames('byline-field-file-meta-key', file_field_module["meta-key"]),
+                                children: "Storage:"
+                            }),
+                            ' ',
+                            effectiveValue.storageProvider
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: classnames('byline-field-file-meta-key', file_field_module["meta-key"]),
+                                children: "Path:"
+                            }),
+                            ' ',
+                            effectiveValue.storagePath
+                        ]
+                    })
+                ]
+            }),
+            fieldError && /*#__PURE__*/ jsx(ErrorText, {
+                id: `${field.name}-error`,
+                text: fieldError
+            })
+        ]
+    });
+};
+export { FileField };

package/dist/fields/file/file-field.module.js

@@ -0,0 +1,13 @@
+import "./file-field_module.css";
+const file_field_module = {
+    dirty: "dirty-k9iSNW",
+    header: "header-4BiMwv",
+    label: "label-UvOUA0",
+    help: "help-LIWT7a",
+    action: "action-O9bmDz",
+    empty: "empty-Afgknj",
+    meta: "meta-mm1UmQ",
+    "meta-key": "meta-key-q6cipk",
+    metaKey: "meta-key-q6cipk"
+};
+export default file_field_module;

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

@@ -0,0 +1,64 @@
+:is(.dirty-k9iSNW, .byline-field-file-dirty) {
+  padding: var(--spacing-12);
+  border: var(--border-width-thin) var(--border-style-solid) var(--blue-300);
+  border-radius: var(--border-radius-md);
+}
+
+:is(.header-4BiMwv, .byline-field-file-header) {
+  justify-content: space-between;
+  align-items: baseline;
+  margin-bottom: .25rem;
+  display: flex;
+}
+
+:is(.label-UvOUA0, .byline-field-file-label) {
+  color: var(--gray-100);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+}
+
+:is(.help-LIWT7a, .byline-field-file-help) {
+  color: var(--gray-400);
+  font-size: var(--font-size-xs);
+  margin-top: .125rem;
+}
+
+:is(.action-O9bmDz, .byline-field-file-action) {
+  color: var(--blue-300);
+  font-size: var(--font-size-xs);
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+:is(.action-O9bmDz:hover, .byline-field-file-action:hover) {
+  color: var(--blue-200);
+  text-underline-offset: 2px;
+  text-decoration: underline;
+}
+
+:is(.action-O9bmDz:disabled, .byline-field-file-action:disabled) {
+  cursor: not-allowed;
+  opacity: .6;
+}
+
+:is(.empty-Afgknj, .byline-field-file-empty) {
+  color: var(--gray-500);
+  font-size: var(--font-size-xs);
+  font-style: italic;
+}
+
+:is(.meta-mm1UmQ, .byline-field-file-meta) {
+  color: var(--gray-200);
+  font-size: var(--font-size-xs);
+  flex-direction: column;
+  gap: .125rem;
+  margin-top: .25rem;
+  display: flex;
+}
+
+:is(.meta-key-q6cipk, .byline-field-file-meta-key) {
+  font-weight: var(--font-weight-semibold);
+}
+

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

@@ -0,0 +1,16 @@
+/**
+ * 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 { GroupField as GroupFieldType } from '@byline/core';
+interface GroupFieldProps {
+    field: GroupFieldType;
+    defaultValue: any;
+    path: string;
+}
+export declare const GroupField: ({ field, defaultValue, path }: GroupFieldProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=group-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group-field.d.ts","sourceRoot":"","sources":["../../../src/fields/group/group-field.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAS,UAAU,IAAI,cAAc,EAAE,MAAM,cAAc,CAAA;AAoBvE,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,CAAA;IACrB,YAAY,EAAE,GAAG,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,UAAU,GAAI,+BAA+B,eAAe,gCA+CxE,CAAA"}

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

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { ErrorText } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { placeholderForField } from "../field-helpers.js";
+import { FieldRenderer } from "../field-renderer.js";
+import { useFieldError } from "../../forms/form-context.js";
+import group_field_module from "./group-field.module.js";
+const GroupField = ({ field, defaultValue, path })=>{
+    const fieldError = useFieldError(field.name);
+    const groupData = useMemo(()=>{
+        if (defaultValue && 'object' == typeof defaultValue && !Array.isArray(defaultValue)) return defaultValue;
+        const placeholder = {};
+        for (const childField of field.fields)placeholder[childField.name] = placeholderForField(childField);
+        return placeholder;
+    }, [
+        defaultValue,
+        field.fields
+    ]);
+    return /*#__PURE__*/ jsxs("div", {
+        className: `byline-field-group ${field.name}`,
+        children: [
+            field.label && /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-field-group-header', group_field_module.header),
+                children: [
+                    /*#__PURE__*/ jsxs("h3", {
+                        className: classnames('byline-field-group-title', group_field_module.title),
+                        children: [
+                            field.label,
+                            ' ',
+                            !field.optional && /*#__PURE__*/ jsx("span", {
+                                className: classnames('byline-field-group-required', group_field_module.required),
+                                children: "*"
+                            })
+                        ]
+                    }),
+                    field.helpText && /*#__PURE__*/ jsx("p", {
+                        className: classnames('byline-field-group-help', group_field_module.help),
+                        children: field.helpText
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: classnames('byline-field-group-body', group_field_module.body),
+                children: field.fields.map((innerField)=>/*#__PURE__*/ jsx(FieldRenderer, {
+                        field: innerField,
+                        defaultValue: groupData[innerField.name],
+                        basePath: path,
+                        disableSorting: true
+                    }, innerField.name))
+            }),
+            fieldError && /*#__PURE__*/ jsx(ErrorText, {
+                id: `${field.name}-error`,
+                text: fieldError
+            })
+        ]
+    });
+};
+export { GroupField };

package/dist/fields/group/group-field.module.js

@@ -0,0 +1,9 @@
+import "./group-field_module.css";
+const group_field_module = {
+    header: "header-QiCfGn",
+    title: "title-N84bq9",
+    required: "required-aR0X2E",
+    help: "help-xFiofl",
+    body: "body-_PqbfY"
+};
+export default group_field_module;

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

@@ -0,0 +1,27 @@
+:is(.header-QiCfGn, .byline-field-group-header) {
+  margin-bottom: var(--spacing-8);
+  flex-direction: column;
+  gap: .125rem;
+  display: flex;
+}
+
+:is(.title-N84bq9, .byline-field-group-title) {
+  font-size: 1rem;
+  font-weight: var(--font-weight-medium);
+}
+
+:is(.required-aR0X2E, .byline-field-group-required) {
+  color: var(--red-500);
+}
+
+:is(.help-xFiofl, .byline-field-group-help) {
+  color: var(--gray-500);
+  font-size: var(--font-size-xs);
+}
+
+:is(.body-_PqbfY, .byline-field-group-body) {
+  gap: var(--spacing-8);
+  flex-direction: column;
+  display: flex;
+}
+

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

@@ -0,0 +1,20 @@
+/**
+ * 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 StoredFileValue } from '@byline/core';
+interface ImageFieldProps {
+    field: FieldType;
+    /** Collection path required to call the /upload endpoint. */
+    collectionPath?: string;
+    value?: StoredFileValue | null;
+    defaultValue?: StoredFileValue | null;
+    onChange?: (value: StoredFileValue | null) => void;
+    path?: string;
+}
+export declare const ImageField: ({ field, collectionPath, value, defaultValue, onChange: _onChange, path, }: ImageFieldProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=image-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-field.d.ts","sourceRoot":"","sources":["../../../src/fields/image/image-field.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,KAAK,UAAU,IAAI,SAAS,EAE5B,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AASrB,UAAU,eAAe;IACvB,KAAK,EAAE,SAAS,CAAA;IAChB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAA;IAGvB,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IAC9B,YAAY,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,UAAU,GAAI,4EAOxB,eAAe,gCA2KjB,CAAA"}

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

@@ -0,0 +1,198 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { isPendingStoredFileValue } from "@byline/core";
+import { ErrorText } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { useFieldError, useFieldValue, useFormContext, useIsDirty } from "../../forms/form-context.js";
+import { useFieldChangeHandler } from "../use-field-change-handler.js";
+import image_field_module from "./image-field.module.js";
+import { ImageUploadField } from "./image-upload-field.js";
+const ImageField = ({ field, collectionPath, value, defaultValue, onChange: _onChange, path })=>{
+    const fieldPath = path ?? field.name;
+    const fieldError = useFieldError(fieldPath);
+    const isDirty = useIsDirty(fieldPath);
+    const fieldValue = useFieldValue(fieldPath);
+    const { removePendingUpload } = useFormContext();
+    const handleChange = useFieldChangeHandler(field, fieldPath);
+    const incomingValue = isDirty ? fieldValue ?? null : value ?? fieldValue ?? defaultValue ?? null;
+    const isPending = isPendingStoredFileValue(incomingValue);
+    const isOldPlaceholder = (v)=>{
+        if (!v || 'object' != typeof v) return false;
+        const maybe = v;
+        return 'placeholder' === maybe.storageProvider && 'pending' === maybe.storagePath;
+    };
+    const showUploadWidget = null == incomingValue || isOldPlaceholder(incomingValue);
+    const handleRemove = ()=>{
+        if (isPending) removePendingUpload(fieldPath);
+        handleChange(null);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: `byline-field-image ${field.name}`,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-field-image-header', image_field_module.header),
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: classnames('byline-field-image-label', image_field_module.label),
+                                children: [
+                                    field.label ?? field.name,
+                                    field.optional ? '' : ' *'
+                                ]
+                            }),
+                            field.helpText && /*#__PURE__*/ jsx("div", {
+                                className: classnames('byline-field-image-help', image_field_module.help),
+                                children: field.helpText
+                            })
+                        ]
+                    }),
+                    !showUploadWidget && collectionPath && /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: classnames('byline-field-image-remove', image_field_module.remove),
+                        onClick: handleRemove,
+                        children: "Remove"
+                    })
+                ]
+            }),
+            showUploadWidget ? collectionPath ? /*#__PURE__*/ jsx(ImageUploadField, {
+                field: field,
+                collectionPath: collectionPath,
+                fieldPath: fieldPath,
+                onUploaded: (uploaded)=>{
+                    handleChange(uploaded);
+                }
+            }) : /*#__PURE__*/ jsx("div", {
+                className: classnames('byline-field-image-empty', image_field_module.empty),
+                children: "No image selected"
+            }) : /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-field-image-tile', image_field_module.tile),
+                children: [
+                    incomingValue?.storageUrl && /*#__PURE__*/ jsxs("div", {
+                        className: classnames('byline-field-image-preview-wrap', image_field_module["preview-wrap"]),
+                        children: [
+                            /*#__PURE__*/ jsx("img", {
+                                src: incomingValue.storageUrl,
+                                alt: incomingValue.originalFilename ?? incomingValue.filename,
+                                className: classnames('byline-field-image-preview', image_field_module.preview, 'image/svg+xml' === incomingValue.mimeType && [
+                                    'byline-field-image-preview-svg',
+                                    image_field_module["preview-svg"]
+                                ])
+                            }),
+                            isPending && /*#__PURE__*/ jsx("div", {
+                                className: classnames('byline-field-image-pending', image_field_module.pending),
+                                children: "Pending upload"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames('byline-field-image-meta', image_field_module.meta),
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: classnames('byline-field-image-meta-key', image_field_module["meta-key"]),
+                                        children: "Filename:"
+                                    }),
+                                    ' ',
+                                    incomingValue?.filename
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: classnames('byline-field-image-meta-key', image_field_module["meta-key"]),
+                                        children: "Original:"
+                                    }),
+                                    ' ',
+                                    incomingValue?.originalFilename
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: classnames('byline-field-image-meta-key', image_field_module["meta-key"]),
+                                        children: "Type:"
+                                    }),
+                                    ' ',
+                                    incomingValue?.mimeType
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: classnames('byline-field-image-meta-key', image_field_module["meta-key"]),
+                                        children: "Size:"
+                                    }),
+                                    ' ',
+                                    incomingValue?.fileSize
+                                ]
+                            }),
+                            isPending ? /*#__PURE__*/ jsxs("div", {
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: classnames('byline-field-image-meta-key', image_field_module["meta-key"]),
+                                        children: "Status:"
+                                    }),
+                                    ' ',
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: classnames('byline-field-image-meta-pending', image_field_module["meta-pending"]),
+                                        children: "Will upload on save"
+                                    })
+                                ]
+                            }) : /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    /*#__PURE__*/ jsxs("div", {
+                                        children: [
+                                            /*#__PURE__*/ jsx("span", {
+                                                className: classnames('byline-field-image-meta-key', image_field_module["meta-key"]),
+                                                children: "Storage:"
+                                            }),
+                                            ' ',
+                                            incomingValue?.storageProvider
+                                        ]
+                                    }),
+                                    incomingValue?.imageWidth != null && /*#__PURE__*/ jsxs("div", {
+                                        children: [
+                                            /*#__PURE__*/ jsx("span", {
+                                                className: classnames('byline-field-image-meta-key', image_field_module["meta-key"]),
+                                                children: "Dimensions:"
+                                            }),
+                                            ' ',
+                                            incomingValue.imageWidth,
+                                            null != incomingValue.imageHeight ? `×${incomingValue.imageHeight}` : ''
+                                        ]
+                                    }),
+                                    incomingValue?.imageFormat != null && /*#__PURE__*/ jsxs("div", {
+                                        children: [
+                                            /*#__PURE__*/ jsx("span", {
+                                                className: classnames('byline-field-image-meta-key', image_field_module["meta-key"]),
+                                                children: "Format:"
+                                            }),
+                                            ' ',
+                                            incomingValue.imageFormat
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        children: [
+                                            /*#__PURE__*/ jsx("span", {
+                                                className: classnames('byline-field-image-meta-key', image_field_module["meta-key"]),
+                                                children: "Thumbnail:"
+                                            }),
+                                            ' ',
+                                            incomingValue?.thumbnailGenerated ? 'Generated' : 'Pending'
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            fieldError && /*#__PURE__*/ jsx(ErrorText, {
+                id: `${field.name}-error`,
+                text: fieldError
+            })
+        ]
+    });
+};
+export { ImageField };

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

@@ -0,0 +1,21 @@
+import "./image-field_module.css";
+const image_field_module = {
+    header: "header-qe_E_5",
+    label: "label-NX4rr4",
+    help: "help-M8XvYp",
+    remove: "remove-ib7eKx",
+    empty: "empty-b8pdoJ",
+    tile: "tile-izbLn0",
+    "preview-wrap": "preview-wrap-Cjr0PD",
+    previewWrap: "preview-wrap-Cjr0PD",
+    preview: "preview-DIASGB",
+    "preview-svg": "preview-svg-sCwreb",
+    previewSvg: "preview-svg-sCwreb",
+    pending: "pending-s6X_52",
+    meta: "meta-uHyKiu",
+    "meta-key": "meta-key-eR6iRU",
+    metaKey: "meta-key-eR6iRU",
+    "meta-pending": "meta-pending-lEdTAj",
+    metaPending: "meta-pending-lEdTAj"
+};
+export default image_field_module;