@pyck/react 0.0.5 → 0.0.7

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,23 +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");
@@ -33,14 +21,60 @@ const View = withContext(Progress$1.View, "view");
 //#endregion
 //#region src/components/progress/progress.closed.tsx
 const Progress = forwardRef(function Progress(props, ref) {
-	const { showValueText, valueText, label, ...rest } = props;
-	return <progress_exports.Root {...rest} ref={ref}>
-      {label && <progress_exports.Label>{label}</progress_exports.Label>}
-      <progress_exports.Track>
-        <progress_exports.Range />
-      </progress_exports.Track>
-      {showValueText && <progress_exports.ValueText>{valueText}</progress_exports.ValueText>}
-    </progress_exports.Root>;
+	const $ = c(16);
+	let label;
+	let rest;
+	let showValueText;
+	let valueText;
+	if ($[0] !== props) {
+		({showValueText, valueText, label, ...rest} = props);
+		$[0] = props;
+		$[1] = label;
+		$[2] = rest;
+		$[3] = showValueText;
+		$[4] = valueText;
+	} else {
+		label = $[1];
+		rest = $[2];
+		showValueText = $[3];
+		valueText = $[4];
+	}
+	let t0;
+	if ($[5] !== 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 = /* @__PURE__ */ jsx(Track, { children: /* @__PURE__ */ jsx(Range, {}) });
+		$[7] = t1;
+	} else t1 = $[7];
+	let t2;
+	if ($[8] !== showValueText || $[9] !== 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 = /* @__PURE__ */ jsxs(Root, {
+			...rest,
+			ref,
+			children: [
+				t0,
+				t1,
+				t2
+			]
+		});
+		$[11] = ref;
+		$[12] = rest;
+		$[13] = t0;
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
+	return t3;
 });
 
 //#endregion

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

@@ -1,23 +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");
@@ -31,23 +21,85 @@ const View = withContext(Progress.View, "view");
 //#endregion
 //#region src/components/progress-circle/progress-circle.closed.tsx
 const ProgressCircle = forwardRef(function ProgressCircle(props, ref) {
-	const { showValueText, valueText, label, ...rest } = props;
-	return <progress_circle_exports.Root {...rest} ref={ref}>
-        <progress_circle_exports.Circle>
-          <progress_circle_exports.Track />
-          <progress_circle_exports.Range />
-        </progress_circle_exports.Circle>
-        <AbsoluteCenter>
-          <Stack gap="0" align="center">
-            <Show when={label}>
-              <progress_circle_exports.Label>{label}</progress_circle_exports.Label>
-            </Show>
-            <Show when={showValueText}>
-              <progress_circle_exports.ValueText>{valueText}</progress_circle_exports.ValueText>
-            </Show>
-          </Stack>
-        </AbsoluteCenter>
-      </progress_circle_exports.Root>;
+	const $ = c(23);
+	let label;
+	let rest;
+	let showValueText;
+	let valueText;
+	if ($[0] !== props) {
+		({showValueText, valueText, label, ...rest} = props);
+		$[0] = props;
+		$[1] = label;
+		$[2] = rest;
+		$[3] = showValueText;
+		$[4] = valueText;
+	} else {
+		label = $[1];
+		rest = $[2];
+		showValueText = $[3];
+		valueText = $[4];
+	}
+	let t0;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs(Circle, { children: [/* @__PURE__ */ jsx(Track, {}), /* @__PURE__ */ jsx(Range, {})] });
+		$[5] = t0;
+	} else t0 = $[5];
+	let t1;
+	if ($[6] !== label) {
+		t1 = /* @__PURE__ */ jsx(Label, { children: label });
+		$[6] = label;
+		$[7] = t1;
+	} else t1 = $[7];
+	let t2;
+	if ($[8] !== label || $[9] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Show, {
+			when: label,
+			children: t1
+		});
+		$[8] = label;
+		$[9] = t1;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== valueText) {
+		t3 = /* @__PURE__ */ jsx(ValueText, { children: valueText });
+		$[11] = valueText;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== showValueText || $[14] !== t3) {
+		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 = /* @__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 = /* @__PURE__ */ jsxs(Root, {
+			...rest,
+			ref,
+			children: [t0, t5]
+		});
+		$[19] = ref;
+		$[20] = rest;
+		$[21] = t5;
+		$[22] = t6;
+	} else t6 = $[22];
+	return t6;
 });
 
 //#endregion

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

@@ -1,21 +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");
@@ -29,12 +19,63 @@ const ItemHiddenInput = RadioGroup.ItemHiddenInput;
 //#endregion
 //#region src/components/radio-group/radio-group.closed.tsx
 const Radio = forwardRef(function Radio(props, ref) {
-	const { children, inputProps, rootRef, ...rest } = props;
-	return <radio_group_exports.Item ref={rootRef} {...rest}>
-      <radio_group_exports.ItemHiddenInput ref={ref} {...inputProps} />
-      <radio_group_exports.ItemControl />
-      {children && <radio_group_exports.ItemText>{children}</radio_group_exports.ItemText>}
-    </radio_group_exports.Item>;
+	const $ = c(16);
+	let children;
+	let inputProps;
+	let rest;
+	let rootRef;
+	if ($[0] !== props) {
+		({children, inputProps, rootRef, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = inputProps;
+		$[3] = rest;
+		$[4] = rootRef;
+	} else {
+		children = $[1];
+		inputProps = $[2];
+		rest = $[3];
+		rootRef = $[4];
+	}
+	let t0;
+	if ($[5] !== inputProps || $[6] !== ref) {
+		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 = /* @__PURE__ */ jsx(ItemControl, {});
+		$[8] = t1;
+	} else t1 = $[8];
+	let t2;
+	if ($[9] !== children) {
+		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 = /* @__PURE__ */ jsxs(Item, {
+			ref: rootRef,
+			...rest,
+			children: [
+				t0,
+				t1,
+				t2
+			]
+		});
+		$[11] = rest;
+		$[12] = rootRef;
+		$[13] = t0;
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
+	return t3;
 });
 
 //#endregion

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

@@ -1,40 +1,101 @@
-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
 //#region src/components/scroll-area/scroll-area.closed.tsx
 const ScrollArea = forwardRef(function ScrollArea(props, ref) {
-	const { children, scrollbars = "both", contentProps, ...rest } = props;
+	const $ = c(24);
+	let children;
+	let contentProps;
+	let rest;
+	let t0;
+	if ($[0] !== props) {
+		({children, scrollbars: t0, contentProps, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = contentProps;
+		$[3] = rest;
+		$[4] = t0;
+	} else {
+		children = $[1];
+		contentProps = $[2];
+		rest = $[3];
+		t0 = $[4];
+	}
+	const scrollbars = t0 === void 0 ? "both" : t0;
 	const showVertical = scrollbars === "vertical" || scrollbars === "both";
 	const showHorizontal = scrollbars === "horizontal" || scrollbars === "both";
-	return <scroll_area_exports.Root {...rest}>
-        <scroll_area_exports.Viewport ref={ref}>
-          <scroll_area_exports.Content {...contentProps}>{children}</scroll_area_exports.Content>
-        </scroll_area_exports.Viewport>
-        {showVertical && <scroll_area_exports.Scrollbar orientation="vertical" />}
-        {showHorizontal && <scroll_area_exports.Scrollbar orientation="horizontal" />}
-        {showVertical && showHorizontal && <scroll_area_exports.Corner />}
-      </scroll_area_exports.Root>;
+	let t1;
+	if ($[5] !== children || $[6] !== contentProps) {
+		t1 = /* @__PURE__ */ jsx(Content, {
+			...contentProps,
+			children
+		});
+		$[5] = children;
+		$[6] = contentProps;
+		$[7] = t1;
+	} else t1 = $[7];
+	let t2;
+	if ($[8] !== ref || $[9] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Viewport, {
+			ref,
+			children: t1
+		});
+		$[8] = ref;
+		$[9] = t1;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== showVertical) {
+		t3 = showVertical && /* @__PURE__ */ jsx(Scrollbar, { orientation: "vertical" });
+		$[11] = showVertical;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== showHorizontal) {
+		t4 = showHorizontal && /* @__PURE__ */ jsx(Scrollbar, { orientation: "horizontal" });
+		$[13] = showHorizontal;
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== showHorizontal || $[16] !== showVertical) {
+		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 = /* @__PURE__ */ jsxs(Root, {
+			...rest,
+			children: [
+				t2,
+				t3,
+				t4,
+				t5
+			]
+		});
+		$[18] = rest;
+		$[19] = t2;
+		$[20] = t3;
+		$[21] = t4;
+		$[22] = t5;
+		$[23] = t6;
+	} else t6 = $[23];
+	return t6;
 });
 
 //#endregion

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 {

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

@@ -1,8 +1,10 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
 import { n as isString } from "../../function-DOGwA2sm.js";
+import { c } from "react/compiler-runtime";
 import { useMemo } from "react";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { segmentGroup } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { SegmentGroup, SegmentGroupContext as Context } from "@ark-ui/react/segment-group";
 
 //#region src/components/segment-group/segment-group.tsx
@@ -31,11 +33,44 @@ const ItemHiddenInput = SegmentGroup.ItemHiddenInput;
 const ItemText = withContext(SegmentGroup.ItemText, "itemText");
 const Label = withContext(SegmentGroup.Label, "label");
 const Items = (props) => {
-	const { items, ...itemProps } = props;
-	return useMemo(() => normalize(items), [items]).map((item) => <Item key={item.value} value={item.value} disabled={item.disabled} {...itemProps}>
-      <ItemText>{item.label}</ItemText>
-      <ItemHiddenInput />
-    </Item>);
+	const $ = c(10);
+	let itemProps;
+	let items;
+	if ($[0] !== props) {
+		({items, ...itemProps} = props);
+		$[0] = props;
+		$[1] = itemProps;
+		$[2] = items;
+	} else {
+		itemProps = $[1];
+		items = $[2];
+	}
+	let t0;
+	if ($[3] !== items) {
+		t0 = normalize(items);
+		$[3] = items;
+		$[4] = t0;
+	} else t0 = $[4];
+	const data = t0;
+	let t1;
+	if ($[5] !== data || $[6] !== itemProps) {
+		let t2;
+		if ($[8] !== itemProps) {
+			t2 = (item) => /* @__PURE__ */ jsxs(Item, {
+				value: item.value,
+				disabled: item.disabled,
+				...itemProps,
+				children: [/* @__PURE__ */ jsx(ItemText, { children: item.label }), /* @__PURE__ */ jsx(ItemHiddenInput, {})]
+			}, item.value);
+			$[8] = itemProps;
+			$[9] = t2;
+		} else t2 = $[9];
+		t1 = data.map(t2);
+		$[5] = data;
+		$[6] = itemProps;
+		$[7] = t1;
+	} else t1 = $[7];
+	return t1;
 };
 const normalize = (items) => items.map((item) => isString(item) ? {
 	value: item,

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

@@ -3,6 +3,7 @@ import * as react from "react";
 import { ReactNode, RefAttributes } from "react";
 import * as _pyck_styled_system_jsx0 from "@pyck/styled-system/jsx";
 import { SelectVariantProps } from "@pyck/styled-system/recipes";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { FieldProps } from "@pyck/react/field";
 import * as _ark_ui_react0 from "@ark-ui/react";
 import { Assign, CollectionItem, SelectRootProps } from "@ark-ui/react";
@@ -10,7 +11,6 @@ import { Select } from "@pyck/react/select";
 import { Select as Select$1, SelectContext as Context, SelectItemContext as ItemContext, SelectValueChangeDetails as ValueChangeDetails, useListCollection } from "@ark-ui/react/select";
 import * as _pyck_styled_system_types0 from "@pyck/styled-system/types";
 import { HTMLStyledProps as HTMLStyledProps$1 } from "@pyck/styled-system/types";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/select/select.d.ts
 declare namespace select_d_exports {