@pyck/react 0.0.5 → 0.0.6

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

@@ -1,4 +1,5 @@
 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";
@@ -32,54 +33,64 @@ 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 = <GripVertical />;
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== children) {
+		t1 = <Title>{t0}{children}</Title>;
+		$[1] = children;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = <Controls />;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== t1) {
+		t3 = <DragTrigger><StyledHeader>{t1}{t2}</StyledHeader></DragTrigger>;
+		$[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 = <StageTrigger stage="minimized" asChild={true}><IconButton><Minus /></IconButton></StageTrigger>;
+		$[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>;
+		$[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>;
+		$[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>;
+		$[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 = <><ResizeTrigger axis="n" /><ResizeTrigger axis="e" /><ResizeTrigger axis="w" /><ResizeTrigger axis="s" /><ResizeTrigger axis="ne" /><ResizeTrigger axis="se" /><ResizeTrigger axis="sw" /><ResizeTrigger axis="nw" /></>;
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 };
 
 //#endregion

package/dist/components/form/index.js

@@ -1,3 +1,4 @@
+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";
@@ -10,36 +11,124 @@ 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 = <StyledForm {...formProps} />;
+		$[3] = formProps;
+		$[4] = t0;
+	} else t0 = $[4];
+	let t1;
+	if ($[5] !== t0 || $[6] !== value) {
+		t1 = <FormProvider {...value}>{t0}</FormProvider>;
+		$[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 = <Fieldset.Legend>{legend}</Fieldset.Legend>;
+		$[3] = legend;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== description) {
+		t4 = <Fieldset.Description>{description}</Fieldset.Description>;
+		$[5] = description;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== description || $[8] !== t4) {
+		t5 = <Show when={description}>{t4}</Show>;
+		$[7] = description;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== t3 || $[11] !== t5) {
+		t6 = <Fieldset.Header>{t3}{t5}</Fieldset.Header>;
+		$[10] = t3;
+		$[11] = t5;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== children) {
+		t7 = <Fieldset.Body>{children}</Fieldset.Body>;
+		$[13] = children;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== error) {
+		t8 = error && <Fieldset.ErrorText>{error}</Fieldset.ErrorText>;
+		$[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>;
+		$[17] = busy;
+		$[18] = loading;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== t8 || $[21] !== t9) {
+		t10 = <Fieldset.Footer>{t8}{t9}</Fieldset.Footer>;
+		$[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>;
+		$[23] = t10;
+		$[24] = t2;
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t11;
+	} else t11 = $[27];
+	let t12;
+	if ($[28] !== t1 || $[29] !== t11 || $[30] !== value) {
+		t12 = <Form$1 value={value} onSubmit={t1}>{t11}</Form$1>;
+		$[28] = t1;
+		$[29] = t11;
+		$[30] = value;
+		$[31] = t12;
+	} else t12 = $[31];
+	let t13;
+	if ($[32] !== id || $[33] !== t12) {
+		t13 = <Box id={id}>{t12}</Box>;
+		$[32] = id;
+		$[33] = t12;
+		$[34] = t13;
+	} else t13 = $[34];
+	return t13;
 };
 
 //#endregion

package/dist/components/highlight/index.js

@@ -1,3 +1,4 @@
+import { c } from "react/compiler-runtime";
 import { Fragment } from "react";
 import { Show } from "@pyck/react/show";
 import { useHighlight } from "@ark-ui/react/highlight";
@@ -6,21 +7,58 @@ 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) => <Show key={index} when={chunk.match} fallback={<Fragment key={index}>{chunk.text}</Fragment>}><Mark key={index} {...markProps}>{chunk.text}</Mark></Show>;
+		$[11] = markProps;
+		$[12] = t2;
+	} else t2 = $[12];
+	let t3;
+	if ($[13] !== chunks || $[14] !== t2) {
+		t3 = <For each={chunks}>{t2}</For>;
+		$[13] = chunks;
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
+	return t3;
 };
 
 //#endregion

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-CKDv0xfF.js";
 
 export { FeaturedIcon, Icon };

package/dist/components/image/index.js

@@ -1,11 +1,36 @@
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { styled } from "@pyck/styled-system/jsx";
 
 //#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 = <StyledImage ref={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.js

@@ -1,3 +1,4 @@
+import { c } from "react/compiler-runtime";
 import { styled } from "@pyck/styled-system/jsx";
 import { input } from "@pyck/styled-system/recipes";
 import { Field } from "@pyck/react/field";
@@ -10,11 +11,53 @@ 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 <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>;
+		};
+		$[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 = <Controller name={name} control={control} render={t0} />;
+		$[13] = control;
+		$[14] = name;
+		$[15] = t0;
+		$[16] = t1;
+	} else t1 = $[16];
+	return t1;
 };
 
 //#endregion

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

@@ -1,3 +1,4 @@
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { ark } from "@ark-ui/react/factory";
 import { createStyleContext } from "@pyck/styled-system/jsx";
@@ -9,20 +10,61 @@ const { withProvider, withContext } = createStyleContext(inputGroup);
 const Root = withProvider(ark.div, "root");
 const Element = withContext(ark.div, "element");
 const InputGroup = forwardRef(function InputGroup(props, ref) {
-	const { startElement, endElement, children, ...rest } = props;
-	return <Root ref={ref} {...rest}>
-        <Show when={startElement}>
-          <Element insetInlineStart="0" top="0">
-            {startElement}
-          </Element>
-        </Show>
-        {children}
-        <Show when={endElement}>
-          <Element insetInlineEnd="0" top="0">
-            {endElement}
-          </Element>
-        </Show>
-      </Root>;
+	const $ = c(21);
+	let children;
+	let endElement;
+	let rest;
+	let startElement;
+	if ($[0] !== props) {
+		({startElement, endElement, children, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = endElement;
+		$[3] = rest;
+		$[4] = startElement;
+	} else {
+		children = $[1];
+		endElement = $[2];
+		rest = $[3];
+		startElement = $[4];
+	}
+	let t0;
+	if ($[5] !== startElement) {
+		t0 = <Element insetInlineStart="0" top="0">{startElement}</Element>;
+		$[5] = startElement;
+		$[6] = t0;
+	} else t0 = $[6];
+	let t1;
+	if ($[7] !== startElement || $[8] !== t0) {
+		t1 = <Show when={startElement}>{t0}</Show>;
+		$[7] = startElement;
+		$[8] = t0;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	if ($[10] !== endElement) {
+		t2 = <Element insetInlineEnd="0" top="0">{endElement}</Element>;
+		$[10] = endElement;
+		$[11] = t2;
+	} else t2 = $[11];
+	let t3;
+	if ($[12] !== endElement || $[13] !== t2) {
+		t3 = <Show when={endElement}>{t2}</Show>;
+		$[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>;
+		$[15] = children;
+		$[16] = ref;
+		$[17] = rest;
+		$[18] = t1;
+		$[19] = t3;
+		$[20] = t4;
+	} else t4 = $[20];
+	return t4;
 });
 
 //#endregion