@pyck/react 0.0.6 → 0.0.8

package/dist/components/table/index.js

@@ -5,6 +5,7 @@ import { useCallback, useEffect, useState } from "react";
 import { ark } from "@ark-ui/react/factory";
 import { Box, HStack, createStyleContext } from "@pyck/styled-system/jsx";
 import { table } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
 import { Wrap } from "@pyck/react/wrap";
 import { Icon } from "@pyck/react/icon";
@@ -13,7 +14,7 @@ import { Tooltip } from "@pyck/react/tooltip";
 import { DisplayDateValue } from "@pyck/react/display-date-value";
 
 //#region src/components/table/cells/table-cell-content.tsx
-const renderIcon = (icon, iconProps) => match(icon).when((x) => typeof x === "function", (Icon) => <Icon {...iconProps} />).otherwise((node) => node ?? null);
+const renderIcon = (icon, iconProps) => match(icon).when((x) => typeof x === "function", (Icon) => /* @__PURE__ */ jsx(Icon, { ...iconProps })).otherwise((node) => node ?? null);
 const TableCellContent = (props) => {
 	const $ = c(27);
 	let children;
@@ -50,20 +51,32 @@ const TableCellContent = (props) => {
 	} else t2 = $[9];
 	let t3;
 	if ($[10] !== t1 || $[11] !== t2) {
-		t3 = <Wrap when={t1} with={_temp}>{t2}</Wrap>;
+		t3 = /* @__PURE__ */ jsx(Wrap, {
+			when: t1,
+			with: _temp,
+			children: t2
+		});
 		$[10] = t1;
 		$[11] = t2;
 		$[12] = t3;
 	} else t3 = $[12];
 	let t4;
 	if ($[13] !== children) {
-		t4 = <Box overflow="hidden" textOverflow="ellipsis">{children}</Box>;
+		t4 = /* @__PURE__ */ jsx(Box, {
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			children
+		});
 		$[13] = children;
 		$[14] = t4;
 	} else t4 = $[14];
 	let t5;
 	if ($[15] !== justifyContent || $[16] !== rest || $[17] !== t3 || $[18] !== t4) {
-		t5 = <HStack justifyContent={justifyContent} {...rest}>{t3}{t4}</HStack>;
+		t5 = /* @__PURE__ */ jsxs(HStack, {
+			justifyContent,
+			...rest,
+			children: [t3, t4]
+		});
 		$[15] = justifyContent;
 		$[16] = rest;
 		$[17] = t3;
@@ -74,14 +87,22 @@ const TableCellContent = (props) => {
 	const t6 = !!tooltip;
 	let t7;
 	if ($[20] !== content || $[21] !== tooltip) {
-		t7 = <Tooltip content={tooltip} openDelay={100}>{content}</Tooltip>;
+		t7 = /* @__PURE__ */ jsx(Tooltip, {
+			content: tooltip,
+			openDelay: 100,
+			children: content
+		});
 		$[20] = content;
 		$[21] = tooltip;
 		$[22] = t7;
 	} else t7 = $[22];
 	let t8;
 	if ($[23] !== content || $[24] !== t6 || $[25] !== t7) {
-		t8 = <Show when={t6} fallback={content}>{t7}</Show>;
+		t8 = /* @__PURE__ */ jsx(Show, {
+			when: t6,
+			fallback: content,
+			children: t7
+		});
 		$[23] = content;
 		$[24] = t6;
 		$[25] = t7;
@@ -90,7 +111,10 @@ const TableCellContent = (props) => {
 	return t8;
 };
 function _temp(children_0) {
-	return <Icon boxSize="4">{children_0}</Icon>;
+	return /* @__PURE__ */ jsx(Icon, {
+		boxSize: "4",
+		children: children_0
+	});
 }
 
 //#endregion
@@ -126,14 +150,22 @@ const BooleanCell = (props) => {
 	const value = booleanValue ? t0 === void 0 ? "Yes" : t0 : t1 === void 0 ? "No" : t1;
 	let t2;
 	if ($[8] !== copyable || $[9] !== value) {
-		t2 = <DisplayValue value={value} copyable={copyable} />;
+		t2 = /* @__PURE__ */ jsx(DisplayValue, {
+			value,
+			copyable
+		});
 		$[8] = copyable;
 		$[9] = value;
 		$[10] = t2;
 	} else t2 = $[10];
 	let t3;
 	if ($[11] !== icon || $[12] !== rest || $[13] !== t2 || $[14] !== tooltip) {
-		t3 = <TableCellContent tooltip={tooltip} icon={icon} {...rest}>{t2}</TableCellContent>;
+		t3 = /* @__PURE__ */ jsx(TableCellContent, {
+			tooltip,
+			icon,
+			...rest,
+			children: t2
+		});
 		$[11] = icon;
 		$[12] = rest;
 		$[13] = t2;
@@ -182,7 +214,13 @@ const DateCell = (props) => {
 	const type = t0 === void 0 ? "date" : t0;
 	let t1;
 	if ($[10] !== copyable || $[11] !== format || $[12] !== locale || $[13] !== type || $[14] !== value) {
-		t1 = <DisplayDateValue value={value} type={type} format={format} locale={locale} copyable={copyable} />;
+		t1 = /* @__PURE__ */ jsx(DisplayDateValue, {
+			value,
+			type,
+			format,
+			locale,
+			copyable
+		});
 		$[10] = copyable;
 		$[11] = format;
 		$[12] = locale;
@@ -192,7 +230,13 @@ const DateCell = (props) => {
 	} else t1 = $[15];
 	let t2;
 	if ($[16] !== icon || $[17] !== justifyContent || $[18] !== rest || $[19] !== t1 || $[20] !== tooltip) {
-		t2 = <TableCellContent icon={icon} tooltip={tooltip} justifyContent={justifyContent} {...rest}>{t1}</TableCellContent>;
+		t2 = /* @__PURE__ */ jsx(TableCellContent, {
+			icon,
+			tooltip,
+			justifyContent,
+			...rest,
+			children: t1
+		});
 		$[16] = icon;
 		$[17] = justifyContent;
 		$[18] = rest;
@@ -263,7 +307,11 @@ const NumberCell = (props) => {
 	const formatValue = t1;
 	let t2;
 	if ($[16] !== copyable || $[17] !== formatValue || $[18] !== value) {
-		t2 = <DisplayValue value={value} formatValue={formatValue} copyable={copyable} />;
+		t2 = /* @__PURE__ */ jsx(DisplayValue, {
+			value,
+			formatValue,
+			copyable
+		});
 		$[16] = copyable;
 		$[17] = formatValue;
 		$[18] = value;
@@ -271,7 +319,13 @@ const NumberCell = (props) => {
 	} else t2 = $[19];
 	let t3;
 	if ($[20] !== icon || $[21] !== justifyContent || $[22] !== rest || $[23] !== t2 || $[24] !== tooltip) {
-		t3 = <TableCellContent icon={icon} tooltip={tooltip} justifyContent={justifyContent} {...rest}>{t2}</TableCellContent>;
+		t3 = /* @__PURE__ */ jsx(TableCellContent, {
+			icon,
+			tooltip,
+			justifyContent,
+			...rest,
+			children: t2
+		});
 		$[20] = icon;
 		$[21] = justifyContent;
 		$[22] = rest;
@@ -315,7 +369,11 @@ const TextCell = (props) => {
 	const justifyContent = t0 === void 0 ? "flex-start" : t0;
 	let t1;
 	if ($[8] !== copyable || $[9] !== formatValue || $[10] !== value) {
-		t1 = <DisplayValue value={value} formatValue={formatValue} copyable={copyable} />;
+		t1 = /* @__PURE__ */ jsx(DisplayValue, {
+			value,
+			formatValue,
+			copyable
+		});
 		$[8] = copyable;
 		$[9] = formatValue;
 		$[10] = value;
@@ -323,7 +381,13 @@ const TextCell = (props) => {
 	} else t1 = $[11];
 	let t2;
 	if ($[12] !== icon || $[13] !== justifyContent || $[14] !== rest || $[15] !== t1 || $[16] !== tooltip) {
-		t2 = <TableCellContent icon={icon} tooltip={tooltip} justifyContent={justifyContent} {...rest}>{t1}</TableCellContent>;
+		t2 = /* @__PURE__ */ jsx(TableCellContent, {
+			icon,
+			tooltip,
+			justifyContent,
+			...rest,
+			children: t1
+		});
 		$[12] = icon;
 		$[13] = justifyContent;
 		$[14] = rest;

package/dist/components/tags-input/index.d.ts

@@ -2,8 +2,8 @@ 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 { TagsInput, TagsInputContext as Context } from "@ark-ui/react/tags-input";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { TagsInput, TagsInputContext as Context } from "@ark-ui/react/tags-input";
 
 //#region src/components/tags-input/tags-input.d.ts
 declare namespace tags_input_d_exports {

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

@@ -3,6 +3,7 @@ import { c } from "react/compiler-runtime";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { tagsInput } from "@pyck/styled-system/recipes";
 import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { TagsInput, TagsInputContext as Context, useTagsInputContext } from "@ark-ui/react/tags-input";
 
 //#region src/components/tags-input/tags-input.tsx
@@ -25,12 +26,12 @@ var tags_input_exports = /* @__PURE__ */ __exportAll({
 const { withProvider, withContext } = createStyleContext(tagsInput);
 const Root = withProvider(TagsInput.Root, "root");
 const RootProvider = withProvider(TagsInput.RootProvider, "root");
-const ClearTrigger = withContext(TagsInput.ClearTrigger, "clearTrigger", { defaultProps: { children: <XIcon /> } });
+const ClearTrigger = withContext(TagsInput.ClearTrigger, "clearTrigger", { defaultProps: { children: /* @__PURE__ */ jsx(XIcon, {}) } });
 const Control = withContext(TagsInput.Control, "control");
 const HiddenInput = TagsInput.HiddenInput;
 const Input = withContext(TagsInput.Input, "input");
 const Item = withContext(TagsInput.Item, "item");
-const ItemDeleteTrigger = withContext(TagsInput.ItemDeleteTrigger, "itemDeleteTrigger", { defaultProps: { children: <XIcon /> } });
+const ItemDeleteTrigger = withContext(TagsInput.ItemDeleteTrigger, "itemDeleteTrigger", { defaultProps: { children: /* @__PURE__ */ jsx(XIcon, {}) } });
 const ItemInput = withContext(TagsInput.ItemInput, "itemInput");
 const ItemPreview = withContext(TagsInput.ItemPreview, "itemPreview");
 const ItemText = withContext(TagsInput.ItemText, "itemText");
@@ -42,7 +43,12 @@ const Items = (props) => {
 	if ($[0] !== context.value || $[1] !== props) {
 		let t1;
 		if ($[3] !== props) {
-			t1 = (item, index) => <Item key={item} index={index} value={item} {...props}><ItemPreview><ItemText>{item}</ItemText><ItemDeleteTrigger /></ItemPreview><ItemInput /></Item>;
+			t1 = (item, index) => /* @__PURE__ */ jsxs(Item, {
+				index,
+				value: item,
+				...props,
+				children: [/* @__PURE__ */ jsxs(ItemPreview, { children: [/* @__PURE__ */ jsx(ItemText, { children: item }), /* @__PURE__ */ jsx(ItemDeleteTrigger, {})] }), /* @__PURE__ */ jsx(ItemInput, {})]
+			}, item);
 			$[3] = props;
 			$[4] = t1;
 		} else t1 = $[4];

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

@@ -1,12 +1,12 @@
 import * as react from "react";
 import { ComponentProps } from "react";
 import * as _pyck_styled_system_recipes0 from "@pyck/styled-system/recipes";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { FieldProps } from "@pyck/react/field";
 import { FieldPath, FieldValues } from "react-hook-form";
 import { Field as Field$1 } from "@ark-ui/react/field";
 import { TextareaProps as TextareaProps$1 } from "@pyck/react/textarea";
 import * as _pyck_styled_system_types0 from "@pyck/styled-system/types";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/textarea/textarea.d.ts
 type TextareaProps = ComponentProps<typeof Textarea>;

package/dist/components/textarea/index.js

@@ -1,6 +1,7 @@
 import { c } from "react/compiler-runtime";
 import { styled } from "@pyck/styled-system/jsx";
 import { textarea } from "@pyck/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
 import { Field } from "@pyck/react/field";
 import { Controller, useFormContext } from "react-hook-form";
 import { Field as Field$1 } from "@ark-ui/react/field";
@@ -41,7 +42,21 @@ const TextareaField = (props) => {
 	if ($[7] !== disabled || $[8] !== helperText || $[9] !== hideLabel || $[10] !== label || $[11] !== textareaProps) {
 		t0 = (t1) => {
 			const { field, fieldState } = t1;
-			return <Field label={label} helperText={helperText} hideLabel={hideLabel} disabled={field.disabled || disabled} invalid={!!fieldState.error} errorText={fieldState.error?.message}><Textarea$1 {...textareaProps} name={field.name} value={field.value} onChange={field.onChange} onBlur={field.onBlur} /></Field>;
+			return /* @__PURE__ */ jsx(Field, {
+				label,
+				helperText,
+				hideLabel,
+				disabled: field.disabled || disabled,
+				invalid: !!fieldState.error,
+				errorText: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(Textarea$1, {
+					...textareaProps,
+					name: field.name,
+					value: field.value,
+					onChange: field.onChange,
+					onBlur: field.onBlur
+				})
+			});
 		};
 		$[7] = disabled;
 		$[8] = helperText;
@@ -52,7 +67,11 @@ const TextareaField = (props) => {
 	} else t0 = $[12];
 	let t1;
 	if ($[13] !== control || $[14] !== name || $[15] !== t0) {
-		t1 = <Controller name={name} control={control} render={t0} />;
+		t1 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control,
+			render: t0
+		});
 		$[13] = control;
 		$[14] = name;
 		$[15] = t0;

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

@@ -2,8 +2,8 @@ import * as react from "react";
 import { ComponentProps, HTMLAttributes } 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 { CreateToasterReturn, Toast, ToastContext as Context } from "@ark-ui/react/toast";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { CreateToasterReturn, Toast, ToastContext as Context } from "@ark-ui/react/toast";
 
 //#region src/components/toast/toast.d.ts
 declare namespace toast_d_exports {

package/dist/components/toast/index.js

@@ -4,6 +4,7 @@ import { forwardRef } from "react";
 import { Stack, createStyleContext, styled } from "@pyck/styled-system/jsx";
 import { toast } from "@pyck/styled-system/recipes";
 import { CheckCircleIcon, CircleAlertIcon, CircleXIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
 import { Portal } from "@ark-ui/react/portal";
 import { CloseButton } from "@pyck/react/button";
@@ -39,13 +40,18 @@ const Indicator = forwardRef((props, ref) => {
 	if (!StatusIcon) return null;
 	let t0;
 	if ($[0] !== StatusIcon) {
-		t0 = <StatusIcon />;
+		t0 = /* @__PURE__ */ jsx(StatusIcon, {});
 		$[0] = StatusIcon;
 		$[1] = t0;
 	} else t0 = $[1];
 	let t1;
 	if ($[2] !== props || $[3] !== ref || $[4] !== t0 || $[5] !== toast.type) {
-		t1 = <Icon ref={ref} data-type={toast.type} {...props}>{t0}</Icon>;
+		t1 = /* @__PURE__ */ jsx(Icon, {
+			ref,
+			"data-type": toast.type,
+			...props,
+			children: t0
+		});
 		$[2] = props;
 		$[3] = ref;
 		$[4] = t0;
@@ -69,13 +75,35 @@ const Toaster = () => {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = <Portal><StyledToaster toaster={toaster} insetInline={{ mdDown: "4" }}>{_temp}</StyledToaster></Portal>;
+		t0 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(StyledToaster, {
+			toaster,
+			insetInline: { mdDown: "4" },
+			children: _temp
+		}) });
 		$[0] = t0;
 	} else t0 = $[0];
 	return t0;
 };
 function _temp(toast) {
-	return <toast_exports.Root><Show when={toast.type === "loading"} fallback={<toast_exports.Indicator />}><Spinner /></Show><Stack gap="3" alignItems="start"><Stack gap="1">{toast.title && <toast_exports.Title>{toast.title}</toast_exports.Title>}{toast.description && <toast_exports.Description>{toast.description}</toast_exports.Description>}</Stack>{toast.action && <toast_exports.ActionTrigger>{toast.action.label}</toast_exports.ActionTrigger>}</Stack>{toast.closable && <toast_exports.CloseTrigger asChild={true}><CloseButton size="sm" /></toast_exports.CloseTrigger>}</toast_exports.Root>;
+	return /* @__PURE__ */ jsxs(Root, { children: [
+		/* @__PURE__ */ jsx(Show, {
+			when: toast.type === "loading",
+			fallback: /* @__PURE__ */ jsx(Indicator, {}),
+			children: /* @__PURE__ */ jsx(Spinner, {})
+		}),
+		/* @__PURE__ */ jsxs(Stack, {
+			gap: "3",
+			alignItems: "start",
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				gap: "1",
+				children: [toast.title && /* @__PURE__ */ jsx(Title, { children: toast.title }), toast.description && /* @__PURE__ */ jsx(Description, { children: toast.description })]
+			}), toast.action && /* @__PURE__ */ jsx(ActionTrigger, { children: toast.action.label })]
+		}),
+		toast.closable && /* @__PURE__ */ jsx(CloseTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(CloseButton, { size: "sm" })
+		})
+	] });
 }
 
 //#endregion

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

@@ -2,8 +2,8 @@ import * as react from "react";
 import { ComponentProps, ReactNode, RefObject } 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 { Tooltip as Tooltip$1 } from "@ark-ui/react/tooltip";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Tooltip as Tooltip$1 } from "@ark-ui/react/tooltip";
 
 //#region src/components/tooltip/tooltip.d.ts
 type RootProps = ComponentProps<typeof Root>;

package/dist/components/tooltip/index.js

@@ -1,21 +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 { tooltip } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@ark-ui/react/portal";
-import { Tooltip as Tooltip$1, TooltipContext as Context } from "@ark-ui/react/tooltip";
+import { Tooltip as Tooltip$1 } from "@ark-ui/react/tooltip";
 
 //#region src/components/tooltip/tooltip.tsx
-var tooltip_exports = /* @__PURE__ */ __exportAll({
-	Arrow: () => Arrow,
-	ArrowTip: () => ArrowTip,
-	Content: () => Content,
-	Context: () => Context,
-	Positioner: () => Positioner,
-	Root: () => Root,
-	Trigger: () => Trigger
-});
 const { withRootProvider, withContext } = createStyleContext(tooltip);
 const Root = withRootProvider(Tooltip$1.Root, { defaultProps: {
 	unmountOnExit: true,
@@ -64,20 +55,27 @@ const Tooltip = forwardRef(function Tooltip(props, ref) {
 	if (disabled) return children;
 	let t1;
 	if ($[9] !== children) {
-		t1 = <tooltip_exports.Trigger asChild={true}>{children}</tooltip_exports.Trigger>;
+		t1 = /* @__PURE__ */ jsx(Trigger, {
+			asChild: true,
+			children
+		});
 		$[9] = children;
 		$[10] = t1;
 	} else t1 = $[10];
 	const t2 = !portalled;
 	let t3;
 	if ($[11] !== showArrow) {
-		t3 = showArrow && <tooltip_exports.Arrow><tooltip_exports.ArrowTip /></tooltip_exports.Arrow>;
+		t3 = showArrow && /* @__PURE__ */ jsx(Arrow, { children: /* @__PURE__ */ jsx(ArrowTip, {}) });
 		$[11] = showArrow;
 		$[12] = t3;
 	} else t3 = $[12];
 	let t4;
 	if ($[13] !== content || $[14] !== contentProps || $[15] !== ref || $[16] !== t3) {
-		t4 = <tooltip_exports.Positioner><tooltip_exports.Content ref={ref} {...contentProps}>{t3}{content}</tooltip_exports.Content></tooltip_exports.Positioner>;
+		t4 = /* @__PURE__ */ jsx(Positioner, { children: /* @__PURE__ */ jsxs(Content, {
+			ref,
+			...contentProps,
+			children: [t3, content]
+		}) });
 		$[13] = content;
 		$[14] = contentProps;
 		$[15] = ref;
@@ -86,7 +84,11 @@ const Tooltip = forwardRef(function Tooltip(props, ref) {
 	} else t4 = $[17];
 	let t5;
 	if ($[18] !== portalRef || $[19] !== t2 || $[20] !== t4) {
-		t5 = <Portal disabled={t2} container={portalRef}>{t4}</Portal>;
+		t5 = /* @__PURE__ */ jsx(Portal, {
+			disabled: t2,
+			container: portalRef,
+			children: t4
+		});
 		$[18] = portalRef;
 		$[19] = t2;
 		$[20] = t4;
@@ -94,7 +96,10 @@ const Tooltip = forwardRef(function Tooltip(props, ref) {
 	} else t5 = $[21];
 	let t6;
 	if ($[22] !== rootProps || $[23] !== t1 || $[24] !== t5) {
-		t6 = <tooltip_exports.Root {...rootProps}>{t1}{t5}</tooltip_exports.Root>;
+		t6 = /* @__PURE__ */ jsxs(Root, {
+			...rootProps,
+			children: [t1, t5]
+		});
 		$[22] = rootProps;
 		$[23] = t1;
 		$[24] = t5;

package/dist/components/tree-view/index.d.ts

@@ -3,9 +3,9 @@ import * as react from "react";
 import { ComponentProps, RefAttributes } from "react";
 import * as _pyck_styled_system_jsx0 from "@pyck/styled-system/jsx";
 import { TreeViewVariantProps } from "@pyck/styled-system/recipes";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { TreeView, TreeViewContext as Context, TreeViewNodeProvider as NodeProvider, TreeViewNodeProviderProps as NodeProviderProps, TreeViewRootProps, createTreeCollection } from "@ark-ui/react/tree-view";
 import { Assign, HTMLStyledProps as HTMLStyledProps$1 } from "@pyck/styled-system/types";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/tree-view/tree-view.d.ts
 declare namespace tree_view_d_exports {

package/dist/components/tree-view/index.js

@@ -4,6 +4,7 @@ import { forwardRef } from "react";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { treeView } from "@pyck/styled-system/recipes";
 import { ChevronRightIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
 import { TreeView, TreeViewContext as Context, TreeViewNodeProvider as NodeProvider, createTreeCollection, useTreeViewNodeContext } from "@ark-ui/react/tree-view";
 import { Checkmark } from "@pyck/react/checkmark";
@@ -50,24 +51,35 @@ const BranchIndicator = forwardRef(function BranchIndicator(props, ref) {
 	const node = useTreeViewNodeContext();
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = <svg aria-hidden="true" focusable="false" />;
+		t0 = /* @__PURE__ */ jsx("svg", {
+			"aria-hidden": "true",
+			focusable: "false"
+		});
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = <ChevronRightIcon />;
+		t1 = /* @__PURE__ */ jsx(ChevronRightIcon, {});
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
 	if ($[2] !== props || $[3] !== ref) {
-		t2 = <StyledBranchIndicator ref={ref} {...props}>{t1}</StyledBranchIndicator>;
+		t2 = /* @__PURE__ */ jsx(StyledBranchIndicator, {
+			ref,
+			...props,
+			children: t1
+		});
 		$[2] = props;
 		$[3] = ref;
 		$[4] = t2;
 	} else t2 = $[4];
 	let t3;
 	if ($[5] !== node.isBranch || $[6] !== t2) {
-		t3 = <Show when={node.isBranch} fallback={t0}>{t2}</Show>;
+		t3 = /* @__PURE__ */ jsx(Show, {
+			when: node.isBranch,
+			fallback: t0,
+			children: t2
+		});
 		$[5] = node.isBranch;
 		$[6] = t2;
 		$[7] = t3;
@@ -81,14 +93,21 @@ const Checkbox = (props) => {
 	const t1 = node.checked === "indeterminate";
 	let t2;
 	if ($[0] !== t0 || $[1] !== t1) {
-		t2 = <Checkmark size="sm" checked={t0} indeterminate={t1} />;
+		t2 = /* @__PURE__ */ jsx(Checkmark, {
+			size: "sm",
+			checked: t0,
+			indeterminate: t1
+		});
 		$[0] = t0;
 		$[1] = t1;
 		$[2] = t2;
 	} else t2 = $[2];
 	let t3;
 	if ($[3] !== props || $[4] !== t2) {
-		t3 = <NodeCheckbox {...props}>{t2}</NodeCheckbox>;
+		t3 = /* @__PURE__ */ jsx(NodeCheckbox, {
+			...props,
+			children: t2
+		});
 		$[3] = props;
 		$[4] = t2;
 		$[5] = t3;

package/dist/{display-date-value-BAU46P8s.js → display-date-value-Ca7v5jK7.js}

@@ -1,5 +1,6 @@
-import { t as DisplayValue } from "./display-value-Bz71ZqgM.js";
+import { t as DisplayValue } from "./display-value-DDIH9kvx.js";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { formatDate, formatDateTime, getDateFormats, isString } from "@pyck/react/utils";
 
 //#region src/components/display-date-value/display-date-value.tsx
@@ -23,7 +24,11 @@ const DisplayDateValue = (props) => {
 	const formatValue = t1;
 	let t2;
 	if ($[4] !== copyable || $[5] !== formatValue || $[6] !== value) {
-		t2 = <DisplayValue value={value} formatValue={formatValue} copyable={copyable} />;
+		t2 = /* @__PURE__ */ jsx(DisplayValue, {
+			value,
+			formatValue,
+			copyable
+		});
 		$[4] = copyable;
 		$[5] = formatValue;
 		$[6] = value;

package/dist/{display-date-value-CdfgVuB7.d.ts → display-date-value-RbzRgYHt.d.ts}

@@ -1,5 +1,5 @@
-import { DateInput, Locale, getDateFormats } from "@pyck/react/utils";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { DateInput, Locale, getDateFormats } from "@pyck/react/utils";
 
 //#region src/components/display-date-value/display-date-value.d.ts
 type DateFormatType = keyof ReturnType<typeof getDateFormats> | (string & {});

package/dist/{display-value-Bz71ZqgM.js → display-value-DDIH9kvx.js}

@@ -1,7 +1,8 @@
 import { c } from "react/compiler-runtime";
 import { HStack, VisuallyHidden } from "@pyck/styled-system/jsx";
-import { isString } from "@pyck/react/utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
+import { isString } from "@pyck/react/utils";
 import { Clipboard } from "@pyck/react/clipboard";
 import { Span } from "@pyck/react/span";
 import { Wrap } from "@pyck/react/wrap";
@@ -21,18 +22,37 @@ const DisplayValue = (props) => {
 	const t1 = formattedValue != null;
 	let t2;
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = <><Span color="fg.subtle" aria-hidden={true}>—</Span><VisuallyHidden>No value</VisuallyHidden></>;
+		t2 = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Span, {
+			color: "fg.subtle",
+			"aria-hidden": true,
+			children: "—"
+		}), /* @__PURE__ */ jsx(VisuallyHidden, { children: "No value" })] });
 		$[3] = t2;
 	} else t2 = $[3];
 	let t3;
 	if ($[4] !== formattedValue) {
-		t3 = (children) => <Clipboard.Root value={formattedValue} timeout={400}><Clipboard.Trigger _hover={{ "& [data-part=\"indicator\"]": { opacity: 1 } }} _active={{ "& [data-part=\"indicator\"]": { opacity: 1 } }}><HStack><Clipboard.Indicator color="fg.subtle" opacity="0" /><Span>{children}</Span></HStack></Clipboard.Trigger></Clipboard.Root>;
+		t3 = (children) => /* @__PURE__ */ jsx(Clipboard.Root, {
+			value: formattedValue,
+			timeout: 400,
+			children: /* @__PURE__ */ jsx(Clipboard.Trigger, {
+				_hover: { "& [data-part=\"indicator\"]": { opacity: 1 } },
+				_active: { "& [data-part=\"indicator\"]": { opacity: 1 } },
+				children: /* @__PURE__ */ jsxs(HStack, { children: [/* @__PURE__ */ jsx(Clipboard.Indicator, {
+					color: "fg.subtle",
+					opacity: "0"
+				}), /* @__PURE__ */ jsx(Span, { children })] })
+			})
+		});
 		$[4] = formattedValue;
 		$[5] = t3;
 	} else t3 = $[5];
 	let t4;
 	if ($[6] !== copyable || $[7] !== formattedValue || $[8] !== t3) {
-		t4 = <Wrap when={copyable} with={t3}>{formattedValue}</Wrap>;
+		t4 = /* @__PURE__ */ jsx(Wrap, {
+			when: copyable,
+			with: t3,
+			children: formattedValue
+		});
 		$[6] = copyable;
 		$[7] = formattedValue;
 		$[8] = t3;
@@ -40,7 +60,11 @@ const DisplayValue = (props) => {
 	} else t4 = $[9];
 	let t5;
 	if ($[10] !== t1 || $[11] !== t4) {
-		t5 = <Show when={t1} fallback={t2}>{t4}</Show>;
+		t5 = /* @__PURE__ */ jsx(Show, {
+			when: t1,
+			fallback: t2,
+			children: t4
+		});
 		$[10] = t1;
 		$[11] = t4;
 		$[12] = t5;