@pyck/react 0.0.5 → 0.0.7

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

@@ -1,25 +1,18 @@
-import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { n as Icon } from "../../featured-icon-DPysOpSf.js";
+import { n as Icon } from "../../featured-icon-DBnAKGXC.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";
 import { drilldownMenu } from "@pyck/styled-system/recipes";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Group } from "@pyck/react/group";
 import { Show } from "@pyck/react/show";
 
 //#region src/components/drilldown-menu/drilldown-menu.tsx
-var drilldown_menu_exports = /* @__PURE__ */ __exportAll({
-	Content: () => Content,
-	Item: () => Item,
-	List: () => List,
-	Root: () => Root,
-	Trigger: () => Trigger,
-	Viewport: () => Viewport
-});
 const { withProvider, withContext } = createStyleContext(drilldownMenu);
 const Root = withProvider(ark.div, "root");
 const Viewport = withContext(ark.div, "viewport");
@@ -30,93 +23,281 @@ 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 = /* @__PURE__ */ jsx(ChevronLeftIcon, {});
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== t6) {
+		t8 = /* @__PURE__ */ jsx(Icon, {
+			size: "sm",
+			color: "fg.subtle",
+			opacity: t6,
+			children: t7
+		});
+		$[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 = /* @__PURE__ */ jsx(Stack, {
+			gap: "0",
+			alignItems: "start",
+			justify: "center",
+			children: /* @__PURE__ */ jsx(Span, {
+				textStyle: "md",
+				fontWeight: "medium",
+				children: t9
+			})
+		});
+		$[18] = t9;
+		$[19] = t10;
+	} else t10 = $[19];
+	let t11;
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsx(Box, {});
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== t10 || $[22] !== t8) {
+		t12 = /* @__PURE__ */ jsxs(HStack, {
+			justify: "space-between",
+			width: "full",
+			children: [
+				t8,
+				t10,
+				t11
+			]
+		});
+		$[21] = t10;
+		$[22] = t8;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== menu.prev || $[25] !== t12 || $[26] !== t5) {
+		t13 = /* @__PURE__ */ jsx(Trigger, {
+			onClick: menu.prev,
+			disabled: t5,
+			children: t12
+		});
+		$[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) => /* @__PURE__ */ jsx(Item, { children: /* @__PURE__ */ jsx(Trigger, {
+			onClick: () => handleNodeClick(node_2),
+			children: /* @__PURE__ */ jsxs(HStack, {
+				justifyContent: "space-between",
+				width: "full",
+				children: [/* @__PURE__ */ jsx(Stack, {
+					gap: "0",
+					alignItems: "start",
+					children: /* @__PURE__ */ jsx(Span, {
+						fontWeight: "medium",
+						children: renderNode(node_2)
+					})
+				}), /* @__PURE__ */ jsx(Show, {
+					when: !isLeafNode(node_2),
+					children: /* @__PURE__ */ jsx(Icon, {
+						size: "sm",
+						color: "fg.subtle",
+						children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+					})
+				})]
+			})
+		}) }, collection.getNodeValue(node_2)));
+		$[30] = collection;
+		$[31] = handleNodeClick;
+		$[32] = isLeafNode;
+		$[33] = menu.current;
+		$[34] = renderNode;
+		$[35] = t16;
+	} else t16 = $[35];
+	let t17;
+	if ($[36] !== t16) {
+		t17 = /* @__PURE__ */ jsx(Group, {
+			attached: true,
+			orientation: "vertical",
+			width: "full",
+			asChild: true,
+			children: /* @__PURE__ */ jsx(List, { children: t16 })
+		});
+		$[36] = t16;
+		$[37] = t17;
+	} else t17 = $[37];
+	let t18;
+	if ($[38] !== menu.depth || $[39] !== menu.direction || $[40] !== t14 || $[41] !== t15 || $[42] !== t17) {
+		t18 = /* @__PURE__ */ jsx(Viewport, { children: /* @__PURE__ */ jsx(Content, {
+			"data-animating": t14,
+			"data-direction": menu.direction,
+			onAnimationEnd: t15,
+			children: t17
+		}, menu.depth) });
+		$[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 = /* @__PURE__ */ jsxs(Root, { children: [t13, t18] });
+		$[44] = t13;
+		$[45] = t18;
+		$[46] = t19;
+	} else t19 = $[46];
+	return t19;
 };
 
 //#endregion

package/dist/components/field/index.js

@@ -1,21 +1,13 @@
-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";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
 import { Wrap } from "@pyck/react/wrap";
-import { Field as Field$1, FieldContext as Context } from "@ark-ui/react/field";
+import { Field as Field$1 } from "@ark-ui/react/field";
 
 //#region src/components/field/field.tsx
-var field_exports = /* @__PURE__ */ __exportAll({
-	Context: () => Context,
-	ErrorText: () => ErrorText,
-	HelperText: () => HelperText,
-	Label: () => Label,
-	RequiredIndicator: () => RequiredIndicator,
-	Root: () => Root,
-	RootProvider: () => RootProvider
-});
 const { withProvider, withContext } = createStyleContext(field);
 const Root = withProvider(Field$1.Root, "root");
 const RootProvider = withProvider(Field$1.RootProvider, "root");
@@ -27,23 +19,114 @@ 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 = /* @__PURE__ */ jsx(RequiredIndicator, { fallback: optionalText });
+		$[8] = optionalText;
+		$[9] = t0;
+	} else t0 = $[9];
+	let t1;
+	if ($[10] !== label || $[11] !== t0) {
+		t1 = /* @__PURE__ */ jsxs(Label, { children: [label, t0] });
+		$[10] = label;
+		$[11] = t0;
+		$[12] = t1;
+	} else t1 = $[12];
+	let t2;
+	if ($[13] !== hideLabel || $[14] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Wrap, {
+			when: hideLabel,
+			with: _temp,
+			children: t1
+		});
+		$[13] = hideLabel;
+		$[14] = t1;
+		$[15] = t2;
+	} else t2 = $[15];
+	let t3;
+	if ($[16] !== label || $[17] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Show, {
+			when: label,
+			children: t2
+		});
+		$[16] = label;
+		$[17] = t2;
+		$[18] = t3;
+	} else t3 = $[18];
+	let t4;
+	if ($[19] !== helperText) {
+		t4 = /* @__PURE__ */ jsx(HelperText, { children: helperText });
+		$[19] = helperText;
+		$[20] = t4;
+	} else t4 = $[20];
+	let t5;
+	if ($[21] !== helperText || $[22] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Show, {
+			when: helperText,
+			children: t4
+		});
+		$[21] = helperText;
+		$[22] = t4;
+		$[23] = t5;
+	} else t5 = $[23];
+	let t6;
+	if ($[24] !== errorText) {
+		t6 = /* @__PURE__ */ jsx(ErrorText, { children: errorText });
+		$[24] = errorText;
+		$[25] = t6;
+	} else t6 = $[25];
+	let t7;
+	if ($[26] !== children || $[27] !== ref || $[28] !== rest || $[29] !== t3 || $[30] !== t5 || $[31] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Root, {
+			ref,
+			...rest,
+			children: [
+				t3,
+				children,
+				t5,
+				t6
+			]
+		});
+		$[26] = children;
+		$[27] = ref;
+		$[28] = rest;
+		$[29] = t3;
+		$[30] = t5;
+		$[31] = t6;
+		$[32] = t7;
+	} else t7 = $[32];
+	return t7;
 });
+function _temp(children_0) {
+	return /* @__PURE__ */ jsx(VisuallyHidden, { children: children_0 });
+}
 
 //#endregion
 export { Field };

package/dist/components/floating-panel/index.d.ts

@@ -2,8 +2,8 @@ import * as react from "react";
 import { ComponentProps, PropsWithChildren } 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 { FloatingPanel } from "@ark-ui/react/floating-panel";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { FloatingPanel } from "@ark-ui/react/floating-panel";
 
 //#region src/components/floating-panel/floating-panel.d.ts
 declare namespace floating_panel_d_exports {