@questpie/admin 1.1.1 → 2.0.0

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

@@ -0,0 +1,101 @@
+"use client";
+
+import { useAdminConfig } from "../../../hooks/use-admin-config.mjs";
+import { EMPTY_BLOCK_CONTENT, isBlockContent } from "../../../blocks/types.mjs";
+import { FieldWrapper } from "../field-wrapper.mjs";
+import { Card, CardContent, CardHeader, CardTitle } from "../../ui/card.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";
+import * as React$1 from "react";
+import { useFormContext, useWatch } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/fields/blocks-field/blocks-field.tsx
+/**
+* Blocks Field Component
+*
+* Form field for editing block content using the visual block editor.
+* Block definitions are fetched from server introspection API.
+*/
+/**
+* Blocks field component.
+*
+* Renders the visual block editor for editing block content.
+*/
+function BlocksField({ name, value, onChange, label, description, error, required, disabled, readOnly, allowedBlocks, minBlocks, maxBlocks }) {
+	const watchedContent = useWatch({
+		control: useFormContext().control,
+		name
+	});
+	const { data: adminConfig } = useAdminConfig();
+	const content = isBlockContent(watchedContent) ? watchedContent : isBlockContent(value) ? value : EMPTY_BLOCK_CONTENT;
+	const blocks = adminConfig?.blocks ?? {};
+	const filteredBlocks = React$1.useMemo(() => {
+		if (!allowedBlocks || allowedBlocks.length === 0) return blocks;
+		return Object.fromEntries(Object.entries(blocks).filter(([name$1]) => allowedBlocks.includes(name$1)));
+	}, [blocks, allowedBlocks]);
+	const handleChange = React$1.useCallback((newContent) => {
+		onChange?.(newContent);
+	}, [onChange]);
+	const blockCount = countBlocks(content._tree);
+	return /* @__PURE__ */ jsxs(FieldWrapper, {
+		name,
+		label,
+		description,
+		error,
+		required,
+		disabled,
+		children: [Object.keys(filteredBlocks).length > 0 ? /* @__PURE__ */ jsx(BlockEditorProvider, {
+			value: content,
+			onChange: handleChange,
+			blocks: filteredBlocks,
+			allowedBlocks,
+			children: /* @__PURE__ */ jsx(BlockEditorLayout, {})
+		}) : /* @__PURE__ */ jsxs(Card, {
+			className: "border-dashed",
+			children: [/* @__PURE__ */ jsx(CardHeader, {
+				className: "pb-2",
+				children: /* @__PURE__ */ jsx(CardTitle, {
+					className: "flex items-center justify-between text-sm font-medium",
+					children: /* @__PURE__ */ jsxs("span", { children: [
+						"Blocks (",
+						blockCount,
+						")"
+					] })
+				})
+			}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+				className: "py-8 text-center text-muted-foreground",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm",
+					children: "No block definitions registered"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "mt-1 text-xs",
+					children: "Register blocks with .blocks() in your admin configuration"
+				})]
+			}) })]
+		}), (minBlocks || maxBlocks) && /* @__PURE__ */ jsxs("div", {
+			className: "mt-2 text-xs text-muted-foreground",
+			children: [
+				minBlocks && /* @__PURE__ */ jsxs("span", { children: [
+					"Min: ",
+					minBlocks,
+					" blocks "
+				] }),
+				maxBlocks && /* @__PURE__ */ jsxs("span", { children: [
+					"Max: ",
+					maxBlocks,
+					" blocks"
+				] }),
+				/* @__PURE__ */ jsxs("span", {
+					className: "ml-2",
+					children: ["Current: ", blockCount]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { BlocksField };
+//# sourceMappingURL=blocks-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"blocks-field.mjs","names":["content: BlockContent","React","name"],"sources":["../../../../../src/client/components/fields/blocks-field/blocks-field.tsx"],"sourcesContent":["/**\n * Blocks Field Component\n *\n * Form field for editing block content using the visual block editor.\n * Block definitions are fetched from server introspection API.\n */\n\n\"use client\";\n\nimport * as React from \"react\";\nimport { useFormContext, useWatch } from \"react-hook-form\";\nimport type { BlockSchema } from \"#questpie/admin/server\";\nimport type { BlockContent } from \"../../../blocks/types.js\";\nimport { EMPTY_BLOCK_CONTENT, isBlockContent } from \"../../../blocks/types.js\";\nimport type { BaseFieldProps } from \"../../../builder/types/common.js\";\nimport {\n\tCard,\n\tCardContent,\n\tCardHeader,\n\tCardTitle,\n} from \"../../../components/ui/card.js\";\nimport { useAdminConfig } from \"../../../hooks/use-admin-config.js\";\nimport { BlockEditorLayout } from \"../../blocks/block-editor-layout.js\";\nimport { BlockEditorProvider } from \"../../blocks/block-editor-provider.js\";\nimport { countBlocks } from \"../../blocks/utils/tree-utils.js\";\nimport { FieldWrapper } from \"../field-wrapper.js\";\n\n/**\n * Blocks field configuration.\n *\n * @typeParam TAllowed - Union of allowed block type names (inferred from admin registry)\n */\nexport type BlocksFieldConfig<TAllowed extends string = string> = {\n\t/** Allowed block types (if not set, all registered blocks are allowed) */\n\tallowedBlocks?: TAllowed[];\n\t/** Minimum number of blocks */\n\tminBlocks?: number;\n\t/** Maximum number of blocks */\n\tmaxBlocks?: number;\n};\n\nexport type BlocksFieldProps = BaseFieldProps & BlocksFieldConfig;\n\n/**\n * Blocks field component.\n *\n * Renders the visual block editor for editing block content.\n */\nexport function BlocksField({\n\tname,\n\tvalue,\n\tonChange,\n\tlabel,\n\tdescription,\n\terror,\n\trequired,\n\tdisabled,\n\treadOnly,\n\tallowedBlocks,\n\tminBlocks,\n\tmaxBlocks,\n}: BlocksFieldProps) {\n\tconst form = useFormContext();\n\tconst watchedContent = useWatch({ control: form.control, name });\n\tconst { data: adminConfig } = useAdminConfig();\n\n\t// Ensure we have valid block content\n\tconst content: BlockContent = isBlockContent(watchedContent)\n\t\t? watchedContent\n\t\t: isBlockContent(value)\n\t\t\t? value\n\t\t\t: EMPTY_BLOCK_CONTENT;\n\n\t// Get blocks from server introspection\n\tconst blocks = adminConfig?.blocks ?? {};\n\n\t// Filter blocks by allowed list\n\tconst filteredBlocks = React.useMemo<Record<string, BlockSchema>>(() => {\n\t\tif (!allowedBlocks || allowedBlocks.length === 0) {\n\t\t\treturn blocks;\n\t\t}\n\t\treturn Object.fromEntries(\n\t\t\tObject.entries(blocks).filter(([name]) => allowedBlocks.includes(name)),\n\t\t);\n\t}, [blocks, allowedBlocks]);\n\n\t// Handle content changes (validation happens on form submit)\n\tconst handleChange = React.useCallback(\n\t\t(newContent: BlockContent) => {\n\t\t\tonChange?.(newContent);\n\t\t},\n\t\t[onChange],\n\t);\n\n\tconst blockCount = countBlocks(content._tree);\n\tconst hasBlocks = Object.keys(filteredBlocks).length > 0;\n\n\treturn (\n\t\t<FieldWrapper\n\t\t\tname={name}\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\terror={error}\n\t\t\trequired={required}\n\t\t\tdisabled={disabled}\n\t\t>\n\t\t\t{hasBlocks ? (\n\t\t\t\t<BlockEditorProvider\n\t\t\t\t\tvalue={content}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\tblocks={filteredBlocks}\n\t\t\t\t\tallowedBlocks={allowedBlocks}\n\t\t\t\t>\n\t\t\t\t\t<BlockEditorLayout />\n\t\t\t\t</BlockEditorProvider>\n\t\t\t) : (\n\t\t\t\t<Card className=\"border-dashed\">\n\t\t\t\t\t<CardHeader className=\"pb-2\">\n\t\t\t\t\t\t<CardTitle className=\"flex items-center justify-between text-sm font-medium\">\n\t\t\t\t\t\t\t<span>Blocks ({blockCount})</span>\n\t\t\t\t\t\t</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<div className=\"py-8 text-center text-muted-foreground\">\n\t\t\t\t\t\t\t<p className=\"text-sm\">No block definitions registered</p>\n\t\t\t\t\t\t\t<p className=\"mt-1 text-xs\">\n\t\t\t\t\t\t\t\tRegister blocks with .blocks() in your admin configuration\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\t\t\t)}\n\n\t\t\t{/* Constraints info */}\n\t\t\t{(minBlocks || maxBlocks) && (\n\t\t\t\t<div className=\"mt-2 text-xs text-muted-foreground\">\n\t\t\t\t\t{minBlocks && <span>Min: {minBlocks} blocks </span>}\n\t\t\t\t\t{maxBlocks && <span>Max: {maxBlocks} blocks</span>}\n\t\t\t\t\t<span className=\"ml-2\">Current: {blockCount}</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</FieldWrapper>\n\t);\n}\n\nexport default BlocksField;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,YAAY,EAC3B,MACA,OACA,UACA,OACA,aACA,OACA,UACA,UACA,UACA,eACA,WACA,aACoB;CAEpB,MAAM,iBAAiB,SAAS;EAAE,SADrB,gBAAgB,CACmB;EAAS;EAAM,CAAC;CAChE,MAAM,EAAE,MAAM,gBAAgB,gBAAgB;CAG9C,MAAMA,UAAwB,eAAe,eAAe,GACzD,iBACA,eAAe,MAAM,GACpB,QACA;CAGJ,MAAM,SAAS,aAAa,UAAU,EAAE;CAGxC,MAAM,iBAAiBC,QAAM,cAA2C;AACvE,MAAI,CAAC,iBAAiB,cAAc,WAAW,EAC9C,QAAO;AAER,SAAO,OAAO,YACb,OAAO,QAAQ,OAAO,CAAC,QAAQ,CAACC,YAAU,cAAc,SAASA,OAAK,CAAC,CACvE;IACC,CAAC,QAAQ,cAAc,CAAC;CAG3B,MAAM,eAAeD,QAAM,aACzB,eAA6B;AAC7B,aAAW,WAAW;IAEvB,CAAC,SAAS,CACV;CAED,MAAM,aAAa,YAAY,QAAQ,MAAM;AAG7C,QACC,qBAAC;EACM;EACC;EACM;EACN;EACG;EACA;aATM,OAAO,KAAK,eAAe,CAAC,SAAS,IAYpD,oBAAC;GACA,OAAO;GACP,UAAU;GACV,QAAQ;GACO;aAEf,oBAAC,sBAAoB;IACA,GAEtB,qBAAC;GAAK,WAAU;cACf,oBAAC;IAAW,WAAU;cACrB,oBAAC;KAAU,WAAU;eACpB,qBAAC;MAAK;MAAS;MAAW;SAAQ;MACvB;KACA,EACb,oBAAC,yBACA,qBAAC;IAAI,WAAU;eACd,oBAAC;KAAE,WAAU;eAAU;MAAmC,EAC1D,oBAAC;KAAE,WAAU;eAAe;MAExB;KACC,GACO;IACR,GAIN,aAAa,cACd,qBAAC;GAAI,WAAU;;IACb,aAAa,qBAAC;KAAK;KAAM;KAAU;QAAe;IAClD,aAAa,qBAAC;KAAK;KAAM;KAAU;QAAc;IAClD,qBAAC;KAAK,WAAU;gBAAO,aAAU;MAAkB;;IAC9C;GAEO"}

package/dist/client/components/fields/blocks-field/index.d.mts

@@ -0,0 +1 @@
+import { BlocksField, BlocksFieldConfig, BlocksFieldProps } from "./blocks-field.mjs";

package/dist/client/components/fields/boolean-field.d.mts

@@ -0,0 +1,30 @@
+import { BaseFieldProps } from "./field-types.mjs";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
+
+//#region src/client/components/fields/boolean-field.d.ts
+interface BooleanFieldProps extends BaseFieldProps {
+  /**
+   * Display mode for the boolean field.
+   * @default "checkbox"
+   */
+  displayAs?: "checkbox" | "switch";
+}
+/**
+ * Unified boolean field component.
+ * Renders as checkbox (default) or switch based on `displayAs` prop.
+ */
+declare function BooleanField({
+  name,
+  label,
+  description,
+  required,
+  disabled,
+  localized,
+  locale,
+  control,
+  className,
+  displayAs
+}: BooleanFieldProps): react_jsx_runtime41.JSX.Element;
+//#endregion
+export { BooleanField, BooleanFieldProps };
+//# sourceMappingURL=boolean-field.d.mts.map

package/dist/client/components/fields/boolean-field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/boolean-field.tsx"],"sourcesContent":[],"mappings":";;;;UAOiB,iBAAA,SAA0B;;;AAA3C;AAYA;EACE,SAAA,CAAA,EAAA,UAAA,GAAA,QAAA;;;;;;AAMA,iBAPc,YAAA,CAOd;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,QAAA;EAAA,QAAA;EAAA,SAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAIC,iBAJD,CAAA,EAIkB,mBAAA,CAAA,GAAA,CAAA,OAJlB"}

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

@@ -0,0 +1,47 @@
+import { useResolvedControl } from "./field-utils.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { CheckboxInput } from "../primitives/checkbox-input.mjs";
+import { ToggleInput } from "../primitives/toggle-input.mjs";
+import { Controller } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/fields/boolean-field.tsx
+/**
+* Unified boolean field component.
+* Renders as checkbox (default) or switch based on `displayAs` prop.
+*/
+function BooleanField({ name, label, description, required, disabled, localized, locale, control, className, displayAs = "checkbox" }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(FieldWrapper, {
+			name,
+			label,
+			description,
+			required,
+			disabled,
+			localized,
+			locale,
+			error: fieldState.error?.message,
+			children: displayAs === "switch" ? /* @__PURE__ */ jsx(ToggleInput, {
+				id: name,
+				value: !!field.value,
+				onChange: field.onChange,
+				disabled,
+				"aria-invalid": !!fieldState.error,
+				className
+			}) : /* @__PURE__ */ jsx(CheckboxInput, {
+				id: name,
+				value: !!field.value,
+				onChange: field.onChange,
+				disabled,
+				"aria-invalid": !!fieldState.error,
+				className
+			})
+		})
+	});
+}
+
+//#endregion
+export { BooleanField };
+//# sourceMappingURL=boolean-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-field.mjs","names":[],"sources":["../../../../src/client/components/fields/boolean-field.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { CheckboxInput } from \"../primitives/checkbox-input\";\nimport { ToggleInput } from \"../primitives/toggle-input\";\nimport type { BaseFieldProps } from \"./field-types\";\nimport { useResolvedControl } from \"./field-utils\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\nexport interface BooleanFieldProps extends BaseFieldProps {\n  /**\n   * Display mode for the boolean field.\n   * @default \"checkbox\"\n   */\n  displayAs?: \"checkbox\" | \"switch\";\n}\n\n/**\n * Unified boolean field component.\n * Renders as checkbox (default) or switch based on `displayAs` prop.\n */\nexport function BooleanField({\n  name,\n  label,\n  description,\n  required,\n  disabled,\n  localized,\n  locale,\n  control,\n  className,\n  displayAs = \"checkbox\",\n}: BooleanFieldProps) {\n  const resolvedControl = useResolvedControl(control);\n\n  return (\n    <Controller\n      name={name}\n      control={resolvedControl}\n      render={({ field, fieldState }) => (\n        <FieldWrapper\n          name={name}\n          label={label}\n          description={description}\n          required={required}\n          disabled={disabled}\n          localized={localized}\n          locale={locale}\n          error={fieldState.error?.message}\n        >\n          {displayAs === \"switch\" ? (\n            <ToggleInput\n              id={name}\n              value={!!field.value}\n              onChange={field.onChange}\n              disabled={disabled}\n              aria-invalid={!!fieldState.error}\n              className={className}\n            />\n          ) : (\n            <CheckboxInput\n              id={name}\n              value={!!field.value}\n              onChange={field.onChange}\n              disabled={disabled}\n              aria-invalid={!!fieldState.error}\n              className={className}\n            />\n          )}\n        </FieldWrapper>\n      )}\n    />\n  );\n}\n\n// Re-export old names for backwards compatibility\nexport { BooleanField as CheckboxField };\nexport { BooleanField as SwitchField };\n"],"mappings":";;;;;;;;;;;;AAmBA,SAAgB,aAAa,EAC3B,MACA,OACA,aACA,UACA,UACA,WACA,QACA,SACA,WACA,YAAY,cACQ;AAGpB,QACE,oBAAC;EACO;EACN,SALoB,mBAAmB,QAAQ;EAM/C,SAAS,EAAE,OAAO,iBAChB,oBAAC;GACO;GACC;GACM;GACH;GACA;GACC;GACH;GACR,OAAO,WAAW,OAAO;aAExB,cAAc,WACb,oBAAC;IACC,IAAI;IACJ,OAAO,CAAC,CAAC,MAAM;IACf,UAAU,MAAM;IACN;IACV,gBAAc,CAAC,CAAC,WAAW;IAChB;KACX,GAEF,oBAAC;IACC,IAAI;IACJ,OAAO,CAAC,CAAC,MAAM;IACf,UAAU,MAAM;IACN;IACV,gBAAc,CAAC,CAAC,WAAW;IAChB;KACX;IAES;GAEjB"}

package/dist/client/components/fields/custom-field.d.mts

@@ -0,0 +1,3 @@
+import "./field-types.mjs";
+import "react";
+import "react/jsx-runtime";

package/dist/client/components/fields/date-field.d.mts

@@ -0,0 +1,22 @@
+import { DateFieldProps } from "./field-types.mjs";
+import * as react_jsx_runtime206 from "react/jsx-runtime";
+
+//#region src/client/components/fields/date-field.d.ts
+declare function DateField({
+  name,
+  label,
+  description,
+  placeholder,
+  required,
+  disabled,
+  localized,
+  locale,
+  control,
+  className,
+  minDate,
+  maxDate,
+  format
+}: DateFieldProps): react_jsx_runtime206.JSX.Element;
+//#endregion
+export { DateField };
+//# sourceMappingURL=date-field.d.mts.map

package/dist/client/components/fields/date-field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/date-field.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,SAAA;;;;;;;;;;;;;;GAcb,iBAAc,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,42 @@
+import { useResolvedControl } from "./field-utils.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { DateInput } from "../primitives/date-input.mjs";
+import { Controller } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/fields/date-field.tsx
+function DateField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, minDate, maxDate, format }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => {
+			const dateValue = field.value instanceof Date ? field.value : field.value ? new Date(field.value) : null;
+			return /* @__PURE__ */ jsx(FieldWrapper, {
+				name,
+				label,
+				description,
+				required,
+				disabled,
+				localized,
+				locale,
+				error: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(DateInput, {
+					id: name,
+					value: dateValue,
+					onChange: field.onChange,
+					minDate,
+					maxDate,
+					format,
+					placeholder,
+					disabled,
+					"aria-invalid": !!fieldState.error,
+					className
+				})
+			});
+		}
+	});
+}
+
+//#endregion
+export { DateField };
+//# sourceMappingURL=date-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.mjs","names":[],"sources":["../../../../src/client/components/fields/date-field.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { DateInput } from \"../primitives/date-input\";\nimport type { DateFieldProps } from \"./field-types\";\nimport { useResolvedControl } from \"./field-utils\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\nexport function DateField({\n  name,\n  label,\n  description,\n  placeholder,\n  required,\n  disabled,\n  localized,\n  locale,\n  control,\n  className,\n  minDate,\n  maxDate,\n  format,\n}: DateFieldProps) {\n  const resolvedControl = useResolvedControl(control);\n\n  return (\n    <Controller\n      name={name}\n      control={resolvedControl}\n      render={({ field, fieldState }) => {\n        // Handle string dates from form (convert to Date object)\n        const dateValue =\n          field.value instanceof Date\n            ? field.value\n            : field.value\n              ? new Date(field.value)\n              : null;\n\n        return (\n          <FieldWrapper\n            name={name}\n            label={label}\n            description={description}\n            required={required}\n            disabled={disabled}\n            localized={localized}\n            locale={locale}\n            error={fieldState.error?.message}\n          >\n            <DateInput\n              id={name}\n              value={dateValue}\n              onChange={field.onChange}\n              minDate={minDate}\n              maxDate={maxDate}\n              format={format}\n              placeholder={placeholder}\n              disabled={disabled}\n              aria-invalid={!!fieldState.error}\n              className={className}\n            />\n          </FieldWrapper>\n        );\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,UAAU,EACxB,MACA,OACA,aACA,aACA,UACA,UACA,WACA,QACA,SACA,WACA,SACA,SACA,UACiB;AAGjB,QACE,oBAAC;EACO;EACN,SALoB,mBAAmB,QAAQ;EAM/C,SAAS,EAAE,OAAO,iBAAiB;GAEjC,MAAM,YACJ,MAAM,iBAAiB,OACnB,MAAM,QACN,MAAM,QACJ,IAAI,KAAK,MAAM,MAAM,GACrB;AAER,UACE,oBAAC;IACO;IACC;IACM;IACH;IACA;IACC;IACH;IACR,OAAO,WAAW,OAAO;cAEzB,oBAAC;KACC,IAAI;KACJ,OAAO;KACP,UAAU,MAAM;KACP;KACA;KACD;KACK;KACH;KACV,gBAAc,CAAC,CAAC,WAAW;KAChB;MACX;KACW;;GAGnB"}

package/dist/client/components/fields/datetime-field.d.mts

@@ -0,0 +1,23 @@
+import { DateTimeFieldProps } from "./field-types.mjs";
+import * as react_jsx_runtime207 from "react/jsx-runtime";
+
+//#region src/client/components/fields/datetime-field.d.ts
+declare function DatetimeField({
+  name,
+  label,
+  description,
+  placeholder,
+  required,
+  disabled,
+  localized,
+  locale,
+  control,
+  className,
+  minDate,
+  maxDate,
+  format,
+  precision
+}: DateTimeFieldProps): react_jsx_runtime207.JSX.Element;
+//#endregion
+export { DatetimeField };
+//# sourceMappingURL=datetime-field.d.mts.map

package/dist/client/components/fields/datetime-field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/datetime-field.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,aAAA;;;;;;;;;;;;;;;GAeb,qBAAkB,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,43 @@
+import { useResolvedControl } from "./field-utils.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { DateTimeInput } from "../primitives/date-input.mjs";
+import { Controller } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/fields/datetime-field.tsx
+function DatetimeField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, minDate, maxDate, format, precision }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => {
+			const dateValue = field.value instanceof Date ? field.value : field.value ? new Date(field.value) : null;
+			return /* @__PURE__ */ jsx(FieldWrapper, {
+				name,
+				label,
+				description,
+				required,
+				disabled,
+				localized,
+				locale,
+				error: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(DateTimeInput, {
+					id: name,
+					value: dateValue,
+					onChange: field.onChange,
+					minDate,
+					maxDate,
+					format,
+					precision,
+					placeholder,
+					disabled,
+					"aria-invalid": !!fieldState.error,
+					className
+				})
+			});
+		}
+	});
+}
+
+//#endregion
+export { DatetimeField };
+//# sourceMappingURL=datetime-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-field.mjs","names":[],"sources":["../../../../src/client/components/fields/datetime-field.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { DateTimeInput } from \"../primitives/date-input\";\nimport type { DateTimeFieldProps } from \"./field-types\";\nimport { useResolvedControl } from \"./field-utils\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\nexport function DatetimeField({\n  name,\n  label,\n  description,\n  placeholder,\n  required,\n  disabled,\n  localized,\n  locale,\n  control,\n  className,\n  minDate,\n  maxDate,\n  format,\n  precision,\n}: DateTimeFieldProps) {\n  const resolvedControl = useResolvedControl(control);\n\n  return (\n    <Controller\n      name={name}\n      control={resolvedControl}\n      render={({ field, fieldState }) => {\n        // Handle string dates from form (convert to Date object)\n        const dateValue =\n          field.value instanceof Date\n            ? field.value\n            : field.value\n              ? new Date(field.value)\n              : null;\n\n        return (\n          <FieldWrapper\n            name={name}\n            label={label}\n            description={description}\n            required={required}\n            disabled={disabled}\n            localized={localized}\n            locale={locale}\n            error={fieldState.error?.message}\n          >\n            <DateTimeInput\n              id={name}\n              value={dateValue}\n              onChange={field.onChange}\n              minDate={minDate}\n              maxDate={maxDate}\n              format={format}\n              precision={precision}\n              placeholder={placeholder}\n              disabled={disabled}\n              aria-invalid={!!fieldState.error}\n              className={className}\n            />\n          </FieldWrapper>\n        );\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,cAAc,EAC5B,MACA,OACA,aACA,aACA,UACA,UACA,WACA,QACA,SACA,WACA,SACA,SACA,QACA,aACqB;AAGrB,QACE,oBAAC;EACO;EACN,SALoB,mBAAmB,QAAQ;EAM/C,SAAS,EAAE,OAAO,iBAAiB;GAEjC,MAAM,YACJ,MAAM,iBAAiB,OACnB,MAAM,QACN,MAAM,QACJ,IAAI,KAAK,MAAM,MAAM,GACrB;AAER,UACE,oBAAC;IACO;IACC;IACM;IACH;IACA;IACC;IACH;IACR,OAAO,WAAW,OAAO;cAEzB,oBAAC;KACC,IAAI;KACJ,OAAO;KACP,UAAU,MAAM;KACP;KACA;KACD;KACG;KACE;KACH;KACV,gBAAc,CAAC,CAAC,WAAW;KAChB;MACX;KACW;;GAGnB"}

package/dist/client/components/fields/email-field.d.mts

@@ -0,0 +1,19 @@
+import { BaseFieldProps } from "./field-types.mjs";
+import * as react_jsx_runtime213 from "react/jsx-runtime";
+
+//#region src/client/components/fields/email-field.d.ts
+declare function EmailField({
+  name,
+  label,
+  description,
+  placeholder,
+  required,
+  disabled,
+  localized,
+  locale,
+  control,
+  className
+}: BaseFieldProps): react_jsx_runtime213.JSX.Element;
+//#endregion
+export { EmailField };
+//# sourceMappingURL=email-field.d.mts.map

package/dist/client/components/fields/email-field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/email-field.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,UAAA;;;;;;;;;;;GAWb,iBAAc,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,38 @@
+import { useResolvedControl } from "./field-utils.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { TextInput } from "../primitives/text-input.mjs";
+import { Controller } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/fields/email-field.tsx
+function EmailField({ name, label, description, placeholder, required, disabled, localized, locale, control, className }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(FieldWrapper, {
+			name,
+			label,
+			description,
+			required,
+			disabled,
+			localized,
+			locale,
+			error: fieldState.error?.message,
+			children: /* @__PURE__ */ jsx(TextInput, {
+				id: name,
+				value: field.value ?? "",
+				onChange: field.onChange,
+				type: "email",
+				placeholder,
+				disabled,
+				autoComplete: "email",
+				"aria-invalid": !!fieldState.error,
+				className
+			})
+		})
+	});
+}
+
+//#endregion
+export { EmailField };
+//# sourceMappingURL=email-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"email-field.mjs","names":[],"sources":["../../../../src/client/components/fields/email-field.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { TextInput } from \"../primitives/text-input\";\nimport type { BaseFieldProps } from \"./field-types\";\nimport { useResolvedControl } from \"./field-utils\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\nexport function EmailField({\n  name,\n  label,\n  description,\n  placeholder,\n  required,\n  disabled,\n  localized,\n  locale,\n  control,\n  className,\n}: BaseFieldProps) {\n  const resolvedControl = useResolvedControl(control);\n\n  return (\n    <Controller\n      name={name}\n      control={resolvedControl}\n      render={({ field, fieldState }) => (\n        <FieldWrapper\n          name={name}\n          label={label}\n          description={description}\n          required={required}\n          disabled={disabled}\n          localized={localized}\n          locale={locale}\n          error={fieldState.error?.message}\n        >\n          <TextInput\n            id={name}\n            value={field.value ?? \"\"}\n            onChange={field.onChange}\n            type=\"email\"\n            placeholder={placeholder}\n            disabled={disabled}\n            autoComplete=\"email\"\n            aria-invalid={!!fieldState.error}\n            className={className}\n          />\n        </FieldWrapper>\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,WAAW,EACzB,MACA,OACA,aACA,aACA,UACA,UACA,WACA,QACA,SACA,aACiB;AAGjB,QACE,oBAAC;EACO;EACN,SALoB,mBAAmB,QAAQ;EAM/C,SAAS,EAAE,OAAO,iBAChB,oBAAC;GACO;GACC;GACM;GACH;GACA;GACC;GACH;GACR,OAAO,WAAW,OAAO;aAEzB,oBAAC;IACC,IAAI;IACJ,OAAO,MAAM,SAAS;IACtB,UAAU,MAAM;IAChB,MAAK;IACQ;IACH;IACV,cAAa;IACb,gBAAc,CAAC,CAAC,WAAW;IAChB;KACX;IACW;GAEjB"}

package/dist/client/components/fields/embedded-collection.d.mts

@@ -0,0 +1,3 @@
+import "../../builder/index.mjs";
+import "react";
+import "react/jsx-runtime";