@questpie/admin 3.2.7 → 3.4.0

package/README.md

@@ -23,8 +23,7 @@ Add the admin module to `modules.ts`:
 
 ```ts
 // questpie.config.ts
-import { runtimeConfig } from "questpie";
-
+import { runtimeConfig } from "questpie/app";
 export default runtimeConfig({
 	app: { url: process.env.APP_URL! },
 	db: { url: process.env.DATABASE_URL! },
@@ -34,8 +33,7 @@ export default runtimeConfig({
 
 ```ts
 // modules.ts
-import { adminModule } from "@questpie/admin/server";
-
+import { adminModule } from "@questpie/admin/modules/admin";
 export default [adminModule] as const;
 ```
 
@@ -477,8 +475,8 @@ import {
 } from "@questpie/admin/client";
 
 // Server (admin module + server factories/config)
-import { adminModule, auditModule } from "@questpie/admin/server";
-
+import { adminModule } from "@questpie/admin/modules/admin";
+import { auditModule } from "@questpie/admin/modules/audit";
 // Styles
 import "@questpie/admin/client/styles/index.css";
 ```

package/dist/client/blocks/block-renderer.d.mts

@@ -1,6 +1,6 @@
 import { BlockContent } from "./types.mjs";
 import * as React from "react";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/client/blocks/block-renderer.d.ts
 
@@ -50,6 +50,6 @@ declare function BlockRenderer({
   onBlockClick,
   onBlockInsert,
   className
-}: BlockRendererProps): react_jsx_runtime19.JSX.Element | null;
+}: BlockRendererProps): react_jsx_runtime20.JSX.Element | null;
 //#endregion
 export { BlockRenderer, BlockRendererProps };

package/dist/client/builder/admin-types.d.mts

@@ -1,10 +1,10 @@
-import { SimpleMessages } from "../i18n/simple.mjs";
 import { MaybeLazyComponent } from "./types/common.mjs";
+import { ViewDefinition } from "./view/view.mjs";
 import { FieldDefinition } from "./field/field.mjs";
 import { PageDefinition } from "./page/page.mjs";
-import { LocaleConfig } from "./types/ui-config.mjs";
-import { ViewDefinition } from "./view/view.mjs";
 import { WidgetDefinition } from "./widget/widget.mjs";
+import { SimpleMessages } from "../i18n/simple.mjs";
+import { LocaleConfig } from "./types/ui-config.mjs";
 
 //#region src/client/builder/admin-types.d.ts
 

package/dist/client/builder/types/action-types.d.mts

@@ -1,8 +1,8 @@
 import { I18nText } from "../../i18n/types.mjs";
 import { IconComponent, MaybeLazyComponent } from "./common.mjs";
-import { FieldInstance } from "../field/field.mjs";
 import { ComponentReference } from "../../../server/augmentation/common.mjs";
 import "../../../server/augmentation.mjs";
+import { FieldInstance } from "../field/field.mjs";
 
 //#region src/client/builder/types/action-types.d.ts
 

package/dist/client/builder/types/collection-types.d.mts

@@ -1,7 +1,7 @@
 import "../../i18n/types.mjs";
 import { MaybeLazyComponent } from "./common.mjs";
-import "../field/field.mjs";
 import "../../../server/augmentation.mjs";
+import "../field/field.mjs";
 import "../admin.mjs";
 import { ActionsConfig } from "./action-types.mjs";
 
@@ -60,6 +60,51 @@ interface ColumnConfigObject<TFieldNames extends string = string> {
    */
   align?: "left" | "center" | "right";
 }
+interface ListViewLayoutConfig<TFieldNames extends string = string> {
+  density?: "compact" | "comfortable";
+  titleField?: TFieldNames;
+  subtitleField?: TFieldNames;
+  leadingFields?: TFieldNames[];
+  badgeFields?: TFieldNames[];
+  metaFields?: TFieldNames[];
+}
+type ListViewOutlineLevel<TFieldNames extends string = string> = {
+  kind: "field";
+  field: TFieldNames;
+  labelField?: TFieldNames;
+  order?: "asc" | "desc" | string[];
+} | {
+  kind: "relation-field";
+  relation: TFieldNames;
+  field?: string;
+  labelField?: string;
+  order?: "asc" | "desc" | string[];
+} | {
+  kind: "edge";
+  collection: string;
+  parentField: string;
+  childField: string;
+  where?: Record<string, unknown>;
+  groupByEdgeField?: string;
+  repeat?: boolean | {
+    maxDepth?: number;
+  };
+} | {
+  kind: "path";
+  field: TFieldNames;
+  separator?: string;
+  syntheticFolders?: boolean;
+  repeat?: boolean | {
+    maxDepth?: number;
+  };
+};
+interface ListViewOutlineConfig<TFieldNames extends string = string> {
+  levels: ListViewOutlineLevel<TFieldNames>[];
+  defaultExpanded?: boolean | "roots";
+  maxDepth?: number;
+  showCounts?: boolean;
+  preserveMatchingBranches?: boolean;
+}
 /**
  * List view configuration
  */
@@ -91,11 +136,15 @@ interface ListViewConfig<TFieldNames extends string = string> {
    * Enable search
    * @default true
    */
-  searchable?: boolean;
+  searchable?: boolean | TFieldNames[];
   /**
    * Searchable fields (defaults to all text-like fields)
    */
   searchFields?: TFieldNames[];
+  /**
+   * Filterable fields exposed by schema-driven list views.
+   */
+  filterable?: TFieldNames[];
   /**
    * Enable row selection
    * @default false
@@ -131,6 +180,14 @@ interface ListViewConfig<TFieldNames extends string = string> {
     defaultCollapsed?: boolean;
     showCounts?: boolean;
   };
+  /**
+   * Dense list row layout hints used by list-like renderers.
+   */
+  layout?: ListViewLayoutConfig<TFieldNames>;
+  /**
+   * Renderer-agnostic multi-level outline/grouping configuration.
+   */
+  outline?: ListViewOutlineConfig<TFieldNames>;
   /**
    * Actions configuration for list view
    */

package/dist/client/components/blocks/block-editor-provider.mjs

@@ -13,6 +13,17 @@ import { jsx } from "react/jsx-runtime";
 *
 * Provides selector-driven state and actions for the block editor.
 */
+function areSetsEqual(left, right) {
+	if (left === right) return true;
+	if (left.size !== right.size) return false;
+	for (const value of left) if (!right.has(value)) return false;
+	return true;
+}
+function areInsertPositionsEqual(left, right) {
+	if (left === right) return true;
+	if (!left || !right) return left === right;
+	return left.parentId === right.parentId && left.index === right.index;
+}
 function BlockEditorProvider({ value, onChange, blocks, allowedBlocks, locale = "en", children }) {
 	const onChangeRef = React.useRef(onChange);
 	const previewFocusState = useFocusOptional()?.state;
@@ -173,6 +184,7 @@ function BlockEditorProvider({ value, onChange, blocks, allowedBlocks, locale =
 			for (const blockId of blockPath) expandedBlockIds.add(blockId);
 		}
 		if (previewFocusState.type === "block-insert") {
+			if (state.selectedBlockId === targetBlockId && state.isLibraryOpen === true && areInsertPositionsEqual(state.insertPosition, previewFocusState.position) && areSetsEqual(state.expandedBlockIds, expandedBlockIds)) return;
 			store.setState({
 				selectedBlockId: targetBlockId,
 				isLibraryOpen: true,
@@ -181,6 +193,7 @@ function BlockEditorProvider({ value, onChange, blocks, allowedBlocks, locale =
 			});
 			return;
 		}
+		if (state.selectedBlockId === previewFocusState.blockId && state.isLibraryOpen === false && state.insertPosition === null && areSetsEqual(state.expandedBlockIds, expandedBlockIds)) return;
 		store.setState({
 			selectedBlockId: previewFocusState.blockId,
 			isLibraryOpen: false,

package/dist/client/components/fields/array-field.mjs

@@ -4,11 +4,11 @@ import { Button } from "../ui/button.mjs";
 import { Input } from "../ui/input.mjs";
 import { Select, SelectContent, SelectItem, SelectTrigger } from "../ui/select.mjs";
 import { Textarea } from "../ui/textarea.mjs";
-import { LocaleBadge } from "./locale-badge.mjs";
+import { FieldCountAccessory, FieldWrapper } from "./field-wrapper.mjs";
 import { ObjectArrayField } from "./object-array-field.mjs";
 import { Icon } from "@iconify/react";
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useFieldArray, useFormContext, useWatch } from "react-hook-form";
 
 //#region src/client/components/fields/array-field.tsx
@@ -70,13 +70,34 @@ function ArrayItemInput({ name, index, itemType, itemValue, placeholder, disable
 		...form.register(itemName, itemType === "number" ? { valueAsNumber: true } : void 0)
 	});
 }
-function ArrayField({ name, value, label, description, placeholder, required, disabled, readOnly, error, localized, locale, itemType = "text", options, orderable = false, minItems, maxItems, item, mode, layout, columns, itemLabel }) {
+function ArrayField(props) {
+	if (props.item) return /* @__PURE__ */ jsx(ObjectArrayField, {
+		name: props.name,
+		label: props.label,
+		description: props.description,
+		placeholder: props.placeholder,
+		required: props.required,
+		disabled: props.disabled,
+		readOnly: props.readOnly,
+		error: props.error,
+		localized: props.localized,
+		locale: props.locale,
+		item: props.item,
+		mode: props.mode,
+		layout: props.layout,
+		columns: props.columns,
+		itemLabel: props.itemLabel,
+		orderable: props.orderable,
+		minItems: props.minItems,
+		maxItems: props.maxItems
+	});
+	return /* @__PURE__ */ jsx(PrimitiveArrayField, { ...props });
+}
+function PrimitiveArrayField({ name, value, label, description, placeholder, required, disabled, readOnly, error, localized, locale, itemType = "text", options, orderable = false, minItems, maxItems }) {
 	const { t } = useTranslation();
 	const resolveText = useResolveText();
 	const resolvedPlaceholder = placeholder ? resolveText(placeholder) : void 0;
-	const resolvedDescription = description ? resolveText(description) : void 0;
-	const resolvedLabel = label ? resolveText(label) : void 0;
-	const fallbackLabel = resolvedLabel || "item";
+	const fallbackLabel = (label ? resolveText(label) : void 0) || "item";
 	const emptyLabel = t("array.empty", { name: fallbackLabel });
 	const addLabel = t("array.addItem", { name: fallbackLabel });
 	const { control } = useFormContext();
@@ -95,24 +116,6 @@ function ArrayField({ name, value, label, description, placeholder, required, di
 		if (itemType === "select") return options?.[0]?.value ?? "";
 		return "";
 	}, [itemType, options]);
-	if (item) return /* @__PURE__ */ jsx(ObjectArrayField, {
-		name,
-		label,
-		description,
-		placeholder,
-		required,
-		disabled,
-		localized,
-		locale,
-		item,
-		mode,
-		layout,
-		columns,
-		itemLabel,
-		orderable,
-		minItems,
-		maxItems
-	});
 	const handleAdd = () => {
 		if (disabled || readOnly || !canAddMore) return;
 		append(createEmptyItem());
@@ -125,95 +128,80 @@ function ArrayField({ name, value, label, description, placeholder, required, di
 		if (to < 0 || to >= fields.length) return;
 		move(from, to);
 	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "qa-array-field space-y-2",
-		children: [
-			label && /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsxs("label", {
-					htmlFor: name,
-					className: "text-sm font-medium",
+	return /* @__PURE__ */ jsx(FieldWrapper, {
+		name,
+		label,
+		description,
+		required,
+		disabled,
+		readOnly,
+		error,
+		localized,
+		locale,
+		labelAccessory: /* @__PURE__ */ jsx(FieldCountAccessory, {
+			count: fields.length,
+			max: maxItems
+		}),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "qa-array-field space-y-3",
+			children: [fields.length === 0 ? /* @__PURE__ */ jsx("div", {
+				className: "panel-surface border-border-subtle border-dashed px-3 py-3",
+				children: /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-sm text-pretty",
+					children: resolvedPlaceholder || emptyLabel
+				})
+			}) : fields.map((field, index) => {
+				const canMoveUp = orderable && index > 0;
+				const canMoveDown = orderable && index < fields.length - 1;
+				return /* @__PURE__ */ jsxs("div", {
+					className: "panel-surface flex min-w-0 items-start gap-2 p-2",
 					children: [
-						resolvedLabel,
-						required && /* @__PURE__ */ jsx("span", {
-							className: "text-destructive",
-							children: "*"
+						/* @__PURE__ */ jsxs("span", {
+							className: "text-muted-foreground mt-2 min-w-6 shrink-0 text-xs tabular-nums",
+							children: ["#", index + 1]
 						}),
-						maxItems && /* @__PURE__ */ jsxs("span", {
-							className: "text-muted-foreground ml-2 text-xs tabular-nums",
-							children: [
-								"(",
-								fields.length,
-								"/",
-								maxItems,
-								")"
-							]
-						})
-					]
-				}), localized && /* @__PURE__ */ jsx(LocaleBadge, { locale: locale || "i18n" })]
-			}),
-			resolvedDescription && /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground text-sm text-pretty",
-				children: resolvedDescription
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "space-y-2",
-				children: fields.length === 0 ? /* @__PURE__ */ jsx("div", {
-					className: "py-2",
-					children: /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground text-sm text-pretty",
-						children: resolvedPlaceholder || emptyLabel
-					})
-				}) : fields.map((field, index) => {
-					const canMoveUp = orderable && index > 0;
-					const canMoveDown = orderable && index < fields.length - 1;
-					return /* @__PURE__ */ jsxs("div", {
-						className: "flex items-start gap-2",
-						children: [
-							/* @__PURE__ */ jsx("div", {
-								className: "flex-1",
-								children: /* @__PURE__ */ jsx(ArrayItemInput, {
-									name,
-									index,
-									itemType,
-									itemValue: values?.[index],
-									placeholder: resolvedPlaceholder,
-									disabled,
-									readOnly,
-									options
+						/* @__PURE__ */ jsx("div", {
+							className: "min-w-0 flex-1",
+							children: /* @__PURE__ */ jsx(ArrayItemInput, {
+								name,
+								index,
+								itemType,
+								itemValue: values?.[index],
+								placeholder: resolvedPlaceholder,
+								disabled,
+								readOnly,
+								options
+							})
+						}),
+						!readOnly && (orderable || canRemove) && /* @__PURE__ */ jsxs("div", {
+							className: "flex shrink-0 items-center gap-1",
+							children: [orderable && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "ghost",
+								size: "icon-sm",
+								className: "relative after:absolute after:-inset-1",
+								onClick: () => handleMove(index, index - 1),
+								disabled: !canMoveUp || disabled,
+								title: t("field.moveUp"),
+								"aria-label": t("field.moveUp"),
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: "ph:caret-up",
+									className: "size-3.5"
+								})
+							}), /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "ghost",
+								size: "icon-sm",
+								className: "relative after:absolute after:-inset-1",
+								onClick: () => handleMove(index, index + 1),
+								disabled: !canMoveDown || disabled,
+								title: t("field.moveDown"),
+								"aria-label": t("field.moveDown"),
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: "ph:caret-down",
+									className: "size-3.5"
 								})
-							}),
-							orderable && !readOnly && /* @__PURE__ */ jsxs("div", {
-								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ jsx(Button, {
-									type: "button",
-									variant: "ghost",
-									size: "icon-sm",
-									className: "relative after:absolute after:-inset-1",
-									onClick: () => handleMove(index, index - 1),
-									disabled: !canMoveUp || disabled,
-									title: t("field.moveUp"),
-									"aria-label": t("field.moveUp"),
-									children: /* @__PURE__ */ jsx(Icon, {
-										icon: "ph:caret-up",
-										className: "size-3.5"
-									})
-								}), /* @__PURE__ */ jsx(Button, {
-									type: "button",
-									variant: "ghost",
-									size: "icon-sm",
-									className: "relative after:absolute after:-inset-1",
-									onClick: () => handleMove(index, index + 1),
-									disabled: !canMoveDown || disabled,
-									title: t("field.moveDown"),
-									"aria-label": t("field.moveDown"),
-									children: /* @__PURE__ */ jsx(Icon, {
-										icon: "ph:caret-down",
-										className: "size-3.5"
-									})
-								})]
-							}),
-							!readOnly && canRemove && /* @__PURE__ */ jsx(Button, {
+							})] }), canRemove && /* @__PURE__ */ jsx(Button, {
 								type: "button",
 								variant: "ghost",
 								size: "icon-sm",
@@ -226,12 +214,11 @@ function ArrayField({ name, value, label, description, placeholder, required, di
 									icon: "ph:trash",
 									className: "size-3.5"
 								})
-							})
-						]
-					}, field.id);
-				})
-			}),
-			!readOnly && canAddMore && /* @__PURE__ */ jsxs(Button, {
+							})]
+						})
+					]
+				}, field.id);
+			}), !readOnly && canAddMore && /* @__PURE__ */ jsxs(Button, {
 				type: "button",
 				variant: "outline",
 				onClick: handleAdd,
@@ -240,12 +227,8 @@ function ArrayField({ name, value, label, description, placeholder, required, di
 					icon: "ph:plus",
 					className: "h-4 w-4"
 				}), addLabel]
-			}),
-			error && /* @__PURE__ */ jsx("p", {
-				className: "text-destructive text-sm text-pretty",
-				children: error
-			})
-		]
+			})]
+		})
 	});
 }
 

package/dist/client/components/fields/asset-preview-field.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-import { AssetThumbnail } from "../../views/collection/cells/shared/asset-thumbnail.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
+import { AssetThumbnail } from "../../views/collection/cells/shared/asset-thumbnail.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";

package/dist/client/components/fields/blocks-field/blocks-field.mjs

@@ -1,9 +1,9 @@
 "use client";
 
 import { useTranslation } from "../../../i18n/hooks.mjs";
+import { FieldWrapper } from "../field-wrapper.mjs";
 import { EMPTY_BLOCK_CONTENT, isBlockContent } from "../../../blocks/types.mjs";
 import { useAdminConfig } from "../../../hooks/use-admin-config.mjs";
-import { FieldWrapper } from "../field-wrapper.mjs";
 import { countBlocks } from "../../blocks/utils/tree-utils.mjs";
 import { BlockEditorLayout } from "../../blocks/block-editor-layout.mjs";
 import { BlockEditorProvider } from "../../blocks/block-editor-provider.mjs";

package/dist/client/components/fields/boolean-field.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-import { useResolvedControl } from "./field-utils.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
+import { useResolvedControl } from "./field-utils.mjs";
 import { CheckboxInput } from "../primitives/checkbox-input.mjs";
 import { ToggleInput } from "../primitives/toggle-input.mjs";
 import { jsx } from "react/jsx-runtime";

package/dist/client/components/fields/date-field.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-import { useResolvedControl } from "./field-utils.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
+import { useResolvedControl } from "./field-utils.mjs";
 import { DateInput } from "../primitives/date-input.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";

package/dist/client/components/fields/datetime-field.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-import { useResolvedControl } from "./field-utils.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
+import { useResolvedControl } from "./field-utils.mjs";
 import { DateTimeInput } from "../primitives/date-input.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";

package/dist/client/components/fields/email-field.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-import { useResolvedControl } from "./field-utils.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
+import { useResolvedControl } from "./field-utils.mjs";
 import { TextInput } from "../primitives/text-input.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";

package/dist/client/components/fields/field-wrapper.mjs

@@ -6,12 +6,38 @@ import { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from ".
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/fields/field-wrapper.tsx
-function FieldWrapper({ name, label, description, required, disabled, readOnly, error, localized, locale, children, fieldPath }) {
-	const resolveText = useResolveText();
+function getLocaleOptions(contentLocales, resolvedLocale) {
+	if (contentLocales?.locales?.length) return contentLocales.locales;
+	if (resolvedLocale) return [{ code: resolvedLocale }];
+	return [];
+}
+function FieldCountAccessory({ count, max }) {
+	if (!max) return null;
+	return /* @__PURE__ */ jsxs("span", {
+		className: "text-muted-foreground text-xs tabular-nums",
+		children: [
+			"(",
+			count,
+			"/",
+			max,
+			")"
+		]
+	});
+}
+function FieldLocaleIndicator({ localized, locale }) {
 	const { locale: scopedLocale } = useScopedLocale();
 	const contentLocales = useSafeContentLocales();
 	const resolvedLocale = locale ?? scopedLocale;
-	const localeOptions = contentLocales?.locales?.length ? contentLocales.locales : resolvedLocale ? [{ code: resolvedLocale }] : [];
+	const localeOptions = getLocaleOptions(contentLocales, resolvedLocale);
+	if (!localized) return null;
+	return /* @__PURE__ */ jsx(LocaleSwitcher, {
+		locales: localeOptions,
+		value: resolvedLocale,
+		showFlag: false
+	});
+}
+function FieldWrapper({ name, label, description, labelAccessory, required, disabled, readOnly, error, localized, locale, children, fieldPath }) {
+	const resolveText = useResolveText();
 	const resolvedLabel = label ? resolveText(label) : void 0;
 	const resolvedDescription = description ? resolveText(description) : void 0;
 	return /* @__PURE__ */ jsx(Field, {
@@ -25,17 +51,20 @@ function FieldWrapper({ name, label, description, required, disabled, readOnly,
 				resolvedLabel && /* @__PURE__ */ jsxs(FieldLabel, {
 					htmlFor: name,
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ jsxs("span", {
-						className: "flex items-center gap-1",
-						children: [resolvedLabel, required && /* @__PURE__ */ jsx("span", {
-							className: "text-destructive",
-							children: "*"
-						})]
-					}), localized && /* @__PURE__ */ jsx(LocaleSwitcher, {
-						locales: localeOptions,
-						value: resolvedLocale,
-						showFlag: false
-					})]
+					children: [
+						/* @__PURE__ */ jsxs("span", {
+							className: "flex items-center gap-1",
+							children: [resolvedLabel, required && /* @__PURE__ */ jsx("span", {
+								className: "text-destructive",
+								children: "*"
+							})]
+						}),
+						labelAccessory,
+						/* @__PURE__ */ jsx(FieldLocaleIndicator, {
+							localized,
+							locale
+						})
+					]
 				}),
 				/* @__PURE__ */ jsx(FieldContent, { children }),
 				resolvedDescription && /* @__PURE__ */ jsx(FieldDescription, { children: resolvedDescription }),
@@ -46,4 +75,4 @@ function FieldWrapper({ name, label, description, required, disabled, readOnly,
 }
 
 //#endregion
-export { FieldWrapper };
+export { FieldCountAccessory, FieldLocaleIndicator, FieldWrapper };

package/dist/client/components/fields/number-field.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-import { useResolvedControl } from "./field-utils.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
+import { useResolvedControl } from "./field-utils.mjs";
 import { NumberInput } from "../primitives/number-input.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";