@pyck/react 0.0.5 → 0.0.6

package/dist/components/json-form-builder/index.js

@@ -1,85 +1,141 @@
 import { P, match } from "ts-pattern";
 import { z } from "zod";
+import { c } from "react/compiler-runtime";
 import { Fragment } from "react";
 import { Box, HStack, Stack } from "@pyck/styled-system/jsx";
-import { capitalize } from "@pyck/react/utils";
 import { CheckboxField } from "@pyck/react/checkbox";
 import { Field } from "@pyck/react/field";
 import { Controller, FormProvider, useForm, useFormContext } from "react-hook-form";
+import { capitalize } from "@pyck/react/utils";
 import { Portal } from "@ark-ui/react/portal";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Form } from "@pyck/react/form";
 import { Fieldset } from "@pyck/react/fieldset";
-import { useListCollection } from "@ark-ui/react";
 import { InputField } from "@pyck/react/input";
 import { NumberInputField } from "@pyck/react/number-input";
-import { Combobox, useFilter, useListCollection as useListCollection$1 } from "@pyck/react/combobox";
+import { Combobox, useFilter, useListCollection } from "@pyck/react/combobox";
+import { useListCollection as useListCollection$1 } from "@ark-ui/react";
 import { SelectField } from "@pyck/react/select";
 import { TagsInput } from "@pyck/react/tags-input";
 
 //#region src/components/json-form-builder/components/combobox-from-items.tsx
-const ComboboxFromItems = ({ name, label, helperText, items, required }) => {
-	const { contains } = useFilter({ sensitivity: "base" });
-	const { collection, filter } = useListCollection$1({
-		initialItems: items,
-		filter: contains
-	});
+const ComboboxFromItems = (t0) => {
+	const $ = c(14);
+	const { name, label, helperText, items, required } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { sensitivity: "base" };
+		$[0] = t1;
+	} else t1 = $[0];
+	const { contains } = useFilter(t1);
+	let t2;
+	if ($[1] !== contains || $[2] !== items) {
+		t2 = {
+			initialItems: items,
+			filter: contains
+		};
+		$[1] = contains;
+		$[2] = items;
+		$[3] = t2;
+	} else t2 = $[3];
+	const { collection, filter } = useListCollection(t2);
 	const { control } = useFormContext();
-	return <Controller name={name} control={control} render={({ field, fieldState }) => <Field label={label} helperText={helperText} invalid={!!fieldState.error} errorText={fieldState.error?.message} required={required}>
-          <Combobox.Root name={field.name} multiple collection={collection} onInputValueChange={(e) => filter(e.inputValue)} value={field.value ?? []} onValueChange={(e) => field.onChange(e.value)} disabled={field.disabled} invalid={!!fieldState.error}>
-            <Combobox.Control>
-              <Combobox.Input placeholder="Search..." onBlur={field.onBlur} />
-              <Combobox.IndicatorGroup>
-                <Combobox.ClearTrigger />
-                <Combobox.Trigger />
-              </Combobox.IndicatorGroup>
-            </Combobox.Control>
-
-            <Portal>
-              <Combobox.Positioner>
-                <Combobox.Content>
-                  {	/** todo: translation needed? */}
-                  <Combobox.Empty>No results found</Combobox.Empty>
-                  {collection.items.map((item) => <Combobox.Item key={item.value} item={item}>
-                      <Combobox.ItemText>{item.label}</Combobox.ItemText>
-                      <Combobox.ItemIndicator />
-                    </Combobox.Item>)}
-                </Combobox.Content>
-              </Combobox.Positioner>
-            </Portal>
-          </Combobox.Root>
-        </Field>} />;
- };
+	let t3;
+	if ($[4] !== collection || $[5] !== filter || $[6] !== helperText || $[7] !== label || $[8] !== required) {
+		t3 = (t4) => {
+			const { field, fieldState } = t4;
+			return <Field label={label} helperText={helperText} invalid={!!fieldState.error} errorText={fieldState.error?.message} required={required}><Combobox.Root name={field.name} multiple={true} collection={collection} onInputValueChange={(e) => filter(e.inputValue)} value={field.value ?? []} onValueChange={(e_0) => field.onChange(e_0.value)} disabled={field.disabled} invalid={!!fieldState.error}><Combobox.Control><Combobox.Input placeholder="Search..." onBlur={field.onBlur} /><Combobox.IndicatorGroup><Combobox.ClearTrigger /><Combobox.Trigger /></Combobox.IndicatorGroup></Combobox.Control><Portal><Combobox.Positioner><Combobox.Content><Combobox.Empty>No results found</Combobox.Empty>{collection.items.map(_temp$2)}</Combobox.Content></Combobox.Positioner></Portal></Combobox.Root></Field>;
+		};
+		$[4] = collection;
+		$[5] = filter;
+		$[6] = helperText;
+		$[7] = label;
+		$[8] = required;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== control || $[11] !== name || $[12] !== t3) {
+		t4 = <Controller name={name} control={control} render={t3} />;
+		$[10] = control;
+		$[11] = name;
+		$[12] = t3;
+		$[13] = t4;
+	} else t4 = $[13];
+	return t4;
+};
+function _temp$2(item) {
+	return <Combobox.Item key={item.value} item={item}><Combobox.ItemText>{item.label}</Combobox.ItemText><Combobox.ItemIndicator /></Combobox.Item>;
+}
 
 //#endregion
 //#region src/components/json-form-builder/components/select-field-from-items.tsx
-const SelectFieldFromItems = ({ name, label, helperText, placeholder, items, required }) => {
-	const { collection } = useListCollection({ initialItems: items });
+const SelectFieldFromItems = (t0) => {
+	const $ = c(12);
+	const { name, label, helperText, placeholder, items, required } = t0;
+	let t1;
+	if ($[0] !== items) {
+		t1 = { initialItems: items };
+		$[0] = items;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { collection } = useListCollection$1(t1);
 	if (items.length === 0) return null;
-	return <SelectField.Root name={name} label={label} helperText={helperText} placeholder={placeholder ?? `Select ${label}`} collection={collection} multiple={false} required={required}>
-      {items.map((item) => <SelectField.Item key={item.value} item={item}>
-          {item.label}
-          <SelectField.ItemIndicator />
-        </SelectField.Item>)}
-    </SelectField.Root>;
+	const t2 = placeholder ?? `Select ${label}`;
+	let t3;
+	if ($[2] !== items) {
+		t3 = items.map(_temp$1);
+		$[2] = items;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== collection || $[5] !== helperText || $[6] !== label || $[7] !== name || $[8] !== required || $[9] !== t2 || $[10] !== t3) {
+		t4 = <SelectField.Root name={name} label={label} helperText={helperText} placeholder={t2} collection={collection} multiple={false} required={required}>{t3}</SelectField.Root>;
+		$[4] = collection;
+		$[5] = helperText;
+		$[6] = label;
+		$[7] = name;
+		$[8] = required;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
+	return t4;
 };
+function _temp$1(item) {
+	return <SelectField.Item key={item.value} item={item}>{item.label}<SelectField.ItemIndicator /></SelectField.Item>;
+}
 
 //#endregion
 //#region src/components/json-form-builder/components/tags-input-field.tsx
-const TagsInputField = ({ name, label, helperText, placeholder, required, disabled }) => {
+const TagsInputField = (t0) => {
+	const $ = c(10);
+	const { name, label, helperText, placeholder, required, disabled } = t0;
 	const { control } = useFormContext();
-	return <Controller name={name} control={control} render={({ field, fieldState }) => <Field label={label} helperText={helperText} invalid={!!fieldState.error} errorText={fieldState.error?.message} required={required} disabled={field.disabled || disabled}>
-          <TagsInput.Root name={field.name} value={field.value ?? []} onValueChange={(e) => {
-		field.onChange(e.value);
-		field.onBlur();
-	}} disabled={field.disabled || disabled} invalid={!!fieldState.error}>
-            <TagsInput.Control>
-              <TagsInput.Items />
-              <TagsInput.Input placeholder={placeholder ?? "Add tag..."} onBlur={field.onBlur} />
-            </TagsInput.Control>
-            <TagsInput.HiddenInput />
-          </TagsInput.Root>
-        </Field>} />;
+	let t1;
+	if ($[0] !== disabled || $[1] !== helperText || $[2] !== label || $[3] !== placeholder || $[4] !== required) {
+		t1 = (t2) => {
+			const { field, fieldState } = t2;
+			return <Field label={label} helperText={helperText} invalid={!!fieldState.error} errorText={fieldState.error?.message} required={required} disabled={field.disabled || disabled}><TagsInput.Root name={field.name} value={field.value ?? []} onValueChange={(e) => {
+				field.onChange(e.value);
+				field.onBlur();
+			}} disabled={field.disabled || disabled} invalid={!!fieldState.error}><TagsInput.Control><TagsInput.Items /><TagsInput.Input placeholder={placeholder ?? "Add tag..."} onBlur={field.onBlur} /></TagsInput.Control><TagsInput.HiddenInput /></TagsInput.Root></Field>;
+		};
+		$[0] = disabled;
+		$[1] = helperText;
+		$[2] = label;
+		$[3] = placeholder;
+		$[4] = required;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== control || $[7] !== name || $[8] !== t1) {
+		t2 = <Controller name={name} control={control} render={t1} />;
+		$[6] = control;
+		$[7] = name;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
 };
 
 //#endregion
@@ -240,13 +296,48 @@ const buildZodForProperty = (prop) => {
 * <Builder /> renders fields in the order they appear in the schema without layout control.
 * It is intentionally minimal. Use <UiSchemaForm /> if you need structured layouts.
 */
-const Builder = ({ jsonSchema }) => {
-	const form = useForm({ resolver: zodResolver(createZodSchemaFromJson(jsonSchema)) });
-	return <Form value={form}>
-      {	/** Render each root-level property as a field component. */}
-      {Object.entries(jsonSchema.properties).map(([key, schema]) => renderField(schema, key))}
-    </Form>;
- };
+const Builder = (t0) => {
+	const $ = c(10);
+	const { jsonSchema } = t0;
+	let t1;
+	let t2;
+	if ($[0] !== jsonSchema) {
+		const zodSchema = createZodSchemaFromJson(jsonSchema);
+		t2 = useForm;
+		t1 = zodResolver(zodSchema);
+		$[0] = jsonSchema;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	let t3;
+	if ($[3] !== t1) {
+		t3 = { resolver: t1 };
+		$[3] = t1;
+		$[4] = t3;
+	} else t3 = $[4];
+	const form = t2(t3);
+	let t4;
+	if ($[5] !== jsonSchema.properties) {
+		t4 = Object.entries(jsonSchema.properties).map(_temp);
+		$[5] = jsonSchema.properties;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== form || $[8] !== t4) {
+		t5 = <Form value={form}>{t4}</Form>;
+		$[7] = form;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	return t5;
+};
+function _temp(t0) {
+	const [key, schema] = t0;
+	return renderField(schema, key);
+}
 
 //#endregion
 //#region src/components/json-form-builder/utils/scope-resolver.ts
@@ -315,32 +406,99 @@ const renderFieldNode = (jsonSchema, node) => {
 	const required = jsonSchema.required?.includes(resolved.key) ?? false;
 	return renderField(resolved.schema, resolved.key, { required });
 };
-const UiSchemaForm = ({ id, value, onSubmit, jsonSchema, uiFieldset, form: providedForm, footer, error }) => {
+const UiSchemaForm = (t0) => {
+	const $ = c(36);
+	const { id, value, onSubmit, jsonSchema, uiFieldset, form: providedForm, footer, error } = t0;
 	const form = providedForm || value;
-	return <Box id={id}>
-      <Form value={form} onSubmit={form.handleSubmit(onSubmit)}>
-        <FormProvider {...form}>
-          <Fieldset.Root>
-            <Fieldset.Header>
-              <Fieldset.Legend>{uiFieldset.legend}</Fieldset.Legend>
-              {uiFieldset.description && <Fieldset.Description>{uiFieldset.description}</Fieldset.Description>}
-            </Fieldset.Header>
-
-            <Fieldset.Body>
-              <Stack gap="4">
-                {uiFieldset.nodes.map((node, index) => <Fragment key={`fieldset-${node.type}-${index}`}>
-                    {renderNode(jsonSchema, node)}
-                  </Fragment>)}
-              </Stack>
-            </Fieldset.Body>
-            <Fieldset.Footer>
-              {error && <Fieldset.ErrorText>{error}</Fieldset.ErrorText>}
-              {footer}
-            </Fieldset.Footer>
-          </Fieldset.Root>
-        </FormProvider>
-      </Form>
-    </Box>;
+	let t1;
+	if ($[0] !== form || $[1] !== onSubmit) {
+		t1 = form.handleSubmit(onSubmit);
+		$[0] = form;
+		$[1] = onSubmit;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== uiFieldset.legend) {
+		t2 = <Fieldset.Legend>{uiFieldset.legend}</Fieldset.Legend>;
+		$[3] = uiFieldset.legend;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== uiFieldset.description) {
+		t3 = uiFieldset.description && <Fieldset.Description>{uiFieldset.description}</Fieldset.Description>;
+		$[5] = uiFieldset.description;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== t2 || $[8] !== t3) {
+		t4 = <Fieldset.Header>{t2}{t3}</Fieldset.Header>;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== jsonSchema || $[11] !== uiFieldset.nodes) {
+		let t6;
+		if ($[13] !== jsonSchema) {
+			t6 = (node, index) => <Fragment key={`fieldset-${node.type}-${index}`}>{renderNode(jsonSchema, node)}</Fragment>;
+			$[13] = jsonSchema;
+			$[14] = t6;
+		} else t6 = $[14];
+		t5 = uiFieldset.nodes.map(t6);
+		$[10] = jsonSchema;
+		$[11] = uiFieldset.nodes;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[15] !== t5) {
+		t6 = <Fieldset.Body><Stack gap="4">{t5}</Stack></Fieldset.Body>;
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== error) {
+		t7 = error && <Fieldset.ErrorText>{error}</Fieldset.ErrorText>;
+		$[17] = error;
+		$[18] = t7;
+	} else t7 = $[18];
+	let t8;
+	if ($[19] !== footer || $[20] !== t7) {
+		t8 = <Fieldset.Footer>{t7}{footer}</Fieldset.Footer>;
+		$[19] = footer;
+		$[20] = t7;
+		$[21] = t8;
+	} else t8 = $[21];
+	let t9;
+	if ($[22] !== t4 || $[23] !== t6 || $[24] !== t8) {
+		t9 = <Fieldset.Root>{t4}{t6}{t8}</Fieldset.Root>;
+		$[22] = t4;
+		$[23] = t6;
+		$[24] = t8;
+		$[25] = t9;
+	} else t9 = $[25];
+	let t10;
+	if ($[26] !== form || $[27] !== t9) {
+		t10 = <FormProvider {...form}>{t9}</FormProvider>;
+		$[26] = form;
+		$[27] = t9;
+		$[28] = t10;
+	} else t10 = $[28];
+	let t11;
+	if ($[29] !== form || $[30] !== t1 || $[31] !== t10) {
+		t11 = <Form value={form} onSubmit={t1}>{t10}</Form>;
+		$[29] = form;
+		$[30] = t1;
+		$[31] = t10;
+		$[32] = t11;
+	} else t11 = $[32];
+	let t12;
+	if ($[33] !== id || $[34] !== t11) {
+		t12 = <Box id={id}>{t11}</Box>;
+		$[33] = id;
+		$[34] = t11;
+		$[35] = t12;
+	} else t12 = $[35];
+	return t12;
 };
 
 //#endregion

package/dist/components/logo/index.js

@@ -1,25 +1,52 @@
+import { c } from "react/compiler-runtime";
+
 //#region src/components/logo/logo.tsx
 const Logo = (props) => {
-	return <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <title>Pyck Logo</title>
-      <path d="M23.9648 14.7432C22.7094 20.0485 17.8934 23.9999 12.1426 24C9.3075 24 6.70113 23.0371 4.63477 21.4277C8.9098 20.4307 12.9283 17.3733 16.9268 16.2139C19.3145 16.0313 21.6543 15.4633 23.9648 14.7432ZM12.1426 0C17.9528 0.000132398 22.8082 4.03376 24.002 9.42188C18.9357 11.5198 12.7029 11.8905 14.5098 4.35352C13.4466 4.78152 12.6277 5.72995 11.6211 6.28809C10.4736 6.91121 9.73972 6.64161 7.73633 7.81348C7.30352 8.06454 6.75768 8.53945 6.31543 8.93945C5.91107 9.31137 5.6004 9.71109 5.29004 10.0088C4.28369 10.883 3.80445 11.4415 3.7666 11.9531C3.71952 12.5299 3.82299 12.7996 4.04883 13.0693C4.99889 14.2323 7.56671 14.7726 10.6807 15.0703C12.7798 16.3801 5.94935 19.3806 3.05176 19.9512C1.15419 17.8338 0 15.0509 0 12C5.21518e-07 5.37258 5.43658 0 12.1426 0ZM8.71484 9.45117C9.45796 8.60498 10.8212 9.76692 10.0508 10.5947H10.0596C9.30688 11.4321 7.9434 10.2977 8.71484 9.45117Z" fill="currentColor" />
-    </svg>;
+	const $ = c(4);
+	let t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = <title>Pyck Logo</title>;
+		t1 = <path d="M23.9648 14.7432C22.7094 20.0485 17.8934 23.9999 12.1426 24C9.3075 24 6.70113 23.0371 4.63477 21.4277C8.9098 20.4307 12.9283 17.3733 16.9268 16.2139C19.3145 16.0313 21.6543 15.4633 23.9648 14.7432ZM12.1426 0C17.9528 0.000132398 22.8082 4.03376 24.002 9.42188C18.9357 11.5198 12.7029 11.8905 14.5098 4.35352C13.4466 4.78152 12.6277 5.72995 11.6211 6.28809C10.4736 6.91121 9.73972 6.64161 7.73633 7.81348C7.30352 8.06454 6.75768 8.53945 6.31543 8.93945C5.91107 9.31137 5.6004 9.71109 5.29004 10.0088C4.28369 10.883 3.80445 11.4415 3.7666 11.9531C3.71952 12.5299 3.82299 12.7996 4.04883 13.0693C4.99889 14.2323 7.56671 14.7726 10.6807 15.0703C12.7798 16.3801 5.94935 19.3806 3.05176 19.9512C1.15419 17.8338 0 15.0509 0 12C5.21518e-07 5.37258 5.43658 0 12.1426 0ZM8.71484 9.45117C9.45796 8.60498 10.8212 9.76692 10.0508 10.5947H10.0596C9.30688 11.4321 7.9434 10.2977 8.71484 9.45117Z" fill="currentColor" />;
+		$[0] = t0;
+		$[1] = t1;
+	} else {
+		t0 = $[0];
+		t1 = $[1];
+	}
+	let t2;
+	if ($[2] !== props) {
+		t2 = <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>{t0}{t1}</svg>;
+		$[2] = props;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+};
+const FullLogo = (props) => {
+	const $ = c(5);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = <title>Pyck Logo</title>;
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = <g clipPath="url(#clip0_14004_29403)"><path d="M10.8098 24.5945C9.85325 24.0459 8.76308 23.7716 7.53928 23.7716C6.44207 23.7716 5.49257 24.0107 4.6767 24.482C4.24766 24.7352 3.86786 25.0587 3.54433 25.4455V23.9545H-0.000488281V41.362H3.70609V35.3767C4.00853 35.7143 4.34613 35.9956 4.72593 36.2207C5.53477 36.6989 6.47021 36.931 7.53224 36.931C8.75605 36.931 9.84622 36.6567 10.8028 36.1081C11.7593 35.5595 12.5259 34.7999 13.0886 33.8223C13.6513 32.8446 13.9326 31.6841 13.9326 30.3408C13.9326 28.9974 13.6513 27.851 13.0886 26.8663C12.5259 25.8816 11.7663 25.115 10.8028 24.5734L10.8098 24.5945ZM9.74072 32.2538C9.44532 32.7884 9.05848 33.1963 8.57318 33.4776C8.08788 33.766 7.53928 33.9067 6.92034 33.9067C6.30141 33.9067 5.74577 33.766 5.25343 33.4776C4.7611 33.1893 4.36723 32.7813 4.07886 32.2538C3.78346 31.7193 3.63576 31.0933 3.63576 30.3619C3.63576 29.6304 3.78346 28.9833 4.07886 28.4629C4.37426 27.9424 4.7611 27.5415 5.25343 27.2602C5.74577 26.9859 6.30141 26.8452 6.92034 26.8452C7.53928 26.8452 8.08788 26.9859 8.57318 27.2602C9.05848 27.5345 9.44532 27.9354 9.74072 28.4629C10.0361 28.9833 10.1838 29.6234 10.1838 30.3619C10.1838 31.1004 10.0361 31.7193 9.74072 32.2538Z" fill="currentcolor" /><path d="M21.5786 32.6474L17.9775 23.9682H14.1725L19.6866 36.8674L19.6374 36.9729C19.3842 37.5426 19.1028 37.9505 18.7934 38.1967C18.4839 38.4429 18.076 38.5624 17.5696 38.5624C17.1898 38.5624 16.81 38.4921 16.4372 38.3514C16.0644 38.2108 15.7339 37.9998 15.4525 37.7325L14.0951 40.3982C14.5241 40.7639 15.0587 41.0452 15.7128 41.2562C16.3598 41.4602 17.0139 41.5657 17.661 41.5657C18.4347 41.5657 19.145 41.4461 19.7921 41.207C20.4322 40.9679 21.023 40.5599 21.5505 39.9832C22.085 39.4064 22.5562 38.5906 22.9642 37.5426L28.7456 23.9612H25.2008L21.5716 32.6404L21.5786 32.6474Z" fill="currentcolor" /><path d="M34.386 27.2531C34.8924 26.9788 35.455 26.8382 36.074 26.8382C36.6577 26.8382 37.1993 26.9788 37.6917 27.2531C38.184 27.5274 38.606 27.9705 38.9506 28.5754L41.8062 27.007C41.3631 25.9801 40.6386 25.1783 39.6329 24.6156C38.6271 24.0529 37.4455 23.7716 36.1021 23.7716C34.7587 23.7716 33.4998 24.06 32.4307 24.6297C31.3616 25.1994 30.5176 25.9801 29.9127 26.9577C29.3008 27.9424 28.9984 29.0748 28.9984 30.3548C28.9984 31.6349 29.3008 32.7602 29.9127 33.759C30.5247 34.7577 31.3616 35.5384 32.4307 36.1011C33.4998 36.6638 34.7236 36.9451 36.1021 36.9451C37.4807 36.9451 38.6271 36.6567 39.6329 36.087C40.6386 35.5173 41.3631 34.7226 41.8062 33.7097L38.9506 32.1413C38.599 32.7602 38.184 33.2104 37.6917 33.4847C37.1993 33.759 36.6577 33.8997 36.074 33.8997C35.455 33.8997 34.8924 33.759 34.386 33.4847C33.8796 33.2104 33.4716 32.8024 33.1762 32.2749C32.8738 31.7404 32.7261 31.1074 32.7261 30.3619C32.7261 29.6163 32.8738 28.9833 33.1762 28.4629C33.4787 27.9424 33.8796 27.5415 34.386 27.2602V27.2531Z" fill="currentcolor" /><path d="M57.4346 23.9623H53.0106L47.5879 29.0826V19.1093H43.8743V36.756H47.5879V33.5136L49.3884 31.7623L53.4115 36.756H57.9058L52.1033 29.378L57.4346 23.9623Z" fill="currentcolor" /><path d="M77.9997 2.27797C77.8027 2.33423 77.3596 2.3905 77.1627 2.41863H77.1697C60.0294 5.36561 53.6502 -6.64034 38.7535 5.66805C32.2758 1.89816 26.3185 7.29979 21.1982 10.7743C17.6042 13.243 9.69164 15.5992 11.4007 8.38996C10.606 8.71349 9.99407 9.4309 9.2415 9.8529C8.38343 10.3241 7.83483 10.1202 6.33672 11.0064C6.01319 11.1963 5.60525 11.555 5.27468 11.8574C4.97225 12.1387 4.74015 12.4412 4.50805 12.6662C3.75548 13.3274 3.39678 13.7494 3.36864 14.1362C3.33348 14.5723 3.41084 14.7763 3.57964 14.9802C4.29001 15.8594 6.21012 16.2673 8.53817 16.4924C10.3668 17.6459 3.13654 20.5366 2.04637 20.2341C1.336 19.8895 0.414631 19.6363 -0.0144043 20.5225C0.400564 21.0781 1.27973 21.4861 1.96197 21.5423C5.94285 21.5916 9.58614 18.4195 13.2083 17.3575C19.8478 16.8441 25.995 12.3216 32.3461 12.7014C36.3692 13.046 38.9856 16.2392 42.9665 17.0551C47.1443 17.6599 51.9059 16.4361 56.1751 16.9214C56.773 16.9214 58.8337 16.8722 57.406 15.8172C56.3861 14.8114 55.1412 15.4163 53.9034 15.5148C51.5823 15.6414 49.2121 15.5077 46.87 14.5301C43.1986 12.9968 42.1365 8.23522 39.0981 5.87905C51.4417 3.47364 57.8842 18.2437 77.9926 2.2639L77.9997 2.27797ZM8.07396 13.1093C7.51129 13.7423 6.49146 12.8843 7.06819 12.2442C7.62383 11.6042 8.64367 12.4834 8.06693 13.1093H8.07396Z" fill="currentcolor" /></g>;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = <defs><clipPath id="clip0_14004_29403"><rect width="78" height="41.5601" fill="white" /></clipPath></defs>;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== props) {
+		t3 = <svg viewBox="0 0 78 42" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>{t0}{t1}{t2}</svg>;
+		$[3] = props;
+		$[4] = t3;
+	} else t3 = $[4];
+	return t3;
 };
-const FullLogo = (props) => <svg viewBox="0 0 78 42" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <title>Pyck Logo</title>
-    <g clipPath="url(#clip0_14004_29403)">
-      <path d="M10.8098 24.5945C9.85325 24.0459 8.76308 23.7716 7.53928 23.7716C6.44207 23.7716 5.49257 24.0107 4.6767 24.482C4.24766 24.7352 3.86786 25.0587 3.54433 25.4455V23.9545H-0.000488281V41.362H3.70609V35.3767C4.00853 35.7143 4.34613 35.9956 4.72593 36.2207C5.53477 36.6989 6.47021 36.931 7.53224 36.931C8.75605 36.931 9.84622 36.6567 10.8028 36.1081C11.7593 35.5595 12.5259 34.7999 13.0886 33.8223C13.6513 32.8446 13.9326 31.6841 13.9326 30.3408C13.9326 28.9974 13.6513 27.851 13.0886 26.8663C12.5259 25.8816 11.7663 25.115 10.8028 24.5734L10.8098 24.5945ZM9.74072 32.2538C9.44532 32.7884 9.05848 33.1963 8.57318 33.4776C8.08788 33.766 7.53928 33.9067 6.92034 33.9067C6.30141 33.9067 5.74577 33.766 5.25343 33.4776C4.7611 33.1893 4.36723 32.7813 4.07886 32.2538C3.78346 31.7193 3.63576 31.0933 3.63576 30.3619C3.63576 29.6304 3.78346 28.9833 4.07886 28.4629C4.37426 27.9424 4.7611 27.5415 5.25343 27.2602C5.74577 26.9859 6.30141 26.8452 6.92034 26.8452C7.53928 26.8452 8.08788 26.9859 8.57318 27.2602C9.05848 27.5345 9.44532 27.9354 9.74072 28.4629C10.0361 28.9833 10.1838 29.6234 10.1838 30.3619C10.1838 31.1004 10.0361 31.7193 9.74072 32.2538Z" fill="currentcolor" />
-      <path d="M21.5786 32.6474L17.9775 23.9682H14.1725L19.6866 36.8674L19.6374 36.9729C19.3842 37.5426 19.1028 37.9505 18.7934 38.1967C18.4839 38.4429 18.076 38.5624 17.5696 38.5624C17.1898 38.5624 16.81 38.4921 16.4372 38.3514C16.0644 38.2108 15.7339 37.9998 15.4525 37.7325L14.0951 40.3982C14.5241 40.7639 15.0587 41.0452 15.7128 41.2562C16.3598 41.4602 17.0139 41.5657 17.661 41.5657C18.4347 41.5657 19.145 41.4461 19.7921 41.207C20.4322 40.9679 21.023 40.5599 21.5505 39.9832C22.085 39.4064 22.5562 38.5906 22.9642 37.5426L28.7456 23.9612H25.2008L21.5716 32.6404L21.5786 32.6474Z" fill="currentcolor" />
-      <path d="M34.386 27.2531C34.8924 26.9788 35.455 26.8382 36.074 26.8382C36.6577 26.8382 37.1993 26.9788 37.6917 27.2531C38.184 27.5274 38.606 27.9705 38.9506 28.5754L41.8062 27.007C41.3631 25.9801 40.6386 25.1783 39.6329 24.6156C38.6271 24.0529 37.4455 23.7716 36.1021 23.7716C34.7587 23.7716 33.4998 24.06 32.4307 24.6297C31.3616 25.1994 30.5176 25.9801 29.9127 26.9577C29.3008 27.9424 28.9984 29.0748 28.9984 30.3548C28.9984 31.6349 29.3008 32.7602 29.9127 33.759C30.5247 34.7577 31.3616 35.5384 32.4307 36.1011C33.4998 36.6638 34.7236 36.9451 36.1021 36.9451C37.4807 36.9451 38.6271 36.6567 39.6329 36.087C40.6386 35.5173 41.3631 34.7226 41.8062 33.7097L38.9506 32.1413C38.599 32.7602 38.184 33.2104 37.6917 33.4847C37.1993 33.759 36.6577 33.8997 36.074 33.8997C35.455 33.8997 34.8924 33.759 34.386 33.4847C33.8796 33.2104 33.4716 32.8024 33.1762 32.2749C32.8738 31.7404 32.7261 31.1074 32.7261 30.3619C32.7261 29.6163 32.8738 28.9833 33.1762 28.4629C33.4787 27.9424 33.8796 27.5415 34.386 27.2602V27.2531Z" fill="currentcolor" />
-      <path d="M57.4346 23.9623H53.0106L47.5879 29.0826V19.1093H43.8743V36.756H47.5879V33.5136L49.3884 31.7623L53.4115 36.756H57.9058L52.1033 29.378L57.4346 23.9623Z" fill="currentcolor" />
-      <path d="M77.9997 2.27797C77.8027 2.33423 77.3596 2.3905 77.1627 2.41863H77.1697C60.0294 5.36561 53.6502 -6.64034 38.7535 5.66805C32.2758 1.89816 26.3185 7.29979 21.1982 10.7743C17.6042 13.243 9.69164 15.5992 11.4007 8.38996C10.606 8.71349 9.99407 9.4309 9.2415 9.8529C8.38343 10.3241 7.83483 10.1202 6.33672 11.0064C6.01319 11.1963 5.60525 11.555 5.27468 11.8574C4.97225 12.1387 4.74015 12.4412 4.50805 12.6662C3.75548 13.3274 3.39678 13.7494 3.36864 14.1362C3.33348 14.5723 3.41084 14.7763 3.57964 14.9802C4.29001 15.8594 6.21012 16.2673 8.53817 16.4924C10.3668 17.6459 3.13654 20.5366 2.04637 20.2341C1.336 19.8895 0.414631 19.6363 -0.0144043 20.5225C0.400564 21.0781 1.27973 21.4861 1.96197 21.5423C5.94285 21.5916 9.58614 18.4195 13.2083 17.3575C19.8478 16.8441 25.995 12.3216 32.3461 12.7014C36.3692 13.046 38.9856 16.2392 42.9665 17.0551C47.1443 17.6599 51.9059 16.4361 56.1751 16.9214C56.773 16.9214 58.8337 16.8722 57.406 15.8172C56.3861 14.8114 55.1412 15.4163 53.9034 15.5148C51.5823 15.6414 49.2121 15.5077 46.87 14.5301C43.1986 12.9968 42.1365 8.23522 39.0981 5.87905C51.4417 3.47364 57.8842 18.2437 77.9926 2.2639L77.9997 2.27797ZM8.07396 13.1093C7.51129 13.7423 6.49146 12.8843 7.06819 12.2442C7.62383 11.6042 8.64367 12.4834 8.06693 13.1093H8.07396Z" fill="currentcolor" />
-    </g>
-    <defs>
-      <clipPath id="clip0_14004_29403">
-        <rect width="78" height="41.5601" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>;
 
 //#endregion
 export { FullLogo, Logo };

package/dist/components/menu/index.js

@@ -1,6 +1,7 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { t as Show } from "../../show-IaI-36v9.js";
+import { t as Show } from "../../show-DAysVQAC.js";
 import "../show/index.js";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { menu } from "@pyck/styled-system/recipes";
@@ -57,12 +58,33 @@ const Trigger = withContext(Menu.Trigger, "trigger");
 const TriggerItem = withContext(Menu.TriggerItem, "item");
 const StyledItemIndicator = withContext(Menu.ItemIndicator, "itemIndicator");
 const ItemIndicator = forwardRef(function ItemIndicator(props, ref) {
+	const $ = c(8);
 	const item = useMenuItemContext();
-	return <Show when={item.checked} fallback={<svg aria-hidden="true" focusable="false" />}>
-        <StyledItemIndicator ref={ref} {...props}>
-          <CheckIcon />
-        </StyledItemIndicator>
-      </Show>;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = <svg aria-hidden="true" focusable="false" />;
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = <CheckIcon />;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== props || $[3] !== ref) {
+		t2 = <StyledItemIndicator ref={ref} {...props}>{t1}</StyledItemIndicator>;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== item.checked || $[6] !== t2) {
+		t3 = <Show when={item.checked} fallback={t0}>{t2}</Show>;
+		$[5] = item.checked;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 });
 
 //#endregion

package/dist/components/number-input/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 { numberInput } from "@pyck/styled-system/recipes";
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
@@ -37,14 +38,52 @@ const Control = withContext(NumberInput$1.Control, "control", { defaultProps: {
 //#endregion
 //#region src/components/number-input/number-input.field.tsx
 const NumberInputField = (props) => {
-	const { name, label, helperText, disabled, ...numberInputProps } = props;
+	const $ = c(15);
+	let disabled;
+	let helperText;
+	let label;
+	let name;
+	let numberInputProps;
+	if ($[0] !== props) {
+		({name, label, helperText, disabled, ...numberInputProps} = props);
+		$[0] = props;
+		$[1] = disabled;
+		$[2] = helperText;
+		$[3] = label;
+		$[4] = name;
+		$[5] = numberInputProps;
+	} else {
+		disabled = $[1];
+		helperText = $[2];
+		label = $[3];
+		name = $[4];
+		numberInputProps = $[5];
+	}
 	const { control } = useFormContext();
-	return <Controller name={name} control={control} render={({ field, fieldState }) => <Field label={label} helperText={helperText} disabled={field.disabled || disabled} invalid={!!fieldState.error} errorText={fieldState.error?.message} required={numberInputProps.required}>
-          <NumberInput.Root {...numberInputProps} name={field.name} value={field.value} onValueChange={({ valueAsNumber }) => field.onChange(valueAsNumber)}>
-            <NumberInput.Control />
-            <NumberInput.Input onBlur={field.onBlur} />
-          </NumberInput.Root>
-        </Field>} />;
+	let t0;
+	if ($[6] !== disabled || $[7] !== helperText || $[8] !== label || $[9] !== numberInputProps) {
+		t0 = (t1) => {
+			const { field, fieldState } = t1;
+			return <Field label={label} helperText={helperText} disabled={field.disabled || disabled} invalid={!!fieldState.error} errorText={fieldState.error?.message} required={numberInputProps.required}><NumberInput.Root {...numberInputProps} name={field.name} value={field.value} onValueChange={(t2) => {
+				const { valueAsNumber } = t2;
+				return field.onChange(valueAsNumber);
+			}}><NumberInput.Control /><NumberInput.Input onBlur={field.onBlur} /></NumberInput.Root></Field>;
+		};
+		$[6] = disabled;
+		$[7] = helperText;
+		$[8] = label;
+		$[9] = numberInputProps;
+		$[10] = t0;
+	} else t0 = $[10];
+	let t1;
+	if ($[11] !== control || $[12] !== name || $[13] !== t0) {
+		t1 = <Controller name={name} control={control} render={t0} />;
+		$[11] = control;
+		$[12] = name;
+		$[13] = t0;
+		$[14] = t1;
+	} else t1 = $[14];
+	return t1;
 };
 
 //#endregion

package/dist/components/page-header/index.js

@@ -1,21 +1,54 @@
+import { c } from "react/compiler-runtime";
 import { Stack } from "@pyck/styled-system/jsx";
 import { Show } from "@pyck/react/show";
 import { Heading } from "@pyck/react/heading";
 import { Text } from "@pyck/react/text";
 
 //#region src/components/page-header/page-header.tsx
-const PageHeader = ({ title, description, tagline, textAlign }) => {
-	return <Stack gap="4" textAlign={textAlign}>
-      <Show when={tagline}>{tagline}</Show>
-      <Stack gap="1">
-        <Heading as="h1" textStyle="2xl" fontWeight="semibold">
-          {title}
-        </Heading>
-        <Show when={description}>
-          <Text color="fg.muted">{description}</Text>
-        </Show>
-      </Stack>
-    </Stack>;
+const PageHeader = (t0) => {
+	const $ = c(16);
+	const { title, description, tagline, textAlign } = t0;
+	let t1;
+	if ($[0] !== tagline) {
+		t1 = <Show when={tagline}>{tagline}</Show>;
+		$[0] = tagline;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== title) {
+		t2 = <Heading as="h1" textStyle="2xl" fontWeight="semibold">{title}</Heading>;
+		$[2] = title;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== description) {
+		t3 = <Text color="fg.muted">{description}</Text>;
+		$[4] = description;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== description || $[7] !== t3) {
+		t4 = <Show when={description}>{t3}</Show>;
+		$[6] = description;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t2 || $[10] !== t4) {
+		t5 = <Stack gap="1">{t2}{t4}</Stack>;
+		$[9] = t2;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t1 || $[13] !== t5 || $[14] !== textAlign) {
+		t6 = <Stack gap="4" textAlign={textAlign}>{t1}{t5}</Stack>;
+		$[12] = t1;
+		$[13] = t5;
+		$[14] = textAlign;
+		$[15] = t6;
+	} else t6 = $[15];
+	return t6;
 };
 
 //#endregion