@pyck/react 0.0.5 → 0.0.6

package/dist/components/tags-input/index.js

@@ -1,4 +1,5 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { c } from "react/compiler-runtime";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { tagsInput } from "@pyck/styled-system/recipes";
 import { XIcon } from "lucide-react";
@@ -35,13 +36,22 @@ const ItemPreview = withContext(TagsInput.ItemPreview, "itemPreview");
 const ItemText = withContext(TagsInput.ItemText, "itemText");
 const Label = withContext(TagsInput.Label, "label");
 const Items = (props) => {
-	return useTagsInputContext().value.map((item, index) => <Item key={item} index={index} value={item} {...props}>
-      <ItemPreview>
-        <ItemText>{item}</ItemText>
-        <ItemDeleteTrigger />
-      </ItemPreview>
-      <ItemInput />
-    </Item>);
+	const $ = c(5);
+	const context = useTagsInputContext();
+	let t0;
+	if ($[0] !== context.value || $[1] !== props) {
+		let t1;
+		if ($[3] !== props) {
+			t1 = (item, index) => <Item key={item} index={index} value={item} {...props}><ItemPreview><ItemText>{item}</ItemText><ItemDeleteTrigger /></ItemPreview><ItemInput /></Item>;
+			$[3] = props;
+			$[4] = t1;
+		} else t1 = $[4];
+		t0 = context.value.map(t1);
+		$[0] = context.value;
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
 };
 
 //#endregion

package/dist/components/textarea/index.js

@@ -1,3 +1,4 @@
+import { c } from "react/compiler-runtime";
 import { styled } from "@pyck/styled-system/jsx";
 import { textarea } from "@pyck/styled-system/recipes";
 import { Field } from "@pyck/react/field";
@@ -11,11 +12,53 @@ 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 <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>;
+		};
+		$[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 = <Controller name={name} control={control} render={t0} />;
+		$[13] = control;
+		$[14] = name;
+		$[15] = t0;
+		$[16] = t1;
+	} else t1 = $[16];
+	return t1;
 };
 
 //#endregion

package/dist/components/toast/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 { Stack, createStyleContext, styled } from "@pyck/styled-system/jsx";
 import { toast } from "@pyck/styled-system/recipes";
@@ -32,12 +33,26 @@ 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 = <StatusIcon />;
+		$[0] = StatusIcon;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== props || $[3] !== ref || $[4] !== t0 || $[5] !== toast.type) {
+		t1 = <Icon ref={ref} data-type={toast.type} {...props}>{t0}</Icon>;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = t0;
+		$[5] = toast.type;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
 });
 
 //#endregion
@@ -51,26 +66,17 @@ 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 = <Portal><StyledToaster toaster={toaster} insetInline={{ mdDown: "4" }}>{_temp}</StyledToaster></Portal>;
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 };
+function _temp(toast) {
+	return <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={true}><CloseButton size="sm" /></toast_exports.CloseTrigger>}</toast_exports.Root>;
+}
 
 //#endregion
 export { toast_exports as Toast, Toaster, toaster };

package/dist/components/tooltip/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 { createStyleContext } from "@pyck/styled-system/jsx";
 import { tooltip } from "@pyck/styled-system/recipes";
@@ -29,21 +30,77 @@ 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 = <tooltip_exports.Trigger asChild={true}>{children}</tooltip_exports.Trigger>;
+		$[9] = children;
+		$[10] = t1;
+	} else t1 = $[10];
+	const t2 = !portalled;
+	let t3;
+	if ($[11] !== showArrow) {
+		t3 = showArrow && <tooltip_exports.Arrow><tooltip_exports.ArrowTip /></tooltip_exports.Arrow>;
+		$[11] = showArrow;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== content || $[14] !== contentProps || $[15] !== ref || $[16] !== t3) {
+		t4 = <tooltip_exports.Positioner><tooltip_exports.Content ref={ref} {...contentProps}>{t3}{content}</tooltip_exports.Content></tooltip_exports.Positioner>;
+		$[13] = content;
+		$[14] = contentProps;
+		$[15] = ref;
+		$[16] = t3;
+		$[17] = t4;
+	} else t4 = $[17];
+	let t5;
+	if ($[18] !== portalRef || $[19] !== t2 || $[20] !== t4) {
+		t5 = <Portal disabled={t2} container={portalRef}>{t4}</Portal>;
+		$[18] = portalRef;
+		$[19] = t2;
+		$[20] = t4;
+		$[21] = t5;
+	} else t5 = $[21];
+	let t6;
+	if ($[22] !== rootProps || $[23] !== t1 || $[24] !== t5) {
+		t6 = <tooltip_exports.Root {...rootProps}>{t1}{t5}</tooltip_exports.Root>;
+		$[22] = rootProps;
+		$[23] = t1;
+		$[24] = t5;
+		$[25] = t6;
+	} else t6 = $[25];
+	return t6;
 });
 
 //#endregion

package/dist/components/tree-view/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 { createStyleContext } from "@pyck/styled-system/jsx";
 import { treeView } from "@pyck/styled-system/recipes";
@@ -45,18 +46,54 @@ 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 = <svg aria-hidden="true" focusable="false" />;
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = <ChevronRightIcon />;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== props || $[3] !== ref) {
+		t2 = <StyledBranchIndicator ref={ref} {...props}>{t1}</StyledBranchIndicator>;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== node.isBranch || $[6] !== t2) {
+		t3 = <Show when={node.isBranch} fallback={t0}>{t2}</Show>;
+		$[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 = <Checkmark size="sm" checked={t0} indeterminate={t1} />;
+		$[0] = t0;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== props || $[4] !== t2) {
+		t3 = <NodeCheckbox {...props}>{t2}</NodeCheckbox>;
+		$[3] = props;
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
 };
 
 //#endregion

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

@@ -0,0 +1,40 @@
+import { t as DisplayValue } from "./display-value-Bz71ZqgM.js";
+import { c } from "react/compiler-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 = <DisplayValue value={value} formatValue={formatValue} copyable={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-value-Bz71ZqgM.js

@@ -0,0 +1,57 @@
+import { c } from "react/compiler-runtime";
+import { HStack, VisuallyHidden } from "@pyck/styled-system/jsx";
+import { isString } from "@pyck/react/utils";
+import { Show } from "@pyck/react/show";
+import { Clipboard } from "@pyck/react/clipboard";
+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 = <><Span color="fg.subtle" aria-hidden={true}>—</Span><VisuallyHidden>No value</VisuallyHidden></>;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== formattedValue) {
+		t3 = (children) => <Clipboard.Root value={formattedValue} timeout={400}><Clipboard.Trigger _hover={{ "& [data-part=\"indicator\"]": { opacity: 1 } }} _active={{ "& [data-part=\"indicator\"]": { opacity: 1 } }}><HStack><Clipboard.Indicator color="fg.subtle" opacity="0" /><Span>{children}</Span></HStack></Clipboard.Trigger></Clipboard.Root>;
+		$[4] = formattedValue;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== copyable || $[7] !== formattedValue || $[8] !== t3) {
+		t4 = <Wrap when={copyable} with={t3}>{formattedValue}</Wrap>;
+		$[6] = copyable;
+		$[7] = formattedValue;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t1 || $[11] !== t4) {
+		t5 = <Show when={t1} fallback={t2}>{t4}</Show>;
+		$[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-CKDv0xfF.js}

@@ -1,3 +1,4 @@
+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";
@@ -25,10 +26,32 @@ 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 = <Icon>{children}</Icon>;
+		$[3] = children;
+		$[4] = t0;
+	} else t0 = $[4];
+	let t1;
+	if ($[5] !== rest || $[6] !== t0) {
+		t1 = <IconWrapper {...rest}>{t0}</IconWrapper>;
+		$[5] = rest;
+		$[6] = t0;
+		$[7] = t1;
+	} else t1 = $[7];
+	return t1;
 };
 
 //#endregion

package/dist/show-DAysVQAC.js

@@ -0,0 +1,27 @@
+import { c } from "react/compiler-runtime";
+import { isValidElement } from "react";
+
+//#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 : <>{result}</>;
+		$[3] = result;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+}
+
+//#endregion
+export { Show as t };