@pyck/react 0.0.6 → 0.0.7

package/dist/components/segment-group/index.js

@@ -4,6 +4,7 @@ import { c } from "react/compiler-runtime";
 import { useMemo } from "react";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { segmentGroup } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { SegmentGroup, SegmentGroupContext as Context } from "@ark-ui/react/segment-group";
 
 //#region src/components/segment-group/segment-group.tsx
@@ -55,7 +56,12 @@ const Items = (props) => {
 	if ($[5] !== data || $[6] !== itemProps) {
 		let t2;
 		if ($[8] !== itemProps) {
-			t2 = (item) => <Item key={item.value} value={item.value} disabled={item.disabled} {...itemProps}><ItemText>{item.label}</ItemText><ItemHiddenInput /></Item>;
+			t2 = (item) => /* @__PURE__ */ jsxs(Item, {
+				value: item.value,
+				disabled: item.disabled,
+				...itemProps,
+				children: [/* @__PURE__ */ jsx(ItemText, { children: item.label }), /* @__PURE__ */ jsx(ItemHiddenInput, {})]
+			}, item.value);
 			$[8] = itemProps;
 			$[9] = t2;
 		} else t2 = $[9];

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

@@ -3,6 +3,7 @@ import * as react from "react";
 import { ReactNode, RefAttributes } from "react";
 import * as _pyck_styled_system_jsx0 from "@pyck/styled-system/jsx";
 import { SelectVariantProps } from "@pyck/styled-system/recipes";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { FieldProps } from "@pyck/react/field";
 import * as _ark_ui_react0 from "@ark-ui/react";
 import { Assign, CollectionItem, SelectRootProps } from "@ark-ui/react";
@@ -10,7 +11,6 @@ import { Select } from "@pyck/react/select";
 import { Select as Select$1, SelectContext as Context, SelectItemContext as ItemContext, SelectValueChangeDetails as ValueChangeDetails, useListCollection } from "@ark-ui/react/select";
 import * as _pyck_styled_system_types0 from "@pyck/styled-system/types";
 import { HTMLStyledProps as HTMLStyledProps$1 } from "@pyck/styled-system/types";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/select/select.d.ts
 declare namespace select_d_exports {

package/dist/components/select/index.js

@@ -6,6 +6,7 @@ import { ark } from "@ark-ui/react/factory";
 import { createStyleContext } from "@pyck/styled-system/jsx";
 import { select } from "@pyck/styled-system/recipes";
 import { CheckIcon, ChevronsUpDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Field } from "@pyck/react/field";
 import { Controller, useFormContext } from "react-hook-form";
 import { Show } from "@pyck/react/show";
@@ -49,7 +50,7 @@ const List = withContext(Select$1.List, "list");
 const Positioner = withContext(Select$1.Positioner, "positioner");
 const Trigger = withContext(Select$1.Trigger, "trigger");
 const ValueText = withContext(Select$1.ValueText, "valueText");
-const Indicator = withContext(Select$1.Indicator, "indicator", { defaultProps: { children: <ChevronsUpDownIcon /> } });
+const Indicator = withContext(Select$1.Indicator, "indicator", { defaultProps: { children: /* @__PURE__ */ jsx(ChevronsUpDownIcon, {}) } });
 const HiddenSelect = Select$1.HiddenSelect;
 const StyledItemIndicator = withContext(Select$1.ItemIndicator, "itemIndicator");
 const ItemIndicator$1 = forwardRef(function ItemIndicator(props, ref) {
@@ -57,24 +58,35 @@ const ItemIndicator$1 = forwardRef(function ItemIndicator(props, ref) {
 	const item = useSelectItemContext();
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = <svg aria-hidden="true" focusable="false" />;
+		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 = <CheckIcon />;
+		t1 = /* @__PURE__ */ jsx(CheckIcon, {});
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
 	if ($[2] !== props || $[3] !== ref) {
-		t2 = <StyledItemIndicator ref={ref} {...props}>{t1}</StyledItemIndicator>;
+		t2 = /* @__PURE__ */ jsx(StyledItemIndicator, {
+			ref,
+			...props,
+			children: t1
+		});
 		$[2] = props;
 		$[3] = ref;
 		$[4] = t2;
 	} else t2 = $[4];
 	let t3;
 	if ($[5] !== item.selected || $[6] !== t2) {
-		t3 = <Show when={item.selected} fallback={t0}>{t2}</Show>;
+		t3 = /* @__PURE__ */ jsx(Show, {
+			when: item.selected,
+			fallback: t0,
+			children: t2
+		});
 		$[5] = item.selected;
 		$[6] = t2;
 		$[7] = t3;
@@ -125,10 +137,27 @@ const Root = (props) => {
 	if ($[9] !== disabled || $[10] !== helperText || $[11] !== hideLabel || $[12] !== label || $[13] !== placeholder || $[14] !== props.children || $[15] !== required || $[16] !== selectProps) {
 		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} required={required}><Select.Root {...selectProps} name={field.name} onBlur={field.onBlur} onInteractOutside={field.onBlur} onValueChange={(t2) => {
-				const { value } = t2;
-				return field.onChange(selectProps.multiple ? value : value[0]);
-			}} value={[field.value].flat().filter(Boolean)}><Select.Control><Select.Trigger><Select.ValueText placeholder={placeholder} /><Select.IndicatorGroup><Select.Indicator /></Select.IndicatorGroup></Select.Trigger></Select.Control><Select.Positioner><Select.Content>{props.children}</Select.Content></Select.Positioner></Select.Root></Field>;
+			return /* @__PURE__ */ jsx(Field, {
+				label,
+				helperText,
+				hideLabel,
+				disabled: field.disabled || disabled,
+				invalid: !!fieldState.error,
+				errorText: fieldState.error?.message,
+				required,
+				children: /* @__PURE__ */ jsxs(Select.Root, {
+					...selectProps,
+					name: field.name,
+					onBlur: field.onBlur,
+					onInteractOutside: field.onBlur,
+					onValueChange: (t2) => {
+						const { value } = t2;
+						return field.onChange(selectProps.multiple ? value : value[0]);
+					},
+					value: [field.value].flat().filter(Boolean),
+					children: [/* @__PURE__ */ jsx(Select.Control, { children: /* @__PURE__ */ jsxs(Select.Trigger, { children: [/* @__PURE__ */ jsx(Select.ValueText, { placeholder }), /* @__PURE__ */ jsx(Select.IndicatorGroup, { children: /* @__PURE__ */ jsx(Select.Indicator, {}) })] }) }), /* @__PURE__ */ jsx(Select.Positioner, { children: /* @__PURE__ */ jsx(Select.Content, { children: props.children }) })]
+				})
+			});
 		};
 		$[9] = disabled;
 		$[10] = helperText;
@@ -142,7 +171,11 @@ const Root = (props) => {
 	} else t0 = $[17];
 	let t1;
 	if ($[18] !== control || $[19] !== name || $[20] !== t0) {
-		t1 = <Controller name={name} control={control} render={t0} />;
+		t1 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control,
+			render: t0
+		});
 		$[18] = control;
 		$[19] = name;
 		$[20] = t0;

package/dist/components/show/index.js

@@ -1,3 +1,3 @@
-import { t as Show } from "../../show-DAysVQAC.js";
+import { t as Show } from "../../show-B7zG1Vci.js";
 
 export { Show };

package/dist/components/skeleton/index.js

@@ -3,6 +3,7 @@ import { forwardRef } from "react";
 import { ark } from "@ark-ui/react/factory";
 import { Stack, styled } from "@pyck/styled-system/jsx";
 import { skeleton } from "@pyck/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/skeleton/skeleton.tsx
 const Skeleton = styled(ark.div, skeleton);
@@ -35,7 +36,11 @@ const SkeletonText = forwardRef(function SkeletonText(props, ref) {
 	} else t1 = $[6];
 	let t2;
 	if ($[7] !== noOfLines || $[8] !== skeletonProps || $[9] !== t1) {
-		t2 = t1.map((index) => <Skeleton key={index} height="4" _last={{ maxW: noOfLines === 1 ? "100%" : "80%" }} {...skeletonProps} />);
+		t2 = t1.map((index) => /* @__PURE__ */ jsx(Skeleton, {
+			height: "4",
+			_last: { maxW: noOfLines === 1 ? "100%" : "80%" },
+			...skeletonProps
+		}, index));
 		$[7] = noOfLines;
 		$[8] = skeletonProps;
 		$[9] = t1;
@@ -43,7 +48,13 @@ const SkeletonText = forwardRef(function SkeletonText(props, ref) {
 	} else t2 = $[10];
 	let t3;
 	if ($[11] !== gap || $[12] !== ref || $[13] !== rootProps || $[14] !== t2) {
-		t3 = <Stack ref={ref} gap={gap} width="full" {...rootProps}>{t2}</Stack>;
+		t3 = /* @__PURE__ */ jsx(Stack, {
+			ref,
+			gap,
+			width: "full",
+			...rootProps,
+			children: t2
+		});
 		$[11] = gap;
 		$[12] = ref;
 		$[13] = rootProps;

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

@@ -2,6 +2,7 @@ import * as react from "react";
 import { ComponentProps, 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 "react/jsx-runtime";
 import * as _ark_ui_react0 from "@ark-ui/react";
 import { Slider as Slider$1 } from "@ark-ui/react/slider";
 

package/dist/components/slider/index.js

@@ -1,32 +1,15 @@
-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 { HStack, VisuallyHidden, createStyleContext } from "@pyck/styled-system/jsx";
 import { slider } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Show } from "@pyck/react/show";
 import { Wrap } from "@pyck/react/wrap";
 import { For } from "@pyck/react/for";
 import { Slider as Slider$1, SliderContext as Context, useSliderContext } from "@ark-ui/react/slider";
 
 //#region src/components/slider/slider.tsx
-var slider_exports = /* @__PURE__ */ __exportAll({
-	Context: () => Context,
-	Control: () => Control,
-	DraggingIndicator: () => DraggingIndicator,
-	HiddenInput: () => HiddenInput,
-	Label: () => Label,
-	Marker: () => Marker,
-	MarkerGroup: () => MarkerGroup,
-	MarkerIndicator: () => MarkerIndicator,
-	Marks: () => Marks,
-	Range: () => Range,
-	Root: () => Root,
-	Thumb: () => Thumb,
-	Thumbs: () => Thumbs,
-	Track: () => Track,
-	ValueText: () => ValueText
-});
 const { withProvider, withContext } = createStyleContext(slider);
 const Root = withProvider(Slider$1.Root, "root");
 const Control = withContext(Slider$1.Control, "control");
@@ -56,13 +39,20 @@ const Marks = forwardRef(function Marks(props, ref) {
 	if (!marks?.length) return null;
 	let t0;
 	if ($[3] !== marks) {
-		t0 = <For each={marks}>{_temp$1}</For>;
+		t0 = /* @__PURE__ */ jsx(For, {
+			each: marks,
+			children: _temp$1
+		});
 		$[3] = marks;
 		$[4] = t0;
 	} else t0 = $[4];
 	let t1;
 	if ($[5] !== ref || $[6] !== rest || $[7] !== t0) {
-		t1 = <MarkerGroup ref={ref} {...rest}>{t0}</MarkerGroup>;
+		t1 = /* @__PURE__ */ jsx(MarkerGroup, {
+			ref,
+			...rest,
+			children: t0
+		});
 		$[5] = ref;
 		$[6] = rest;
 		$[7] = t0;
@@ -75,13 +65,20 @@ const Thumbs = (props) => {
 	const slider = useSliderContext();
 	let t0;
 	if ($[0] !== props) {
-		t0 = (_, index) => <Thumb key={index} index={index} {...props}><HiddenInput /></Thumb>;
+		t0 = (_, index) => /* @__PURE__ */ jsx(Thumb, {
+			index,
+			...props,
+			children: /* @__PURE__ */ jsx(HiddenInput, {})
+		}, index);
 		$[0] = props;
 		$[1] = t0;
 	} else t0 = $[1];
 	let t1;
 	if ($[2] !== slider.value || $[3] !== t0) {
-		t1 = <For each={slider.value}>{t0}</For>;
+		t1 = /* @__PURE__ */ jsx(For, {
+			each: slider.value,
+			children: t0
+		});
 		$[2] = slider.value;
 		$[3] = t0;
 		$[4] = t1;
@@ -91,7 +88,10 @@ const Thumbs = (props) => {
 function _temp$1(mark, index) {
 	const value = typeof mark === "number" ? mark : mark.value;
 	const label = typeof mark === "number" ? void 0 : mark.label;
-	return <Marker key={index} value={value}><MarkerIndicator />{label != null && <span>{label}</span>}</Marker>;
+	return /* @__PURE__ */ jsxs(Marker, {
+		value,
+		children: [/* @__PURE__ */ jsx(MarkerIndicator, {}), label != null && /* @__PURE__ */ jsx("span", { children: label })]
+	}, index);
 }
 
 //#endregion
@@ -123,31 +123,41 @@ const Slider = forwardRef(function Slider(props, ref) {
 	}
 	let t0;
 	if ($[7] !== label) {
-		t0 = <slider_exports.Label>{label}</slider_exports.Label>;
+		t0 = /* @__PURE__ */ jsx(Label, { children: label });
 		$[7] = label;
 		$[8] = t0;
 	} else t0 = $[8];
 	let t1;
 	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = <slider_exports.ValueText />;
+		t1 = /* @__PURE__ */ jsx(ValueText, {});
 		$[9] = t1;
 	} else t1 = $[9];
 	let t2;
 	if ($[10] !== showValue) {
-		t2 = <Show when={showValue}>{t1}</Show>;
+		t2 = /* @__PURE__ */ jsx(Show, {
+			when: showValue,
+			children: t1
+		});
 		$[10] = showValue;
 		$[11] = t2;
 	} else t2 = $[11];
 	let t3;
 	if ($[12] !== t0 || $[13] !== t2) {
-		t3 = <HStack justify="space-between">{t0}{t2}</HStack>;
+		t3 = /* @__PURE__ */ jsxs(HStack, {
+			justify: "space-between",
+			children: [t0, t2]
+		});
 		$[12] = t0;
 		$[13] = t2;
 		$[14] = t3;
 	} else t3 = $[14];
 	let t4;
 	if ($[15] !== hideLabel || $[16] !== t3) {
-		t4 = <Wrap when={hideLabel} with={_temp}>{t3}</Wrap>;
+		t4 = /* @__PURE__ */ jsx(Wrap, {
+			when: hideLabel,
+			with: _temp,
+			children: t3
+		});
 		$[15] = hideLabel;
 		$[16] = t3;
 		$[17] = t4;
@@ -155,8 +165,8 @@ const Slider = forwardRef(function Slider(props, ref) {
 	let t5;
 	let t6;
 	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = <slider_exports.Track><slider_exports.Range /></slider_exports.Track>;
-		t6 = <slider_exports.Thumbs />;
+		t5 = /* @__PURE__ */ jsx(Track, { children: /* @__PURE__ */ jsx(Range, {}) });
+		t6 = /* @__PURE__ */ jsx(Thumbs, {});
 		$[18] = t5;
 		$[19] = t6;
 	} else {
@@ -165,13 +175,25 @@ const Slider = forwardRef(function Slider(props, ref) {
 	}
 	let t7;
 	if ($[20] !== marks) {
-		t7 = <slider_exports.Control>{t5}{t6}<slider_exports.Marks marks={marks} /></slider_exports.Control>;
+		t7 = /* @__PURE__ */ jsxs(Control, { children: [
+			t5,
+			t6,
+			/* @__PURE__ */ jsx(Marks, { marks })
+		] });
 		$[20] = marks;
 		$[21] = t7;
 	} else t7 = $[21];
 	let t8;
 	if ($[22] !== children || $[23] !== ref || $[24] !== rest || $[25] !== t4 || $[26] !== t7) {
-		t8 = <slider_exports.Root ref={ref} {...rest}>{t4}{t7}{children}</slider_exports.Root>;
+		t8 = /* @__PURE__ */ jsxs(Root, {
+			ref,
+			...rest,
+			children: [
+				t4,
+				t7,
+				children
+			]
+		});
 		$[22] = children;
 		$[23] = ref;
 		$[24] = rest;
@@ -183,7 +205,7 @@ const Slider = forwardRef(function Slider(props, ref) {
 });
 const SliderContext = Context;
 function _temp(node) {
-	return <VisuallyHidden>{node}</VisuallyHidden>;
+	return /* @__PURE__ */ jsx(VisuallyHidden, { children: node });
 }
 
 //#endregion