@pyck/react 0.0.3 → 0.0.6

package/dist/components/dialog/index.js

@@ -1,17 +1,18 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { c } from "react/compiler-runtime";
 import { forwardRef, useId, useSyncExternalStore } from "react";
 import { ark } from "@ark-ui/react/factory";
 import { Stack, createStyleContext } from "@pyck/styled-system/jsx";
 import { dialog } from "@pyck/styled-system/recipes";
 import { CheckCircleIcon, FilePenLineIcon, Trash2Icon } from "lucide-react";
-import { omit } from "@pyck/react/utils";
 import { useForm } from "react-hook-form";
+import { omit } from "@pyck/react/utils";
 import { Show } from "@pyck/react/show";
-import { Dialog, DialogContext as Context, useDialogContext } from "@ark-ui/react/dialog";
 import { Portal } from "@ark-ui/react/portal";
 import { Button, CloseButton } from "@pyck/react/button";
 import { FeaturedIcon } from "@pyck/react/icon";
 import { shallow } from "zustand/shallow";
+import { Dialog, DialogContext as Context, useDialogContext } from "@ark-ui/react/dialog";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Form } from "@pyck/react/form";
 
@@ -116,14 +117,26 @@ function createOverlay(Component, options) {
 		publish();
 	};
 	function Viewport() {
+		const $ = c(4);
 		const overlays = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-		return <>
-        {overlays.map((props) => {
-			const { _id, ...componentProps } = props;
-			const Comp = Component;
-			return <Comp key={_id} {...componentProps} />;
-		})}
-      </>;
+		let t0;
+		if ($[0] !== overlays) {
+			t0 = overlays.map(_temp);
+			$[0] = overlays;
+			$[1] = t0;
+		} else t0 = $[1];
+		let t1;
+		if ($[2] !== t0) {
+			t1 = <>{t0}</>;
+			$[2] = t0;
+			$[3] = t1;
+		} else t1 = $[3];
+		return t1;
+	}
+	function _temp(props) {
+		const { _id, ...componentProps } = props;
+		const Comp = Component;
+		return <Comp key={_id} {...componentProps} />;
 	}
 	return {
 		Viewport,
@@ -176,8 +189,23 @@ const Body = withContext(ark.div, "body");
 const Header = withContext(ark.div, "header");
 const Footer = withContext(ark.div, "footer");
 const ActionTrigger = forwardRef(function ActionTrigger(props, ref) {
+	const $ = c(6);
 	const dialog = useDialogContext();
-	return <ark.button {...props} ref={ref} onClick={() => dialog.setOpen(false)} />;
+	let t0;
+	if ($[0] !== dialog) {
+		t0 = () => dialog.setOpen(false);
+		$[0] = dialog;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== props || $[3] !== ref || $[4] !== t0) {
+		t1 = <ark.button {...props} ref={ref} onClick={t0} />;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
 });
 
 //#endregion
@@ -285,10 +313,13 @@ const FormDialog = {
 //#endregion
 //#region src/components/dialog/overlay-manager.tsx
 const OverlayManager = () => {
-	return <>
-      <FormDialog.Viewport />
-      <ConfirmDialog.Viewport />
-    </>;
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = <><FormDialog.Viewport /><ConfirmDialog.Viewport /></>;
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 };
 
 //#endregion

package/dist/components/display-date-value/index.js

@@ -1,4 +1,4 @@
-import "../../display-value-BNKxQ99u.js";
-import { t as DisplayDateValue } from "../../display-date-value-gTlidtNz.js";
+import "../../display-value-Bz71ZqgM.js";
+import { t as DisplayDateValue } from "../../display-date-value-BAU46P8s.js";
 
 export { DisplayDateValue };

package/dist/components/display-value/index.js

@@ -1,3 +1,3 @@
-import { t as DisplayValue } from "../../display-value-BNKxQ99u.js";
+import { t as DisplayValue } from "../../display-value-Bz71ZqgM.js";
 
 export { DisplayValue };

package/dist/components/drawer/index.js

@@ -1,4 +1,5 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { ark } from "@ark-ui/react/factory";
 import { createStyleContext } from "@pyck/styled-system/jsx";
@@ -42,8 +43,23 @@ const Body = withContext(ark.div, "body");
 const Header = withContext(ark.div, "header");
 const Footer = withContext(ark.div, "footer");
 const ActionTrigger = forwardRef(function ActionTrigger(props, ref) {
+	const $ = c(6);
 	const dialog = useDialogContext();
-	return <ark.button {...props} ref={ref} onClick={() => dialog.setOpen(false)} />;
+	let t0;
+	if ($[0] !== dialog) {
+		t0 = () => dialog.setOpen(false);
+		$[0] = dialog;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== props || $[3] !== ref || $[4] !== t0) {
+		t1 = <ark.button {...props} ref={ref} onClick={t0} />;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
 });
 
 //#endregion

package/dist/components/drilldown-menu/index.js

@@ -1,8 +1,9 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { n as Icon } from "../../featured-icon-DPysOpSf.js";
+import { n as Icon } from "../../featured-icon-CKDv0xfF.js";
 import "../icon/index.js";
 import { t as Span } from "../../span-DWZSA3mH.js";
 import "../span/index.js";
+import { c } from "react/compiler-runtime";
 import { startTransition, useState } from "react";
 import { ark } from "@ark-ui/react/factory";
 import { Box, HStack, Stack, createStyleContext } from "@pyck/styled-system/jsx";
@@ -30,93 +31,223 @@ const Trigger = withContext(ark.button, "trigger");
 
 //#endregion
 //#region src/components/drilldown-menu/use-drilldown-menu.ts
-const useDrilldownMenu = ({ collection }) => {
+const useDrilldownMenu = (t0) => {
+	const $ = c(23);
+	const { collection } = t0;
 	const [currentValue, setCurrentValue] = useState(null);
 	const [direction, setDirection] = useState("forward");
 	const [isAnimating, setIsAnimating] = useState(false);
-	const currentNode = currentValue ? collection.findNode(currentValue) ?? collection.rootNode : collection.rootNode;
-	const current = collection.getNodeChildren(currentNode);
-	const next = (node) => {
-		if (collection.getNodeChildren(node).length > 0) {
-			setDirection("forward");
+	let t1;
+	if ($[0] !== collection || $[1] !== currentValue) {
+		t1 = currentValue ? collection.findNode(currentValue) ?? collection.rootNode : collection.rootNode;
+		$[0] = collection;
+		$[1] = currentValue;
+		$[2] = t1;
+	} else t1 = $[2];
+	const currentNode = t1;
+	let t2;
+	if ($[3] !== collection || $[4] !== currentNode) {
+		t2 = collection.getNodeChildren(currentNode);
+		$[3] = collection;
+		$[4] = currentNode;
+		$[5] = t2;
+	} else t2 = $[5];
+	const current = t2;
+	let t3;
+	if ($[6] !== collection) {
+		t3 = (node) => {
+			if (collection.getNodeChildren(node).length > 0) {
+				setDirection("forward");
+				setIsAnimating(true);
+				startTransition(() => {
+					setCurrentValue(collection.getNodeValue(node));
+				});
+			}
+		};
+		$[6] = collection;
+		$[7] = t3;
+	} else t3 = $[7];
+	const next = t3;
+	let t4;
+	if ($[8] !== collection || $[9] !== currentValue) {
+		t4 = () => {
+			const parentNode = currentValue ? collection.getParentNode(currentValue) : void 0;
+			setDirection("back");
 			setIsAnimating(true);
 			startTransition(() => {
-				setCurrentValue(collection.getNodeValue(node));
+				setCurrentValue(parentNode && !collection.isRootNode(parentNode) ? collection.getNodeValue(parentNode) : null);
 			});
-		}
-	};
-	const prev = () => {
-		const parentNode = currentValue ? collection.getParentNode(currentValue) : void 0;
-		setDirection("back");
-		setIsAnimating(true);
-		startTransition(() => {
-			setCurrentValue(parentNode && !collection.isRootNode(parentNode) ? collection.getNodeValue(parentNode) : null);
-		});
-	};
-	const depth = currentValue ? collection.getDepth(currentValue) : 0;
-	return {
-		current,
-		currentNode,
-		canGoBack: currentValue !== null,
-		direction,
-		prev,
-		next,
-		depth,
-		isAnimating,
-		setIsAnimating
-	};
+		};
+		$[8] = collection;
+		$[9] = currentValue;
+		$[10] = t4;
+	} else t4 = $[10];
+	const prev = t4;
+	let t5;
+	if ($[11] !== collection || $[12] !== currentValue) {
+		t5 = currentValue ? collection.getDepth(currentValue) : 0;
+		$[11] = collection;
+		$[12] = currentValue;
+		$[13] = t5;
+	} else t5 = $[13];
+	const depth = t5;
+	const canGoBack = currentValue !== null;
+	let t6;
+	if ($[14] !== canGoBack || $[15] !== current || $[16] !== currentNode || $[17] !== depth || $[18] !== direction || $[19] !== isAnimating || $[20] !== next || $[21] !== prev) {
+		t6 = {
+			current,
+			currentNode,
+			canGoBack,
+			direction,
+			prev,
+			next,
+			depth,
+			isAnimating,
+			setIsAnimating
+		};
+		$[14] = canGoBack;
+		$[15] = current;
+		$[16] = currentNode;
+		$[17] = depth;
+		$[18] = direction;
+		$[19] = isAnimating;
+		$[20] = next;
+		$[21] = prev;
+		$[22] = t6;
+	} else t6 = $[22];
+	return t6;
 };
 
 //#endregion
 //#region src/components/drilldown-menu/drilldown-menu.closed.tsx
-const DrilldownMenu = ({ collection, renderItem, onLeafSelect }) => {
-	const menu = useDrilldownMenu({ collection });
-	const renderNode = (node) => {
-		if (!node) return null;
-		return renderItem ? renderItem(node) : collection.stringifyNode(node);
-	};
-	const handleNodeClick = (node) => {
-		if (collection.getNodeChildren(node).length > 0) menu.next(node);
-		else if (onLeafSelect) onLeafSelect(node);
-	};
-	const isLeafNode = (node) => collection.getNodeChildren(node).length === 0;
-	return <drilldown_menu_exports.Root>
-      <drilldown_menu_exports.Trigger onClick={menu.prev} disabled={!menu.canGoBack}>
-        <HStack justify="space-between" width="full">
-          <Icon size="sm" color="fg.subtle" opacity={menu.canGoBack ? "1" : "0"}>
-            <ChevronLeftIcon />
-          </Icon>
-          <Stack gap="0" alignItems="start" justify="center">
-            <Span textStyle="md" fontWeight="medium">
-              {menu.canGoBack ? renderNode(menu.currentNode) : "Menu"}
-            </Span>
-          </Stack>
-          <Box />
-        </HStack>
-      </drilldown_menu_exports.Trigger>
-      <drilldown_menu_exports.Viewport>
-        <drilldown_menu_exports.Content key={menu.depth} data-animating={menu.isAnimating || void 0} data-direction={menu.direction} onAnimationEnd={() => menu.setIsAnimating(false)}>
-          <Group attached orientation="vertical" width="full" asChild>
-            <drilldown_menu_exports.List>
-              {menu.current?.map((node) => <drilldown_menu_exports.Item key={collection.getNodeValue(node)}>
-                  <drilldown_menu_exports.Trigger onClick={() => handleNodeClick(node)}>
-                    <HStack justifyContent="space-between" width="full">
-                      <Stack gap="0" alignItems="start">
-                        <Span fontWeight="medium">{renderNode(node)}</Span>
-                      </Stack>
-                      <Show when={!isLeafNode(node)}>
-                        <Icon size="sm" color="fg.subtle">
-                          <ChevronRightIcon />
-                        </Icon>
-                      </Show>
-                    </HStack>
-                  </drilldown_menu_exports.Trigger>
-                </drilldown_menu_exports.Item>)}
-            </drilldown_menu_exports.List>
-          </Group>
-        </drilldown_menu_exports.Content>
-      </drilldown_menu_exports.Viewport>
-    </drilldown_menu_exports.Root>;
+const DrilldownMenu = (t0) => {
+	const $ = c(47);
+	const { collection, renderItem, onLeafSelect } = t0;
+	let t1;
+	if ($[0] !== collection) {
+		t1 = { collection };
+		$[0] = collection;
+		$[1] = t1;
+	} else t1 = $[1];
+	const menu = useDrilldownMenu(t1);
+	let t2;
+	if ($[2] !== collection || $[3] !== renderItem) {
+		t2 = (node) => {
+			if (!node) return null;
+			return renderItem ? renderItem(node) : collection.stringifyNode(node);
+		};
+		$[2] = collection;
+		$[3] = renderItem;
+		$[4] = t2;
+	} else t2 = $[4];
+	const renderNode = t2;
+	let t3;
+	if ($[5] !== collection || $[6] !== menu || $[7] !== onLeafSelect) {
+		t3 = (node_0) => {
+			if (collection.getNodeChildren(node_0).length > 0) menu.next(node_0);
+			else if (onLeafSelect) onLeafSelect(node_0);
+		};
+		$[5] = collection;
+		$[6] = menu;
+		$[7] = onLeafSelect;
+		$[8] = t3;
+	} else t3 = $[8];
+	const handleNodeClick = t3;
+	let t4;
+	if ($[9] !== collection) {
+		t4 = (node_1) => collection.getNodeChildren(node_1).length === 0;
+		$[9] = collection;
+		$[10] = t4;
+	} else t4 = $[10];
+	const isLeafNode = t4;
+	const t5 = !menu.canGoBack;
+	const t6 = menu.canGoBack ? "1" : "0";
+	let t7;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = <ChevronLeftIcon />;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== t6) {
+		t8 = <Icon size="sm" color="fg.subtle" opacity={t6}>{t7}</Icon>;
+		$[12] = t6;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== menu.canGoBack || $[15] !== menu.currentNode || $[16] !== renderNode) {
+		t9 = menu.canGoBack ? renderNode(menu.currentNode) : "Menu";
+		$[14] = menu.canGoBack;
+		$[15] = menu.currentNode;
+		$[16] = renderNode;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] !== t9) {
+		t10 = <Stack gap="0" alignItems="start" justify="center"><Span textStyle="md" fontWeight="medium">{t9}</Span></Stack>;
+		$[18] = t9;
+		$[19] = t10;
+	} else t10 = $[19];
+	let t11;
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = <Box />;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== t10 || $[22] !== t8) {
+		t12 = <HStack justify="space-between" width="full">{t8}{t10}{t11}</HStack>;
+		$[21] = t10;
+		$[22] = t8;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== menu.prev || $[25] !== t12 || $[26] !== t5) {
+		t13 = <drilldown_menu_exports.Trigger onClick={menu.prev} disabled={t5}>{t12}</drilldown_menu_exports.Trigger>;
+		$[24] = menu.prev;
+		$[25] = t12;
+		$[26] = t5;
+		$[27] = t13;
+	} else t13 = $[27];
+	const t14 = menu.isAnimating || void 0;
+	let t15;
+	if ($[28] !== menu) {
+		t15 = () => menu.setIsAnimating(false);
+		$[28] = menu;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== collection || $[31] !== handleNodeClick || $[32] !== isLeafNode || $[33] !== menu.current || $[34] !== renderNode) {
+		t16 = menu.current?.map((node_2) => <drilldown_menu_exports.Item key={collection.getNodeValue(node_2)}><drilldown_menu_exports.Trigger onClick={() => handleNodeClick(node_2)}><HStack justifyContent="space-between" width="full"><Stack gap="0" alignItems="start"><Span fontWeight="medium">{renderNode(node_2)}</Span></Stack><Show when={!isLeafNode(node_2)}><Icon size="sm" color="fg.subtle"><ChevronRightIcon /></Icon></Show></HStack></drilldown_menu_exports.Trigger></drilldown_menu_exports.Item>);
+		$[30] = collection;
+		$[31] = handleNodeClick;
+		$[32] = isLeafNode;
+		$[33] = menu.current;
+		$[34] = renderNode;
+		$[35] = t16;
+	} else t16 = $[35];
+	let t17;
+	if ($[36] !== t16) {
+		t17 = <Group attached={true} orientation="vertical" width="full" asChild={true}><drilldown_menu_exports.List>{t16}</drilldown_menu_exports.List></Group>;
+		$[36] = t16;
+		$[37] = t17;
+	} else t17 = $[37];
+	let t18;
+	if ($[38] !== menu.depth || $[39] !== menu.direction || $[40] !== t14 || $[41] !== t15 || $[42] !== t17) {
+		t18 = <drilldown_menu_exports.Viewport><drilldown_menu_exports.Content key={menu.depth} data-animating={t14} data-direction={menu.direction} onAnimationEnd={t15}>{t17}</drilldown_menu_exports.Content></drilldown_menu_exports.Viewport>;
+		$[38] = menu.depth;
+		$[39] = menu.direction;
+		$[40] = t14;
+		$[41] = t15;
+		$[42] = t17;
+		$[43] = t18;
+	} else t18 = $[43];
+	let t19;
+	if ($[44] !== t13 || $[45] !== t18) {
+		t19 = <drilldown_menu_exports.Root>{t13}{t18}</drilldown_menu_exports.Root>;
+		$[44] = t13;
+		$[45] = t18;
+		$[46] = t19;
+	} else t19 = $[46];
+	return t19;
 };
 
 //#endregion

package/dist/components/field/index.js

@@ -1,4 +1,5 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { VisuallyHidden, createStyleContext } from "@pyck/styled-system/jsx";
 import { field } from "@pyck/styled-system/recipes";
@@ -27,23 +28,95 @@ const RequiredIndicator = withContext(Field$1.RequiredIndicator, "requiredIndica
 //#endregion
 //#region src/components/field/field.closed.tsx
 const Field = forwardRef(function Field(props, ref) {
-	const { label, children, hideLabel, helperText, errorText, optionalText, ...rest } = props;
-	return <field_exports.Root ref={ref} {...rest}>
-      <Show when={label}>
-        <Wrap when={hideLabel} with={(children) => <VisuallyHidden>{children}</VisuallyHidden>}>
-          <field_exports.Label>
-            {label}
-            <field_exports.RequiredIndicator fallback={optionalText} />
-          </field_exports.Label>
-        </Wrap>
-      </Show>
-      {children}
-      <Show when={helperText}>
-        <field_exports.HelperText>{helperText}</field_exports.HelperText>
-      </Show>
-      <field_exports.ErrorText>{errorText}</field_exports.ErrorText>
-    </field_exports.Root>;
+	const $ = c(33);
+	let children;
+	let errorText;
+	let helperText;
+	let hideLabel;
+	let label;
+	let optionalText;
+	let rest;
+	if ($[0] !== props) {
+		({label, children, hideLabel, helperText, errorText, optionalText, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = errorText;
+		$[3] = helperText;
+		$[4] = hideLabel;
+		$[5] = label;
+		$[6] = optionalText;
+		$[7] = rest;
+	} else {
+		children = $[1];
+		errorText = $[2];
+		helperText = $[3];
+		hideLabel = $[4];
+		label = $[5];
+		optionalText = $[6];
+		rest = $[7];
+	}
+	let t0;
+	if ($[8] !== optionalText) {
+		t0 = <field_exports.RequiredIndicator fallback={optionalText} />;
+		$[8] = optionalText;
+		$[9] = t0;
+	} else t0 = $[9];
+	let t1;
+	if ($[10] !== label || $[11] !== t0) {
+		t1 = <field_exports.Label>{label}{t0}</field_exports.Label>;
+		$[10] = label;
+		$[11] = t0;
+		$[12] = t1;
+	} else t1 = $[12];
+	let t2;
+	if ($[13] !== hideLabel || $[14] !== t1) {
+		t2 = <Wrap when={hideLabel} with={_temp}>{t1}</Wrap>;
+		$[13] = hideLabel;
+		$[14] = t1;
+		$[15] = t2;
+	} else t2 = $[15];
+	let t3;
+	if ($[16] !== label || $[17] !== t2) {
+		t3 = <Show when={label}>{t2}</Show>;
+		$[16] = label;
+		$[17] = t2;
+		$[18] = t3;
+	} else t3 = $[18];
+	let t4;
+	if ($[19] !== helperText) {
+		t4 = <field_exports.HelperText>{helperText}</field_exports.HelperText>;
+		$[19] = helperText;
+		$[20] = t4;
+	} else t4 = $[20];
+	let t5;
+	if ($[21] !== helperText || $[22] !== t4) {
+		t5 = <Show when={helperText}>{t4}</Show>;
+		$[21] = helperText;
+		$[22] = t4;
+		$[23] = t5;
+	} else t5 = $[23];
+	let t6;
+	if ($[24] !== errorText) {
+		t6 = <field_exports.ErrorText>{errorText}</field_exports.ErrorText>;
+		$[24] = errorText;
+		$[25] = t6;
+	} else t6 = $[25];
+	let t7;
+	if ($[26] !== children || $[27] !== ref || $[28] !== rest || $[29] !== t3 || $[30] !== t5 || $[31] !== t6) {
+		t7 = <field_exports.Root ref={ref} {...rest}>{t3}{children}{t5}{t6}</field_exports.Root>;
+		$[26] = children;
+		$[27] = ref;
+		$[28] = rest;
+		$[29] = t3;
+		$[30] = t5;
+		$[31] = t6;
+		$[32] = t7;
+	} else t7 = $[32];
+	return t7;
 });
+function _temp(children_0) {
+	return <VisuallyHidden>{children_0}</VisuallyHidden>;
+}
 
 //#endregion
 export { Field };