@pyck/react 0.0.5 → 0.0.6

package/dist/checkmark-fJPHeX8N.js

@@ -0,0 +1,62 @@
+import { c } from "react/compiler-runtime";
+import { forwardRef } from "react";
+import { ark } from "@ark-ui/react/factory";
+import { styled } from "@pyck/styled-system/jsx";
+import { checkmark } from "@pyck/styled-system/recipes";
+import { dataAttr } from "@pyck/react/utils";
+
+//#region src/components/checkmark/checkmark.tsx
+const StyledCheckmark = styled(ark.svg, checkmark);
+const Checkmark = forwardRef(function Checkmark(props, ref) {
+	const $ = c(17);
+	let checked;
+	let disabled;
+	let indeterminate;
+	let rest;
+	if ($[0] !== props) {
+		({checked, indeterminate, disabled, ...rest} = props);
+		$[0] = props;
+		$[1] = checked;
+		$[2] = disabled;
+		$[3] = indeterminate;
+		$[4] = rest;
+	} else {
+		checked = $[1];
+		disabled = $[2];
+		indeterminate = $[3];
+		rest = $[4];
+	}
+	const t0 = indeterminate ? "indeterminate" : checked ? "checked" : "unchecked";
+	let t1;
+	if ($[5] !== disabled) {
+		t1 = dataAttr(disabled);
+		$[5] = disabled;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = <title>Checkmark</title>;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== checked || $[9] !== indeterminate) {
+		t3 = indeterminate ? <path d="M5 12h14" /> : checked ? <path d="M20 6 9 17l-5-5" /> : null;
+		$[8] = checked;
+		$[9] = indeterminate;
+		$[10] = t3;
+	} else t3 = $[10];
+	let t4;
+	if ($[11] !== ref || $[12] !== rest || $[13] !== t0 || $[14] !== t1 || $[15] !== t3) {
+		t4 = <StyledCheckmark ref={ref} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3px" strokeLinecap="round" strokeLinejoin="round" data-state={t0} data-disabled={t1} {...rest}>{t2}{t3}</StyledCheckmark>;
+		$[11] = ref;
+		$[12] = rest;
+		$[13] = t0;
+		$[14] = t1;
+		$[15] = t3;
+		$[16] = t4;
+	} else t4 = $[16];
+	return t4;
+});
+
+//#endregion
+export { Checkmark as t };

package/dist/close-button-r3blTfSH.js

@@ -0,0 +1,141 @@
+import { createContext, mergeProps } from "@ark-ui/react/utils";
+import { c } from "react/compiler-runtime";
+import { forwardRef, useMemo } from "react";
+import { ark } from "@ark-ui/react/factory";
+import { styled } from "@pyck/styled-system/jsx";
+import { button } from "@pyck/styled-system/recipes";
+import { XIcon } from "lucide-react";
+import { Loader } from "@pyck/react/loader";
+import { Group } from "@pyck/react/group";
+
+//#region src/components/button/button-group.tsx
+const ButtonGroup = forwardRef(function ButtonGroup(props, ref) {
+	const $ = c(8);
+	let t0;
+	if ($[0] !== props) {
+		t0 = button.splitVariantProps(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	const [variantProps, otherProps] = t0;
+	let t1;
+	if ($[2] !== otherProps || $[3] !== ref) {
+		t1 = <Group ref={ref} {...otherProps} />;
+		$[2] = otherProps;
+		$[3] = ref;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== t1 || $[6] !== variantProps) {
+		t2 = <ButtonPropsProvider value={variantProps}>{t1}</ButtonPropsProvider>;
+		$[5] = t1;
+		$[6] = variantProps;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+});
+const [ButtonPropsProvider, useButtonPropsContext] = createContext({
+	name: "ButtonPropsContext",
+	hookName: "useButtonPropsContext",
+	providerName: "<PropsProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/button/button.tsx
+const BaseButton = styled(ark.button, button);
+const Button = forwardRef(function Button(props, ref) {
+	const $ = c(23);
+	const propsContext = useButtonPropsContext();
+	let t0;
+	if ($[0] !== props || $[1] !== propsContext) {
+		t0 = mergeProps(propsContext, props);
+		$[0] = props;
+		$[1] = propsContext;
+		$[2] = t0;
+	} else t0 = $[2];
+	const buttonProps = t0;
+	let children;
+	let loading;
+	let loadingText;
+	let rest;
+	let spinner;
+	let spinnerPlacement;
+	if ($[3] !== buttonProps) {
+		({loading, loadingText, children, spinner, spinnerPlacement, ...rest} = buttonProps);
+		$[3] = buttonProps;
+		$[4] = children;
+		$[5] = loading;
+		$[6] = loadingText;
+		$[7] = rest;
+		$[8] = spinner;
+		$[9] = spinnerPlacement;
+	} else {
+		children = $[4];
+		loading = $[5];
+		loadingText = $[6];
+		rest = $[7];
+		spinner = $[8];
+		spinnerPlacement = $[9];
+	}
+	const t1 = loading ? "" : void 0;
+	const t2 = loading || rest.disabled;
+	let t3;
+	if ($[10] !== children || $[11] !== loading || $[12] !== loadingText || $[13] !== props.asChild || $[14] !== spinner || $[15] !== spinnerPlacement) {
+		t3 = !props.asChild && loading ? <Loader spinner={spinner} text={loadingText} spinnerPlacement={spinnerPlacement}>{children}</Loader> : children;
+		$[10] = children;
+		$[11] = loading;
+		$[12] = loadingText;
+		$[13] = props.asChild;
+		$[14] = spinner;
+		$[15] = spinnerPlacement;
+		$[16] = t3;
+	} else t3 = $[16];
+	let t4;
+	if ($[17] !== ref || $[18] !== rest || $[19] !== t1 || $[20] !== t2 || $[21] !== t3) {
+		t4 = <BaseButton type="button" ref={ref} {...rest} data-loading={t1} disabled={t2}>{t3}</BaseButton>;
+		$[17] = ref;
+		$[18] = rest;
+		$[19] = t1;
+		$[20] = t2;
+		$[21] = t3;
+		$[22] = t4;
+	} else t4 = $[22];
+	return t4;
+});
+
+//#endregion
+//#region src/components/button/icon-button.tsx
+const IconButton = forwardRef(function IconButton(props, ref) {
+	const $ = c(3);
+	let t0;
+	if ($[0] !== props || $[1] !== ref) {
+		t0 = <Button px="0" py="0" ref={ref} {...props} />;
+		$[0] = props;
+		$[1] = ref;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+});
+
+//#endregion
+//#region src/components/button/close-button.tsx
+const CloseButton = forwardRef(function CloseButton(props, ref) {
+	const $ = c(4);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = <XIcon />;
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props || $[2] !== ref) {
+		t1 = <IconButton variant="plain" color="fg.muted" aria-label="Close" ref={ref} {...props}>{t0}</IconButton>;
+		$[1] = props;
+		$[2] = ref;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+});
+
+//#endregion
+export { ButtonGroup as i, IconButton as n, Button as r, CloseButton as t };

package/dist/components/avatar/index.js

@@ -1,4 +1,5 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { avatar } from "@pyck/styled-system/recipes";
@@ -23,11 +24,42 @@ const Image = withContext(Avatar$1.Image, "image", { defaultProps: {
 } });
 const StyledFallback = withContext(Avatar$1.Fallback, "fallback");
 const Fallback = forwardRef(function Fallback(props, ref) {
-	const { name, children, asChild, ...rest } = props;
-	const fallbackContent = children || asChild ? children : name ? getInitials(name) : <UserIcon />;
-	return <StyledFallback ref={ref} {...rest}>
-      {fallbackContent}
-    </StyledFallback>;
+	const $ = c(13);
+	let asChild;
+	let children;
+	let name;
+	let rest;
+	if ($[0] !== props) {
+		({name, children, asChild, ...rest} = props);
+		$[0] = props;
+		$[1] = asChild;
+		$[2] = children;
+		$[3] = name;
+		$[4] = rest;
+	} else {
+		asChild = $[1];
+		children = $[2];
+		name = $[3];
+		rest = $[4];
+	}
+	let t0;
+	if ($[5] !== asChild || $[6] !== children || $[7] !== name) {
+		t0 = children || asChild ? children : name ? getInitials(name) : <UserIcon />;
+		$[5] = asChild;
+		$[6] = children;
+		$[7] = name;
+		$[8] = t0;
+	} else t0 = $[8];
+	const fallbackContent = t0;
+	let t1;
+	if ($[9] !== fallbackContent || $[10] !== ref || $[11] !== rest) {
+		t1 = <StyledFallback ref={ref} {...rest}>{fallbackContent}</StyledFallback>;
+		$[9] = fallbackContent;
+		$[10] = ref;
+		$[11] = rest;
+		$[12] = t1;
+	} else t1 = $[12];
+	return t1;
 });
 const getInitials = (name) => {
 	const trimmedName = name.trim();
@@ -41,12 +73,65 @@ const getInitials = (name) => {
 //#endregion
 //#region src/components/avatar/avatar.closed.tsx
 const Avatar = forwardRef(function Avatar(props, ref) {
-	const { name, src, srcSet, loading, icon, fallback, children, ...rest } = props;
-	return <avatar_exports.Root ref={ref} {...rest}>
-      <avatar_exports.Fallback name={name}>{fallback || icon}</avatar_exports.Fallback>
-      <avatar_exports.Image src={src ?? void 0} srcSet={srcSet} loading={loading} alt={name} />
-      {children}
-    </avatar_exports.Root>;
+	const $ = c(23);
+	let children;
+	let fallback;
+	let icon;
+	let loading;
+	let name;
+	let rest;
+	let src;
+	let srcSet;
+	if ($[0] !== props) {
+		({name, src, srcSet, loading, icon, fallback, children, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = fallback;
+		$[3] = icon;
+		$[4] = loading;
+		$[5] = name;
+		$[6] = rest;
+		$[7] = src;
+		$[8] = srcSet;
+	} else {
+		children = $[1];
+		fallback = $[2];
+		icon = $[3];
+		loading = $[4];
+		name = $[5];
+		rest = $[6];
+		src = $[7];
+		srcSet = $[8];
+	}
+	const t0 = fallback || icon;
+	let t1;
+	if ($[9] !== name || $[10] !== t0) {
+		t1 = <avatar_exports.Fallback name={name}>{t0}</avatar_exports.Fallback>;
+		$[9] = name;
+		$[10] = t0;
+		$[11] = t1;
+	} else t1 = $[11];
+	const t2 = src ?? void 0;
+	let t3;
+	if ($[12] !== loading || $[13] !== name || $[14] !== srcSet || $[15] !== t2) {
+		t3 = <avatar_exports.Image src={t2} srcSet={srcSet} loading={loading} alt={name} />;
+		$[12] = loading;
+		$[13] = name;
+		$[14] = srcSet;
+		$[15] = t2;
+		$[16] = t3;
+	} else t3 = $[16];
+	let t4;
+	if ($[17] !== children || $[18] !== ref || $[19] !== rest || $[20] !== t1 || $[21] !== t3) {
+		t4 = <avatar_exports.Root ref={ref} {...rest}>{t1}{t3}{children}</avatar_exports.Root>;
+		$[17] = children;
+		$[18] = ref;
+		$[19] = rest;
+		$[20] = t1;
+		$[21] = t3;
+		$[22] = t4;
+	} else t4 = $[22];
+	return t4;
 });
 
 //#endregion

package/dist/components/button/index.js

@@ -1,3 +1,3 @@
-import { i as ButtonGroup, n as IconButton, r as Button, t as CloseButton } from "../../close-button-BM7ikbYh.js";
+import { i as ButtonGroup, n as IconButton, r as Button, t as CloseButton } from "../../close-button-r3blTfSH.js";
 
 export { Button, ButtonGroup, CloseButton, IconButton };

package/dist/components/carousel/index.js

@@ -1,6 +1,7 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { n as IconButton } from "../../close-button-BM7ikbYh.js";
+import { n as IconButton } from "../../close-button-r3blTfSH.js";
 import "../button/index.js";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { ark } from "@ark-ui/react/factory";
 import { createStyleContext } from "@pyck/styled-system/jsx";
@@ -35,18 +36,26 @@ const Indicator = withContext(Carousel.Indicator, "indicator");
 const Item = withContext(Carousel.Item, "item");
 const ItemGroup = withContext(Carousel.ItemGroup, "itemGroup");
 const NextTriggerChild = () => {
-	return <IconButton size="sm" variant="plain" aria-label="Next slide">
-      <ChevronRightIcon />
-    </IconButton>;
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = <IconButton size="sm" variant="plain" aria-label="Next slide"><ChevronRightIcon /></IconButton>;
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 };
 const NextTrigger = withContext(Carousel.NextTrigger, "nextTrigger", { defaultProps: {
 	asChild: true,
 	children: <NextTriggerChild />
 } });
 const PrevTriggerChild = () => {
-	return <IconButton size="sm" variant="plain" aria-label="Previous slide">
-      <ChevronLeftIcon />
-    </IconButton>;
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = <IconButton size="sm" variant="plain" aria-label="Previous slide"><ChevronLeftIcon /></IconButton>;
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 };
 const PrevTrigger = withContext(Carousel.PrevTrigger, "prevTrigger", { defaultProps: {
 	asChild: true,
@@ -55,11 +64,27 @@ const PrevTrigger = withContext(Carousel.PrevTrigger, "prevTrigger", { defaultPr
 const Image = withContext(ark.img, "image");
 const StyledIndicatorGroup = withContext(Carousel.IndicatorGroup, "indicatorGroup");
 const IndicatorGroup = forwardRef((props, ref) => {
+	const $ = c(6);
 	const carousel = useCarouselContext();
-	return <StyledIndicatorGroup {...props} ref={ref}>
-        {carousel.pageSnapPoints.map((_, index) => <Indicator key={index} index={index} />)}
-      </StyledIndicatorGroup>;
+	let t0;
+	if ($[0] !== carousel.pageSnapPoints) {
+		t0 = carousel.pageSnapPoints.map(_temp);
+		$[0] = carousel.pageSnapPoints;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== props || $[3] !== ref || $[4] !== t0) {
+		t1 = <StyledIndicatorGroup {...props} ref={ref}>{t0}</StyledIndicatorGroup>;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
 });
+function _temp(_, index) {
+	return <Indicator key={index} index={index} />;
+}
 
 //#endregion
 export { carousel_exports as Carousel };

package/dist/components/checkbox/index.js

@@ -1,4 +1,5 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { VisuallyHidden, createStyleContext, styled } from "@pyck/styled-system/jsx";
 import { checkbox } from "@pyck/styled-system/recipes";
@@ -26,41 +27,121 @@ const Group = withProvider(Checkbox$1.Group, "group");
 const Label = withContext(Checkbox$1.Label, "label");
 const HiddenInput = Checkbox$1.HiddenInput;
 const Indicator = forwardRef(function Indicator(props, ref) {
+	const $ = c(11);
 	const { indeterminate, checked } = useCheckboxContext();
-	return <Checkbox$1.Indicator indeterminate={indeterminate} asChild>
-        <styled.svg ref={ref} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3px" strokeLinecap="round" strokeLinejoin="round" {...props}>
-          <title>Checkmark</title>
-          {indeterminate ? <path d="M5 12h14" /> : checked ? <path d="M20 6 9 17l-5-5" /> : null}
-        </styled.svg>
-      </Checkbox$1.Indicator>;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = <title>Checkmark</title>;
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== checked || $[2] !== indeterminate) {
+		t1 = indeterminate ? <path d="M5 12h14" /> : checked ? <path d="M20 6 9 17l-5-5" /> : null;
+		$[1] = checked;
+		$[2] = indeterminate;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== props || $[5] !== ref || $[6] !== t1) {
+		t2 = <styled.svg ref={ref} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3px" strokeLinecap="round" strokeLinejoin="round" {...props}>{t0}{t1}</styled.svg>;
+		$[4] = props;
+		$[5] = ref;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== indeterminate || $[9] !== t2) {
+		t3 = <Checkbox$1.Indicator indeterminate={indeterminate} asChild={true}>{t2}</Checkbox$1.Indicator>;
+		$[8] = indeterminate;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
 });
 
 //#endregion
 //#region src/components/checkbox/checkbox.closed.tsx
 const Checkbox = forwardRef(function Checkbox(props, ref) {
-	const { children, inputProps, ...rootProps } = props;
-	return <checkbox_exports.Root {...rootProps}>
-      <checkbox_exports.HiddenInput ref={ref} {...inputProps} />
-      <checkbox_exports.Control>
-        <checkbox_exports.Indicator />
-      </checkbox_exports.Control>
-      {children && <checkbox_exports.Label>{children}</checkbox_exports.Label>}
-      {props["aria-label"] && <checkbox_exports.Label asChild>
-          <VisuallyHidden>{props["aria-label"]}</VisuallyHidden>
-        </checkbox_exports.Label>}
-    </checkbox_exports.Root>;
+	const $ = c(17);
+	let children;
+	let inputProps;
+	let rootProps;
+	if ($[0] !== props) {
+		({children, inputProps, ...rootProps} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = inputProps;
+		$[3] = rootProps;
+	} else {
+		children = $[1];
+		inputProps = $[2];
+		rootProps = $[3];
+	}
+	let t0;
+	if ($[4] !== inputProps || $[5] !== ref) {
+		t0 = <checkbox_exports.HiddenInput ref={ref} {...inputProps} />;
+		$[4] = inputProps;
+		$[5] = ref;
+		$[6] = t0;
+	} else t0 = $[6];
+	let t1;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = <checkbox_exports.Control><checkbox_exports.Indicator /></checkbox_exports.Control>;
+		$[7] = t1;
+	} else t1 = $[7];
+	let t2;
+	if ($[8] !== children) {
+		t2 = children && <checkbox_exports.Label>{children}</checkbox_exports.Label>;
+		$[8] = children;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== props) {
+		t3 = props["aria-label"] && <checkbox_exports.Label asChild={true}><VisuallyHidden>{props["aria-label"]}</VisuallyHidden></checkbox_exports.Label>;
+		$[10] = props;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[12] !== rootProps || $[13] !== t0 || $[14] !== t2 || $[15] !== t3) {
+		t4 = <checkbox_exports.Root {...rootProps}>{t0}{t1}{t2}{t3}</checkbox_exports.Root>;
+		$[12] = rootProps;
+		$[13] = t0;
+		$[14] = t2;
+		$[15] = t3;
+		$[16] = t4;
+	} else t4 = $[16];
+	return t4;
 });
 
 //#endregion
 //#region src/components/checkbox/checkbox.field.tsx
 const CheckboxField = (props) => {
+	const $ = c(11);
 	const { name, label, helperText, hideLabel, disabled, checkboxProps, required } = props;
 	const { control } = useFormContext();
-	return <Controller name={name} control={control} render={({ field, fieldState }) => <Field helperText={helperText} disabled={disabled} invalid={!!fieldState.error} errorText={fieldState.error?.message} hideLabel={hideLabel} required={required}>
-          <Checkbox$2 size="xs" checked={!!field.value} onCheckedChange={(e) => field.onChange(e.checked)} {...checkboxProps}>
-            {label}
-          </Checkbox$2>
-        </Field>} />;
+	let t0;
+	if ($[0] !== checkboxProps || $[1] !== disabled || $[2] !== helperText || $[3] !== hideLabel || $[4] !== label || $[5] !== required) {
+		t0 = (t1) => {
+			const { field, fieldState } = t1;
+			return <Field helperText={helperText} disabled={disabled} invalid={!!fieldState.error} errorText={fieldState.error?.message} hideLabel={hideLabel} required={required}><Checkbox$2 size="xs" checked={!!field.value} onCheckedChange={(e) => field.onChange(e.checked)} {...checkboxProps}>{label}</Checkbox$2></Field>;
+		};
+		$[0] = checkboxProps;
+		$[1] = disabled;
+		$[2] = helperText;
+		$[3] = hideLabel;
+		$[4] = label;
+		$[5] = required;
+		$[6] = t0;
+	} else t0 = $[6];
+	let t1;
+	if ($[7] !== control || $[8] !== name || $[9] !== t0) {
+		t1 = <Controller name={name} control={control} render={t0} />;
+		$[7] = control;
+		$[8] = name;
+		$[9] = t0;
+		$[10] = t1;
+	} else t1 = $[10];
+	return t1;
 };
 
 //#endregion

package/dist/components/checkmark/index.js

@@ -1,3 +1,3 @@
-import { t as Checkmark } from "../../checkmark-CW-yHMvN.js";
+import { t as Checkmark } from "../../checkmark-fJPHeX8N.js";
 
 export { Checkmark };

package/dist/components/combobox/index.js

@@ -1,6 +1,7 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { t as Checkmark } from "../../checkmark-CW-yHMvN.js";
+import { t as Checkmark } from "../../checkmark-fJPHeX8N.js";
 import "../checkmark/index.js";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { ark } from "@ark-ui/react/factory";
 import { createStyleContext } from "@pyck/styled-system/jsx";
@@ -45,12 +46,35 @@ const ItemGroup = withContext(Combobox.ItemGroup, "itemGroup");
 const ItemGroupLabel = withContext(Combobox.ItemGroupLabel, "itemGroupLabel");
 const StyledItemIndicator = withContext(Combobox.ItemIndicator, "itemIndicator");
 const ItemIndicator = forwardRef(function ItemIndicator(props, ref) {
+	const $ = c(10);
 	const item = useComboboxItemContext();
-	return <Show when={item.selected} fallback={<Checkmark size="sm" />}>
-        <StyledItemIndicator ref={ref} asChild {...props}>
-          <Checkmark size="sm" checked={item.selected} />
-        </StyledItemIndicator>
-      </Show>;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = <Checkmark size="sm" />;
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== item.selected) {
+		t1 = <Checkmark size="sm" checked={item.selected} />;
+		$[1] = item.selected;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== props || $[4] !== ref || $[5] !== t1) {
+		t2 = <StyledItemIndicator ref={ref} asChild={true} {...props}>{t1}</StyledItemIndicator>;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== item.selected || $[8] !== t2) {
+		t3 = <Show when={item.selected} fallback={t0}>{t2}</Show>;
+		$[7] = item.selected;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 });
 const ItemText = withContext(Combobox.ItemText, "itemText");
 const Label = withContext(Combobox.Label, "label");

package/dist/components/data-list/index.js

@@ -1,8 +1,9 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { t as DisplayValue } from "../../display-value-BNKxQ99u.js";
-import { t as DisplayDateValue } from "../../display-date-value-gTlidtNz.js";
+import { t as DisplayValue } from "../../display-value-Bz71ZqgM.js";
+import { t as DisplayDateValue } from "../../display-date-value-BAU46P8s.js";
 import "../display-date-value/index.js";
 import "../display-value/index.js";
+import { c } from "react/compiler-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { dataList } from "@pyck/styled-system/recipes";
@@ -25,14 +26,24 @@ const Item = withContext(ark.div, "item");
 const Term = withContext(ark.dt, "term");
 const StyledValue = withContext(ark.dd, "value");
 const Value = (props) => {
-	return <StyledValue>
-      <DisplayValue copyable {...props} />
-    </StyledValue>;
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = <StyledValue><DisplayValue copyable={true} {...props} /></StyledValue>;
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 };
 const DateValue = (props) => {
-	return <StyledValue>
-      <DisplayDateValue {...props} />
-    </StyledValue>;
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = <StyledValue><DisplayDateValue {...props} /></StyledValue>;
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 };
 
 //#endregion

package/dist/components/date-picker/index.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { n as IconButton, r as Button } from "../../close-button-BM7ikbYh.js";
+import { n as IconButton, r as Button } from "../../close-button-r3blTfSH.js";
 import "../button/index.js";
 import { DatePicker, DatePickerContext as Context } from "@ark-ui/react/date-picker";
 import { createStyleContext } from "@pyck/styled-system/jsx";