@pyck/react 0.0.5 → 0.0.7

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

@@ -2,12 +2,12 @@ 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 * as react_jsx_runtime0 from "react/jsx-runtime";
 import { FieldProps } from "@pyck/react/field";
 import { FieldPath, FieldValues } from "react-hook-form";
 import "@ark-ui/react";
 import { Switch as Switch$1 } from "@ark-ui/react/switch";
 import "@pyck/styled-system/types";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/switch/switch.d.ts
 type RootProps = ComponentProps<typeof Root>;

package/dist/components/switch/index.js

@@ -1,79 +1,246 @@
-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 { switchRecipe } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Field } from "@pyck/react/field";
 import { Controller, useFormContext } from "react-hook-form";
 import { ark } from "@ark-ui/react";
-import { Switch as Switch$1, SwitchContext as Context, useSwitchContext } from "@ark-ui/react/switch";
+import { Switch as Switch$1, useSwitchContext } from "@ark-ui/react/switch";
 
 //#region src/components/switch/switch.tsx
-var switch_exports = /* @__PURE__ */ __exportAll({
-	Context: () => Context,
-	Control: () => Control,
-	HiddenInput: () => HiddenInput,
-	Indicator: () => Indicator,
-	Label: () => Label,
-	Root: () => Root,
-	RootProvider: () => RootProvider,
-	Thumb: () => Thumb,
-	ThumbIndicator: () => ThumbIndicator
-});
 const { withProvider, withContext } = createStyleContext(switchRecipe);
 const Root = withProvider(Switch$1.Root, "root");
 const RootProvider = withProvider(Switch$1.RootProvider, "root");
 const Label = withContext(Switch$1.Label, "label");
 const Thumb = withContext(Switch$1.Thumb, "thumb");
 const HiddenInput = Switch$1.HiddenInput;
-const Control = withContext(Switch$1.Control, "control", { defaultProps: { children: <Thumb /> } });
+const Control = withContext(Switch$1.Control, "control", { defaultProps: { children: /* @__PURE__ */ jsx(Thumb, {}) } });
 const StyledIndicator = withContext(ark.span, "indicator");
 const Indicator = forwardRef(function Indicator(props, ref) {
-	const { fallback, children, ...rest } = props;
+	const $ = c(9);
+	let children;
+	let fallback;
+	let rest;
+	if ($[0] !== props) {
+		({fallback, children, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = fallback;
+		$[3] = rest;
+	} else {
+		children = $[1];
+		fallback = $[2];
+		rest = $[3];
+	}
 	const api = useSwitchContext();
-	return <StyledIndicator ref={ref} data-checked={api.checked ? "" : void 0} {...rest}>
-        {api.checked ? children : fallback}
-      </StyledIndicator>;
+	const t0 = api.checked ? "" : void 0;
+	const t1 = api.checked ? children : fallback;
+	let t2;
+	if ($[4] !== ref || $[5] !== rest || $[6] !== t0 || $[7] !== t1) {
+		t2 = /* @__PURE__ */ jsx(StyledIndicator, {
+			ref,
+			"data-checked": t0,
+			...rest,
+			children: t1
+		});
+		$[4] = ref;
+		$[5] = rest;
+		$[6] = t0;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 });
 const StyledThumbIndicator = styled(ark.span);
 const ThumbIndicator = forwardRef(function SwitchThumbIndicator(props, ref) {
-	const { fallback, children, ...rest } = props;
+	const $ = c(9);
+	let children;
+	let fallback;
+	let rest;
+	if ($[0] !== props) {
+		({fallback, children, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = fallback;
+		$[3] = rest;
+	} else {
+		children = $[1];
+		fallback = $[2];
+		rest = $[3];
+	}
 	const api = useSwitchContext();
-	return <StyledThumbIndicator ref={ref} data-checked={api.checked ? "" : void 0} {...rest}>
-        {api.checked ? children : fallback}
-      </StyledThumbIndicator>;
+	const t0 = api.checked ? "" : void 0;
+	const t1 = api.checked ? children : fallback;
+	let t2;
+	if ($[4] !== ref || $[5] !== rest || $[6] !== t0 || $[7] !== t1) {
+		t2 = /* @__PURE__ */ jsx(StyledThumbIndicator, {
+			ref,
+			"data-checked": t0,
+			...rest,
+			children: t1
+		});
+		$[4] = ref;
+		$[5] = rest;
+		$[6] = t0;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 });
 
 //#endregion
 //#region src/components/switch/switch.closed.tsx
 const Switch = forwardRef(function Switch(props, ref) {
-	const { inputProps, children, rootRef = null, trackLabel, thumbLabel, ...rest } = props;
-	return <switch_exports.Root ref={rootRef} {...rest}>
-      <switch_exports.HiddenInput ref={ref} {...inputProps} />
-      <switch_exports.Control>
-        <switch_exports.Thumb>
-          {thumbLabel && <switch_exports.ThumbIndicator fallback={thumbLabel?.off}>
-              {thumbLabel?.on}
-            </switch_exports.ThumbIndicator>}
-        </switch_exports.Thumb>
-        {trackLabel && <switch_exports.Indicator fallback={trackLabel.off}>{trackLabel.on}</switch_exports.Indicator>}
-      </switch_exports.Control>
-      {children && <switch_exports.Label>{children}</switch_exports.Label>}
-      {props["aria-label"] && <switch_exports.Label asChild>
-          <VisuallyHidden>{props["aria-label"]}</VisuallyHidden>
-        </switch_exports.Label>}
-    </switch_exports.Root>;
+	const $ = c(30);
+	let children;
+	let inputProps;
+	let rest;
+	let t0;
+	let thumbLabel;
+	let trackLabel;
+	if ($[0] !== props) {
+		({inputProps, children, rootRef: t0, trackLabel, thumbLabel, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = inputProps;
+		$[3] = rest;
+		$[4] = t0;
+		$[5] = thumbLabel;
+		$[6] = trackLabel;
+	} else {
+		children = $[1];
+		inputProps = $[2];
+		rest = $[3];
+		t0 = $[4];
+		thumbLabel = $[5];
+		trackLabel = $[6];
+	}
+	const rootRef = t0 === void 0 ? null : t0;
+	let t1;
+	if ($[7] !== inputProps || $[8] !== ref) {
+		t1 = /* @__PURE__ */ jsx(HiddenInput, {
+			ref,
+			...inputProps
+		});
+		$[7] = inputProps;
+		$[8] = ref;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	if ($[10] !== thumbLabel) {
+		t2 = thumbLabel && /* @__PURE__ */ jsx(ThumbIndicator, {
+			fallback: thumbLabel?.off,
+			children: thumbLabel?.on
+		});
+		$[10] = thumbLabel;
+		$[11] = t2;
+	} else t2 = $[11];
+	let t3;
+	if ($[12] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Thumb, { children: t2 });
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	let t4;
+	if ($[14] !== trackLabel) {
+		t4 = trackLabel && /* @__PURE__ */ jsx(Indicator, {
+			fallback: trackLabel.off,
+			children: trackLabel.on
+		});
+		$[14] = trackLabel;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== t3 || $[17] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Control, { children: [t3, t4] });
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+	} else t5 = $[18];
+	let t6;
+	if ($[19] !== children) {
+		t6 = children && /* @__PURE__ */ jsx(Label, { children });
+		$[19] = children;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== props) {
+		t7 = props["aria-label"] && /* @__PURE__ */ jsx(Label, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(VisuallyHidden, { children: props["aria-label"] })
+		});
+		$[21] = props;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== rest || $[24] !== rootRef || $[25] !== t1 || $[26] !== t5 || $[27] !== t6 || $[28] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(Root, {
+			ref: rootRef,
+			...rest,
+			children: [
+				t1,
+				t5,
+				t6,
+				t7
+			]
+		});
+		$[23] = rest;
+		$[24] = rootRef;
+		$[25] = t1;
+		$[26] = t5;
+		$[27] = t6;
+		$[28] = t7;
+		$[29] = t8;
+	} else t8 = $[29];
+	return t8;
 });
 
 //#endregion
 //#region src/components/switch/switch.field.tsx
 const SwitchField = (props) => {
+	const $ = c(8);
 	const { name, label, helperText, disabled } = props;
 	const { control } = useFormContext();
-	return <Controller name={name} control={control} render={({ field, fieldState }) => <Field helperText={helperText} disabled={field.disabled || disabled} invalid={!!fieldState.error} errorText={fieldState.error?.message}>
-          <Switch name={field.name} checked={field.value} onCheckedChange={({ checked }) => field.onChange(checked)} inputProps={{ onBlur: field.onBlur }}>
-            {label}
-          </Switch>
-        </Field>} />;
+	let t0;
+	if ($[0] !== disabled || $[1] !== helperText || $[2] !== label) {
+		t0 = (t1) => {
+			const { field, fieldState } = t1;
+			return /* @__PURE__ */ jsx(Field, {
+				helperText,
+				disabled: field.disabled || disabled,
+				invalid: !!fieldState.error,
+				errorText: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(Switch, {
+					name: field.name,
+					checked: field.value,
+					onCheckedChange: (t2) => {
+						const { checked } = t2;
+						return field.onChange(checked);
+					},
+					inputProps: { onBlur: field.onBlur },
+					children: label
+				})
+			});
+		};
+		$[0] = disabled;
+		$[1] = helperText;
+		$[2] = label;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== control || $[5] !== name || $[6] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control,
+			render: t0
+		});
+		$[4] = control;
+		$[5] = name;
+		$[6] = t0;
+		$[7] = t1;
+	} else t1 = $[7];
+	return t1;
 };
 
 //#endregion

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

@@ -2,11 +2,11 @@ import * as react from "react";
 import { ComponentProps, ComponentType, 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 { DateInput, Locale } from "@pyck/react/utils";
 import * as _ark_ui_react0 from "@ark-ui/react";
 import { DisplayValueProps } from "@pyck/react/display-value";
 import { DateFormatType } from "@pyck/react/display-date-value";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/table/cells/table-cell-content.d.ts
 interface TableCellContentProps<IconProps extends object = object> {