@pyck/react 0.0.6 → 0.0.8

package/dist/components/field/index.js

@@ -1,22 +1,13 @@
-import { t as __exportAll } from "../../chunk-BYypO7fO.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { VisuallyHidden, createStyleContext } from "@pyck/styled-system/jsx";
 import { field } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
 import { Wrap } from "@pyck/react/wrap";
-import { Field as Field$1, FieldContext as Context } from "@ark-ui/react/field";
+import { Field as Field$1 } from "@ark-ui/react/field";
 
 //#region src/components/field/field.tsx
-var field_exports = /* @__PURE__ */ __exportAll({
-	Context: () => Context,
-	ErrorText: () => ErrorText,
-	HelperText: () => HelperText,
-	Label: () => Label,
-	RequiredIndicator: () => RequiredIndicator,
-	Root: () => Root,
-	RootProvider: () => RootProvider
-});
 const { withProvider, withContext } = createStyleContext(field);
 const Root = withProvider(Field$1.Root, "root");
 const RootProvider = withProvider(Field$1.RootProvider, "root");
@@ -57,53 +48,72 @@ const Field = forwardRef(function Field(props, ref) {
 	}
 	let t0;
 	if ($[8] !== optionalText) {
-		t0 = <field_exports.RequiredIndicator fallback={optionalText} />;
+		t0 = /* @__PURE__ */ jsx(RequiredIndicator, { fallback: optionalText });
 		$[8] = optionalText;
 		$[9] = t0;
 	} else t0 = $[9];
 	let t1;
 	if ($[10] !== label || $[11] !== t0) {
-		t1 = <field_exports.Label>{label}{t0}</field_exports.Label>;
+		t1 = /* @__PURE__ */ jsxs(Label, { children: [label, t0] });
 		$[10] = label;
 		$[11] = t0;
 		$[12] = t1;
 	} else t1 = $[12];
 	let t2;
 	if ($[13] !== hideLabel || $[14] !== t1) {
-		t2 = <Wrap when={hideLabel} with={_temp}>{t1}</Wrap>;
+		t2 = /* @__PURE__ */ jsx(Wrap, {
+			when: hideLabel,
+			with: _temp,
+			children: t1
+		});
 		$[13] = hideLabel;
 		$[14] = t1;
 		$[15] = t2;
 	} else t2 = $[15];
 	let t3;
 	if ($[16] !== label || $[17] !== t2) {
-		t3 = <Show when={label}>{t2}</Show>;
+		t3 = /* @__PURE__ */ jsx(Show, {
+			when: label,
+			children: t2
+		});
 		$[16] = label;
 		$[17] = t2;
 		$[18] = t3;
 	} else t3 = $[18];
 	let t4;
 	if ($[19] !== helperText) {
-		t4 = <field_exports.HelperText>{helperText}</field_exports.HelperText>;
+		t4 = /* @__PURE__ */ jsx(HelperText, { children: helperText });
 		$[19] = helperText;
 		$[20] = t4;
 	} else t4 = $[20];
 	let t5;
 	if ($[21] !== helperText || $[22] !== t4) {
-		t5 = <Show when={helperText}>{t4}</Show>;
+		t5 = /* @__PURE__ */ jsx(Show, {
+			when: helperText,
+			children: t4
+		});
 		$[21] = helperText;
 		$[22] = t4;
 		$[23] = t5;
 	} else t5 = $[23];
 	let t6;
 	if ($[24] !== errorText) {
-		t6 = <field_exports.ErrorText>{errorText}</field_exports.ErrorText>;
+		t6 = /* @__PURE__ */ jsx(ErrorText, { children: errorText });
 		$[24] = errorText;
 		$[25] = t6;
 	} else t6 = $[25];
 	let t7;
 	if ($[26] !== children || $[27] !== ref || $[28] !== rest || $[29] !== t3 || $[30] !== t5 || $[31] !== t6) {
-		t7 = <field_exports.Root ref={ref} {...rest}>{t3}{children}{t5}{t6}</field_exports.Root>;
+		t7 = /* @__PURE__ */ jsxs(Root, {
+			ref,
+			...rest,
+			children: [
+				t3,
+				children,
+				t5,
+				t6
+			]
+		});
 		$[26] = children;
 		$[27] = ref;
 		$[28] = rest;
@@ -115,7 +125,7 @@ const Field = forwardRef(function Field(props, ref) {
 	return t7;
 });
 function _temp(children_0) {
-	return <VisuallyHidden>{children_0}</VisuallyHidden>;
+	return /* @__PURE__ */ jsx(VisuallyHidden, { children: children_0 });
 }
 
 //#endregion

package/dist/components/floating-panel/index.d.ts

@@ -2,8 +2,8 @@ import * as react from "react";
 import { ComponentProps, PropsWithChildren } from "react";
 import * as _pyck_styled_system_jsx0 from "@pyck/styled-system/jsx";
 import * as _pyck_styled_system_recipes0 from "@pyck/styled-system/recipes";
-import { FloatingPanel } from "@ark-ui/react/floating-panel";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { FloatingPanel } from "@ark-ui/react/floating-panel";
 
 //#region src/components/floating-panel/floating-panel.d.ts
 declare namespace floating_panel_d_exports {

package/dist/components/floating-panel/index.js

@@ -3,6 +3,7 @@ import { c } from "react/compiler-runtime";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { floatingPanel } from "@pyck/styled-system/recipes";
 import { ArrowDownLeft, GripVertical, Maximize, Minus, XIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ButtonGroup, IconButton } from "@pyck/react/button";
 import { FloatingPanel } from "@ark-ui/react/floating-panel";
 
@@ -37,23 +38,23 @@ const Header = (props) => {
 	const { children } = props;
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = <GripVertical />;
+		t0 = /* @__PURE__ */ jsx(GripVertical, {});
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
 	if ($[1] !== children) {
-		t1 = <Title>{t0}{children}</Title>;
+		t1 = /* @__PURE__ */ jsxs(Title, { children: [t0, children] });
 		$[1] = children;
 		$[2] = t1;
 	} else t1 = $[2];
 	let t2;
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = <Controls />;
+		t2 = /* @__PURE__ */ jsx(Controls, {});
 		$[3] = t2;
 	} else t2 = $[3];
 	let t3;
 	if ($[4] !== t1) {
-		t3 = <DragTrigger><StyledHeader>{t1}{t2}</StyledHeader></DragTrigger>;
+		t3 = /* @__PURE__ */ jsx(DragTrigger, { children: /* @__PURE__ */ jsxs(StyledHeader, { children: [t1, t2] }) });
 		$[4] = t1;
 		$[5] = t3;
 	} else t3 = $[5];
@@ -63,22 +64,49 @@ const Controls = () => {
 	const $ = c(4);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = <StageTrigger stage="minimized" asChild={true}><IconButton><Minus /></IconButton></StageTrigger>;
+		t0 = /* @__PURE__ */ jsx(StageTrigger, {
+			stage: "minimized",
+			asChild: true,
+			children: /* @__PURE__ */ jsx(IconButton, { children: /* @__PURE__ */ jsx(Minus, {}) })
+		});
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = <StageTrigger stage="maximized" asChild={true}><IconButton><Maximize /></IconButton></StageTrigger>;
+		t1 = /* @__PURE__ */ jsx(StageTrigger, {
+			stage: "maximized",
+			asChild: true,
+			children: /* @__PURE__ */ jsx(IconButton, { children: /* @__PURE__ */ jsx(Maximize, {}) })
+		});
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = <StageTrigger stage="default" asChild={true}><IconButton><ArrowDownLeft /></IconButton></StageTrigger>;
+		t2 = /* @__PURE__ */ jsx(StageTrigger, {
+			stage: "default",
+			asChild: true,
+			children: /* @__PURE__ */ jsx(IconButton, { children: /* @__PURE__ */ jsx(ArrowDownLeft, {}) })
+		});
 		$[2] = t2;
 	} else t2 = $[2];
 	let t3;
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = <Control asChild={true}><ButtonGroup variant="plain" size="2xs">{t0}{t1}{t2}<CloseTrigger asChild={true}><IconButton><XIcon /></IconButton></CloseTrigger></ButtonGroup></Control>;
+		t3 = /* @__PURE__ */ jsx(Control, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(ButtonGroup, {
+				variant: "plain",
+				size: "2xs",
+				children: [
+					t0,
+					t1,
+					t2,
+					/* @__PURE__ */ jsx(CloseTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(IconButton, { children: /* @__PURE__ */ jsx(XIcon, {}) })
+					})
+				]
+			})
+		});
 		$[3] = t3;
 	} else t3 = $[3];
 	return t3;
@@ -87,7 +115,16 @@ const ResizeTriggers = () => {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = <><ResizeTrigger axis="n" /><ResizeTrigger axis="e" /><ResizeTrigger axis="w" /><ResizeTrigger axis="s" /><ResizeTrigger axis="ne" /><ResizeTrigger axis="se" /><ResizeTrigger axis="sw" /><ResizeTrigger axis="nw" /></>;
+		t0 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(ResizeTrigger, { axis: "n" }),
+			/* @__PURE__ */ jsx(ResizeTrigger, { axis: "e" }),
+			/* @__PURE__ */ jsx(ResizeTrigger, { axis: "w" }),
+			/* @__PURE__ */ jsx(ResizeTrigger, { axis: "s" }),
+			/* @__PURE__ */ jsx(ResizeTrigger, { axis: "ne" }),
+			/* @__PURE__ */ jsx(ResizeTrigger, { axis: "se" }),
+			/* @__PURE__ */ jsx(ResizeTrigger, { axis: "sw" }),
+			/* @__PURE__ */ jsx(ResizeTrigger, { axis: "nw" })
+		] });
 		$[0] = t0;
 	} else t0 = $[0];
 	return t0;

package/dist/components/form/index.d.ts

@@ -1,10 +1,10 @@
 import * as react from "react";
 import { ComponentProps, ReactNode } from "react";
 import * as _pyck_styled_system_recipes0 from "@pyck/styled-system/recipes";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { FieldValues, UseFormReturn } from "react-hook-form";
 import * as _ark_ui_react0 from "@ark-ui/react";
 import * as _pyck_styled_system_types0 from "@pyck/styled-system/types";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/form/form.d.ts
 type StyledFormProps = ComponentProps<typeof StyledForm>;

package/dist/components/form/index.js

@@ -2,6 +2,7 @@ import { c } from "react/compiler-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { Box, styled } from "@pyck/styled-system/jsx";
 import { form } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { FormProvider } from "react-hook-form";
 import { Show } from "@pyck/react/show";
 import { Button } from "@pyck/react/button";
@@ -25,13 +26,16 @@ const Form = (props) => {
 	}
 	let t0;
 	if ($[3] !== formProps) {
-		t0 = <StyledForm {...formProps} />;
+		t0 = /* @__PURE__ */ jsx(StyledForm, { ...formProps });
 		$[3] = formProps;
 		$[4] = t0;
 	} else t0 = $[4];
 	let t1;
 	if ($[5] !== t0 || $[6] !== value) {
-		t1 = <FormProvider {...value}>{t0}</FormProvider>;
+		t1 = /* @__PURE__ */ jsx(FormProvider, {
+			...value,
+			children: t0
+		});
 		$[5] = t0;
 		$[6] = value;
 		$[7] = t1;
@@ -54,59 +58,75 @@ const FormSection = (t0) => {
 	const t2 = !!error;
 	let t3;
 	if ($[3] !== legend) {
-		t3 = <Fieldset.Legend>{legend}</Fieldset.Legend>;
+		t3 = /* @__PURE__ */ jsx(Fieldset.Legend, { children: legend });
 		$[3] = legend;
 		$[4] = t3;
 	} else t3 = $[4];
 	let t4;
 	if ($[5] !== description) {
-		t4 = <Fieldset.Description>{description}</Fieldset.Description>;
+		t4 = /* @__PURE__ */ jsx(Fieldset.Description, { children: description });
 		$[5] = description;
 		$[6] = t4;
 	} else t4 = $[6];
 	let t5;
 	if ($[7] !== description || $[8] !== t4) {
-		t5 = <Show when={description}>{t4}</Show>;
+		t5 = /* @__PURE__ */ jsx(Show, {
+			when: description,
+			children: t4
+		});
 		$[7] = description;
 		$[8] = t4;
 		$[9] = t5;
 	} else t5 = $[9];
 	let t6;
 	if ($[10] !== t3 || $[11] !== t5) {
-		t6 = <Fieldset.Header>{t3}{t5}</Fieldset.Header>;
+		t6 = /* @__PURE__ */ jsxs(Fieldset.Header, { children: [t3, t5] });
 		$[10] = t3;
 		$[11] = t5;
 		$[12] = t6;
 	} else t6 = $[12];
 	let t7;
 	if ($[13] !== children) {
-		t7 = <Fieldset.Body>{children}</Fieldset.Body>;
+		t7 = /* @__PURE__ */ jsx(Fieldset.Body, { children });
 		$[13] = children;
 		$[14] = t7;
 	} else t7 = $[14];
 	let t8;
 	if ($[15] !== error) {
-		t8 = error && <Fieldset.ErrorText>{error}</Fieldset.ErrorText>;
+		t8 = error && /* @__PURE__ */ jsx(Fieldset.ErrorText, { children: error });
 		$[15] = error;
 		$[16] = t8;
 	} else t8 = $[16];
 	let t9;
 	if ($[17] !== busy || $[18] !== loading) {
-		t9 = <Button type="submit" loading={loading} disabled={busy} size="sm">Save</Button>;
+		t9 = /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			loading,
+			disabled: busy,
+			size: "sm",
+			children: "Save"
+		});
 		$[17] = busy;
 		$[18] = loading;
 		$[19] = t9;
 	} else t9 = $[19];
 	let t10;
 	if ($[20] !== t8 || $[21] !== t9) {
-		t10 = <Fieldset.Footer>{t8}{t9}</Fieldset.Footer>;
+		t10 = /* @__PURE__ */ jsxs(Fieldset.Footer, { children: [t8, t9] });
 		$[20] = t8;
 		$[21] = t9;
 		$[22] = t10;
 	} else t10 = $[22];
 	let t11;
 	if ($[23] !== t10 || $[24] !== t2 || $[25] !== t6 || $[26] !== t7) {
-		t11 = <Fieldset.Root invalid={t2}>{t6}{t7}{t10}</Fieldset.Root>;
+		t11 = /* @__PURE__ */ jsxs(Fieldset.Root, {
+			invalid: t2,
+			children: [
+				t6,
+				t7,
+				t10
+			]
+		});
 		$[23] = t10;
 		$[24] = t2;
 		$[25] = t6;
@@ -115,7 +135,11 @@ const FormSection = (t0) => {
 	} else t11 = $[27];
 	let t12;
 	if ($[28] !== t1 || $[29] !== t11 || $[30] !== value) {
-		t12 = <Form$1 value={value} onSubmit={t1}>{t11}</Form$1>;
+		t12 = /* @__PURE__ */ jsx(Form$1, {
+			value,
+			onSubmit: t1,
+			children: t11
+		});
 		$[28] = t1;
 		$[29] = t11;
 		$[30] = value;
@@ -123,7 +147,10 @@ const FormSection = (t0) => {
 	} else t12 = $[31];
 	let t13;
 	if ($[32] !== id || $[33] !== t12) {
-		t13 = <Box id={id}>{t12}</Box>;
+		t13 = /* @__PURE__ */ jsx(Box, {
+			id,
+			children: t12
+		});
 		$[32] = id;
 		$[33] = t12;
 		$[34] = t13;

package/dist/components/highlight/index.d.ts

@@ -1,5 +1,5 @@
-import { MarkProps } from "@pyck/react/mark";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { MarkProps } from "@pyck/react/mark";
 
 //#region src/components/highlight/highlight.d.ts
 interface HighlightProps extends MarkProps {

package/dist/components/highlight/index.js

@@ -1,5 +1,6 @@
 import { c } from "react/compiler-runtime";
 import { Fragment } from "react";
+import { jsx } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
 import { useHighlight } from "@ark-ui/react/highlight";
 import { For } from "@pyck/react/for";
@@ -47,13 +48,23 @@ const Highlight = (props) => {
 	const chunks = useHighlight(t1);
 	let t2;
 	if ($[11] !== markProps) {
-		t2 = (chunk, index) => <Show key={index} when={chunk.match} fallback={<Fragment key={index}>{chunk.text}</Fragment>}><Mark key={index} {...markProps}>{chunk.text}</Mark></Show>;
+		t2 = (chunk, index) => /* @__PURE__ */ jsx(Show, {
+			when: chunk.match,
+			fallback: /* @__PURE__ */ jsx(Fragment, { children: chunk.text }, index),
+			children: /* @__PURE__ */ jsx(Mark, {
+				...markProps,
+				children: chunk.text
+			}, index)
+		}, index);
 		$[11] = markProps;
 		$[12] = t2;
 	} else t2 = $[12];
 	let t3;
 	if ($[13] !== chunks || $[14] !== t2) {
-		t3 = <For each={chunks}>{t2}</For>;
+		t3 = /* @__PURE__ */ jsx(For, {
+			each: chunks,
+			children: t2
+		});
 		$[13] = chunks;
 		$[14] = t2;
 		$[15] = t3;

package/dist/components/icon/index.d.ts

@@ -1,9 +1,9 @@
 import * as react from "react";
 import { ComponentProps } from "react";
 import * as _pyck_styled_system_recipes0 from "@pyck/styled-system/recipes";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as _ark_ui_react0 from "@ark-ui/react";
 import * as _pyck_styled_system_types0 from "@pyck/styled-system/types";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/icon/featured-icon.d.ts
 type FeaturedIconProps = ComponentProps<typeof IconWrapper>;

package/dist/components/icon/index.js

@@ -1,3 +1,3 @@
-import { n as Icon, t as FeaturedIcon } from "../../featured-icon-CKDv0xfF.js";
+import { n as Icon, t as FeaturedIcon } from "../../featured-icon-DBnAKGXC.js";
 
 export { FeaturedIcon, Icon };

package/dist/components/image/index.js

@@ -1,6 +1,7 @@
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { styled } from "@pyck/styled-system/jsx";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/image/image.tsx
 const StyledImage = styled("img");
@@ -23,7 +24,12 @@ const Image = forwardRef(function Image(props, ref) {
 	const fit = t0 === void 0 ? "cover" : t0;
 	let t1;
 	if ($[4] !== align || $[5] !== fit || $[6] !== ref || $[7] !== rest) {
-		t1 = <StyledImage ref={ref} objectFit={fit} objectPosition={align} {...rest} />;
+		t1 = /* @__PURE__ */ jsx(StyledImage, {
+			ref,
+			objectFit: fit,
+			objectPosition: align,
+			...rest
+		});
 		$[4] = align;
 		$[5] = fit;
 		$[6] = ref;

package/dist/components/input/index.d.ts

@@ -1,11 +1,11 @@
 import * as react from "react";
 import { ComponentProps } from "react";
 import * as _pyck_styled_system_recipes0 from "@pyck/styled-system/recipes";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { FieldProps } from "@pyck/react/field";
 import { FieldPath, FieldValues } from "react-hook-form";
 import { Field as Field$1 } from "@ark-ui/react/field";
 import * as _pyck_styled_system_types0 from "@pyck/styled-system/types";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/input/input.d.ts
 type InputProps = ComponentProps<typeof Input>;

package/dist/components/input/index.js

@@ -1,6 +1,7 @@
 import { c } from "react/compiler-runtime";
 import { styled } from "@pyck/styled-system/jsx";
 import { input } from "@pyck/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
 import { Field } from "@pyck/react/field";
 import { Controller, useFormContext } from "react-hook-form";
 import { Field as Field$1 } from "@ark-ui/react/field";
@@ -40,7 +41,22 @@ const InputField = (props) => {
 	if ($[7] !== disabled || $[8] !== helperText || $[9] !== hideLabel || $[10] !== inputProps || $[11] !== label) {
 		t0 = (t1) => {
 			const { field, fieldState } = t1;
-			return <Field label={label} helperText={helperText} hideLabel={hideLabel} disabled={field.disabled || disabled} required={inputProps.required} invalid={!!fieldState.error} errorText={fieldState.error?.message}><Input {...inputProps} name={field.name} value={field.value} onChange={field.onChange} onBlur={field.onBlur} /></Field>;
+			return /* @__PURE__ */ jsx(Field, {
+				label,
+				helperText,
+				hideLabel,
+				disabled: field.disabled || disabled,
+				required: inputProps.required,
+				invalid: !!fieldState.error,
+				errorText: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(Input, {
+					...inputProps,
+					name: field.name,
+					value: field.value,
+					onChange: field.onChange,
+					onBlur: field.onBlur
+				})
+			});
 		};
 		$[7] = disabled;
 		$[8] = helperText;
@@ -51,7 +67,11 @@ const InputField = (props) => {
 	} else t0 = $[12];
 	let t1;
 	if ($[13] !== control || $[14] !== name || $[15] !== t0) {
-		t1 = <Controller name={name} control={control} render={t0} />;
+		t1 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control,
+			render: t0
+		});
 		$[13] = control;
 		$[14] = name;
 		$[15] = t0;

package/dist/components/input-group/index.js

@@ -3,6 +3,7 @@ import { forwardRef } from "react";
 import { ark } from "@ark-ui/react/factory";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { inputGroup } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
 
 //#region src/components/input-group/input-group.tsx
@@ -30,33 +31,55 @@ const InputGroup = forwardRef(function InputGroup(props, ref) {
 	}
 	let t0;
 	if ($[5] !== startElement) {
-		t0 = <Element insetInlineStart="0" top="0">{startElement}</Element>;
+		t0 = /* @__PURE__ */ jsx(Element, {
+			insetInlineStart: "0",
+			top: "0",
+			children: startElement
+		});
 		$[5] = startElement;
 		$[6] = t0;
 	} else t0 = $[6];
 	let t1;
 	if ($[7] !== startElement || $[8] !== t0) {
-		t1 = <Show when={startElement}>{t0}</Show>;
+		t1 = /* @__PURE__ */ jsx(Show, {
+			when: startElement,
+			children: t0
+		});
 		$[7] = startElement;
 		$[8] = t0;
 		$[9] = t1;
 	} else t1 = $[9];
 	let t2;
 	if ($[10] !== endElement) {
-		t2 = <Element insetInlineEnd="0" top="0">{endElement}</Element>;
+		t2 = /* @__PURE__ */ jsx(Element, {
+			insetInlineEnd: "0",
+			top: "0",
+			children: endElement
+		});
 		$[10] = endElement;
 		$[11] = t2;
 	} else t2 = $[11];
 	let t3;
 	if ($[12] !== endElement || $[13] !== t2) {
-		t3 = <Show when={endElement}>{t2}</Show>;
+		t3 = /* @__PURE__ */ jsx(Show, {
+			when: endElement,
+			children: t2
+		});
 		$[12] = endElement;
 		$[13] = t2;
 		$[14] = t3;
 	} else t3 = $[14];
 	let t4;
 	if ($[15] !== children || $[16] !== ref || $[17] !== rest || $[18] !== t1 || $[19] !== t3) {
-		t4 = <Root ref={ref} {...rest}>{t1}{children}{t3}</Root>;
+		t4 = /* @__PURE__ */ jsxs(Root, {
+			ref,
+			...rest,
+			children: [
+				t1,
+				children,
+				t3
+			]
+		});
 		$[15] = children;
 		$[16] = ref;
 		$[17] = rest;

package/dist/components/json-form-builder/index.d.ts

@@ -1,8 +1,8 @@
 import { ZodTypeAny, z } from "zod";
 import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { FieldValues, UseFormReturn } from "react-hook-form";
 import { CollectionItem } from "@ark-ui/react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/json-form-builder/types.d.ts
 interface LayoutNode {