@pyck/react 0.0.5 → 0.0.7

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

@@ -1,7 +1,9 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+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";
 
@@ -32,54 +34,100 @@ const StageTrigger = withContext(FloatingPanel.StageTrigger, "stageTrigger");
 const StyledHeader = withContext(FloatingPanel.Header, "header");
 const Title = withContext(FloatingPanel.Title, "title");
 const Header = (props) => {
+	const $ = c(6);
 	const { children } = props;
-	return <DragTrigger>
-      <StyledHeader>
-        <Title>
-          <GripVertical />
-          {children}
-        </Title>
-        <Controls />
-      </StyledHeader>
-    </DragTrigger>;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(GripVertical, {});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== children) {
+		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 = /* @__PURE__ */ jsx(Controls, {});
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== t1) {
+		t3 = /* @__PURE__ */ jsx(DragTrigger, { children: /* @__PURE__ */ jsxs(StyledHeader, { children: [t1, t2] }) });
+		$[4] = t1;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
 };
 const Controls = () => {
-	return <Control asChild>
-      <ButtonGroup variant="plain" size="2xs">
-        <StageTrigger stage="minimized" asChild>
-          <IconButton>
-            <Minus />
-          </IconButton>
-        </StageTrigger>
-        <StageTrigger stage="maximized" asChild>
-          <IconButton>
-            <Maximize />
-          </IconButton>
-        </StageTrigger>
-        <StageTrigger stage="default" asChild>
-          <IconButton>
-            <ArrowDownLeft />
-          </IconButton>
-        </StageTrigger>
-        <CloseTrigger asChild>
-          <IconButton>
-            <XIcon />
-          </IconButton>
-        </CloseTrigger>
-      </ButtonGroup>
-    </Control>;
+	const $ = c(4);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		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 = /* @__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 = /* @__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 = /* @__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;
 };
 const ResizeTriggers = () => {
-	return <>
-      <ResizeTrigger axis="n" />
-      <ResizeTrigger axis="e" />
-      <ResizeTrigger axis="w" />
-      <ResizeTrigger axis="s" />
-      <ResizeTrigger axis="ne" />
-      <ResizeTrigger axis="se" />
-      <ResizeTrigger axis="sw" />
-      <ResizeTrigger axis="nw" />
-    </>;
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		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;
 };
 
 //#endregion

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

@@ -1,6 +1,8 @@
+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";
@@ -10,36 +12,150 @@ import { Fieldset } from "@pyck/react/fieldset";
 //#region src/components/form/form.tsx
 const StyledForm = styled(ark.form, form);
 const Form = (props) => {
-	const { value, ...formProps } = props;
-	return <FormProvider {...value}>
-      <StyledForm {...formProps} />
-    </FormProvider>;
+	const $ = c(8);
+	let formProps;
+	let value;
+	if ($[0] !== props) {
+		({value, ...formProps} = props);
+		$[0] = props;
+		$[1] = formProps;
+		$[2] = value;
+	} else {
+		formProps = $[1];
+		value = $[2];
+	}
+	let t0;
+	if ($[3] !== formProps) {
+		t0 = /* @__PURE__ */ jsx(StyledForm, { ...formProps });
+		$[3] = formProps;
+		$[4] = t0;
+	} else t0 = $[4];
+	let t1;
+	if ($[5] !== t0 || $[6] !== value) {
+		t1 = /* @__PURE__ */ jsx(FormProvider, {
+			...value,
+			children: t0
+		});
+		$[5] = t0;
+		$[6] = value;
+		$[7] = t1;
+	} else t1 = $[7];
+	return t1;
 };
 
 //#endregion
 //#region src/components/form/form-section.tsx
-const FormSection = ({ id, value, onSubmit, error, legend, description, children, loading, busy }) => {
-	return <Box id={id}>
-      <Form$1 value={value} onSubmit={value.handleSubmit(onSubmit)}>
-        <Fieldset.Root invalid={!!error}>
-          <Fieldset.Header>
-            <Fieldset.Legend>{legend}</Fieldset.Legend>
-            <Show when={description}>
-              <Fieldset.Description>{description}</Fieldset.Description>
-            </Show>
-          </Fieldset.Header>
-
-          <Fieldset.Body>{children}</Fieldset.Body>
-
-          <Fieldset.Footer>
-            {error && <Fieldset.ErrorText>{error}</Fieldset.ErrorText>}
-            <Button type="submit" loading={loading} disabled={busy} size="sm">
-              Save
-            </Button>
-          </Fieldset.Footer>
-        </Fieldset.Root>
-      </Form$1>
-    </Box>;
+const FormSection = (t0) => {
+	const $ = c(35);
+	const { id, value, onSubmit, error, legend, description, children, loading, busy } = t0;
+	let t1;
+	if ($[0] !== onSubmit || $[1] !== value) {
+		t1 = value.handleSubmit(onSubmit);
+		$[0] = onSubmit;
+		$[1] = value;
+		$[2] = t1;
+	} else t1 = $[2];
+	const t2 = !!error;
+	let t3;
+	if ($[3] !== legend) {
+		t3 = /* @__PURE__ */ jsx(Fieldset.Legend, { children: legend });
+		$[3] = legend;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== description) {
+		t4 = /* @__PURE__ */ jsx(Fieldset.Description, { children: description });
+		$[5] = description;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== description || $[8] !== t4) {
+		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 = /* @__PURE__ */ jsxs(Fieldset.Header, { children: [t3, t5] });
+		$[10] = t3;
+		$[11] = t5;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== children) {
+		t7 = /* @__PURE__ */ jsx(Fieldset.Body, { children });
+		$[13] = children;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== error) {
+		t8 = error && /* @__PURE__ */ jsx(Fieldset.ErrorText, { children: error });
+		$[15] = error;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== busy || $[18] !== loading) {
+		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 = /* @__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 = /* @__PURE__ */ jsxs(Fieldset.Root, {
+			invalid: t2,
+			children: [
+				t6,
+				t7,
+				t10
+			]
+		});
+		$[23] = t10;
+		$[24] = t2;
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t11;
+	} else t11 = $[27];
+	let t12;
+	if ($[28] !== t1 || $[29] !== t11 || $[30] !== value) {
+		t12 = /* @__PURE__ */ jsx(Form$1, {
+			value,
+			onSubmit: t1,
+			children: t11
+		});
+		$[28] = t1;
+		$[29] = t11;
+		$[30] = value;
+		$[31] = t12;
+	} else t12 = $[31];
+	let t13;
+	if ($[32] !== id || $[33] !== t12) {
+		t13 = /* @__PURE__ */ jsx(Box, {
+			id,
+			children: t12
+		});
+		$[32] = id;
+		$[33] = t12;
+		$[34] = t13;
+	} else t13 = $[34];
+	return t13;
 };
 
 //#endregion

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,4 +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";
@@ -6,21 +8,68 @@ import { Mark } from "@pyck/react/mark";
 
 //#region src/components/highlight/highlight.tsx
 const Highlight = (props) => {
-	const { children, query, ignoreCase = true, matchAll, ...markProps } = props;
+	const $ = c(16);
+	let children;
+	let markProps;
+	let matchAll;
+	let query;
+	let t0;
+	if ($[0] !== props) {
+		({children, query, ignoreCase: t0, matchAll, ...markProps} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = markProps;
+		$[3] = matchAll;
+		$[4] = query;
+		$[5] = t0;
+	} else {
+		children = $[1];
+		markProps = $[2];
+		matchAll = $[3];
+		query = $[4];
+		t0 = $[5];
+	}
+	const ignoreCase = t0 === void 0 ? true : t0;
 	if (typeof children !== "string") throw new Error("The children prop of Highlight must be a string");
-	const chunks = useHighlight({
-		query,
-		text: children,
-		matchAll,
-		ignoreCase
-	});
-	return <For each={chunks}>
-      {(chunk, index) => <Show key={index} when={chunk.match} fallback={<Fragment key={index}>{chunk.text}</Fragment>}>
-          <Mark key={index} {...markProps}>
-            {chunk.text}
-          </Mark>
-        </Show>}
-    </For>;
+	let t1;
+	if ($[6] !== children || $[7] !== ignoreCase || $[8] !== matchAll || $[9] !== query) {
+		t1 = {
+			query,
+			text: children,
+			matchAll,
+			ignoreCase
+		};
+		$[6] = children;
+		$[7] = ignoreCase;
+		$[8] = matchAll;
+		$[9] = query;
+		$[10] = t1;
+	} else t1 = $[10];
+	const chunks = useHighlight(t1);
+	let t2;
+	if ($[11] !== markProps) {
+		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 = /* @__PURE__ */ jsx(For, {
+			each: chunks,
+			children: t2
+		});
+		$[13] = chunks;
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
+	return t3;
 };
 
 //#endregion

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-DPysOpSf.js";
+import { n as Icon, t as FeaturedIcon } from "../../featured-icon-DBnAKGXC.js";
 
 export { FeaturedIcon, Icon };

package/dist/components/image/index.js

@@ -1,11 +1,42 @@
+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");
 const Image = forwardRef(function Image(props, ref) {
-	const { align, fit = "cover", ...rest } = props;
-	return <StyledImage ref={ref} objectFit={fit} objectPosition={align} {...rest} />;
+	const $ = c(9);
+	let align;
+	let rest;
+	let t0;
+	if ($[0] !== props) {
+		({align, fit: t0, ...rest} = props);
+		$[0] = props;
+		$[1] = align;
+		$[2] = rest;
+		$[3] = t0;
+	} else {
+		align = $[1];
+		rest = $[2];
+		t0 = $[3];
+	}
+	const fit = t0 === void 0 ? "cover" : t0;
+	let t1;
+	if ($[4] !== align || $[5] !== fit || $[6] !== ref || $[7] !== rest) {
+		t1 = /* @__PURE__ */ jsx(StyledImage, {
+			ref,
+			objectFit: fit,
+			objectPosition: align,
+			...rest
+		});
+		$[4] = align;
+		$[5] = fit;
+		$[6] = ref;
+		$[7] = rest;
+		$[8] = t1;
+	} else t1 = $[8];
+	return t1;
 });
 
 //#endregion

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,5 +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";
@@ -10,11 +12,72 @@ const Input = styled(Field$1.Input, input);
 //#endregion
 //#region src/components/input/input.field.tsx
 const InputField = (props) => {
-	const { name, label, hideLabel, helperText, disabled, ...inputProps } = props;
+	const $ = c(17);
+	let disabled;
+	let helperText;
+	let hideLabel;
+	let inputProps;
+	let label;
+	let name;
+	if ($[0] !== props) {
+		({name, label, hideLabel, helperText, disabled, ...inputProps} = props);
+		$[0] = props;
+		$[1] = disabled;
+		$[2] = helperText;
+		$[3] = hideLabel;
+		$[4] = inputProps;
+		$[5] = label;
+		$[6] = name;
+	} else {
+		disabled = $[1];
+		helperText = $[2];
+		hideLabel = $[3];
+		inputProps = $[4];
+		label = $[5];
+		name = $[6];
+	}
 	const { control } = useFormContext();
-	return <Controller name={name} control={control} render={({ field, fieldState }) => <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>} />;
+	let t0;
+	if ($[7] !== disabled || $[8] !== helperText || $[9] !== hideLabel || $[10] !== inputProps || $[11] !== label) {
+		t0 = (t1) => {
+			const { field, fieldState } = t1;
+			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;
+		$[9] = hideLabel;
+		$[10] = inputProps;
+		$[11] = label;
+		$[12] = t0;
+	} else t0 = $[12];
+	let t1;
+	if ($[13] !== control || $[14] !== name || $[15] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control,
+			render: t0
+		});
+		$[13] = control;
+		$[14] = name;
+		$[15] = t0;
+		$[16] = t1;
+	} else t1 = $[16];
+	return t1;
 };
 
 //#endregion