@pyck/react 0.0.5 → 0.0.7

package/dist/components/spotlight/index.js

@@ -1,15 +1,17 @@
 import { createListCollection } from "@ark-ui/react/collection";
+import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { Box, Center, Grid, HStack } from "@pyck/styled-system/jsx";
 import { ArrowDownIcon, ArrowUpIcon, ChevronRightIcon, CommandIcon, CornerDownLeftIcon, SearchIcon, UserIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useDebounce, useHotkey } from "@pyck/react/utils";
 import { Show } from "@pyck/react/show";
 import { Span } from "@pyck/react/span";
 import { Button } from "@pyck/react/button";
 import { Icon } from "@pyck/react/icon";
 import { Combobox } from "@pyck/react/combobox";
-import { Text } from "@pyck/react/text";
 import { ScrollArea } from "@pyck/react/scroll-area";
+import { Text } from "@pyck/react/text";
 import { Dialog } from "@pyck/react/dialog";
 import { InputGroup } from "@pyck/react/input-group";
 import { Kbd } from "@pyck/react/kbd";
@@ -19,146 +21,465 @@ import { Highlight } from "@pyck/react/highlight";
 
 //#region src/components/spotlight/keyboard-hints.tsx
 const KeyboardHints = () => {
-	return <HStack gap="4">
-      <Shortcut label="to navigate">
-        <HStack gap="1.5">
-          <KeyboardKey>
-            <ArrowUpIcon />
-          </KeyboardKey>
-          <KeyboardKey>
-            <ArrowDownIcon />
-          </KeyboardKey>
-        </HStack>
-      </Shortcut>
-
-      <Shortcut label="to select">
-        <KeyboardKey>
-          <CornerDownLeftIcon />
-        </KeyboardKey>
-      </Shortcut>
-
-      <Shortcut label="to close">
-        <Kbd variant="surface" size="2xl" color="fg.muted">
-          Esc
-        </Kbd>
-      </Shortcut>
-    </HStack>;
+	const $ = c(4);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(KeyboardKey, { children: /* @__PURE__ */ jsx(ArrowUpIcon, {}) });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(Shortcut, {
+			label: "to navigate",
+			children: /* @__PURE__ */ jsxs(HStack, {
+				gap: "1.5",
+				children: [t0, /* @__PURE__ */ jsx(KeyboardKey, { children: /* @__PURE__ */ jsx(ArrowDownIcon, {}) })]
+			})
+		});
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Shortcut, {
+			label: "to select",
+			children: /* @__PURE__ */ jsx(KeyboardKey, { children: /* @__PURE__ */ jsx(CornerDownLeftIcon, {}) })
+		});
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsxs(HStack, {
+			gap: "4",
+			children: [
+				t1,
+				t2,
+				/* @__PURE__ */ jsx(Shortcut, {
+					label: "to close",
+					children: /* @__PURE__ */ jsx(Kbd, {
+						variant: "surface",
+						size: "2xl",
+						color: "fg.muted",
+						children: "Esc"
+					})
+				})
+			]
+		});
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
+};
+const Shortcut = (t0) => {
+	const $ = c(5);
+	const { children, label } = t0;
+	let t1;
+	if ($[0] !== label) {
+		t1 = /* @__PURE__ */ jsx(Text, {
+			color: "fg.muted",
+			textStyle: "sm",
+			fontWeight: "medium",
+			children: label
+		});
+		$[0] = label;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsxs(HStack, { children: [children, t1] });
+		$[2] = children;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+};
+const KeyboardKey = (props) => {
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = /* @__PURE__ */ jsx(Kbd, {
+			variant: "surface",
+			size: "2xl",
+			children: /* @__PURE__ */ jsx(Icon, { ...props })
+		});
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 };
-const Shortcut = ({ children, label }) => <HStack>
-    {children}
-    <Text color="fg.muted" textStyle="sm" fontWeight="medium">
-      {label}
-    </Text>
-  </HStack>;
-const KeyboardKey = (props) => <Kbd variant="surface" size="2xl">
-    <Icon {...props} />
-  </Kbd>;
 
 //#endregion
 //#region src/components/spotlight/search-result-item.tsx
 const SearchResultItem = (props) => {
+	const $ = c(16);
 	const { item, filterText } = props;
-	return <HStack py="2.5" px="3.5" borderRadius="l3" _hover={{ bg: "gray.surface.bg.hover" }}>
-      <Center borderWidth="1px" borderRadius="l2" boxSize="10">
-        <Icon>
-          <UserIcon />
-        </Icon>
-      </Center>
-      <Box textStyle="sm">
-        <Text fontWeight="medium">{item.label}</Text>
-        <Breadcrumb.Root size="sm">
-          <Breadcrumb.List gap="0.5">
-            <Breadcrumb.Item>{item.matchReason?.property}</Breadcrumb.Item>
-            <Breadcrumb.Separator>
-              <ChevronRightIcon />
-            </Breadcrumb.Separator>
-            <Breadcrumb.Item color="fg.muted">
-              <Text>
-                <Highlight query={filterText ?? ""} variant="subtle" colorPalette="teal">
-                  {item.matchReason?.value ?? ""}
-                </Highlight>
-              </Text>
-            </Breadcrumb.Item>
-          </Breadcrumb.List>
-        </Breadcrumb.Root>
-      </Box>
-    </HStack>;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = { bg: "gray.surface.bg.hover" };
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(Center, {
+			borderWidth: "1px",
+			borderRadius: "l2",
+			boxSize: "10",
+			children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(UserIcon, {}) })
+		});
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== item.label) {
+		t2 = /* @__PURE__ */ jsx(Text, {
+			fontWeight: "medium",
+			children: item.label
+		});
+		$[2] = item.label;
+		$[3] = t2;
+	} else t2 = $[3];
+	const t3 = item.matchReason?.property;
+	let t4;
+	if ($[4] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Breadcrumb.Item, { children: t3 });
+		$[4] = t3;
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(Breadcrumb.Separator, { children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) });
+		$[6] = t5;
+	} else t5 = $[6];
+	const t6 = filterText ?? "";
+	const t7 = item.matchReason?.value ?? "";
+	let t8;
+	if ($[7] !== t6 || $[8] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Breadcrumb.Item, {
+			color: "fg.muted",
+			children: /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx(Highlight, {
+				query: t6,
+				variant: "subtle",
+				colorPalette: "teal",
+				children: t7
+			}) })
+		});
+		$[7] = t6;
+		$[8] = t7;
+		$[9] = t8;
+	} else t8 = $[9];
+	let t9;
+	if ($[10] !== t4 || $[11] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Breadcrumb.Root, {
+			size: "sm",
+			children: /* @__PURE__ */ jsxs(Breadcrumb.List, {
+				gap: "0.5",
+				children: [
+					t4,
+					t5,
+					t8
+				]
+			})
+		});
+		$[10] = t4;
+		$[11] = t8;
+		$[12] = t9;
+	} else t9 = $[12];
+	let t10;
+	if ($[13] !== t2 || $[14] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(HStack, {
+			py: "2.5",
+			px: "3.5",
+			borderRadius: "l3",
+			_hover: t0,
+			children: [t1, /* @__PURE__ */ jsxs(Box, {
+				textStyle: "sm",
+				children: [t2, t9]
+			})]
+		});
+		$[13] = t2;
+		$[14] = t9;
+		$[15] = t10;
+	} else t10 = $[15];
+	return t10;
 };
 
 //#endregion
 //#region src/components/spotlight/spotlight.tsx
 const Spotlight = (props) => {
+	const $ = c(46);
 	const { searchList, children, onHighlightChange } = props;
 	const [open, setOpen] = useState(false);
 	useHotkey(setOpen);
 	const [filterText, setFilterText] = useState("");
-	const debouncedValue = useDebounce(filterText, { wait: 250 });
-	useEffect(() => {
-		console.log("Setting filter text to:", debouncedValue);
-		searchList.setFilterText(debouncedValue);
-	}, [debouncedValue]);
-	const collection = useMemo(() => createListCollection({ items: searchList.items }), [searchList.items]);
-	const id = "list";
-	return <Dialog.Root open={open} onOpenChange={(event) => {
-		setOpen(event.open);
-		if (!event.open) {
-			setFilterText("");
-			searchList.setFilterText("");
-		}
-	}} motionPreset="slide-in-bottom" scrollBehavior="inside">
-      <Dialog.Trigger asChild>
-        <Button variant="outline" size="sm" minW="56">
-          <Icon color="fg.muted" size="sm">
-            <SearchIcon />
-          </Icon>
-          <Span fontWeight="normal" flex="1" minW="0" textAlign="start">
-            Find...
-          </Span>
-          <Kbd variant="surface" size="sm" gap="0.5">
-            <Icon boxSize="3">
-              <CommandIcon />
-            </Icon>
-            K
-          </Kbd>
-        </Button>
-      </Dialog.Trigger>
-      <Portal>
-        <Dialog.Backdrop />
-        <Dialog.Positioner>
-          <Combobox.Root open disableLayer inputBehavior="autohighlight" placeholder="Search..." selectionBehavior="preserve" collection={collection} loopFocus={false} onInputValueChange={({ inputValue }) => setFilterText(inputValue || "")} onHighlightChange={(e) => onHighlightChange?.(e.highlightedItem)} variant="plain" ids={{ content: id }}>
-            <Dialog.Content maxW="4xl" divideY="1px">
-              <Dialog.Header px="1" p="2">
-                <InputGroup startElement={<SearchIcon />}>
-                  <Combobox.Input />
-                </InputGroup>
-              </Dialog.Header>
-              <Dialog.Body px="0">
-                <Grid columns={2} gridTemplateColumns="2fr 3fr" width="full" h="xl" divideX="1px">
-                  <ScrollArea size="sm" ids={{ viewport: id }}>
-                    <Combobox.List gap="1" p="2">
-                      <Combobox.Empty>No results found.</Combobox.Empty>
-                      {collection.items.map((item) => <Combobox.Item key={item.value} item={item} persistFocus p="0">
-                          <SearchResultItem item={item} filterText={debouncedValue} />
-                        </Combobox.Item>)}
-                    </Combobox.List>
-                  </ScrollArea>
-                  <ScrollArea size="sm" h="full">
-                    <Box py="4" ps="4" pe="8">
-                      <Show when={children !== null} fallback={<Center>Placeholder to explain how search works</Center>}>
-                        {children}
-                      </Show>
-                    </Box>
-                  </ScrollArea>
-                </Grid>
-              </Dialog.Body>
-              <Dialog.Footer py="3.5" px="4" justifyContent="start">
-                <KeyboardHints />
-              </Dialog.Footer>
-            </Dialog.Content>
-          </Combobox.Root>
-        </Dialog.Positioner>
-      </Portal>
-    </Dialog.Root>;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = { wait: 250 };
+		$[0] = t0;
+	} else t0 = $[0];
+	const debouncedValue = useDebounce(filterText, t0);
+	let t1;
+	if ($[1] !== debouncedValue || $[2] !== searchList) {
+		t1 = () => {
+			console.log("Setting filter text to:", debouncedValue);
+			searchList.setFilterText(debouncedValue);
+		};
+		$[1] = debouncedValue;
+		$[2] = searchList;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== debouncedValue) {
+		t2 = [debouncedValue];
+		$[4] = debouncedValue;
+		$[5] = t2;
+	} else t2 = $[5];
+	useEffect(t1, t2);
+	let t3;
+	if ($[6] !== searchList.items) {
+		t3 = createListCollection({ items: searchList.items });
+		$[6] = searchList.items;
+		$[7] = t3;
+	} else t3 = $[7];
+	const collection = t3;
+	let t4;
+	if ($[8] !== searchList) {
+		t4 = (event) => {
+			setOpen(event.open);
+			if (!event.open) {
+				setFilterText("");
+				searchList.setFilterText("");
+			}
+		};
+		$[8] = searchList;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	let t6;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(Icon, {
+			color: "fg.muted",
+			size: "sm",
+			children: /* @__PURE__ */ jsx(SearchIcon, {})
+		});
+		t6 = /* @__PURE__ */ jsx(Span, {
+			fontWeight: "normal",
+			flex: "1",
+			minW: "0",
+			textAlign: "start",
+			children: "Find..."
+		});
+		$[10] = t5;
+		$[11] = t6;
+	} else {
+		t5 = $[10];
+		t6 = $[11];
+	}
+	let t7;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(Dialog.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				size: "sm",
+				minW: "56",
+				children: [
+					t5,
+					t6,
+					/* @__PURE__ */ jsxs(Kbd, {
+						variant: "surface",
+						size: "sm",
+						gap: "0.5",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							boxSize: "3",
+							children: /* @__PURE__ */ jsx(CommandIcon, {})
+						}), "K"]
+					})
+				]
+			})
+		});
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(Dialog.Backdrop, {});
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = (t10) => {
+			const { inputValue } = t10;
+			return setFilterText(inputValue || "");
+		};
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== onHighlightChange) {
+		t10 = (e) => onHighlightChange?.(e.highlightedItem);
+		$[15] = onHighlightChange;
+		$[16] = t10;
+	} else t10 = $[16];
+	let t11;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = { content: "list" };
+		$[17] = t11;
+	} else t11 = $[17];
+	let t12;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(Dialog.Header, {
+			px: "1",
+			p: "2",
+			children: /* @__PURE__ */ jsx(InputGroup, {
+				startElement: /* @__PURE__ */ jsx(SearchIcon, {}),
+				children: /* @__PURE__ */ jsx(Combobox.Input, {})
+			})
+		});
+		$[18] = t12;
+	} else t12 = $[18];
+	let t13;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = { viewport: "list" };
+		$[19] = t13;
+	} else t13 = $[19];
+	let t14;
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = /* @__PURE__ */ jsx(Combobox.Empty, { children: "No results found." });
+		$[20] = t14;
+	} else t14 = $[20];
+	let t15;
+	if ($[21] !== collection.items || $[22] !== debouncedValue) {
+		let t16;
+		if ($[24] !== debouncedValue) {
+			t16 = (item) => /* @__PURE__ */ jsx(Combobox.Item, {
+				item,
+				persistFocus: true,
+				p: "0",
+				children: /* @__PURE__ */ jsx(SearchResultItem, {
+					item,
+					filterText: debouncedValue
+				})
+			}, item.value);
+			$[24] = debouncedValue;
+			$[25] = t16;
+		} else t16 = $[25];
+		t15 = collection.items.map(t16);
+		$[21] = collection.items;
+		$[22] = debouncedValue;
+		$[23] = t15;
+	} else t15 = $[23];
+	let t16;
+	if ($[26] !== t15) {
+		t16 = /* @__PURE__ */ jsx(ScrollArea, {
+			size: "sm",
+			ids: t13,
+			children: /* @__PURE__ */ jsxs(Combobox.List, {
+				gap: "1",
+				p: "2",
+				children: [t14, t15]
+			})
+		});
+		$[26] = t15;
+		$[27] = t16;
+	} else t16 = $[27];
+	const t17 = children !== null;
+	let t18;
+	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = /* @__PURE__ */ jsx(Center, { children: "Placeholder to explain how search works" });
+		$[28] = t18;
+	} else t18 = $[28];
+	let t19;
+	if ($[29] !== children || $[30] !== t17) {
+		t19 = /* @__PURE__ */ jsx(ScrollArea, {
+			size: "sm",
+			h: "full",
+			children: /* @__PURE__ */ jsx(Box, {
+				py: "4",
+				ps: "4",
+				pe: "8",
+				children: /* @__PURE__ */ jsx(Show, {
+					when: t17,
+					fallback: t18,
+					children
+				})
+			})
+		});
+		$[29] = children;
+		$[30] = t17;
+		$[31] = t19;
+	} else t19 = $[31];
+	let t20;
+	if ($[32] !== t16 || $[33] !== t19) {
+		t20 = /* @__PURE__ */ jsx(Dialog.Body, {
+			px: "0",
+			children: /* @__PURE__ */ jsxs(Grid, {
+				columns: 2,
+				gridTemplateColumns: "2fr 3fr",
+				width: "full",
+				h: "xl",
+				divideX: "1px",
+				children: [t16, t19]
+			})
+		});
+		$[32] = t16;
+		$[33] = t19;
+		$[34] = t20;
+	} else t20 = $[34];
+	let t21;
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+		t21 = /* @__PURE__ */ jsx(Dialog.Footer, {
+			py: "3.5",
+			px: "4",
+			justifyContent: "start",
+			children: /* @__PURE__ */ jsx(KeyboardHints, {})
+		});
+		$[35] = t21;
+	} else t21 = $[35];
+	let t22;
+	if ($[36] !== t20) {
+		t22 = /* @__PURE__ */ jsxs(Dialog.Content, {
+			maxW: "4xl",
+			divideY: "1px",
+			children: [
+				t12,
+				t20,
+				t21
+			]
+		});
+		$[36] = t20;
+		$[37] = t22;
+	} else t22 = $[37];
+	let t23;
+	if ($[38] !== collection || $[39] !== t10 || $[40] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(Portal, { children: [t8, /* @__PURE__ */ jsx(Dialog.Positioner, { children: /* @__PURE__ */ jsx(Combobox.Root, {
+			open: true,
+			disableLayer: true,
+			inputBehavior: "autohighlight",
+			placeholder: "Search...",
+			selectionBehavior: "preserve",
+			collection,
+			loopFocus: false,
+			onInputValueChange: t9,
+			onHighlightChange: t10,
+			variant: "plain",
+			ids: t11,
+			children: t22
+		}) })] });
+		$[38] = collection;
+		$[39] = t10;
+		$[40] = t22;
+		$[41] = t23;
+	} else t23 = $[41];
+	let t24;
+	if ($[42] !== open || $[43] !== t23 || $[44] !== t4) {
+		t24 = /* @__PURE__ */ jsxs(Dialog.Root, {
+			open,
+			onOpenChange: t4,
+			motionPreset: "slide-in-bottom",
+			scrollBehavior: "inside",
+			children: [t7, t23]
+		});
+		$[42] = open;
+		$[43] = t23;
+		$[44] = t4;
+		$[45] = t24;
+	} else t24 = $[45];
+	return t24;
 };
 
 //#endregion

package/dist/components/steps/index.js

@@ -1,9 +1,11 @@
 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 { Box, createStyleContext } from "@pyck/styled-system/jsx";
 import { steps } from "@pyck/styled-system/recipes";
 import { CheckIcon } from "lucide-react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 import { Steps } from "@ark-ui/react/steps";
 
 //#region src/components/steps/steps.tsx
@@ -39,21 +41,41 @@ const Separator = withContext(Steps.Separator, "separator");
 const Trigger = withContext(Steps.Trigger, "trigger");
 const Title = withContext(ark.div, "title");
 const Description = withContext(ark.div, "description");
-const Status = (props) => <Steps.ItemContext>
-    {(api) => {
-	if (api.current) return <>{props.current ?? props.incomplete}</>;
-	if (api.completed) return <>{props.complete}</>;
-	return <>{props.incomplete ?? props.current}</>;
-}}
-  </Steps.ItemContext>;
+const Status = (props) => {
+	const $ = c(4);
+	let t0;
+	if ($[0] !== props.complete || $[1] !== props.current || $[2] !== props.incomplete) {
+		t0 = /* @__PURE__ */ jsx(Steps.ItemContext, { children: (api) => {
+			if (api.current) return /* @__PURE__ */ jsx(Fragment$1, { children: props.current ?? props.incomplete });
+			if (api.completed) return /* @__PURE__ */ jsx(Fragment$1, { children: props.complete });
+			return /* @__PURE__ */ jsx(Fragment$1, { children: props.incomplete ?? props.current });
+		} });
+		$[0] = props.complete;
+		$[1] = props.current;
+		$[2] = props.incomplete;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
+};
 const StepNumber = forwardRef(function StepNumber(props, ref) {
-	return <Steps.ItemContext>
-        {(api) => <Box ref={ref} {...props}>
-            {api.index + 1}
-          </Box>}
-      </Steps.ItemContext>;
+	const $ = c(3);
+	let t0;
+	if ($[0] !== props || $[1] !== ref) {
+		t0 = /* @__PURE__ */ jsx(Steps.ItemContext, { children: (api) => /* @__PURE__ */ jsx(Box, {
+			ref,
+			...props,
+			children: api.index + 1
+		}) });
+		$[0] = props;
+		$[1] = ref;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
 });
-const Indicator = withContext(Steps.Indicator, "indicator", { defaultProps: { children: <Status complete={<CheckIcon />} incomplete={<StepNumber />} /> } });
+const Indicator = withContext(Steps.Indicator, "indicator", { defaultProps: { children: /* @__PURE__ */ jsx(Status, {
+	complete: /* @__PURE__ */ jsx(CheckIcon, {}),
+	incomplete: /* @__PURE__ */ jsx(StepNumber, {})
+}) } });
 const Context = Steps.Context;
 const ItemContext = Steps.ItemContext;