@pyck/react 0.0.5 → 0.0.7

package/dist/checkmark-rF75Pk98.js

@@ -0,0 +1,75 @@
+import { c } from "react/compiler-runtime";
+import { forwardRef } from "react";
+import { ark } from "@ark-ui/react/factory";
+import { styled } from "@pyck/styled-system/jsx";
+import { checkmark } from "@pyck/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { dataAttr } from "@pyck/react/utils";
+
+//#region src/components/checkmark/checkmark.tsx
+const StyledCheckmark = styled(ark.svg, checkmark);
+const Checkmark = forwardRef(function Checkmark(props, ref) {
+	const $ = c(17);
+	let checked;
+	let disabled;
+	let indeterminate;
+	let rest;
+	if ($[0] !== props) {
+		({checked, indeterminate, disabled, ...rest} = props);
+		$[0] = props;
+		$[1] = checked;
+		$[2] = disabled;
+		$[3] = indeterminate;
+		$[4] = rest;
+	} else {
+		checked = $[1];
+		disabled = $[2];
+		indeterminate = $[3];
+		rest = $[4];
+	}
+	const t0 = indeterminate ? "indeterminate" : checked ? "checked" : "unchecked";
+	let t1;
+	if ($[5] !== disabled) {
+		t1 = dataAttr(disabled);
+		$[5] = disabled;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("title", { children: "Checkmark" });
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== checked || $[9] !== indeterminate) {
+		t3 = indeterminate ? /* @__PURE__ */ jsx("path", { d: "M5 12h14" }) : checked ? /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) : null;
+		$[8] = checked;
+		$[9] = indeterminate;
+		$[10] = t3;
+	} else t3 = $[10];
+	let t4;
+	if ($[11] !== ref || $[12] !== rest || $[13] !== t0 || $[14] !== t1 || $[15] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(StyledCheckmark, {
+			ref,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "3px",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			"data-state": t0,
+			"data-disabled": t1,
+			...rest,
+			children: [t2, t3]
+		});
+		$[11] = ref;
+		$[12] = rest;
+		$[13] = t0;
+		$[14] = t1;
+		$[15] = t3;
+		$[16] = t4;
+	} else t4 = $[16];
+	return t4;
+});
+
+//#endregion
+export { Checkmark as t };

package/dist/close-button-DAgpEZYq.js

@@ -0,0 +1,172 @@
+import { createContext, mergeProps } from "@ark-ui/react/utils";
+import { c } from "react/compiler-runtime";
+import { forwardRef, useMemo } from "react";
+import { ark } from "@ark-ui/react/factory";
+import { styled } from "@pyck/styled-system/jsx";
+import { button } from "@pyck/styled-system/recipes";
+import { XIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import { Loader } from "@pyck/react/loader";
+import { Group } from "@pyck/react/group";
+
+//#region src/components/button/button-group.tsx
+const ButtonGroup = forwardRef(function ButtonGroup(props, ref) {
+	const $ = c(8);
+	let t0;
+	if ($[0] !== props) {
+		t0 = button.splitVariantProps(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	const [variantProps, otherProps] = t0;
+	let t1;
+	if ($[2] !== otherProps || $[3] !== ref) {
+		t1 = /* @__PURE__ */ jsx(Group, {
+			ref,
+			...otherProps
+		});
+		$[2] = otherProps;
+		$[3] = ref;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== t1 || $[6] !== variantProps) {
+		t2 = /* @__PURE__ */ jsx(ButtonPropsProvider, {
+			value: variantProps,
+			children: t1
+		});
+		$[5] = t1;
+		$[6] = variantProps;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+});
+const [ButtonPropsProvider, useButtonPropsContext] = createContext({
+	name: "ButtonPropsContext",
+	hookName: "useButtonPropsContext",
+	providerName: "<PropsProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/button/button.tsx
+const BaseButton = styled(ark.button, button);
+const Button = forwardRef(function Button(props, ref) {
+	const $ = c(23);
+	const propsContext = useButtonPropsContext();
+	let t0;
+	if ($[0] !== props || $[1] !== propsContext) {
+		t0 = mergeProps(propsContext, props);
+		$[0] = props;
+		$[1] = propsContext;
+		$[2] = t0;
+	} else t0 = $[2];
+	const buttonProps = t0;
+	let children;
+	let loading;
+	let loadingText;
+	let rest;
+	let spinner;
+	let spinnerPlacement;
+	if ($[3] !== buttonProps) {
+		({loading, loadingText, children, spinner, spinnerPlacement, ...rest} = buttonProps);
+		$[3] = buttonProps;
+		$[4] = children;
+		$[5] = loading;
+		$[6] = loadingText;
+		$[7] = rest;
+		$[8] = spinner;
+		$[9] = spinnerPlacement;
+	} else {
+		children = $[4];
+		loading = $[5];
+		loadingText = $[6];
+		rest = $[7];
+		spinner = $[8];
+		spinnerPlacement = $[9];
+	}
+	const t1 = loading ? "" : void 0;
+	const t2 = loading || rest.disabled;
+	let t3;
+	if ($[10] !== children || $[11] !== loading || $[12] !== loadingText || $[13] !== props.asChild || $[14] !== spinner || $[15] !== spinnerPlacement) {
+		t3 = !props.asChild && loading ? /* @__PURE__ */ jsx(Loader, {
+			spinner,
+			text: loadingText,
+			spinnerPlacement,
+			children
+		}) : children;
+		$[10] = children;
+		$[11] = loading;
+		$[12] = loadingText;
+		$[13] = props.asChild;
+		$[14] = spinner;
+		$[15] = spinnerPlacement;
+		$[16] = t3;
+	} else t3 = $[16];
+	let t4;
+	if ($[17] !== ref || $[18] !== rest || $[19] !== t1 || $[20] !== t2 || $[21] !== t3) {
+		t4 = /* @__PURE__ */ jsx(BaseButton, {
+			type: "button",
+			ref,
+			...rest,
+			"data-loading": t1,
+			disabled: t2,
+			children: t3
+		});
+		$[17] = ref;
+		$[18] = rest;
+		$[19] = t1;
+		$[20] = t2;
+		$[21] = t3;
+		$[22] = t4;
+	} else t4 = $[22];
+	return t4;
+});
+
+//#endregion
+//#region src/components/button/icon-button.tsx
+const IconButton = forwardRef(function IconButton(props, ref) {
+	const $ = c(3);
+	let t0;
+	if ($[0] !== props || $[1] !== ref) {
+		t0 = /* @__PURE__ */ jsx(Button, {
+			px: "0",
+			py: "0",
+			ref,
+			...props
+		});
+		$[0] = props;
+		$[1] = ref;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+});
+
+//#endregion
+//#region src/components/button/close-button.tsx
+const CloseButton = forwardRef(function CloseButton(props, ref) {
+	const $ = c(4);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(XIcon, {});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props || $[2] !== ref) {
+		t1 = /* @__PURE__ */ jsx(IconButton, {
+			variant: "plain",
+			color: "fg.muted",
+			"aria-label": "Close",
+			ref,
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = ref;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+});
+
+//#endregion
+export { ButtonGroup as i, IconButton as n, Button as r, CloseButton as t };

package/dist/components/avatar/index.js

@@ -1,18 +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 { avatar } from "@pyck/styled-system/recipes";
-import { Avatar as Avatar$1, AvatarContext as Context } from "@ark-ui/react/avatar";
+import { Avatar as Avatar$1 } from "@ark-ui/react/avatar";
 import { UserIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/avatar/avatar.tsx
-var avatar_exports = /* @__PURE__ */ __exportAll({
-	Context: () => Context,
-	Fallback: () => Fallback,
-	Image: () => Image,
-	Root: () => Root,
-	RootProvider: () => RootProvider
-});
 const { withProvider, withContext } = createStyleContext(avatar);
 const Root = withProvider(Avatar$1.Root, "root");
 const RootProvider = withProvider(Avatar$1.RootProvider, "root");
@@ -23,11 +17,46 @@ const Image = withContext(Avatar$1.Image, "image", { defaultProps: {
 } });
 const StyledFallback = withContext(Avatar$1.Fallback, "fallback");
 const Fallback = forwardRef(function Fallback(props, ref) {
-	const { name, children, asChild, ...rest } = props;
-	const fallbackContent = children || asChild ? children : name ? getInitials(name) : <UserIcon />;
-	return <StyledFallback ref={ref} {...rest}>
-      {fallbackContent}
-    </StyledFallback>;
+	const $ = c(13);
+	let asChild;
+	let children;
+	let name;
+	let rest;
+	if ($[0] !== props) {
+		({name, children, asChild, ...rest} = props);
+		$[0] = props;
+		$[1] = asChild;
+		$[2] = children;
+		$[3] = name;
+		$[4] = rest;
+	} else {
+		asChild = $[1];
+		children = $[2];
+		name = $[3];
+		rest = $[4];
+	}
+	let t0;
+	if ($[5] !== asChild || $[6] !== children || $[7] !== name) {
+		t0 = children || asChild ? children : name ? getInitials(name) : /* @__PURE__ */ jsx(UserIcon, {});
+		$[5] = asChild;
+		$[6] = children;
+		$[7] = name;
+		$[8] = t0;
+	} else t0 = $[8];
+	const fallbackContent = t0;
+	let t1;
+	if ($[9] !== fallbackContent || $[10] !== ref || $[11] !== rest) {
+		t1 = /* @__PURE__ */ jsx(StyledFallback, {
+			ref,
+			...rest,
+			children: fallbackContent
+		});
+		$[9] = fallbackContent;
+		$[10] = ref;
+		$[11] = rest;
+		$[12] = t1;
+	} else t1 = $[12];
+	return t1;
 });
 const getInitials = (name) => {
 	const trimmedName = name.trim();
@@ -41,12 +70,81 @@ const getInitials = (name) => {
 //#endregion
 //#region src/components/avatar/avatar.closed.tsx
 const Avatar = forwardRef(function Avatar(props, ref) {
-	const { name, src, srcSet, loading, icon, fallback, children, ...rest } = props;
-	return <avatar_exports.Root ref={ref} {...rest}>
-      <avatar_exports.Fallback name={name}>{fallback || icon}</avatar_exports.Fallback>
-      <avatar_exports.Image src={src ?? void 0} srcSet={srcSet} loading={loading} alt={name} />
-      {children}
-    </avatar_exports.Root>;
+	const $ = c(23);
+	let children;
+	let fallback;
+	let icon;
+	let loading;
+	let name;
+	let rest;
+	let src;
+	let srcSet;
+	if ($[0] !== props) {
+		({name, src, srcSet, loading, icon, fallback, children, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = fallback;
+		$[3] = icon;
+		$[4] = loading;
+		$[5] = name;
+		$[6] = rest;
+		$[7] = src;
+		$[8] = srcSet;
+	} else {
+		children = $[1];
+		fallback = $[2];
+		icon = $[3];
+		loading = $[4];
+		name = $[5];
+		rest = $[6];
+		src = $[7];
+		srcSet = $[8];
+	}
+	const t0 = fallback || icon;
+	let t1;
+	if ($[9] !== name || $[10] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Fallback, {
+			name,
+			children: t0
+		});
+		$[9] = name;
+		$[10] = t0;
+		$[11] = t1;
+	} else t1 = $[11];
+	const t2 = src ?? void 0;
+	let t3;
+	if ($[12] !== loading || $[13] !== name || $[14] !== srcSet || $[15] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Image, {
+			src: t2,
+			srcSet,
+			loading,
+			alt: name
+		});
+		$[12] = loading;
+		$[13] = name;
+		$[14] = srcSet;
+		$[15] = t2;
+		$[16] = t3;
+	} else t3 = $[16];
+	let t4;
+	if ($[17] !== children || $[18] !== ref || $[19] !== rest || $[20] !== t1 || $[21] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Root, {
+			ref,
+			...rest,
+			children: [
+				t1,
+				t3,
+				children
+			]
+		});
+		$[17] = children;
+		$[18] = ref;
+		$[19] = rest;
+		$[20] = t1;
+		$[21] = t3;
+		$[22] = t4;
+	} else t4 = $[22];
+	return t4;
 });
 
 //#endregion

package/dist/components/button/index.js

@@ -1,3 +1,3 @@
-import { i as ButtonGroup, n as IconButton, r as Button, t as CloseButton } from "../../close-button-BM7ikbYh.js";
+import { i as ButtonGroup, n as IconButton, r as Button, t as CloseButton } from "../../close-button-DAgpEZYq.js";
 
 export { Button, ButtonGroup, CloseButton, IconButton };

package/dist/components/carousel/index.js

@@ -1,11 +1,13 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
-import { n as IconButton } from "../../close-button-BM7ikbYh.js";
+import { n as IconButton } from "../../close-button-DAgpEZYq.js";
 import "../button/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 { carousel } from "@pyck/styled-system/recipes";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 import { Carousel, CarouselContext as Context, useCarouselContext } from "@ark-ui/react/carousel";
 
 //#region src/components/carousel/carousel.tsx
@@ -35,31 +37,69 @@ const Indicator = withContext(Carousel.Indicator, "indicator");
 const Item = withContext(Carousel.Item, "item");
 const ItemGroup = withContext(Carousel.ItemGroup, "itemGroup");
 const NextTriggerChild = () => {
-	return <IconButton size="sm" variant="plain" aria-label="Next slide">
-      <ChevronRightIcon />
-    </IconButton>;
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(IconButton, {
+			size: "sm",
+			variant: "plain",
+			"aria-label": "Next slide",
+			children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 };
 const NextTrigger = withContext(Carousel.NextTrigger, "nextTrigger", { defaultProps: {
 	asChild: true,
-	children: <NextTriggerChild />
+	children: /* @__PURE__ */ jsx(NextTriggerChild, {})
 } });
 const PrevTriggerChild = () => {
-	return <IconButton size="sm" variant="plain" aria-label="Previous slide">
-      <ChevronLeftIcon />
-    </IconButton>;
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(IconButton, {
+			size: "sm",
+			variant: "plain",
+			"aria-label": "Previous slide",
+			children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 };
 const PrevTrigger = withContext(Carousel.PrevTrigger, "prevTrigger", { defaultProps: {
 	asChild: true,
-	children: <PrevTriggerChild />
+	children: /* @__PURE__ */ jsx(PrevTriggerChild, {})
 } });
 const Image = withContext(ark.img, "image");
 const StyledIndicatorGroup = withContext(Carousel.IndicatorGroup, "indicatorGroup");
 const IndicatorGroup = forwardRef((props, ref) => {
+	const $ = c(6);
 	const carousel = useCarouselContext();
-	return <StyledIndicatorGroup {...props} ref={ref}>
-        {carousel.pageSnapPoints.map((_, index) => <Indicator key={index} index={index} />)}
-      </StyledIndicatorGroup>;
+	let t0;
+	if ($[0] !== carousel.pageSnapPoints) {
+		t0 = carousel.pageSnapPoints.map(_temp);
+		$[0] = carousel.pageSnapPoints;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== props || $[3] !== ref || $[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(StyledIndicatorGroup, {
+			...props,
+			ref,
+			children: t0
+		});
+		$[2] = props;
+		$[3] = ref;
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
 });
+function _temp(_, index) {
+	return /* @__PURE__ */ jsx(Indicator, { index }, index);
+}
 
 //#endregion
 export { carousel_exports as Carousel };

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

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