@pyck/react 0.0.1

package/dist/checkmark-CW-yHMvN.js

@@ -0,0 +1,18 @@
+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 { 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 { checked, indeterminate, disabled, ...rest } = props;
+	return <StyledCheckmark ref={ref} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3px" strokeLinecap="round" strokeLinejoin="round" data-state={indeterminate ? "indeterminate" : checked ? "checked" : "unchecked"} data-disabled={dataAttr(disabled)} {...rest}>
+      <title>Checkmark</title>
+      {indeterminate ? <path d="M5 12h14" /> : checked ? <path d="M20 6 9 17l-5-5" /> : null}
+    </StyledCheckmark>;
+});
+
+//#endregion
+export { Checkmark as t };

package/dist/chunk-BYypO7fO.js

@@ -0,0 +1,18 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (!no_symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
+
+//#endregion
+export { __exportAll as t };

package/dist/close-button-BM7ikbYh.js

@@ -0,0 +1,52 @@
+import { createContext, mergeProps } from "@ark-ui/react/utils";
+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 { 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 [variantProps, otherProps] = useMemo(() => button.splitVariantProps(props), [props]);
+	return <ButtonPropsProvider value={variantProps}>
+        <Group ref={ref} {...otherProps} />
+      </ButtonPropsProvider>;
+});
+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 propsContext = useButtonPropsContext();
+	const { loading, loadingText, children, spinner, spinnerPlacement, ...rest } = useMemo(() => mergeProps(propsContext, props), [propsContext, props]);
+	return <BaseButton type="button" ref={ref} {...rest} data-loading={loading ? "" : void 0} disabled={loading || rest.disabled}>
+      {!props.asChild && loading ? <Loader spinner={spinner} text={loadingText} spinnerPlacement={spinnerPlacement}>
+          {children}
+        </Loader> : children}
+    </BaseButton>;
+});
+
+//#endregion
+//#region src/components/button/icon-button.tsx
+const IconButton = forwardRef(function IconButton(props, ref) {
+	return <Button px="0" py="0" ref={ref} {...props} />;
+});
+
+//#endregion
+//#region src/components/button/close-button.tsx
+const CloseButton = forwardRef(function CloseButton(props, ref) {
+	return <IconButton variant="plain" color="fg.muted" aria-label="Close" ref={ref} {...props}>
+        <XIcon />
+      </IconButton>;
+});
+
+//#endregion
+export { ButtonGroup as i, IconButton as n, Button as r, CloseButton as t };

package/dist/components/absolute-center/index.d.ts

@@ -0,0 +1,11 @@
+import * as react from "react";
+import { ComponentProps } from "react";
+import * as _pyck_styled_system_recipes0 from "@pyck/styled-system/recipes";
+import * as _ark_ui_react0 from "@ark-ui/react";
+import * as _pyck_styled_system_types0 from "@pyck/styled-system/types";
+
+//#region src/components/absolute-center/absolute-center.d.ts
+type AbsoluteCenterProps = ComponentProps<typeof AbsoluteCenter>;
+declare const AbsoluteCenter: _pyck_styled_system_types0.StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react0.PolymorphicProps>, _pyck_styled_system_recipes0.AbsoluteCenterVariantProps>;
+//#endregion
+export { AbsoluteCenter, type AbsoluteCenterProps };

package/dist/components/absolute-center/index.js

@@ -0,0 +1,9 @@
+import { ark } from "@ark-ui/react/factory";
+import { styled } from "@pyck/styled-system/jsx";
+import { absoluteCenter } from "@pyck/styled-system/recipes";
+
+//#region src/components/absolute-center/absolute-center.tsx
+const AbsoluteCenter = styled(ark.div, absoluteCenter);
+
+//#endregion
+export { AbsoluteCenter };

package/dist/components/action-bar/index.d.ts

@@ -0,0 +1,21 @@
+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 { Popover, PopoverContext as Context } from "@ark-ui/react/popover";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/action-bar/action-bar.d.ts
+declare namespace action_bar_d_exports {
+  export { CloseTrigger, Content, Context, Positioner, Root, RootProps, RootProvider, SelectionText, Separator };
+}
+type RootProps = ComponentProps<typeof Root>;
+declare const Root: _pyck_styled_system_jsx0.StyleContextRootProvider<(props: Popover.RootProps) => react_jsx_runtime0.JSX.Element, _pyck_styled_system_recipes0.ActionBarRecipe>;
+declare const RootProvider: _pyck_styled_system_jsx0.StyleContextRootProvider<(props: Popover.RootProps) => react_jsx_runtime0.JSX.Element, _pyck_styled_system_recipes0.ActionBarRecipe>;
+declare const CloseTrigger: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<Popover.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>>;
+declare const Content: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<Popover.ContentProps & react.RefAttributes<HTMLDivElement>>>;
+declare const Positioner: _pyck_styled_system_jsx0.StyleContextConsumer<"div">;
+declare const Separator: _pyck_styled_system_jsx0.StyleContextConsumer<"div">;
+declare const SelectionText: _pyck_styled_system_jsx0.StyleContextConsumer<"span">;
+//#endregion
+export { action_bar_d_exports as ActionBar };

package/dist/components/action-bar/index.js

@@ -0,0 +1,35 @@
+import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { createStyleContext } from "@pyck/styled-system/jsx";
+import { actionBar } from "@pyck/styled-system/recipes";
+import { Popover, PopoverContext as Context } from "@ark-ui/react/popover";
+
+//#region src/components/action-bar/action-bar.tsx
+var action_bar_exports = /* @__PURE__ */ __exportAll({
+	CloseTrigger: () => CloseTrigger,
+	Content: () => Content,
+	Context: () => Context,
+	Positioner: () => Positioner,
+	Root: () => Root,
+	RootProvider: () => RootProvider,
+	SelectionText: () => SelectionText,
+	Separator: () => Separator
+});
+const { withRootProvider, withContext } = createStyleContext(actionBar);
+const Root = withRootProvider(Popover.Root, { defaultProps: {
+	lazyMount: true,
+	unmountOnExit: true,
+	autoFocus: false
+} });
+const RootProvider = withRootProvider(Popover.Root, { defaultProps: {
+	lazyMount: true,
+	unmountOnExit: true,
+	autoFocus: false
+} });
+const CloseTrigger = withContext(Popover.CloseTrigger, "closeTrigger");
+const Content = withContext(Popover.Content, "content");
+const Positioner = withContext("div", "positioner");
+const Separator = withContext("div", "separator");
+const SelectionText = withContext("span", "selectionText");
+
+//#endregion
+export { action_bar_exports as ActionBar };

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

@@ -0,0 +1,22 @@
+import * as react from "react";
+import { ComponentProps, ReactElement, 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 { Avatar as Avatar$1 } from "@ark-ui/react/avatar";
+
+//#region src/components/avatar/avatar.d.ts
+type RootProps = ComponentProps<typeof Root>;
+declare const Root: _pyck_styled_system_jsx0.StyleContextProvider<react.ForwardRefExoticComponent<Avatar$1.RootProps & react.RefAttributes<HTMLDivElement>>, _pyck_styled_system_recipes0.AvatarRecipe>;
+//#endregion
+//#region src/components/avatar/avatar.closed.d.ts
+interface AvatarProps extends RootProps {
+  name?: string;
+  src?: string | null;
+  srcSet?: string;
+  loading?: 'eager' | 'lazy' | undefined;
+  icon?: ReactElement;
+  fallback?: ReactNode;
+}
+declare const Avatar: react.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Avatar, type AvatarProps };

package/dist/components/avatar/index.js

@@ -0,0 +1,53 @@
+import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+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 { UserIcon } from "lucide-react";
+
+//#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");
+const Image = withContext(Avatar$1.Image, "image", { defaultProps: {
+	draggable: "false",
+	referrerPolicy: "no-referrer",
+	loading: "eager"
+} });
+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 getInitials = (name) => {
+	const trimmedName = name.trim();
+	if (trimmedName.match(/^[^a-zA-Z]/)) return trimmedName;
+	const names = trimmedName.split(" ");
+	const firstName = names[0] || "";
+	const lastName = names.length > 1 ? names[names.length - 1] : "";
+	return firstName && lastName ? `${firstName[0]}${lastName[0]}` : firstName[0];
+};
+
+//#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>;
+});
+
+//#endregion
+export { Avatar };

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

@@ -0,0 +1,11 @@
+import * as react from "react";
+import { ComponentProps } from "react";
+import * as _pyck_styled_system_recipes0 from "@pyck/styled-system/recipes";
+import * as _ark_ui_react0 from "@ark-ui/react";
+import * as _pyck_styled_system_types0 from "@pyck/styled-system/types";
+
+//#region src/components/badge/badge.d.ts
+type BadgeProps = ComponentProps<typeof Badge>;
+declare const Badge: _pyck_styled_system_types0.StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react0.PolymorphicProps>, _pyck_styled_system_recipes0.BadgeVariantProps>;
+//#endregion
+export { Badge, type BadgeProps };

package/dist/components/badge/index.js

@@ -0,0 +1,9 @@
+import { ark } from "@ark-ui/react/factory";
+import { styled } from "@pyck/styled-system/jsx";
+import { badge } from "@pyck/styled-system/recipes";
+
+//#region src/components/badge/badge.tsx
+const Badge = styled(ark.div, badge);
+
+//#endregion
+export { Badge };

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

@@ -0,0 +1,19 @@
+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";
+
+//#region src/components/breadcrumb/breadcrumb.d.ts
+declare namespace breadcrumb_d_exports {
+  export { Ellipsis, Item, Link, List, Root, RootProps, Separator };
+}
+type RootProps = ComponentProps<typeof Root>;
+declare const Root: _pyck_styled_system_jsx0.StyleContextProvider<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement> & _ark_ui_react0.PolymorphicProps>, _pyck_styled_system_recipes0.BreadcrumbRecipe>;
+declare const List: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLOListElement> & react.OlHTMLAttributes<HTMLOListElement> & _ark_ui_react0.PolymorphicProps>>;
+declare const Item: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLLIElement> & react.LiHTMLAttributes<HTMLLIElement> & _ark_ui_react0.PolymorphicProps>>;
+declare const Link: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & _ark_ui_react0.PolymorphicProps>>;
+declare const Ellipsis: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLLIElement> & react.LiHTMLAttributes<HTMLLIElement> & _ark_ui_react0.PolymorphicProps>>;
+declare const Separator: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLLIElement> & react.LiHTMLAttributes<HTMLLIElement> & _ark_ui_react0.PolymorphicProps>>;
+//#endregion
+export { breadcrumb_d_exports as Breadcrumb };

package/dist/components/breadcrumb/index.js

@@ -0,0 +1,31 @@
+import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { ark } from "@ark-ui/react/factory";
+import { createStyleContext } from "@pyck/styled-system/jsx";
+import { breadcrumb } from "@pyck/styled-system/recipes";
+
+//#region src/components/breadcrumb/breadcrumb.tsx
+var breadcrumb_exports = /* @__PURE__ */ __exportAll({
+	Ellipsis: () => Ellipsis,
+	Item: () => Item,
+	Link: () => Link,
+	List: () => List,
+	Root: () => Root,
+	Separator: () => Separator
+});
+const { withProvider, withContext } = createStyleContext(breadcrumb);
+const Root = withProvider(ark.nav, "root", { defaultProps: { "aria-label": "breadcrumb" } });
+const List = withContext(ark.ol, "list");
+const Item = withContext(ark.li, "item");
+const Link = withContext(ark.a, "link");
+const Ellipsis = withContext(ark.li, "ellipsis", { defaultProps: {
+	role: "presentation",
+	"aria-hidden": true,
+	children: "..."
+} });
+const Separator = withContext(ark.li, "separator", { defaultProps: {
+	"aria-hidden": true,
+	children: "/"
+} });
+
+//#endregion
+export { breadcrumb_exports as Breadcrumb };

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

@@ -0,0 +1,47 @@
+import * as react from "react";
+import { ComponentProps, ReactNode } from "react";
+import * as _pyck_styled_system_recipes0 from "@pyck/styled-system/recipes";
+import { ButtonVariantProps } from "@pyck/styled-system/recipes";
+import { GroupProps } from "@pyck/react/group";
+import * as _ark_ui_react0 from "@ark-ui/react";
+import * as _pyck_styled_system_types0 from "@pyck/styled-system/types";
+
+//#region src/components/button/button.d.ts
+interface ButtonLoadingProps {
+  /**
+   * If `true`, the button will show a loading spinner.
+   * @default false
+   */
+  loading?: boolean | undefined;
+  /**
+   * The text to show while loading.
+   */
+  loadingText?: ReactNode | undefined;
+  /**
+   * The spinner to show while loading.
+   */
+  spinner?: ReactNode | undefined;
+  /**
+   * The placement of the spinner
+   * @default "start"
+   */
+  spinnerPlacement?: 'start' | 'end' | undefined;
+}
+type BaseButtonProps = ComponentProps<typeof BaseButton>;
+declare const BaseButton: _pyck_styled_system_types0.StyledComponent<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & _ark_ui_react0.PolymorphicProps>, _pyck_styled_system_recipes0.ButtonVariantProps>;
+interface ButtonProps extends BaseButtonProps, ButtonLoadingProps {}
+declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/button/button-group.d.ts
+interface ButtonGroupProps extends GroupProps, ButtonVariantProps {}
+declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/button/icon-button.d.ts
+interface IconButtonProps extends ButtonProps {}
+declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/button/close-button.d.ts
+type CloseButtonProps = Omit<IconButtonProps, 'children'>;
+declare const CloseButton: react.ForwardRefExoticComponent<Omit<CloseButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, CloseButton, type CloseButtonProps, IconButton, type IconButtonProps };

package/dist/components/button/index.js

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

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

@@ -0,0 +1,19 @@
+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";
+
+//#region src/components/card/card.d.ts
+declare namespace card_d_exports {
+  export { Body, Description, Footer, Header, Root, RootProps, Title };
+}
+type RootProps = ComponentProps<typeof Root>;
+declare const Root: _pyck_styled_system_jsx0.StyleContextProvider<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react0.PolymorphicProps>, _pyck_styled_system_recipes0.CardRecipe>;
+declare const Header: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react0.PolymorphicProps>>;
+declare const Body: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react0.PolymorphicProps>>;
+declare const Footer: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLHeadingElement> & react.HTMLAttributes<HTMLHeadingElement> & _ark_ui_react0.PolymorphicProps>>;
+declare const Title: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLHeadingElement> & react.HTMLAttributes<HTMLHeadingElement> & _ark_ui_react0.PolymorphicProps>>;
+declare const Description: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & _ark_ui_react0.PolymorphicProps>>;
+//#endregion
+export { card_d_exports as Card };

package/dist/components/card/index.js

@@ -0,0 +1,24 @@
+import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { ark } from "@ark-ui/react/factory";
+import { createStyleContext } from "@pyck/styled-system/jsx";
+import { card } from "@pyck/styled-system/recipes";
+
+//#region src/components/card/card.tsx
+var card_exports = /* @__PURE__ */ __exportAll({
+	Body: () => Body,
+	Description: () => Description,
+	Footer: () => Footer,
+	Header: () => Header,
+	Root: () => Root,
+	Title: () => Title
+});
+const { withProvider, withContext } = createStyleContext(card);
+const Root = withProvider(ark.div, "root");
+const Header = withContext(ark.div, "header");
+const Body = withContext(ark.div, "body");
+const Footer = withContext(ark.h3, "footer");
+const Title = withContext(ark.h3, "title");
+const Description = withContext(ark.div, "description");
+
+//#endregion
+export { card_exports as Card };

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

@@ -0,0 +1,25 @@
+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 { Carousel, CarouselContext as Context } from "@ark-ui/react/carousel";
+import * as _ark_ui_react0 from "@ark-ui/react";
+
+//#region src/components/carousel/carousel.d.ts
+declare namespace carousel_d_exports {
+  export { AutoplayTrigger, Context, Control, Image, Indicator, IndicatorGroup, Item, ItemGroup, NextTrigger, PrevTrigger, Root, RootProps, RootProvider };
+}
+type RootProps = ComponentProps<typeof Root>;
+declare const Root: _pyck_styled_system_jsx0.StyleContextProvider<react.ForwardRefExoticComponent<Carousel.RootProps & react.RefAttributes<HTMLDivElement>>, _pyck_styled_system_recipes0.CarouselRecipe>;
+declare const RootProvider: _pyck_styled_system_jsx0.StyleContextProvider<react.ForwardRefExoticComponent<Carousel.RootProviderProps & react.RefAttributes<HTMLDivElement>>, _pyck_styled_system_recipes0.CarouselRecipe>;
+declare const AutoplayTrigger: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<Carousel.AutoplayTriggerProps & react.RefAttributes<HTMLButtonElement>>>;
+declare const Control: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<Carousel.ControlProps & react.RefAttributes<HTMLDivElement>>>;
+declare const Indicator: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<Carousel.IndicatorProps & react.RefAttributes<HTMLButtonElement>>>;
+declare const Item: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<Carousel.ItemProps & react.RefAttributes<HTMLDivElement>>>;
+declare const ItemGroup: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<Carousel.ItemGroupProps & react.RefAttributes<HTMLDivElement>>>;
+declare const NextTrigger: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<Carousel.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>>;
+declare const PrevTrigger: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<Carousel.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>>;
+declare const Image: _pyck_styled_system_jsx0.StyleContextConsumer<react.ForwardRefExoticComponent<react.ClassAttributes<HTMLImageElement> & react.ImgHTMLAttributes<HTMLImageElement> & _ark_ui_react0.PolymorphicProps>>;
+declare const IndicatorGroup: react.ForwardRefExoticComponent<Carousel.IndicatorGroupProps & react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { carousel_d_exports as Carousel };

package/dist/components/carousel/index.js

@@ -0,0 +1,65 @@
+import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { n as IconButton } from "../../close-button-BM7ikbYh.js";
+import "../button/index.js";
+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 { Carousel, CarouselContext as Context, useCarouselContext } from "@ark-ui/react/carousel";
+
+//#region src/components/carousel/carousel.tsx
+var carousel_exports = /* @__PURE__ */ __exportAll({
+	AutoplayTrigger: () => AutoplayTrigger,
+	Context: () => Context,
+	Control: () => Control,
+	Image: () => Image,
+	Indicator: () => Indicator,
+	IndicatorGroup: () => IndicatorGroup,
+	Item: () => Item,
+	ItemGroup: () => ItemGroup,
+	NextTrigger: () => NextTrigger,
+	PrevTrigger: () => PrevTrigger,
+	Root: () => Root,
+	RootProvider: () => RootProvider
+});
+const { withProvider, withContext } = createStyleContext(carousel);
+const Root = withProvider(Carousel.Root, "root", {
+	forwardProps: ["page"],
+	defaultProps: { spacing: "32px" }
+});
+const RootProvider = withProvider(Carousel.RootProvider, "root");
+const AutoplayTrigger = withContext(Carousel.AutoplayTrigger, "autoplayTrigger");
+const Control = withContext(Carousel.Control, "control");
+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 NextTrigger = withContext(Carousel.NextTrigger, "nextTrigger", { defaultProps: {
+	asChild: true,
+	children: <NextTriggerChild />
+} });
+const PrevTriggerChild = () => {
+	return <IconButton size="sm" variant="plain" aria-label="Previous slide">
+      <ChevronLeftIcon />
+    </IconButton>;
+};
+const PrevTrigger = withContext(Carousel.PrevTrigger, "prevTrigger", { defaultProps: {
+	asChild: true,
+	children: <PrevTriggerChild />
+} });
+const Image = withContext(ark.img, "image");
+const StyledIndicatorGroup = withContext(Carousel.IndicatorGroup, "indicatorGroup");
+const IndicatorGroup = forwardRef((props, ref) => {
+	const carousel = useCarouselContext();
+	return <StyledIndicatorGroup {...props} ref={ref}>
+        {carousel.pageSnapPoints.map((_, index) => <Indicator key={index} index={index} />)}
+      </StyledIndicatorGroup>;
+});
+
+//#endregion
+export { carousel_exports as Carousel };

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

@@ -0,0 +1,35 @@
+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 { 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>;
+type HiddenInputProps = ComponentProps<typeof HiddenInput>;
+declare const Root: _pyck_styled_system_jsx0.StyleContextProvider<react.ForwardRefExoticComponent<Checkbox$1.RootProps & react.RefAttributes<HTMLLabelElement>>, _pyck_styled_system_recipes0.CheckboxRecipe>;
+declare const HiddenInput: react.ForwardRefExoticComponent<Checkbox$1.HiddenInputProps & react.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/checkbox/checkbox.closed.d.ts
+interface CheckboxProps extends Omit<RootProps, 'ref'> {
+  inputProps?: HiddenInputProps;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/checkbox/checkbox.field.d.ts
+interface CheckboxFieldProps<T extends FieldValues = FieldValues> {
+  name: FieldPath<T>;
+  label: string;
+  helperText?: string;
+  disabled?: boolean;
+  checkboxProps?: CheckboxProps$1;
+  hideLabel?: boolean;
+  required?: boolean;
+}
+declare const CheckboxField: <T extends FieldValues>(props: CheckboxFieldProps<T>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Checkbox, type CheckboxCheckedState, CheckboxField, type CheckboxFieldProps, type CheckboxProps };

package/dist/components/checkbox/index.js

@@ -0,0 +1,67 @@
+import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+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 { 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");
+const Control = withContext(Checkbox$1.Control, "control");
+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 { 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>;
+});
+
+//#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>;
+});
+
+//#endregion
+//#region src/components/checkbox/checkbox.field.tsx
+const CheckboxField = (props) => {
+	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>} />;
+};
+
+//#endregion
+export { Checkbox, CheckboxField };