@pyck/react 0.0.6 → 0.0.8

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

@@ -3,6 +3,7 @@ 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";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Field } from "@pyck/react/field";
 import { Controller, useFormContext } from "react-hook-form";
 import { NumberInput } from "@pyck/react/number-input";
@@ -24,16 +25,13 @@ var number_input_exports = /* @__PURE__ */ __exportAll({
 const { withProvider, withContext } = createStyleContext(numberInput);
 const Root = withProvider(NumberInput$1.Root, "root");
 const RootProvider = withProvider(NumberInput$1.RootProvider, "root");
-const DecrementTrigger = withContext(NumberInput$1.DecrementTrigger, "decrementTrigger", { defaultProps: { children: <ChevronDownIcon /> } });
-const IncrementTrigger = withContext(NumberInput$1.IncrementTrigger, "incrementTrigger", { defaultProps: { children: <ChevronUpIcon /> } });
+const DecrementTrigger = withContext(NumberInput$1.DecrementTrigger, "decrementTrigger", { defaultProps: { children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) } });
+const IncrementTrigger = withContext(NumberInput$1.IncrementTrigger, "incrementTrigger", { defaultProps: { children: /* @__PURE__ */ jsx(ChevronUpIcon, {}) } });
 const Input = withContext(NumberInput$1.Input, "input");
 const Label = withContext(NumberInput$1.Label, "label");
 const Scrubber = withContext(NumberInput$1.Scrubber, "scrubber");
 const ValueText = withContext(NumberInput$1.ValueText, "valueText");
-const Control = withContext(NumberInput$1.Control, "control", { defaultProps: { children: <>
-        <IncrementTrigger />
-        <DecrementTrigger />
-      </> } });
+const Control = withContext(NumberInput$1.Control, "control", { defaultProps: { children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IncrementTrigger, {}), /* @__PURE__ */ jsx(DecrementTrigger, {})] }) } });
 
 //#endregion
 //#region src/components/number-input/number-input.field.tsx
@@ -64,10 +62,24 @@ const NumberInputField = (props) => {
 	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>;
+			return /* @__PURE__ */ jsx(Field, {
+				label,
+				helperText,
+				disabled: field.disabled || disabled,
+				invalid: !!fieldState.error,
+				errorText: fieldState.error?.message,
+				required: numberInputProps.required,
+				children: /* @__PURE__ */ jsxs(NumberInput.Root, {
+					...numberInputProps,
+					name: field.name,
+					value: field.value,
+					onValueChange: (t2) => {
+						const { valueAsNumber } = t2;
+						return field.onChange(valueAsNumber);
+					},
+					children: [/* @__PURE__ */ jsx(NumberInput.Control, {}), /* @__PURE__ */ jsx(NumberInput.Input, { onBlur: field.onBlur })]
+				})
+			});
 		};
 		$[6] = disabled;
 		$[7] = helperText;
@@ -77,7 +89,11 @@ const NumberInputField = (props) => {
 	} else t0 = $[10];
 	let t1;
 	if ($[11] !== control || $[12] !== name || $[13] !== t0) {
-		t1 = <Controller name={name} control={control} render={t0} />;
+		t1 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control,
+			render: t0
+		});
 		$[11] = control;
 		$[12] = name;
 		$[13] = t0;

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

@@ -1,5 +1,6 @@
 import { c } from "react/compiler-runtime";
 import { Stack } from "@pyck/styled-system/jsx";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
 import { Heading } from "@pyck/react/heading";
 import { Text } from "@pyck/react/text";
@@ -10,39 +11,60 @@ const PageHeader = (t0) => {
 	const { title, description, tagline, textAlign } = t0;
 	let t1;
 	if ($[0] !== tagline) {
-		t1 = <Show when={tagline}>{tagline}</Show>;
+		t1 = /* @__PURE__ */ jsx(Show, {
+			when: tagline,
+			children: tagline
+		});
 		$[0] = tagline;
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
 	if ($[2] !== title) {
-		t2 = <Heading as="h1" textStyle="2xl" fontWeight="semibold">{title}</Heading>;
+		t2 = /* @__PURE__ */ jsx(Heading, {
+			as: "h1",
+			textStyle: "2xl",
+			fontWeight: "semibold",
+			children: title
+		});
 		$[2] = title;
 		$[3] = t2;
 	} else t2 = $[3];
 	let t3;
 	if ($[4] !== description) {
-		t3 = <Text color="fg.muted">{description}</Text>;
+		t3 = /* @__PURE__ */ jsx(Text, {
+			color: "fg.muted",
+			children: description
+		});
 		$[4] = description;
 		$[5] = t3;
 	} else t3 = $[5];
 	let t4;
 	if ($[6] !== description || $[7] !== t3) {
-		t4 = <Show when={description}>{t3}</Show>;
+		t4 = /* @__PURE__ */ jsx(Show, {
+			when: description,
+			children: t3
+		});
 		$[6] = description;
 		$[7] = t3;
 		$[8] = t4;
 	} else t4 = $[8];
 	let t5;
 	if ($[9] !== t2 || $[10] !== t4) {
-		t5 = <Stack gap="1">{t2}{t4}</Stack>;
+		t5 = /* @__PURE__ */ jsxs(Stack, {
+			gap: "1",
+			children: [t2, t4]
+		});
 		$[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>;
+		t6 = /* @__PURE__ */ jsxs(Stack, {
+			gap: "4",
+			textAlign,
+			children: [t1, t5]
+		});
 		$[12] = t1;
 		$[13] = t5;
 		$[14] = textAlign;

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

@@ -2,8 +2,8 @@ import * as react from "react";
 import { ComponentProps, ReactElement, ReactNode } 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 { Pagination, PaginationContext as Context } from "@ark-ui/react/pagination";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Pagination, PaginationContext as Context } from "@ark-ui/react/pagination";
 
 //#region src/components/pagination/pagination.d.ts
 declare namespace pagination_d_exports {

package/dist/components/pagination/index.js

@@ -3,6 +3,7 @@ import { c } from "react/compiler-runtime";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { pagination } from "@pyck/styled-system/recipes";
 import { EllipsisIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 import { IconButton } from "@pyck/react/button";
 import { For } from "@pyck/react/for";
 import { Pagination, PaginationContext as Context, usePaginationContext } from "@ark-ui/react/pagination";
@@ -45,8 +46,21 @@ const Items = (props) => {
 	let t0;
 	if ($[4] !== ellipsis || $[5] !== render || $[6] !== rest) {
 		t0 = (page, index) => {
-			if (page.type === "ellipsis") return <Ellipsis asChild={true} key={index} index={index}>{ellipsis || <IconButton as="span"><EllipsisIcon /></IconButton>}</Ellipsis>;
-			return <Item asChild={true} key={index} type="page" value={page.value} {...rest}>{render(page)}</Item>;
+			if (page.type === "ellipsis") return /* @__PURE__ */ jsx(Ellipsis, {
+				asChild: true,
+				index,
+				children: ellipsis || /* @__PURE__ */ jsx(IconButton, {
+					as: "span",
+					children: /* @__PURE__ */ jsx(EllipsisIcon, {})
+				})
+			}, index);
+			return /* @__PURE__ */ jsx(Item, {
+				asChild: true,
+				type: "page",
+				value: page.value,
+				...rest,
+				children: render(page)
+			}, index);
 		};
 		$[4] = ellipsis;
 		$[5] = render;
@@ -55,7 +69,10 @@ const Items = (props) => {
 	} else t0 = $[7];
 	let t1;
 	if ($[8] !== pages || $[9] !== t0) {
-		t1 = <For each={pages}>{t0}</For>;
+		t1 = /* @__PURE__ */ jsx(For, {
+			each: pages,
+			children: t0
+		});
 		$[8] = pages;
 		$[9] = t0;
 		$[10] = t1;

package/dist/components/picker/index.js

@@ -1,6 +1,7 @@
 import { createListCollection } from "@ark-ui/react/collection";
 import { useCallback, useId, useMemo, useRef } from "react";
 import { Divider } from "@pyck/styled-system/jsx";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@pyck/react/combobox";
 import { ScrollArea } from "@pyck/react/scroll-area";
 import { useVirtualizer } from "@tanstack/react-virtual";
@@ -23,34 +24,61 @@ const Picker = (props) => {
 			behavior: "auto"
 		});
 	}, [virtualizer]);
-	return <Combobox.Root ids={{ content: id }} collection={collection} variant="plain" placeholder="Search..." inputBehavior="autohighlight" selectionBehavior="clear" size="sm" scrollToIndexFn={handleScrollToIndexFn} onInputValueChange={(e) => list.setFilterText(e.inputValue)} value={value ? [value.value] : []} onValueChange={({ items }) => {
-		onValueChange?.(items[0]);
-	}}>
-      <Combobox.Trigger asChild focusable>
-        {children}
-      </Combobox.Trigger>
-      <Combobox.Positioner>
-        <Combobox.Content p="0" gap="0">
-          <Combobox.Input placeholder={placeholder} my="1" />
-          <Divider />
-          <ScrollArea size="sm" ref={contentRef} ids={{ viewport: id }} p="1" maxH="sm">
-            <Combobox.Empty>{emptyText}</Combobox.Empty>
-            <Combobox.List style={{ height: `${virtualizer.getTotalSize()}px` }}>
-              {virtualizer.getVirtualItems().map((virtualItem) => {
-		const item = collection.items[virtualItem.index];
-		if (!item) return null;
-		return <Combobox.Item key={item.value} item={item} persistFocus position="absolute" inset="0" style={{
-			height: `${virtualItem.size}px`,
-			transform: `translateY(${virtualItem.start}px)`
-		}}>
-                    <Combobox.ItemText>{item.label}</Combobox.ItemText>
-                  </Combobox.Item>;
-	})}
-            </Combobox.List>
-          </ScrollArea>
-        </Combobox.Content>
-      </Combobox.Positioner>
-    </Combobox.Root>;
+	return /* @__PURE__ */ jsxs(Combobox.Root, {
+		ids: { content: id },
+		collection,
+		variant: "plain",
+		placeholder: "Search...",
+		inputBehavior: "autohighlight",
+		selectionBehavior: "clear",
+		size: "sm",
+		scrollToIndexFn: handleScrollToIndexFn,
+		onInputValueChange: (e) => list.setFilterText(e.inputValue),
+		value: value ? [value.value] : [],
+		onValueChange: ({ items }) => {
+			onValueChange?.(items[0]);
+		},
+		children: [/* @__PURE__ */ jsx(Combobox.Trigger, {
+			asChild: true,
+			focusable: true,
+			children
+		}), /* @__PURE__ */ jsx(Combobox.Positioner, { children: /* @__PURE__ */ jsxs(Combobox.Content, {
+			p: "0",
+			gap: "0",
+			children: [
+				/* @__PURE__ */ jsx(Combobox.Input, {
+					placeholder,
+					my: "1"
+				}),
+				/* @__PURE__ */ jsx(Divider, {}),
+				/* @__PURE__ */ jsxs(ScrollArea, {
+					size: "sm",
+					ref: contentRef,
+					ids: { viewport: id },
+					p: "1",
+					maxH: "sm",
+					children: [/* @__PURE__ */ jsx(Combobox.Empty, { children: emptyText }), /* @__PURE__ */ jsx(Combobox.List, {
+						style: { height: `${virtualizer.getTotalSize()}px` },
+						children: virtualizer.getVirtualItems().map((virtualItem) => {
+							const item = collection.items[virtualItem.index];
+							if (!item) return null;
+							return /* @__PURE__ */ jsx(Combobox.Item, {
+								item,
+								persistFocus: true,
+								position: "absolute",
+								inset: "0",
+								style: {
+									height: `${virtualItem.size}px`,
+									transform: `translateY(${virtualItem.start}px)`
+								},
+								children: /* @__PURE__ */ jsx(Combobox.ItemText, { children: item.label })
+							}, item.value);
+						})
+					})]
+				})
+			]
+		}) })]
+	});
 };
 
 //#endregion

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

@@ -3,8 +3,8 @@ 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 { Popover, PopoverContext as Context, PopoverOpenChangeDetails as OpenChangeDetails } from "@ark-ui/react/popover";
-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/popover/popover.d.ts
 declare namespace popover_d_exports {

package/dist/components/popover/index.js

@@ -3,6 +3,7 @@ import { ark } from "@ark-ui/react/factory";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { popover } from "@pyck/styled-system/recipes";
 import { Popover, PopoverContext as Context } from "@ark-ui/react/popover";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/popover/popover.tsx
 var popover_exports = /* @__PURE__ */ __exportAll({
@@ -34,7 +35,7 @@ const RootProvider = withRootProvider(Popover.Root, { defaultProps: {
 } });
 const Anchor = withContext(Popover.Anchor, "anchor");
 const ArrowTip = withContext(Popover.ArrowTip, "arrowTip");
-const Arrow = withContext(Popover.Arrow, "arrow", { defaultProps: { children: <ArrowTip /> } });
+const Arrow = withContext(Popover.Arrow, "arrow", { defaultProps: { children: /* @__PURE__ */ jsx(ArrowTip, {}) } });
 const CloseTrigger = withContext(Popover.CloseTrigger, "closeTrigger");
 const Content = withContext(Popover.Content, "content");
 const Description = withContext(Popover.Description, "description");

package/dist/components/progress/index.js

@@ -1,24 +1,11 @@
-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 { progress } from "@pyck/styled-system/recipes";
-import { Progress as Progress$1, ProgressContext as Context } from "@ark-ui/react/progress";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Progress as Progress$1 } from "@ark-ui/react/progress";
 
 //#region src/components/progress/progress.tsx
-var progress_exports = /* @__PURE__ */ __exportAll({
-	Circle: () => Circle,
-	CircleRange: () => CircleRange,
-	CircleTrack: () => CircleTrack,
-	Context: () => Context,
-	Label: () => Label,
-	Range: () => Range,
-	Root: () => Root,
-	RootProvider: () => RootProvider,
-	Track: () => Track,
-	ValueText: () => ValueText,
-	View: () => View
-});
 const { withProvider, withContext } = createStyleContext(progress);
 const Root = withProvider(Progress$1.Root, "root");
 const RootProvider = withProvider(Progress$1.RootProvider, "root");
@@ -54,25 +41,33 @@ const Progress = forwardRef(function Progress(props, ref) {
 	}
 	let t0;
 	if ($[5] !== label) {
-		t0 = label && <progress_exports.Label>{label}</progress_exports.Label>;
+		t0 = label && /* @__PURE__ */ jsx(Label, { children: label });
 		$[5] = label;
 		$[6] = t0;
 	} else t0 = $[6];
 	let t1;
 	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = <progress_exports.Track><progress_exports.Range /></progress_exports.Track>;
+		t1 = /* @__PURE__ */ jsx(Track, { children: /* @__PURE__ */ jsx(Range, {}) });
 		$[7] = t1;
 	} else t1 = $[7];
 	let t2;
 	if ($[8] !== showValueText || $[9] !== valueText) {
-		t2 = showValueText && <progress_exports.ValueText>{valueText}</progress_exports.ValueText>;
+		t2 = showValueText && /* @__PURE__ */ jsx(ValueText, { children: valueText });
 		$[8] = showValueText;
 		$[9] = valueText;
 		$[10] = t2;
 	} else t2 = $[10];
 	let t3;
 	if ($[11] !== ref || $[12] !== rest || $[13] !== t0 || $[14] !== t2) {
-		t3 = <progress_exports.Root {...rest} ref={ref}>{t0}{t1}{t2}</progress_exports.Root>;
+		t3 = /* @__PURE__ */ jsxs(Root, {
+			...rest,
+			ref,
+			children: [
+				t0,
+				t1,
+				t2
+			]
+		});
 		$[11] = ref;
 		$[12] = rest;
 		$[13] = t0;

package/dist/components/progress-circle/index.js

@@ -1,24 +1,13 @@
-import { t as __exportAll } from "../../chunk-BYypO7fO.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { Stack, createStyleContext } from "@pyck/styled-system/jsx";
 import { progressCircle } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
 import { AbsoluteCenter } from "@pyck/react/absolute-center";
-import { Progress, ProgressContext as Context } from "@ark-ui/react/progress";
+import { Progress } from "@ark-ui/react/progress";
 
 //#region src/components/progress-circle/progress-circle.tsx
-var progress_circle_exports = /* @__PURE__ */ __exportAll({
-	Circle: () => Circle,
-	Context: () => Context,
-	Label: () => Label,
-	Range: () => Range,
-	Root: () => Root,
-	RootProvider: () => RootProvider,
-	Track: () => Track,
-	ValueText: () => ValueText,
-	View: () => View
-});
 const { withProvider, withContext } = createStyleContext(progressCircle);
 const Root = withProvider(Progress.Root, "root");
 const RootProvider = withProvider(Progress.RootProvider, "root");
@@ -52,45 +41,59 @@ const ProgressCircle = forwardRef(function ProgressCircle(props, ref) {
 	}
 	let t0;
 	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = <progress_circle_exports.Circle><progress_circle_exports.Track /><progress_circle_exports.Range /></progress_circle_exports.Circle>;
+		t0 = /* @__PURE__ */ jsxs(Circle, { children: [/* @__PURE__ */ jsx(Track, {}), /* @__PURE__ */ jsx(Range, {})] });
 		$[5] = t0;
 	} else t0 = $[5];
 	let t1;
 	if ($[6] !== label) {
-		t1 = <progress_circle_exports.Label>{label}</progress_circle_exports.Label>;
+		t1 = /* @__PURE__ */ jsx(Label, { children: label });
 		$[6] = label;
 		$[7] = t1;
 	} else t1 = $[7];
 	let t2;
 	if ($[8] !== label || $[9] !== t1) {
-		t2 = <Show when={label}>{t1}</Show>;
+		t2 = /* @__PURE__ */ jsx(Show, {
+			when: label,
+			children: t1
+		});
 		$[8] = label;
 		$[9] = t1;
 		$[10] = t2;
 	} else t2 = $[10];
 	let t3;
 	if ($[11] !== valueText) {
-		t3 = <progress_circle_exports.ValueText>{valueText}</progress_circle_exports.ValueText>;
+		t3 = /* @__PURE__ */ jsx(ValueText, { children: valueText });
 		$[11] = valueText;
 		$[12] = t3;
 	} else t3 = $[12];
 	let t4;
 	if ($[13] !== showValueText || $[14] !== t3) {
-		t4 = <Show when={showValueText}>{t3}</Show>;
+		t4 = /* @__PURE__ */ jsx(Show, {
+			when: showValueText,
+			children: t3
+		});
 		$[13] = showValueText;
 		$[14] = t3;
 		$[15] = t4;
 	} else t4 = $[15];
 	let t5;
 	if ($[16] !== t2 || $[17] !== t4) {
-		t5 = <AbsoluteCenter><Stack gap="0" align="center">{t2}{t4}</Stack></AbsoluteCenter>;
+		t5 = /* @__PURE__ */ jsx(AbsoluteCenter, { children: /* @__PURE__ */ jsxs(Stack, {
+			gap: "0",
+			align: "center",
+			children: [t2, t4]
+		}) });
 		$[16] = t2;
 		$[17] = t4;
 		$[18] = t5;
 	} else t5 = $[18];
 	let t6;
 	if ($[19] !== ref || $[20] !== rest || $[21] !== t5) {
-		t6 = <progress_circle_exports.Root {...rest} ref={ref}>{t0}{t5}</progress_circle_exports.Root>;
+		t6 = /* @__PURE__ */ jsxs(Root, {
+			...rest,
+			ref,
+			children: [t0, t5]
+		});
 		$[19] = ref;
 		$[20] = rest;
 		$[21] = t5;

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

@@ -1,22 +1,11 @@
-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 { radioGroup } from "@pyck/styled-system/recipes";
-import { RadioGroup, RadioGroupContext as Context } from "@ark-ui/react/radio-group";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { RadioGroup } from "@ark-ui/react/radio-group";
 
 //#region src/components/radio-group/radio-group.tsx
-var radio_group_exports = /* @__PURE__ */ __exportAll({
-	Context: () => Context,
-	Indicator: () => Indicator,
-	Item: () => Item,
-	ItemControl: () => ItemControl,
-	ItemHiddenInput: () => ItemHiddenInput,
-	ItemText: () => ItemText,
-	Label: () => Label,
-	Root: () => Root,
-	RootProvider: () => RootProvider
-});
 const { withProvider, withContext } = createStyleContext(radioGroup);
 const Root = withProvider(RadioGroup.Root, "root");
 const RootProvider = withProvider(RadioGroup.RootProvider, "root");
@@ -50,25 +39,36 @@ const Radio = forwardRef(function Radio(props, ref) {
 	}
 	let t0;
 	if ($[5] !== inputProps || $[6] !== ref) {
-		t0 = <radio_group_exports.ItemHiddenInput ref={ref} {...inputProps} />;
+		t0 = /* @__PURE__ */ jsx(ItemHiddenInput, {
+			ref,
+			...inputProps
+		});
 		$[5] = inputProps;
 		$[6] = ref;
 		$[7] = t0;
 	} else t0 = $[7];
 	let t1;
 	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = <radio_group_exports.ItemControl />;
+		t1 = /* @__PURE__ */ jsx(ItemControl, {});
 		$[8] = t1;
 	} else t1 = $[8];
 	let t2;
 	if ($[9] !== children) {
-		t2 = children && <radio_group_exports.ItemText>{children}</radio_group_exports.ItemText>;
+		t2 = children && /* @__PURE__ */ jsx(ItemText, { children });
 		$[9] = children;
 		$[10] = t2;
 	} else t2 = $[10];
 	let t3;
 	if ($[11] !== rest || $[12] !== rootRef || $[13] !== t0 || $[14] !== t2) {
-		t3 = <radio_group_exports.Item ref={rootRef} {...rest}>{t0}{t1}{t2}</radio_group_exports.Item>;
+		t3 = /* @__PURE__ */ jsxs(Item, {
+			ref: rootRef,
+			...rest,
+			children: [
+				t0,
+				t1,
+				t2
+			]
+		});
 		$[11] = rest;
 		$[12] = rootRef;
 		$[13] = t0;

package/dist/components/scroll-area/index.js

@@ -1,25 +1,17 @@
-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 { scrollArea } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@ark-ui/react/scroll-area";
 
 //#region src/components/scroll-area/scroll-area.tsx
-var scroll_area_exports = /* @__PURE__ */ __exportAll({
-	Content: () => Content,
-	Corner: () => Corner,
-	Root: () => Root,
-	Scrollbar: () => Scrollbar,
-	Thumb: () => Thumb,
-	Viewport: () => Viewport
-});
 const { withProvider, withContext } = createStyleContext(scrollArea);
 const Root = withProvider(ScrollArea$1.Root, "root");
 const Content = withContext(ScrollArea$1.Content, "content");
 const Corner = withContext(ScrollArea$1.Corner, "corner");
 const Thumb = withContext(ScrollArea$1.Thumb, "thumb");
-const Scrollbar = withContext(ScrollArea$1.Scrollbar, "scrollbar", { defaultProps: { children: <Thumb /> } });
+const Scrollbar = withContext(ScrollArea$1.Scrollbar, "scrollbar", { defaultProps: { children: /* @__PURE__ */ jsx(Thumb, {}) } });
 const Viewport = withContext(ScrollArea$1.Viewport, "viewport");
 
 //#endregion
@@ -48,40 +40,54 @@ const ScrollArea = forwardRef(function ScrollArea(props, ref) {
 	const showHorizontal = scrollbars === "horizontal" || scrollbars === "both";
 	let t1;
 	if ($[5] !== children || $[6] !== contentProps) {
-		t1 = <scroll_area_exports.Content {...contentProps}>{children}</scroll_area_exports.Content>;
+		t1 = /* @__PURE__ */ jsx(Content, {
+			...contentProps,
+			children
+		});
 		$[5] = children;
 		$[6] = contentProps;
 		$[7] = t1;
 	} else t1 = $[7];
 	let t2;
 	if ($[8] !== ref || $[9] !== t1) {
-		t2 = <scroll_area_exports.Viewport ref={ref}>{t1}</scroll_area_exports.Viewport>;
+		t2 = /* @__PURE__ */ jsx(Viewport, {
+			ref,
+			children: t1
+		});
 		$[8] = ref;
 		$[9] = t1;
 		$[10] = t2;
 	} else t2 = $[10];
 	let t3;
 	if ($[11] !== showVertical) {
-		t3 = showVertical && <scroll_area_exports.Scrollbar orientation="vertical" />;
+		t3 = showVertical && /* @__PURE__ */ jsx(Scrollbar, { orientation: "vertical" });
 		$[11] = showVertical;
 		$[12] = t3;
 	} else t3 = $[12];
 	let t4;
 	if ($[13] !== showHorizontal) {
-		t4 = showHorizontal && <scroll_area_exports.Scrollbar orientation="horizontal" />;
+		t4 = showHorizontal && /* @__PURE__ */ jsx(Scrollbar, { orientation: "horizontal" });
 		$[13] = showHorizontal;
 		$[14] = t4;
 	} else t4 = $[14];
 	let t5;
 	if ($[15] !== showHorizontal || $[16] !== showVertical) {
-		t5 = showVertical && showHorizontal && <scroll_area_exports.Corner />;
+		t5 = showVertical && showHorizontal && /* @__PURE__ */ jsx(Corner, {});
 		$[15] = showHorizontal;
 		$[16] = showVertical;
 		$[17] = t5;
 	} else t5 = $[17];
 	let t6;
 	if ($[18] !== rest || $[19] !== t2 || $[20] !== t3 || $[21] !== t4 || $[22] !== t5) {
-		t6 = <scroll_area_exports.Root {...rest}>{t2}{t3}{t4}{t5}</scroll_area_exports.Root>;
+		t6 = /* @__PURE__ */ jsxs(Root, {
+			...rest,
+			children: [
+				t2,
+				t3,
+				t4,
+				t5
+			]
+		});
 		$[18] = rest;
 		$[19] = t2;
 		$[20] = t3;

package/dist/components/segment-group/index.d.ts

@@ -2,8 +2,8 @@ import * as react from "react";
 import { ComponentProps, ReactNode } 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 { SegmentGroup, SegmentGroupContext as Context } from "@ark-ui/react/segment-group";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { SegmentGroup, SegmentGroupContext as Context } from "@ark-ui/react/segment-group";
 
 //#region src/components/segment-group/segment-group.d.ts
 declare namespace segment_group_d_exports {