@pyck/react 0.0.5 → 0.0.7

package/dist/components/checkbox/index.js

@@ -1,23 +1,14 @@
-import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { VisuallyHidden, createStyleContext, styled } from "@pyck/styled-system/jsx";
 import { checkbox } from "@pyck/styled-system/recipes";
-import { Checkbox as Checkbox$1, CheckboxGroupProvider as GroupProvider, useCheckboxContext } from "@ark-ui/react/checkbox";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Checkbox as Checkbox$1, useCheckboxContext } from "@ark-ui/react/checkbox";
 import { Checkbox as Checkbox$2 } from "@pyck/react/checkbox";
 import { Field } from "@pyck/react/field";
 import { Controller, useFormContext } from "react-hook-form";
 
 //#region src/components/checkbox/checkbox.tsx
-var checkbox_exports = /* @__PURE__ */ __exportAll({
-	Control: () => Control,
-	Group: () => Group,
-	GroupProvider: () => GroupProvider,
-	HiddenInput: () => HiddenInput,
-	Indicator: () => Indicator,
-	Label: () => Label,
-	Root: () => Root,
-	RootProvider: () => RootProvider
-});
 const { withProvider, withContext } = createStyleContext(checkbox);
 const Root = withProvider(Checkbox$1.Root, "root");
 const RootProvider = withProvider(Checkbox$1.RootProvider, "root");
@@ -26,41 +17,167 @@ const Group = withProvider(Checkbox$1.Group, "group");
 const Label = withContext(Checkbox$1.Label, "label");
 const HiddenInput = Checkbox$1.HiddenInput;
 const Indicator = forwardRef(function Indicator(props, ref) {
+	const $ = c(11);
 	const { indeterminate, checked } = useCheckboxContext();
-	return <Checkbox$1.Indicator indeterminate={indeterminate} asChild>
-        <styled.svg ref={ref} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3px" strokeLinecap="round" strokeLinejoin="round" {...props}>
-          <title>Checkmark</title>
-          {indeterminate ? <path d="M5 12h14" /> : checked ? <path d="M20 6 9 17l-5-5" /> : null}
-        </styled.svg>
-      </Checkbox$1.Indicator>;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("title", { children: "Checkmark" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== checked || $[2] !== indeterminate) {
+		t1 = indeterminate ? /* @__PURE__ */ jsx("path", { d: "M5 12h14" }) : checked ? /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) : null;
+		$[1] = checked;
+		$[2] = indeterminate;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== props || $[5] !== ref || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsxs(styled.svg, {
+			ref,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "3px",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			...props,
+			children: [t0, t1]
+		});
+		$[4] = props;
+		$[5] = ref;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== indeterminate || $[9] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
+			indeterminate,
+			asChild: true,
+			children: t2
+		});
+		$[8] = indeterminate;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
 });
 
 //#endregion
 //#region src/components/checkbox/checkbox.closed.tsx
 const Checkbox = forwardRef(function Checkbox(props, ref) {
-	const { children, inputProps, ...rootProps } = props;
-	return <checkbox_exports.Root {...rootProps}>
-      <checkbox_exports.HiddenInput ref={ref} {...inputProps} />
-      <checkbox_exports.Control>
-        <checkbox_exports.Indicator />
-      </checkbox_exports.Control>
-      {children && <checkbox_exports.Label>{children}</checkbox_exports.Label>}
-      {props["aria-label"] && <checkbox_exports.Label asChild>
-          <VisuallyHidden>{props["aria-label"]}</VisuallyHidden>
-        </checkbox_exports.Label>}
-    </checkbox_exports.Root>;
+	const $ = c(17);
+	let children;
+	let inputProps;
+	let rootProps;
+	if ($[0] !== props) {
+		({children, inputProps, ...rootProps} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = inputProps;
+		$[3] = rootProps;
+	} else {
+		children = $[1];
+		inputProps = $[2];
+		rootProps = $[3];
+	}
+	let t0;
+	if ($[4] !== inputProps || $[5] !== ref) {
+		t0 = /* @__PURE__ */ jsx(HiddenInput, {
+			ref,
+			...inputProps
+		});
+		$[4] = inputProps;
+		$[5] = ref;
+		$[6] = t0;
+	} else t0 = $[6];
+	let t1;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(Control, { children: /* @__PURE__ */ jsx(Indicator, {}) });
+		$[7] = t1;
+	} else t1 = $[7];
+	let t2;
+	if ($[8] !== children) {
+		t2 = children && /* @__PURE__ */ jsx(Label, { children });
+		$[8] = children;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== props) {
+		t3 = props["aria-label"] && /* @__PURE__ */ jsx(Label, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(VisuallyHidden, { children: props["aria-label"] })
+		});
+		$[10] = props;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[12] !== rootProps || $[13] !== t0 || $[14] !== t2 || $[15] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Root, {
+			...rootProps,
+			children: [
+				t0,
+				t1,
+				t2,
+				t3
+			]
+		});
+		$[12] = rootProps;
+		$[13] = t0;
+		$[14] = t2;
+		$[15] = t3;
+		$[16] = t4;
+	} else t4 = $[16];
+	return t4;
 });
 
 //#endregion
 //#region src/components/checkbox/checkbox.field.tsx
 const CheckboxField = (props) => {
+	const $ = c(11);
 	const { name, label, helperText, hideLabel, disabled, checkboxProps, required } = props;
 	const { control } = useFormContext();
-	return <Controller name={name} control={control} render={({ field, fieldState }) => <Field helperText={helperText} disabled={disabled} invalid={!!fieldState.error} errorText={fieldState.error?.message} hideLabel={hideLabel} required={required}>
-          <Checkbox$2 size="xs" checked={!!field.value} onCheckedChange={(e) => field.onChange(e.checked)} {...checkboxProps}>
-            {label}
-          </Checkbox$2>
-        </Field>} />;
+	let t0;
+	if ($[0] !== checkboxProps || $[1] !== disabled || $[2] !== helperText || $[3] !== hideLabel || $[4] !== label || $[5] !== required) {
+		t0 = (t1) => {
+			const { field, fieldState } = t1;
+			return /* @__PURE__ */ jsx(Field, {
+				helperText,
+				disabled,
+				invalid: !!fieldState.error,
+				errorText: fieldState.error?.message,
+				hideLabel,
+				required,
+				children: /* @__PURE__ */ jsx(Checkbox$2, {
+					size: "xs",
+					checked: !!field.value,
+					onCheckedChange: (e) => field.onChange(e.checked),
+					...checkboxProps,
+					children: label
+				})
+			});
+		};
+		$[0] = checkboxProps;
+		$[1] = disabled;
+		$[2] = helperText;
+		$[3] = hideLabel;
+		$[4] = label;
+		$[5] = required;
+		$[6] = t0;
+	} else t0 = $[6];
+	let t1;
+	if ($[7] !== control || $[8] !== name || $[9] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control,
+			render: t0
+		});
+		$[7] = control;
+		$[8] = name;
+		$[9] = t0;
+		$[10] = t1;
+	} else t1 = $[10];
+	return t1;
 };
 
 //#endregion

package/dist/components/checkmark/index.js

@@ -1,3 +1,3 @@
-import { t as Checkmark } from "../../checkmark-CW-yHMvN.js";
+import { t as Checkmark } from "../../checkmark-rF75Pk98.js";
 
 export { Checkmark };

package/dist/components/clipboard/index.js

@@ -2,6 +2,7 @@ import { t as __exportAll } from "../../chunk-BYypO7fO.js";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { clipboard } from "@pyck/styled-system/recipes";
 import { CheckIcon, CopyIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 import { Clipboard, ClipboardContext as Context } from "@ark-ui/react/clipboard";
 
 //#region src/components/clipboard/clipboard.tsx
@@ -24,8 +25,8 @@ const Input = withContext(Clipboard.Input, "input");
 const Label = withContext(Clipboard.Label, "label");
 const Trigger = withContext(Clipboard.Trigger, "trigger");
 const Indicator = withContext(Clipboard.Indicator, "indicator", { defaultProps: {
-	copied: <CheckIcon />,
-	children: <CopyIcon />
+	copied: /* @__PURE__ */ jsx(CheckIcon, {}),
+	children: /* @__PURE__ */ jsx(CopyIcon, {})
 } });
 const CopyText = withContext(Clipboard.Indicator, "indicator", { defaultProps: {
 	copied: "Copied",

package/dist/components/combobox/index.js

@@ -1,14 +1,16 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { t as Checkmark } from "../../checkmark-CW-yHMvN.js";
+import { t as Checkmark } from "../../checkmark-rF75Pk98.js";
 import "../checkmark/index.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";
 import { combobox } from "@pyck/styled-system/recipes";
 import { ChevronsUpDownIcon, XIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import { Show } from "@pyck/react/show";
 import { Combobox, ComboboxContext as Context, useComboboxItemContext, useListCollection } from "@ark-ui/react/combobox";
 import { useFilter } from "@ark-ui/react/locale";
-import { Show } from "@pyck/react/show";
 
 //#region src/components/combobox/combobox.tsx
 var combobox_exports = /* @__PURE__ */ __exportAll({
@@ -34,7 +36,7 @@ var combobox_exports = /* @__PURE__ */ __exportAll({
 const { withProvider, withContext } = createStyleContext(combobox);
 const Root = withProvider(Combobox.Root, "root", { defaultProps: { positioning: { sameWidth: false } } });
 const RootProvider = withProvider(Combobox.RootProvider, "root");
-const ClearTrigger = withContext(Combobox.ClearTrigger, "clearTrigger", { defaultProps: { children: <XIcon /> } });
+const ClearTrigger = withContext(Combobox.ClearTrigger, "clearTrigger", { defaultProps: { children: /* @__PURE__ */ jsx(XIcon, {}) } });
 const Content = withContext(Combobox.Content, "content");
 const Control = withContext(Combobox.Control, "control");
 const Empty = withContext(Combobox.Empty, "empty");
@@ -45,18 +47,53 @@ const ItemGroup = withContext(Combobox.ItemGroup, "itemGroup");
 const ItemGroupLabel = withContext(Combobox.ItemGroupLabel, "itemGroupLabel");
 const StyledItemIndicator = withContext(Combobox.ItemIndicator, "itemIndicator");
 const ItemIndicator = forwardRef(function ItemIndicator(props, ref) {
+	const $ = c(10);
 	const item = useComboboxItemContext();
-	return <Show when={item.selected} fallback={<Checkmark size="sm" />}>
-        <StyledItemIndicator ref={ref} asChild {...props}>
-          <Checkmark size="sm" checked={item.selected} />
-        </StyledItemIndicator>
-      </Show>;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(Checkmark, { size: "sm" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== item.selected) {
+		t1 = /* @__PURE__ */ jsx(Checkmark, {
+			size: "sm",
+			checked: item.selected
+		});
+		$[1] = item.selected;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== props || $[4] !== ref || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx(StyledItemIndicator, {
+			ref,
+			asChild: true,
+			...props,
+			children: t1
+		});
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== item.selected || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Show, {
+			when: item.selected,
+			fallback: t0,
+			children: t2
+		});
+		$[7] = item.selected;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 });
 const ItemText = withContext(Combobox.ItemText, "itemText");
 const Label = withContext(Combobox.Label, "label");
 const List = withContext(Combobox.List, "list");
 const Positioner = withContext(Combobox.Positioner, "positioner");
-const Trigger = withContext(Combobox.Trigger, "trigger", { defaultProps: { children: <ChevronsUpDownIcon /> } });
+const Trigger = withContext(Combobox.Trigger, "trigger", { defaultProps: { children: /* @__PURE__ */ jsx(ChevronsUpDownIcon, {}) } });
 
 //#endregion
 export { combobox_exports as Combobox, useFilter, useListCollection };

package/dist/components/data-list/index.d.ts

@@ -1,12 +1,13 @@
-import { r as DisplayDateValueProps } from "../../display-date-value-CdfgVuB7.js";
+import { r as DisplayDateValueProps } from "../../display-date-value-RbzRgYHt.js";
 import "../display-date-value/index.js";
 import { n as DisplayValueProps } from "../../display-value-IyQT1429.js";
+import "../display-value/index.js";
 import * as react from "react";
 import { ComponentProps } 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 * as _ark_ui_react0 from "@ark-ui/react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _ark_ui_react0 from "@ark-ui/react";
 
 //#region src/components/data-list/data-list.d.ts
 declare namespace data_list_d_exports {

package/dist/components/data-list/index.js

@@ -1,11 +1,13 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { t as DisplayValue } from "../../display-value-BNKxQ99u.js";
-import { t as DisplayDateValue } from "../../display-date-value-gTlidtNz.js";
+import { t as DisplayValue } from "../../display-value-R2nHrGQo.js";
+import { t as DisplayDateValue } from "../../display-date-value-CSPbdE60.js";
 import "../display-date-value/index.js";
 import "../display-value/index.js";
+import { c } from "react/compiler-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { dataList } from "@pyck/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/data-list/data-list.tsx
 var data_list_exports = /* @__PURE__ */ __exportAll({
@@ -25,14 +27,27 @@ const Item = withContext(ark.div, "item");
 const Term = withContext(ark.dt, "term");
 const StyledValue = withContext(ark.dd, "value");
 const Value = (props) => {
-	return <StyledValue>
-      <DisplayValue copyable {...props} />
-    </StyledValue>;
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = /* @__PURE__ */ jsx(StyledValue, { children: /* @__PURE__ */ jsx(DisplayValue, {
+			copyable: true,
+			...props
+		}) });
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 };
 const DateValue = (props) => {
-	return <StyledValue>
-      <DisplayDateValue {...props} />
-    </StyledValue>;
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = /* @__PURE__ */ jsx(StyledValue, { children: /* @__PURE__ */ jsx(DisplayDateValue, { ...props }) });
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 };
 
 //#endregion

package/dist/components/date-picker/index.js

@@ -1,10 +1,11 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { n as IconButton, r as Button } from "../../close-button-BM7ikbYh.js";
+import { n as IconButton, r as Button } from "../../close-button-DAgpEZYq.js";
 import "../button/index.js";
 import { DatePicker, DatePickerContext as Context } from "@ark-ui/react/date-picker";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { datePicker } from "@pyck/styled-system/recipes";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/date-picker/date-picker.tsx
 var date_picker_exports = /* @__PURE__ */ __exportAll({
@@ -46,17 +47,21 @@ const Label = withContext(DatePicker.Label, "label");
 const MonthSelect = withContext(DatePicker.MonthSelect, "monthSelect");
 const NextTrigger = withContext(DatePicker.NextTrigger, "nextTrigger", { defaultProps: {
 	asChild: true,
-	children: <IconButton size="sm" variant="plain">
-        <ChevronRightIcon />
-      </IconButton>
+	children: /* @__PURE__ */ jsx(IconButton, {
+		size: "sm",
+		variant: "plain",
+		children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+	})
 } });
 const Positioner = withContext(DatePicker.Positioner, "positioner");
 const PresetTrigger = withContext(DatePicker.PresetTrigger, "presetTrigger");
 const PrevTrigger = withContext(DatePicker.PrevTrigger, "prevTrigger", { defaultProps: {
 	asChild: true,
-	children: <IconButton size="sm" variant="plain">
-        <ChevronLeftIcon />
-      </IconButton>
+	children: /* @__PURE__ */ jsx(IconButton, {
+		size: "sm",
+		variant: "plain",
+		children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+	})
 } });
 const RangeText = withContext(DatePicker.RangeText, "rangeText");
 const Table = withContext(DatePicker.Table, "table");
@@ -71,9 +76,11 @@ const View = withContext(DatePicker.View, "view");
 const ViewControl = withContext(DatePicker.ViewControl, "viewControl");
 const ViewTrigger = withContext(DatePicker.ViewTrigger, "viewTrigger", { defaultProps: {
 	asChild: true,
-	children: <Button variant="plain" size="sm">
-        <RangeText />
-      </Button>
+	children: /* @__PURE__ */ jsx(Button, {
+		variant: "plain",
+		size: "sm",
+		children: /* @__PURE__ */ jsx(RangeText, {})
+	})
 } });
 const YearSelect = withContext(DatePicker.YearSelect, "yearSelect");
 

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

@@ -3,10 +3,10 @@ import * as react from "react";
 import { ComponentProps, ElementType, ReactNode } 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 * as react_jsx_runtime0 from "react/jsx-runtime";
 import { DefaultValues, FieldValues } from "react-hook-form";
 import { Dialog, DialogContext as Context } from "@ark-ui/react/dialog";
 import * as _ark_ui_react0 from "@ark-ui/react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/dialog/create-overlay.d.ts
 interface CreateOverlayProps {