@pyck/react 0.0.6 → 0.0.8

package/dist/{checkmark-fJPHeX8N.js → checkmark-rF75Pk98.js}

@@ -3,6 +3,7 @@ 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 { jsx, jsxs } from "react/jsx-runtime";
 import { dataAttr } from "@pyck/react/utils";
 
 //#region src/components/checkmark/checkmark.tsx
@@ -35,19 +36,31 @@ const Checkmark = forwardRef(function Checkmark(props, ref) {
 	} else t1 = $[6];
 	let t2;
 	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = <title>Checkmark</title>;
+		t2 = /* @__PURE__ */ jsx("title", { children: "Checkmark" });
 		$[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;
+		t3 = indeterminate ? /* @__PURE__ */ jsx("path", { d: "M5 12h14" }) : checked ? /* @__PURE__ */ jsx("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>;
+		t4 = /* @__PURE__ */ jsxs(StyledCheckmark, {
+			ref,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "3px",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			"data-state": t0,
+			"data-disabled": t1,
+			...rest,
+			children: [t2, t3]
+		});
 		$[11] = ref;
 		$[12] = rest;
 		$[13] = t0;

package/dist/{close-button-r3blTfSH.js → close-button-DAgpEZYq.js}

@@ -5,6 +5,7 @@ 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 { jsx } from "react/jsx-runtime";
 import { Loader } from "@pyck/react/loader";
 import { Group } from "@pyck/react/group";
 
@@ -20,14 +21,20 @@ const ButtonGroup = forwardRef(function ButtonGroup(props, ref) {
 	const [variantProps, otherProps] = t0;
 	let t1;
 	if ($[2] !== otherProps || $[3] !== ref) {
-		t1 = <Group ref={ref} {...otherProps} />;
+		t1 = /* @__PURE__ */ jsx(Group, {
+			ref,
+			...otherProps
+		});
 		$[2] = otherProps;
 		$[3] = ref;
 		$[4] = t1;
 	} else t1 = $[4];
 	let t2;
 	if ($[5] !== t1 || $[6] !== variantProps) {
-		t2 = <ButtonPropsProvider value={variantProps}>{t1}</ButtonPropsProvider>;
+		t2 = /* @__PURE__ */ jsx(ButtonPropsProvider, {
+			value: variantProps,
+			children: t1
+		});
 		$[5] = t1;
 		$[6] = variantProps;
 		$[7] = t2;
@@ -82,7 +89,12 @@ const Button = forwardRef(function Button(props, ref) {
 	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;
+		t3 = !props.asChild && loading ? /* @__PURE__ */ jsx(Loader, {
+			spinner,
+			text: loadingText,
+			spinnerPlacement,
+			children
+		}) : children;
 		$[10] = children;
 		$[11] = loading;
 		$[12] = loadingText;
@@ -93,7 +105,14 @@ const Button = forwardRef(function Button(props, ref) {
 	} 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>;
+		t4 = /* @__PURE__ */ jsx(BaseButton, {
+			type: "button",
+			ref,
+			...rest,
+			"data-loading": t1,
+			disabled: t2,
+			children: t3
+		});
 		$[17] = ref;
 		$[18] = rest;
 		$[19] = t1;
@@ -110,7 +129,12 @@ 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} />;
+		t0 = /* @__PURE__ */ jsx(Button, {
+			px: "0",
+			py: "0",
+			ref,
+			...props
+		});
 		$[0] = props;
 		$[1] = ref;
 		$[2] = t0;
@@ -124,12 +148,19 @@ const CloseButton = forwardRef(function CloseButton(props, ref) {
 	const $ = c(4);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = <XIcon />;
+		t0 = /* @__PURE__ */ jsx(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>;
+		t1 = /* @__PURE__ */ jsx(IconButton, {
+			variant: "plain",
+			color: "fg.muted",
+			"aria-label": "Close",
+			ref,
+			...props,
+			children: t0
+		});
 		$[1] = props;
 		$[2] = ref;
 		$[3] = t1;

package/dist/components/avatar/index.js

@@ -1,19 +1,12 @@
-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";
-import { Avatar as Avatar$1, AvatarContext as Context } from "@ark-ui/react/avatar";
+import { Avatar as Avatar$1 } from "@ark-ui/react/avatar";
 import { UserIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/avatar/avatar.tsx
-var avatar_exports = /* @__PURE__ */ __exportAll({
-	Context: () => Context,
-	Fallback: () => Fallback,
-	Image: () => Image,
-	Root: () => Root,
-	RootProvider: () => RootProvider
-});
 const { withProvider, withContext } = createStyleContext(avatar);
 const Root = withProvider(Avatar$1.Root, "root");
 const RootProvider = withProvider(Avatar$1.RootProvider, "root");
@@ -44,7 +37,7 @@ const Fallback = forwardRef(function Fallback(props, ref) {
 	}
 	let t0;
 	if ($[5] !== asChild || $[6] !== children || $[7] !== name) {
-		t0 = children || asChild ? children : name ? getInitials(name) : <UserIcon />;
+		t0 = children || asChild ? children : name ? getInitials(name) : /* @__PURE__ */ jsx(UserIcon, {});
 		$[5] = asChild;
 		$[6] = children;
 		$[7] = name;
@@ -53,7 +46,11 @@ const Fallback = forwardRef(function Fallback(props, ref) {
 	const fallbackContent = t0;
 	let t1;
 	if ($[9] !== fallbackContent || $[10] !== ref || $[11] !== rest) {
-		t1 = <StyledFallback ref={ref} {...rest}>{fallbackContent}</StyledFallback>;
+		t1 = /* @__PURE__ */ jsx(StyledFallback, {
+			ref,
+			...rest,
+			children: fallbackContent
+		});
 		$[9] = fallbackContent;
 		$[10] = ref;
 		$[11] = rest;
@@ -106,7 +103,10 @@ const Avatar = forwardRef(function Avatar(props, ref) {
 	const t0 = fallback || icon;
 	let t1;
 	if ($[9] !== name || $[10] !== t0) {
-		t1 = <avatar_exports.Fallback name={name}>{t0}</avatar_exports.Fallback>;
+		t1 = /* @__PURE__ */ jsx(Fallback, {
+			name,
+			children: t0
+		});
 		$[9] = name;
 		$[10] = t0;
 		$[11] = t1;
@@ -114,7 +114,12 @@ const Avatar = forwardRef(function Avatar(props, ref) {
 	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} />;
+		t3 = /* @__PURE__ */ jsx(Image, {
+			src: t2,
+			srcSet,
+			loading,
+			alt: name
+		});
 		$[12] = loading;
 		$[13] = name;
 		$[14] = srcSet;
@@ -123,7 +128,15 @@ const Avatar = forwardRef(function Avatar(props, ref) {
 	} 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>;
+		t4 = /* @__PURE__ */ jsxs(Root, {
+			ref,
+			...rest,
+			children: [
+				t1,
+				t3,
+				children
+			]
+		});
 		$[17] = children;
 		$[18] = ref;
 		$[19] = rest;

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-r3blTfSH.js";
+import { i as ButtonGroup, n as IconButton, r as Button, t as CloseButton } from "../../close-button-DAgpEZYq.js";
 
 export { Button, ButtonGroup, CloseButton, IconButton };

package/dist/components/carousel/index.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { n as IconButton } from "../../close-button-r3blTfSH.js";
+import { n as IconButton } from "../../close-button-DAgpEZYq.js";
 import "../button/index.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
@@ -7,6 +7,7 @@ import { ark } from "@ark-ui/react/factory";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { carousel } from "@pyck/styled-system/recipes";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 import { Carousel, CarouselContext as Context, useCarouselContext } from "@ark-ui/react/carousel";
 
 //#region src/components/carousel/carousel.tsx
@@ -39,27 +40,37 @@ const NextTriggerChild = () => {
 	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>;
+		t0 = /* @__PURE__ */ jsx(IconButton, {
+			size: "sm",
+			variant: "plain",
+			"aria-label": "Next slide",
+			children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+		});
 		$[0] = t0;
 	} else t0 = $[0];
 	return t0;
 };
 const NextTrigger = withContext(Carousel.NextTrigger, "nextTrigger", { defaultProps: {
 	asChild: true,
-	children: <NextTriggerChild />
+	children: /* @__PURE__ */ jsx(NextTriggerChild, {})
 } });
 const PrevTriggerChild = () => {
 	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>;
+		t0 = /* @__PURE__ */ jsx(IconButton, {
+			size: "sm",
+			variant: "plain",
+			"aria-label": "Previous slide",
+			children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+		});
 		$[0] = t0;
 	} else t0 = $[0];
 	return t0;
 };
 const PrevTrigger = withContext(Carousel.PrevTrigger, "prevTrigger", { defaultProps: {
 	asChild: true,
-	children: <PrevTriggerChild />
+	children: /* @__PURE__ */ jsx(PrevTriggerChild, {})
 } });
 const Image = withContext(ark.img, "image");
 const StyledIndicatorGroup = withContext(Carousel.IndicatorGroup, "indicatorGroup");
@@ -74,7 +85,11 @@ const IndicatorGroup = forwardRef((props, ref) => {
 	} else t0 = $[1];
 	let t1;
 	if ($[2] !== props || $[3] !== ref || $[4] !== t0) {
-		t1 = <StyledIndicatorGroup {...props} ref={ref}>{t0}</StyledIndicatorGroup>;
+		t1 = /* @__PURE__ */ jsx(StyledIndicatorGroup, {
+			...props,
+			ref,
+			children: t0
+		});
 		$[2] = props;
 		$[3] = ref;
 		$[4] = t0;
@@ -83,7 +98,7 @@ const IndicatorGroup = forwardRef((props, ref) => {
 	return t1;
 });
 function _temp(_, index) {
-	return <Indicator key={index} index={index} />;
+	return /* @__PURE__ */ jsx(Indicator, { index }, index);
 }
 
 //#endregion

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

@@ -2,11 +2,11 @@ import * as react from "react";
 import { ComponentProps } 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 * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Checkbox as Checkbox$1, CheckboxCheckedState } from "@ark-ui/react/checkbox";
 import { CheckboxProps as CheckboxProps$1 } from "@pyck/react/checkbox";
 import { FieldPath, FieldValues } from "react-hook-form";
 import { HTMLStyledProps as HTMLStyledProps$1 } from "@pyck/styled-system/types";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/checkbox/checkbox.d.ts
 type RootProps = ComponentProps<typeof Root>;

package/dist/components/checkbox/index.js

@@ -1,24 +1,14 @@
-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";
-import { Checkbox as Checkbox$1, CheckboxGroupProvider as GroupProvider, useCheckboxContext } from "@ark-ui/react/checkbox";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Checkbox as Checkbox$1, useCheckboxContext } from "@ark-ui/react/checkbox";
 import { Checkbox as Checkbox$2 } from "@pyck/react/checkbox";
 import { Field } from "@pyck/react/field";
 import { Controller, useFormContext } from "react-hook-form";
 
 //#region src/components/checkbox/checkbox.tsx
-var checkbox_exports = /* @__PURE__ */ __exportAll({
-	Control: () => Control,
-	Group: () => Group,
-	GroupProvider: () => GroupProvider,
-	HiddenInput: () => HiddenInput,
-	Indicator: () => Indicator,
-	Label: () => Label,
-	Root: () => Root,
-	RootProvider: () => RootProvider
-});
 const { withProvider, withContext } = createStyleContext(checkbox);
 const Root = withProvider(Checkbox$1.Root, "root");
 const RootProvider = withProvider(Checkbox$1.RootProvider, "root");
@@ -31,19 +21,29 @@ const Indicator = forwardRef(function Indicator(props, ref) {
 	const { indeterminate, checked } = useCheckboxContext();
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = <title>Checkmark</title>;
+		t0 = /* @__PURE__ */ jsx("title", { children: "Checkmark" });
 		$[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;
+		t1 = indeterminate ? /* @__PURE__ */ jsx("path", { d: "M5 12h14" }) : checked ? /* @__PURE__ */ jsx("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>;
+		t2 = /* @__PURE__ */ jsxs(styled.svg, {
+			ref,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "3px",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			...props,
+			children: [t0, t1]
+		});
 		$[4] = props;
 		$[5] = ref;
 		$[6] = t1;
@@ -51,7 +51,11 @@ const Indicator = forwardRef(function Indicator(props, ref) {
 	} else t2 = $[7];
 	let t3;
 	if ($[8] !== indeterminate || $[9] !== t2) {
-		t3 = <Checkbox$1.Indicator indeterminate={indeterminate} asChild={true}>{t2}</Checkbox$1.Indicator>;
+		t3 = /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
+			indeterminate,
+			asChild: true,
+			children: t2
+		});
 		$[8] = indeterminate;
 		$[9] = t2;
 		$[10] = t3;
@@ -79,31 +83,45 @@ const Checkbox = forwardRef(function Checkbox(props, ref) {
 	}
 	let t0;
 	if ($[4] !== inputProps || $[5] !== ref) {
-		t0 = <checkbox_exports.HiddenInput ref={ref} {...inputProps} />;
+		t0 = /* @__PURE__ */ jsx(HiddenInput, {
+			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>;
+		t1 = /* @__PURE__ */ jsx(Control, { children: /* @__PURE__ */ jsx(Indicator, {}) });
 		$[7] = t1;
 	} else t1 = $[7];
 	let t2;
 	if ($[8] !== children) {
-		t2 = children && <checkbox_exports.Label>{children}</checkbox_exports.Label>;
+		t2 = children && /* @__PURE__ */ jsx(Label, { children });
 		$[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>;
+		t3 = props["aria-label"] && /* @__PURE__ */ jsx(Label, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(VisuallyHidden, { children: props["aria-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>;
+		t4 = /* @__PURE__ */ jsxs(Root, {
+			...rootProps,
+			children: [
+				t0,
+				t1,
+				t2,
+				t3
+			]
+		});
 		$[12] = rootProps;
 		$[13] = t0;
 		$[14] = t2;
@@ -123,7 +141,21 @@ const CheckboxField = (props) => {
 	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>;
+			return /* @__PURE__ */ jsx(Field, {
+				helperText,
+				disabled,
+				invalid: !!fieldState.error,
+				errorText: fieldState.error?.message,
+				hideLabel,
+				required,
+				children: /* @__PURE__ */ jsx(Checkbox$2, {
+					size: "xs",
+					checked: !!field.value,
+					onCheckedChange: (e) => field.onChange(e.checked),
+					...checkboxProps,
+					children: label
+				})
+			});
 		};
 		$[0] = checkboxProps;
 		$[1] = disabled;
@@ -135,7 +167,11 @@ const CheckboxField = (props) => {
 	} else t0 = $[6];
 	let t1;
 	if ($[7] !== control || $[8] !== name || $[9] !== t0) {
-		t1 = <Controller name={name} control={control} render={t0} />;
+		t1 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control,
+			render: t0
+		});
 		$[7] = control;
 		$[8] = name;
 		$[9] = t0;

package/dist/components/checkmark/index.js

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

package/dist/components/clipboard/index.js

@@ -2,6 +2,7 @@ import { t as __exportAll } from "../../chunk-BYypO7fO.js";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { clipboard } from "@pyck/styled-system/recipes";
 import { CheckIcon, CopyIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 import { Clipboard, ClipboardContext as Context } from "@ark-ui/react/clipboard";
 
 //#region src/components/clipboard/clipboard.tsx
@@ -24,8 +25,8 @@ const Input = withContext(Clipboard.Input, "input");
 const Label = withContext(Clipboard.Label, "label");
 const Trigger = withContext(Clipboard.Trigger, "trigger");
 const Indicator = withContext(Clipboard.Indicator, "indicator", { defaultProps: {
-	copied: <CheckIcon />,
-	children: <CopyIcon />
+	copied: /* @__PURE__ */ jsx(CheckIcon, {}),
+	children: /* @__PURE__ */ jsx(CopyIcon, {})
 } });
 const CopyText = withContext(Clipboard.Indicator, "indicator", { defaultProps: {
 	copied: "Copied",

package/dist/components/combobox/index.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { t as Checkmark } from "../../checkmark-fJPHeX8N.js";
+import { t as Checkmark } from "../../checkmark-rF75Pk98.js";
 import "../checkmark/index.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
@@ -7,6 +7,7 @@ import { ark } from "@ark-ui/react/factory";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { combobox } from "@pyck/styled-system/recipes";
 import { ChevronsUpDownIcon, XIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 import { Combobox, ComboboxContext as Context, useComboboxItemContext, useListCollection } from "@ark-ui/react/combobox";
 import { useFilter } from "@ark-ui/react/locale";
 import { Show } from "@pyck/react/show";
@@ -35,7 +36,7 @@ var combobox_exports = /* @__PURE__ */ __exportAll({
 const { withProvider, withContext } = createStyleContext(combobox);
 const Root = withProvider(Combobox.Root, "root", { defaultProps: { positioning: { sameWidth: false } } });
 const RootProvider = withProvider(Combobox.RootProvider, "root");
-const ClearTrigger = withContext(Combobox.ClearTrigger, "clearTrigger", { defaultProps: { children: <XIcon /> } });
+const ClearTrigger = withContext(Combobox.ClearTrigger, "clearTrigger", { defaultProps: { children: /* @__PURE__ */ jsx(XIcon, {}) } });
 const Content = withContext(Combobox.Content, "content");
 const Control = withContext(Combobox.Control, "control");
 const Empty = withContext(Combobox.Empty, "empty");
@@ -50,18 +51,26 @@ const ItemIndicator = forwardRef(function ItemIndicator(props, ref) {
 	const item = useComboboxItemContext();
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = <Checkmark size="sm" />;
+		t0 = /* @__PURE__ */ jsx(Checkmark, { size: "sm" });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
 	if ($[1] !== item.selected) {
-		t1 = <Checkmark size="sm" checked={item.selected} />;
+		t1 = /* @__PURE__ */ jsx(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>;
+		t2 = /* @__PURE__ */ jsx(StyledItemIndicator, {
+			ref,
+			asChild: true,
+			...props,
+			children: t1
+		});
 		$[3] = props;
 		$[4] = ref;
 		$[5] = t1;
@@ -69,7 +78,11 @@ const ItemIndicator = forwardRef(function ItemIndicator(props, ref) {
 	} else t2 = $[6];
 	let t3;
 	if ($[7] !== item.selected || $[8] !== t2) {
-		t3 = <Show when={item.selected} fallback={t0}>{t2}</Show>;
+		t3 = /* @__PURE__ */ jsx(Show, {
+			when: item.selected,
+			fallback: t0,
+			children: t2
+		});
 		$[7] = item.selected;
 		$[8] = t2;
 		$[9] = t3;
@@ -80,7 +93,7 @@ const ItemText = withContext(Combobox.ItemText, "itemText");
 const Label = withContext(Combobox.Label, "label");
 const List = withContext(Combobox.List, "list");
 const Positioner = withContext(Combobox.Positioner, "positioner");
-const Trigger = withContext(Combobox.Trigger, "trigger", { defaultProps: { children: <ChevronsUpDownIcon /> } });
+const Trigger = withContext(Combobox.Trigger, "trigger", { defaultProps: { children: /* @__PURE__ */ jsx(ChevronsUpDownIcon, {}) } });
 
 //#endregion
 export { combobox_exports as Combobox, useFilter, useListCollection };

package/dist/components/data-list/index.d.ts

@@ -1,12 +1,13 @@
-import { r as DisplayDateValueProps } from "../../display-date-value-CdfgVuB7.js";
+import { r as DisplayDateValueProps } from "../../display-date-value-RbzRgYHt.js";
 import "../display-date-value/index.js";
 import { n as DisplayValueProps } from "../../display-value-IyQT1429.js";
+import "../display-value/index.js";
 import * as react from "react";
 import { ComponentProps } 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 * as _ark_ui_react0 from "@ark-ui/react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _ark_ui_react0 from "@ark-ui/react";
 
 //#region src/components/data-list/data-list.d.ts
 declare namespace data_list_d_exports {

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

@@ -1,12 +1,13 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { t as DisplayValue } from "../../display-value-Bz71ZqgM.js";
-import { t as DisplayDateValue } from "../../display-date-value-BAU46P8s.js";
+import { t as DisplayValue } from "../../display-value-DDIH9kvx.js";
+import { t as DisplayDateValue } from "../../display-date-value-Ca7v5jK7.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";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/data-list/data-list.tsx
 var data_list_exports = /* @__PURE__ */ __exportAll({
@@ -29,7 +30,10 @@ const Value = (props) => {
 	const $ = c(2);
 	let t0;
 	if ($[0] !== props) {
-		t0 = <StyledValue><DisplayValue copyable={true} {...props} /></StyledValue>;
+		t0 = /* @__PURE__ */ jsx(StyledValue, { children: /* @__PURE__ */ jsx(DisplayValue, {
+			copyable: true,
+			...props
+		}) });
 		$[0] = props;
 		$[1] = t0;
 	} else t0 = $[1];
@@ -39,7 +43,7 @@ const DateValue = (props) => {
 	const $ = c(2);
 	let t0;
 	if ($[0] !== props) {
-		t0 = <StyledValue><DisplayDateValue {...props} /></StyledValue>;
+		t0 = /* @__PURE__ */ jsx(StyledValue, { children: /* @__PURE__ */ jsx(DisplayDateValue, { ...props }) });
 		$[0] = props;
 		$[1] = t0;
 	} else t0 = $[1];