@pyck/react 0.0.5 → 0.0.7

package/dist/components/textarea/index.js

@@ -1,5 +1,7 @@
+import { c } from "react/compiler-runtime";
 import { styled } from "@pyck/styled-system/jsx";
 import { textarea } from "@pyck/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
 import { Field } from "@pyck/react/field";
 import { Controller, useFormContext } from "react-hook-form";
 import { Field as Field$1 } from "@ark-ui/react/field";
@@ -11,11 +13,71 @@ const Textarea = styled(Field$1.Textarea, textarea);
 //#endregion
 //#region src/components/textarea/textarea-field.tsx
 const TextareaField = (props) => {
-	const { name, label, hideLabel, helperText, disabled, ...textareaProps } = props;
+	const $ = c(17);
+	let disabled;
+	let helperText;
+	let hideLabel;
+	let label;
+	let name;
+	let textareaProps;
+	if ($[0] !== props) {
+		({name, label, hideLabel, helperText, disabled, ...textareaProps} = props);
+		$[0] = props;
+		$[1] = disabled;
+		$[2] = helperText;
+		$[3] = hideLabel;
+		$[4] = label;
+		$[5] = name;
+		$[6] = textareaProps;
+	} else {
+		disabled = $[1];
+		helperText = $[2];
+		hideLabel = $[3];
+		label = $[4];
+		name = $[5];
+		textareaProps = $[6];
+	}
 	const { control } = useFormContext();
-	return <Controller name={name} control={control} render={({ field, fieldState }) => <Field label={label} helperText={helperText} hideLabel={hideLabel} disabled={field.disabled || disabled} invalid={!!fieldState.error} errorText={fieldState.error?.message}>
-          <Textarea$1 {...textareaProps} name={field.name} value={field.value} onChange={field.onChange} onBlur={field.onBlur} />
-        </Field>} />;
+	let t0;
+	if ($[7] !== disabled || $[8] !== helperText || $[9] !== hideLabel || $[10] !== label || $[11] !== textareaProps) {
+		t0 = (t1) => {
+			const { field, fieldState } = t1;
+			return /* @__PURE__ */ jsx(Field, {
+				label,
+				helperText,
+				hideLabel,
+				disabled: field.disabled || disabled,
+				invalid: !!fieldState.error,
+				errorText: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(Textarea$1, {
+					...textareaProps,
+					name: field.name,
+					value: field.value,
+					onChange: field.onChange,
+					onBlur: field.onBlur
+				})
+			});
+		};
+		$[7] = disabled;
+		$[8] = helperText;
+		$[9] = hideLabel;
+		$[10] = label;
+		$[11] = textareaProps;
+		$[12] = t0;
+	} else t0 = $[12];
+	let t1;
+	if ($[13] !== control || $[14] !== name || $[15] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control,
+			render: t0
+		});
+		$[13] = control;
+		$[14] = name;
+		$[15] = t0;
+		$[16] = t1;
+	} else t1 = $[16];
+	return t1;
 };
 
 //#endregion

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

@@ -2,8 +2,8 @@ import * as react from "react";
 import { ComponentProps, HTMLAttributes } 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 { CreateToasterReturn, Toast, ToastContext as Context } from "@ark-ui/react/toast";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { CreateToasterReturn, Toast, ToastContext as Context } from "@ark-ui/react/toast";
 
 //#region src/components/toast/toast.d.ts
 declare namespace toast_d_exports {

package/dist/components/toast/index.js

@@ -1,8 +1,10 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { Stack, createStyleContext, styled } from "@pyck/styled-system/jsx";
 import { toast } from "@pyck/styled-system/recipes";
 import { CheckCircleIcon, CircleAlertIcon, CircleXIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
 import { Portal } from "@ark-ui/react/portal";
 import { CloseButton } from "@pyck/react/button";
@@ -32,12 +34,31 @@ const iconMap = {
 	error: CircleXIcon
 };
 const Indicator = forwardRef((props, ref) => {
+	const $ = c(7);
 	const toast = useToastContext();
 	const StatusIcon = iconMap[toast.type];
 	if (!StatusIcon) return null;
-	return <Icon ref={ref} data-type={toast.type} {...props}>
-      <StatusIcon />
-    </Icon>;
+	let t0;
+	if ($[0] !== StatusIcon) {
+		t0 = /* @__PURE__ */ jsx(StatusIcon, {});
+		$[0] = StatusIcon;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== props || $[3] !== ref || $[4] !== t0 || $[5] !== toast.type) {
+		t1 = /* @__PURE__ */ jsx(Icon, {
+			ref,
+			"data-type": toast.type,
+			...props,
+			children: t0
+		});
+		$[2] = props;
+		$[3] = ref;
+		$[4] = t0;
+		$[5] = toast.type;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
 });
 
 //#endregion
@@ -51,26 +72,39 @@ const toaster = createToaster({
 });
 const StyledToaster = styled(Toaster$1);
 const Toaster = () => {
-	return <Portal>
-      <StyledToaster toaster={toaster} insetInline={{ mdDown: "4" }}>
-        {(toast) => <toast_exports.Root>
-            <Show when={toast.type === "loading"} fallback={<toast_exports.Indicator />}>
-              <Spinner />
-            </Show>
-            <Stack gap="3" alignItems="start">
-              <Stack gap="1">
-                {toast.title && <toast_exports.Title>{toast.title}</toast_exports.Title>}
-                {toast.description && <toast_exports.Description>{toast.description}</toast_exports.Description>}
-              </Stack>
-              {toast.action && <toast_exports.ActionTrigger>{toast.action.label}</toast_exports.ActionTrigger>}
-            </Stack>
-            {toast.closable && <toast_exports.CloseTrigger asChild>
-                <CloseButton size="sm" />
-              </toast_exports.CloseTrigger>}
-          </toast_exports.Root>}
-      </StyledToaster>
-    </Portal>;
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(StyledToaster, {
+			toaster,
+			insetInline: { mdDown: "4" },
+			children: _temp
+		}) });
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 };
+function _temp(toast) {
+	return /* @__PURE__ */ jsxs(Root, { children: [
+		/* @__PURE__ */ jsx(Show, {
+			when: toast.type === "loading",
+			fallback: /* @__PURE__ */ jsx(Indicator, {}),
+			children: /* @__PURE__ */ jsx(Spinner, {})
+		}),
+		/* @__PURE__ */ jsxs(Stack, {
+			gap: "3",
+			alignItems: "start",
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				gap: "1",
+				children: [toast.title && /* @__PURE__ */ jsx(Title, { children: toast.title }), toast.description && /* @__PURE__ */ jsx(Description, { children: toast.description })]
+			}), toast.action && /* @__PURE__ */ jsx(ActionTrigger, { children: toast.action.label })]
+		}),
+		toast.closable && /* @__PURE__ */ jsx(CloseTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(CloseButton, { size: "sm" })
+		})
+	] });
+}
 
 //#endregion
 export { toast_exports as Toast, Toaster, toaster };

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

@@ -2,8 +2,8 @@ import * as react from "react";
 import { ComponentProps, ReactNode, RefObject } 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 { Tooltip as Tooltip$1 } from "@ark-ui/react/tooltip";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Tooltip as Tooltip$1 } from "@ark-ui/react/tooltip";
 
 //#region src/components/tooltip/tooltip.d.ts
 type RootProps = ComponentProps<typeof Root>;

package/dist/components/tooltip/index.js

@@ -1,20 +1,12 @@
-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 { tooltip } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@ark-ui/react/portal";
-import { Tooltip as Tooltip$1, TooltipContext as Context } from "@ark-ui/react/tooltip";
+import { Tooltip as Tooltip$1 } from "@ark-ui/react/tooltip";
 
 //#region src/components/tooltip/tooltip.tsx
-var tooltip_exports = /* @__PURE__ */ __exportAll({
-	Arrow: () => Arrow,
-	ArrowTip: () => ArrowTip,
-	Content: () => Content,
-	Context: () => Context,
-	Positioner: () => Positioner,
-	Root: () => Root,
-	Trigger: () => Trigger
-});
 const { withRootProvider, withContext } = createStyleContext(tooltip);
 const Root = withRootProvider(Tooltip$1.Root, { defaultProps: {
 	unmountOnExit: true,
@@ -29,21 +21,91 @@ const Trigger = withContext(Tooltip$1.Trigger, "trigger");
 //#endregion
 //#region src/components/tooltip/tooltip.closed.tsx
 const Tooltip = forwardRef(function Tooltip(props, ref) {
-	const { showArrow, children, disabled, portalled = true, content, contentProps, portalRef, ...rootProps } = props;
+	const $ = c(26);
+	let children;
+	let content;
+	let contentProps;
+	let disabled;
+	let portalRef;
+	let rootProps;
+	let showArrow;
+	let t0;
+	if ($[0] !== props) {
+		({showArrow, children, disabled, portalled: t0, content, contentProps, portalRef, ...rootProps} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = content;
+		$[3] = contentProps;
+		$[4] = disabled;
+		$[5] = portalRef;
+		$[6] = rootProps;
+		$[7] = showArrow;
+		$[8] = t0;
+	} else {
+		children = $[1];
+		content = $[2];
+		contentProps = $[3];
+		disabled = $[4];
+		portalRef = $[5];
+		rootProps = $[6];
+		showArrow = $[7];
+		t0 = $[8];
+	}
+	const portalled = t0 === void 0 ? true : t0;
 	if (disabled) return children;
-	return <tooltip_exports.Root {...rootProps}>
-      <tooltip_exports.Trigger asChild>{children}</tooltip_exports.Trigger>
-      <Portal disabled={!portalled} container={portalRef}>
-        <tooltip_exports.Positioner>
-          <tooltip_exports.Content ref={ref} {...contentProps}>
-            {showArrow && <tooltip_exports.Arrow>
-                <tooltip_exports.ArrowTip />
-              </tooltip_exports.Arrow>}
-            {content}
-          </tooltip_exports.Content>
-        </tooltip_exports.Positioner>
-      </Portal>
-    </tooltip_exports.Root>;
+	let t1;
+	if ($[9] !== children) {
+		t1 = /* @__PURE__ */ jsx(Trigger, {
+			asChild: true,
+			children
+		});
+		$[9] = children;
+		$[10] = t1;
+	} else t1 = $[10];
+	const t2 = !portalled;
+	let t3;
+	if ($[11] !== showArrow) {
+		t3 = showArrow && /* @__PURE__ */ jsx(Arrow, { children: /* @__PURE__ */ jsx(ArrowTip, {}) });
+		$[11] = showArrow;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== content || $[14] !== contentProps || $[15] !== ref || $[16] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Positioner, { children: /* @__PURE__ */ jsxs(Content, {
+			ref,
+			...contentProps,
+			children: [t3, content]
+		}) });
+		$[13] = content;
+		$[14] = contentProps;
+		$[15] = ref;
+		$[16] = t3;
+		$[17] = t4;
+	} else t4 = $[17];
+	let t5;
+	if ($[18] !== portalRef || $[19] !== t2 || $[20] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Portal, {
+			disabled: t2,
+			container: portalRef,
+			children: t4
+		});
+		$[18] = portalRef;
+		$[19] = t2;
+		$[20] = t4;
+		$[21] = t5;
+	} else t5 = $[21];
+	let t6;
+	if ($[22] !== rootProps || $[23] !== t1 || $[24] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Root, {
+			...rootProps,
+			children: [t1, t5]
+		});
+		$[22] = rootProps;
+		$[23] = t1;
+		$[24] = t5;
+		$[25] = t6;
+	} else t6 = $[25];
+	return t6;
 });
 
 //#endregion

package/dist/components/tree-view/index.d.ts

@@ -3,9 +3,9 @@ import * as react from "react";
 import { ComponentProps, RefAttributes } from "react";
 import * as _pyck_styled_system_jsx0 from "@pyck/styled-system/jsx";
 import { TreeViewVariantProps } from "@pyck/styled-system/recipes";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { TreeView, TreeViewContext as Context, TreeViewNodeProvider as NodeProvider, TreeViewNodeProviderProps as NodeProviderProps, TreeViewRootProps, createTreeCollection } from "@ark-ui/react/tree-view";
 import { Assign, HTMLStyledProps as HTMLStyledProps$1 } from "@pyck/styled-system/types";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/tree-view/tree-view.d.ts
 declare namespace tree_view_d_exports {

package/dist/components/tree-view/index.js

@@ -1,8 +1,10 @@
 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 { treeView } from "@pyck/styled-system/recipes";
 import { ChevronRightIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
 import { TreeView, TreeViewContext as Context, TreeViewNodeProvider as NodeProvider, createTreeCollection, useTreeViewNodeContext } from "@ark-ui/react/tree-view";
 import { Checkmark } from "@pyck/react/checkmark";
@@ -45,18 +47,72 @@ const Tree = withContext(TreeView.Tree, "tree");
 const NodeCheckboxIndicator = TreeView.NodeCheckboxIndicator;
 const StyledBranchIndicator = withContext(TreeView.BranchIndicator, "branchIndicator");
 const BranchIndicator = forwardRef(function BranchIndicator(props, ref) {
+	const $ = c(8);
 	const node = useTreeViewNodeContext();
-	return <Show when={node.isBranch} fallback={<svg aria-hidden="true" focusable="false" />}>
-        <StyledBranchIndicator ref={ref} {...props}>
-          <ChevronRightIcon />
-        </StyledBranchIndicator>
-      </Show>;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("svg", {
+			"aria-hidden": "true",
+			focusable: "false"
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(ChevronRightIcon, {});
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== props || $[3] !== ref) {
+		t2 = /* @__PURE__ */ jsx(StyledBranchIndicator, {
+			ref,
+			...props,
+			children: t1
+		});
+		$[2] = props;
+		$[3] = ref;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== node.isBranch || $[6] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Show, {
+			when: node.isBranch,
+			fallback: t0,
+			children: t2
+		});
+		$[5] = node.isBranch;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 });
 const Checkbox = (props) => {
+	const $ = c(6);
 	const node = useTreeViewNodeContext();
-	return <NodeCheckbox {...props}>
-      <Checkmark size="sm" checked={node.checked === true} indeterminate={node.checked === "indeterminate"} />
-    </NodeCheckbox>;
+	const t0 = node.checked === true;
+	const t1 = node.checked === "indeterminate";
+	let t2;
+	if ($[0] !== t0 || $[1] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Checkmark, {
+			size: "sm",
+			checked: t0,
+			indeterminate: t1
+		});
+		$[0] = t0;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== props || $[4] !== t2) {
+		t3 = /* @__PURE__ */ jsx(NodeCheckbox, {
+			...props,
+			children: t2
+		});
+		$[3] = props;
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
 };
 
 //#endregion

package/dist/display-date-value-CSPbdE60.js

@@ -0,0 +1,45 @@
+import { t as DisplayValue } from "./display-value-R2nHrGQo.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { formatDate, formatDateTime, getDateFormats, isString } from "@pyck/react/utils";
+
+//#region src/components/display-date-value/display-date-value.tsx
+const DisplayDateValue = (props) => {
+	const $ = c(8);
+	const { value, format, copyable, type: t0, locale: localeProp } = props;
+	const type = t0 === void 0 ? "date" : t0;
+	const locale = localeProp ?? "en-US";
+	let t1;
+	if ($[0] !== format || $[1] !== locale || $[2] !== type) {
+		t1 = (date) => {
+			if (format && isString(format) && !isDateFormatKey(format, locale)) return formatDate(date, format, locale);
+			if (format && isDateFormatKey(format, locale)) return formatDate(date, getDateFormats(locale)[format], locale);
+			return formatDateTime(date, type, locale);
+		};
+		$[0] = format;
+		$[1] = locale;
+		$[2] = type;
+		$[3] = t1;
+	} else t1 = $[3];
+	const formatValue = t1;
+	let t2;
+	if ($[4] !== copyable || $[5] !== formatValue || $[6] !== value) {
+		t2 = /* @__PURE__ */ jsx(DisplayValue, {
+			value,
+			formatValue,
+			copyable
+		});
+		$[4] = copyable;
+		$[5] = formatValue;
+		$[6] = value;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+const isDateFormatKey = (format, locale) => {
+	const formats = getDateFormats(locale);
+	return Object.keys(formats).includes(format);
+};
+
+//#endregion
+export { DisplayDateValue as t };

package/dist/{display-date-value-CdfgVuB7.d.ts → display-date-value-RbzRgYHt.d.ts}

@@ -1,5 +1,5 @@
-import { DateInput, Locale, getDateFormats } from "@pyck/react/utils";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { DateInput, Locale, getDateFormats } from "@pyck/react/utils";
 
 //#region src/components/display-date-value/display-date-value.d.ts
 type DateFormatType = keyof ReturnType<typeof getDateFormats> | (string & {});

package/dist/display-value-R2nHrGQo.js

@@ -0,0 +1,81 @@
+import { c } from "react/compiler-runtime";
+import { HStack, VisuallyHidden } from "@pyck/styled-system/jsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { isString } from "@pyck/react/utils";
+import { Clipboard } from "@pyck/react/clipboard";
+import { Show } from "@pyck/react/show";
+import { Span } from "@pyck/react/span";
+import { Wrap } from "@pyck/react/wrap";
+
+//#region src/components/display-value/display-value.tsx
+const DisplayValue = (props) => {
+	const $ = c(13);
+	const { value, copyable, formatValue } = props;
+	let t0;
+	if ($[0] !== formatValue || $[1] !== value) {
+		t0 = isNotEmpty(value) ? formatValue?.(value) ?? String(value) : null;
+		$[0] = formatValue;
+		$[1] = value;
+		$[2] = t0;
+	} else t0 = $[2];
+	const formattedValue = t0;
+	const t1 = formattedValue != null;
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Span, {
+			color: "fg.subtle",
+			"aria-hidden": true,
+			children: "—"
+		}), /* @__PURE__ */ jsx(VisuallyHidden, { children: "No value" })] });
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== formattedValue) {
+		t3 = (children) => /* @__PURE__ */ jsx(Clipboard.Root, {
+			value: formattedValue,
+			timeout: 400,
+			children: /* @__PURE__ */ jsx(Clipboard.Trigger, {
+				_hover: { "& [data-part=\"indicator\"]": { opacity: 1 } },
+				_active: { "& [data-part=\"indicator\"]": { opacity: 1 } },
+				children: /* @__PURE__ */ jsxs(HStack, { children: [/* @__PURE__ */ jsx(Clipboard.Indicator, {
+					color: "fg.subtle",
+					opacity: "0"
+				}), /* @__PURE__ */ jsx(Span, { children })] })
+			})
+		});
+		$[4] = formattedValue;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== copyable || $[7] !== formattedValue || $[8] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Wrap, {
+			when: copyable,
+			with: t3,
+			children: formattedValue
+		});
+		$[6] = copyable;
+		$[7] = formattedValue;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t1 || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Show, {
+			when: t1,
+			fallback: t2,
+			children: t4
+		});
+		$[10] = t1;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
+};
+const isNotEmpty = (value) => {
+	if (value == null) return false;
+	if (isString(value) || Array.isArray(value)) return value.length > 0;
+	return true;
+};
+
+//#endregion
+export { DisplayValue as t };

package/dist/{featured-icon-DPysOpSf.js → featured-icon-DBnAKGXC.js}

@@ -1,6 +1,8 @@
+import { c } from "react/compiler-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { styled } from "@pyck/styled-system/jsx";
 import { icon } from "@pyck/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
 import { cva } from "@pyck/styled-system/css";
 
 //#region src/components/icon/icon.tsx
@@ -25,10 +27,35 @@ const IconWrapper = styled("div", cva({
 	} } }
 }));
 const FeaturedIcon = (props) => {
-	const { children, ...rest } = props;
-	return <IconWrapper {...rest}>
-      <Icon>{children}</Icon>
-    </IconWrapper>;
+	const $ = c(8);
+	let children;
+	let rest;
+	if ($[0] !== props) {
+		({children, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = rest;
+	} else {
+		children = $[1];
+		rest = $[2];
+	}
+	let t0;
+	if ($[3] !== children) {
+		t0 = /* @__PURE__ */ jsx(Icon, { children });
+		$[3] = children;
+		$[4] = t0;
+	} else t0 = $[4];
+	let t1;
+	if ($[5] !== rest || $[6] !== t0) {
+		t1 = /* @__PURE__ */ jsx(IconWrapper, {
+			...rest,
+			children: t0
+		});
+		$[5] = rest;
+		$[6] = t0;
+		$[7] = t1;
+	} else t1 = $[7];
+	return t1;
 };
 
 //#endregion

package/dist/show-B7zG1Vci.js

@@ -0,0 +1,28 @@
+import { c } from "react/compiler-runtime";
+import { isValidElement } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+
+//#region src/components/show/show.tsx
+function Show(props) {
+	const $ = c(5);
+	const { when, fallback, children } = props;
+	if (!when) return fallback ?? null;
+	let t0;
+	if ($[0] !== children || $[1] !== when) {
+		t0 = typeof children === "function" ? children(when) : children;
+		$[0] = children;
+		$[1] = when;
+		$[2] = t0;
+	} else t0 = $[2];
+	const result = t0;
+	let t1;
+	if ($[3] !== result) {
+		t1 = isValidElement(result) ? result : /* @__PURE__ */ jsx(Fragment$1, { children: result });
+		$[3] = result;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+}
+
+//#endregion
+export { Show as t };