@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

package/dist/components/pagination/pagination.cjs

@@ -0,0 +1,31 @@
+"use client";
+const require_show = require("../show/show.cjs");
+const require_parts = require("./parts.cjs");
+const require_compact = require("./compact.cjs");
+const require_item_list = require("./item-list.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/pagination/pagination.tsx
+/**
+* A pagination component that displays a list of buttons to navigate between pages.
+* @see [Cerby Docs](https://cerberus.digitalu.design/docs/components/pagination)
+* @definition [Ark Docs](https://ark-ui.com/docs/components/pagination#api-reference)
+*/
+function Pagination(props) {
+	const { compact, layout, ...rootProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.PaginationParts.Root, {
+		...rootProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.PaginationParts.Context, { children: (pagination) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [props.children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+			when: compact,
+			fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_item_list.ItemList, {
+				layout,
+				...pagination
+			}),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_compact.CompactText, {
+				layout,
+				...pagination
+			})
+		})] }) })
+	});
+}
+//#endregion
+exports.Pagination = Pagination;

package/dist/components/pagination/pagination.d.cts

@@ -0,0 +1,21 @@
+import { WithCss } from 'styled-system/types';
+import { GroupProps } from '../group/index';
+import { PaginationRootProps } from './primitives';
+export interface PaginationProps extends PaginationRootProps, WithCss {
+    /**
+     * Display a compact layout of only text information and triggers.
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Display the layout of the button group.
+     * @default 'default'
+     */
+    layout?: GroupProps['layout'];
+}
+/**
+ * A pagination component that displays a list of buttons to navigate between pages.
+ * @see [Cerby Docs](https://cerberus.digitalu.design/docs/components/pagination)
+ * @definition [Ark Docs](https://ark-ui.com/docs/components/pagination#api-reference)
+ */
+export declare function Pagination(props: PaginationProps): import("react").JSX.Element;

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,21 @@
+import { WithCss } from 'styled-system/types';
+import { GroupProps } from '../group/index';
+import { PaginationRootProps } from './primitives';
+export interface PaginationProps extends PaginationRootProps, WithCss {
+    /**
+     * Display a compact layout of only text information and triggers.
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Display the layout of the button group.
+     * @default 'default'
+     */
+    layout?: GroupProps['layout'];
+}
+/**
+ * A pagination component that displays a list of buttons to navigate between pages.
+ * @see [Cerby Docs](https://cerberus.digitalu.design/docs/components/pagination)
+ * @definition [Ark Docs](https://ark-ui.com/docs/components/pagination#api-reference)
+ */
+export declare function Pagination(props: PaginationProps): import("react").JSX.Element;

package/dist/components/pagination/pagination.js

@@ -0,0 +1,31 @@
+"use client";
+import { Show } from "../show/show.js";
+import { PaginationParts } from "./parts.js";
+import { CompactText } from "./compact.js";
+import { ItemList } from "./item-list.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pagination/pagination.tsx
+/**
+* A pagination component that displays a list of buttons to navigate between pages.
+* @see [Cerby Docs](https://cerberus.digitalu.design/docs/components/pagination)
+* @definition [Ark Docs](https://ark-ui.com/docs/components/pagination#api-reference)
+*/
+function Pagination(props) {
+	const { compact, layout, ...rootProps } = props;
+	return /* @__PURE__ */ jsx(PaginationParts.Root, {
+		...rootProps,
+		children: /* @__PURE__ */ jsx(PaginationParts.Context, { children: (pagination) => /* @__PURE__ */ jsxs(Fragment, { children: [props.children, /* @__PURE__ */ jsx(Show, {
+			when: compact,
+			fallback: /* @__PURE__ */ jsx(ItemList, {
+				layout,
+				...pagination
+			}),
+			children: /* @__PURE__ */ jsx(CompactText, {
+				layout,
+				...pagination
+			})
+		})] }) })
+	});
+}
+//#endregion
+export { Pagination };

package/dist/components/pagination/parts.cjs

@@ -0,0 +1,22 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/pagination/parts.ts
+/**
+* An Object containing the parts of the Pagination component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the PaginationParts object and
+* the entire family of components vs. only what you use.
+*/
+var PaginationParts = {
+	Root: require_primitives.PaginationRoot,
+	PrevTrigger: require_primitives.PaginationPrevTrigger,
+	NextTrigger: require_primitives.PaginationNextTrigger,
+	Context: require_primitives.PaginationContext,
+	Item: require_primitives.PaginationItem,
+	Ellipsis: require_primitives.PaginationEllipsis,
+	RootProvider: require_primitives.PaginationRootProvider
+};
+//#endregion
+exports.PaginationParts = PaginationParts;

package/dist/components/pagination/parts.d.cts

@@ -0,0 +1,46 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Pagination component.
+ * @module 'pagination/parts'
+ */
+interface PaginationPartsValue {
+    /**
+     * The context provider of the pagination family.
+     */
+    Root: ElementType;
+    /**
+     * The trigger button for going backwards.
+     */
+    PrevTrigger: ElementType;
+    /**
+     * The trigger button for going forwards.
+     */
+    NextTrigger: ElementType;
+    /**
+     * The context provider of the pagination family.
+     */
+    Context: ElementType;
+    /**
+     * The item component of the pagination family.
+     */
+    Item: ElementType;
+    /**
+     * The ellipsis component of the pagination family.
+     */
+    Ellipsis: ElementType;
+    /**
+     * The context provider of the pagination family.
+     */
+    RootProvider: ElementType;
+}
+/**
+ * An Object containing the parts of the Pagination component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the PaginationParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const PaginationParts: PaginationPartsValue;
+export {};

package/dist/components/pagination/parts.d.ts

@@ -0,0 +1,46 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Pagination component.
+ * @module 'pagination/parts'
+ */
+interface PaginationPartsValue {
+    /**
+     * The context provider of the pagination family.
+     */
+    Root: ElementType;
+    /**
+     * The trigger button for going backwards.
+     */
+    PrevTrigger: ElementType;
+    /**
+     * The trigger button for going forwards.
+     */
+    NextTrigger: ElementType;
+    /**
+     * The context provider of the pagination family.
+     */
+    Context: ElementType;
+    /**
+     * The item component of the pagination family.
+     */
+    Item: ElementType;
+    /**
+     * The ellipsis component of the pagination family.
+     */
+    Ellipsis: ElementType;
+    /**
+     * The context provider of the pagination family.
+     */
+    RootProvider: ElementType;
+}
+/**
+ * An Object containing the parts of the Pagination component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the PaginationParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const PaginationParts: PaginationPartsValue;
+export {};

package/dist/components/pagination/parts.js

@@ -0,0 +1,22 @@
+import { PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider } from "./primitives.js";
+//#region src/components/pagination/parts.ts
+/**
+* An Object containing the parts of the Pagination component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the PaginationParts object and
+* the entire family of components vs. only what you use.
+*/
+var PaginationParts = {
+	Root: PaginationRoot,
+	PrevTrigger: PaginationPrevTrigger,
+	NextTrigger: PaginationNextTrigger,
+	Context: PaginationContext,
+	Item: PaginationItem,
+	Ellipsis: PaginationEllipsis,
+	RootProvider: PaginationRootProvider
+};
+//#endregion
+export { PaginationParts };

package/dist/components/pagination/primitives.cjs

@@ -0,0 +1,19 @@
+const require_index = require("../../system/index.cjs");
+let _ark_ui_react_pagination = require("@ark-ui/react/pagination");
+//#region src/components/pagination/primitives.ts
+var { withNoRecipe } = require_index.createCerberusPrimitive();
+var PaginationRoot = withNoRecipe(_ark_ui_react_pagination.Pagination.Root);
+var PaginationPrevTrigger = withNoRecipe(_ark_ui_react_pagination.Pagination.PrevTrigger);
+var PaginationNextTrigger = withNoRecipe(_ark_ui_react_pagination.Pagination.NextTrigger);
+var PaginationContext = withNoRecipe(_ark_ui_react_pagination.Pagination.Context);
+var PaginationItem = withNoRecipe(_ark_ui_react_pagination.Pagination.Item);
+var PaginationEllipsis = withNoRecipe(_ark_ui_react_pagination.Pagination.Ellipsis);
+var PaginationRootProvider = withNoRecipe(_ark_ui_react_pagination.Pagination.RootProvider);
+//#endregion
+exports.PaginationContext = PaginationContext;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationItem = PaginationItem;
+exports.PaginationNextTrigger = PaginationNextTrigger;
+exports.PaginationPrevTrigger = PaginationPrevTrigger;
+exports.PaginationRoot = PaginationRoot;
+exports.PaginationRootProvider = PaginationRootProvider;

package/dist/components/pagination/primitives.d.cts

@@ -0,0 +1,20 @@
+import { Pagination, PaginationContextProps as ArkPaginationContextProps, PaginationEllipsisProps as ArkPaginationEllipsisProps, PaginationItemProps as ArkPaginationItemProps, PaginationNextTriggerProps as ArkPaginationNextTriggerProps, PaginationPrevTriggerProps as ArkPaginationPrevTriggerProps, PaginationRootProps as ArkPaginationRootProps, PaginationRootProviderProps as ArkPaginationRootProviderProps, UsePaginationReturn as ArkUsePaginationReturn, PaginationPageUrlDetails, PaginationPageSizeChangeDetails } from '@ark-ui/react/pagination';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { CerberusPrimitiveProps } from '../..';
+export type PaginationRootProps = ArkPaginationRootProps;
+export declare const PaginationRoot: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.RootProps & RefAttributes<HTMLElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationPrevTriggerProps = ArkPaginationPrevTriggerProps;
+export declare const PaginationPrevTrigger: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.PrevTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationNextTriggerProps = ArkPaginationNextTriggerProps;
+export declare const PaginationNextTrigger: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.NextTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationContextProps = ArkPaginationContextProps;
+export declare const PaginationContext: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.ContextProps>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationItemProps = ArkPaginationItemProps;
+export declare const PaginationItem: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.ItemProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationEllipsisProps = ArkPaginationEllipsisProps;
+export declare const PaginationEllipsis: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.EllipsisProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationRootProviderProps = ArkPaginationRootProviderProps;
+export declare const PaginationRootProvider: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.RootProviderProps & RefAttributes<HTMLElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationContextDetails = ArkUsePaginationReturn;
+export type PageDetails = PaginationPageUrlDetails;
+export type PageSizeChangeDetails = PaginationPageSizeChangeDetails;

package/dist/components/pagination/primitives.d.ts

@@ -0,0 +1,20 @@
+import { Pagination, PaginationContextProps as ArkPaginationContextProps, PaginationEllipsisProps as ArkPaginationEllipsisProps, PaginationItemProps as ArkPaginationItemProps, PaginationNextTriggerProps as ArkPaginationNextTriggerProps, PaginationPrevTriggerProps as ArkPaginationPrevTriggerProps, PaginationRootProps as ArkPaginationRootProps, PaginationRootProviderProps as ArkPaginationRootProviderProps, UsePaginationReturn as ArkUsePaginationReturn, PaginationPageUrlDetails, PaginationPageSizeChangeDetails } from '@ark-ui/react/pagination';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { CerberusPrimitiveProps } from '../..';
+export type PaginationRootProps = ArkPaginationRootProps;
+export declare const PaginationRoot: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.RootProps & RefAttributes<HTMLElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationPrevTriggerProps = ArkPaginationPrevTriggerProps;
+export declare const PaginationPrevTrigger: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.PrevTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationNextTriggerProps = ArkPaginationNextTriggerProps;
+export declare const PaginationNextTrigger: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.NextTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationContextProps = ArkPaginationContextProps;
+export declare const PaginationContext: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.ContextProps>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationItemProps = ArkPaginationItemProps;
+export declare const PaginationItem: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.ItemProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationEllipsisProps = ArkPaginationEllipsisProps;
+export declare const PaginationEllipsis: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.EllipsisProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationRootProviderProps = ArkPaginationRootProviderProps;
+export declare const PaginationRootProvider: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Pagination.RootProviderProps & RefAttributes<HTMLElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type PaginationContextDetails = ArkUsePaginationReturn;
+export type PageDetails = PaginationPageUrlDetails;
+export type PageSizeChangeDetails = PaginationPageSizeChangeDetails;

package/dist/components/pagination/primitives.js

@@ -0,0 +1,13 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { Pagination } from "@ark-ui/react/pagination";
+//#region src/components/pagination/primitives.ts
+var { withNoRecipe } = createCerberusPrimitive();
+var PaginationRoot = withNoRecipe(Pagination.Root);
+var PaginationPrevTrigger = withNoRecipe(Pagination.PrevTrigger);
+var PaginationNextTrigger = withNoRecipe(Pagination.NextTrigger);
+var PaginationContext = withNoRecipe(Pagination.Context);
+var PaginationItem = withNoRecipe(Pagination.Item);
+var PaginationEllipsis = withNoRecipe(Pagination.Ellipsis);
+var PaginationRootProvider = withNoRecipe(Pagination.RootProvider);
+//#endregion
+export { PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider };

package/dist/components/pagination/triggers.cjs

@@ -0,0 +1,46 @@
+"use client";
+"use client";
+const require_cerberus = require("../../context/cerberus.cjs");
+const require_button = require("../icon-button/button.cjs");
+const require_parts = require("./parts.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/pagination/triggers.tsx
+function PrevTrigger(props) {
+	const { icons } = require_cerberus.useCerberusContext();
+	const { calendarPrev: Icon } = icons;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.PaginationParts.PrevTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationTrigger, {
+			...props,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {})
+		})
+	});
+}
+function NextTrigger(props) {
+	const { icons } = require_cerberus.useCerberusContext();
+	const { calendarNext: Icon } = icons;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.PaginationParts.NextTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationTrigger, {
+			...props,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {})
+		})
+	});
+}
+function PaginationTrigger(props) {
+	const { layout, ...btnProps } = props;
+	if (layout === "attached") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.IconButton, {
+		shape: "square",
+		usage: "outlined-subtle",
+		clipboard: true,
+		...btnProps
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.IconButton, {
+		shape: "square",
+		clipboard: true,
+		...btnProps
+	});
+}
+//#endregion
+exports.NextTrigger = NextTrigger;
+exports.PrevTrigger = PrevTrigger;

package/dist/components/pagination/triggers.d.cts

@@ -0,0 +1,7 @@
+import { GroupProps } from '../group';
+import { IconButtonRootProps } from '../icon-button/index';
+export declare function PrevTrigger(props: TriggerProps): import("react").JSX.Element;
+export declare function NextTrigger(props: TriggerProps): import("react").JSX.Element;
+export interface TriggerProps extends IconButtonRootProps {
+    layout?: GroupProps['layout'];
+}

package/dist/components/pagination/triggers.d.ts

@@ -0,0 +1,7 @@
+import { GroupProps } from '../group';
+import { IconButtonRootProps } from '../icon-button/index';
+export declare function PrevTrigger(props: TriggerProps): import("react").JSX.Element;
+export declare function NextTrigger(props: TriggerProps): import("react").JSX.Element;
+export interface TriggerProps extends IconButtonRootProps {
+    layout?: GroupProps['layout'];
+}

package/dist/components/pagination/triggers.js

@@ -0,0 +1,45 @@
+"use client";
+"use client";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { IconButton } from "../icon-button/button.js";
+import { PaginationParts } from "./parts.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/pagination/triggers.tsx
+function PrevTrigger(props) {
+	const { icons } = useCerberusContext();
+	const { calendarPrev: Icon } = icons;
+	return /* @__PURE__ */ jsx(PaginationParts.PrevTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(PaginationTrigger, {
+			...props,
+			children: /* @__PURE__ */ jsx(Icon, {})
+		})
+	});
+}
+function NextTrigger(props) {
+	const { icons } = useCerberusContext();
+	const { calendarNext: Icon } = icons;
+	return /* @__PURE__ */ jsx(PaginationParts.NextTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(PaginationTrigger, {
+			...props,
+			children: /* @__PURE__ */ jsx(Icon, {})
+		})
+	});
+}
+function PaginationTrigger(props) {
+	const { layout, ...btnProps } = props;
+	if (layout === "attached") return /* @__PURE__ */ jsx(IconButton, {
+		shape: "square",
+		usage: "outlined-subtle",
+		clipboard: true,
+		...btnProps
+	});
+	return /* @__PURE__ */ jsx(IconButton, {
+		shape: "square",
+		clipboard: true,
+		...btnProps
+	});
+}
+//#endregion
+export { NextTrigger, PrevTrigger };

package/dist/components/pin-input/index.cjs

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+const require_input = require("./input.cjs");
+exports.PinInput = require_input.PinInput;
+exports.PinInputControl = require_primitives.PinInputControl;
+exports.PinInputHiddenInput = require_primitives.PinInputHiddenInput;
+exports.PinInputInput = require_primitives.PinInputInput;
+exports.PinInputLabel = require_primitives.PinInputLabel;
+exports.PinInputParts = require_parts.PinInputParts;
+exports.PinInputRoot = require_primitives.PinInputRoot;

package/dist/components/pin-input/index.d.cts

@@ -0,0 +1,3 @@
+export * from './parts';
+export * from './primitives';
+export * from './input';

package/dist/components/pin-input/index.d.ts

@@ -0,0 +1,3 @@
+export * from './parts';
+export * from './primitives';
+export * from './input';

package/dist/components/pin-input/index.js

@@ -0,0 +1,4 @@
+import { PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot } from "./primitives.js";
+import { PinInputParts } from "./parts.js";
+import { PinInput } from "./input.js";
+export { PinInput, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputParts, PinInputRoot };

package/dist/components/pin-input/input.cjs

@@ -0,0 +1,22 @@
+const require_parts = require("./parts.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/pin-input/input.tsx
+/**
+* PinInput component for entering a numeric PIN code.
+* @definition [Cerberus Docs](https://cerberus.digitalu.design/docs/components/pin-input)
+*/
+function PinInput(props) {
+	const { size, ...rootProps } = props;
+	const count = rootProps.count ?? 3;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.PinInputParts.Root, {
+		placeholder: "",
+		size,
+		...rootProps,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.PinInputParts.Control, { children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.PinInputParts.Input, {
+			index,
+			size
+		}, index)) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.PinInputParts.HiddenInput, {})]
+	});
+}
+//#endregion
+exports.PinInput = PinInput;

package/dist/components/pin-input/input.d.cts

@@ -0,0 +1,6 @@
+import { PinInputRootProps } from './primitives';
+/**
+ * PinInput component for entering a numeric PIN code.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/docs/components/pin-input)
+ */
+export declare function PinInput(props: PinInputRootProps): import("react").JSX.Element;

package/dist/components/pin-input/input.d.ts

@@ -0,0 +1,6 @@
+import { PinInputRootProps } from './primitives';
+/**
+ * PinInput component for entering a numeric PIN code.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/docs/components/pin-input)
+ */
+export declare function PinInput(props: PinInputRootProps): import("react").JSX.Element;

package/dist/components/pin-input/input.js

@@ -0,0 +1,22 @@
+import { PinInputParts } from "./parts.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pin-input/input.tsx
+/**
+* PinInput component for entering a numeric PIN code.
+* @definition [Cerberus Docs](https://cerberus.digitalu.design/docs/components/pin-input)
+*/
+function PinInput(props) {
+	const { size, ...rootProps } = props;
+	const count = rootProps.count ?? 3;
+	return /* @__PURE__ */ jsxs(PinInputParts.Root, {
+		placeholder: "",
+		size,
+		...rootProps,
+		children: [/* @__PURE__ */ jsx(PinInputParts.Control, { children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx(PinInputParts.Input, {
+			index,
+			size
+		}, index)) }), /* @__PURE__ */ jsx(PinInputParts.HiddenInput, {})]
+	});
+}
+//#endregion
+export { PinInput };

package/dist/components/pin-input/parts.cjs

@@ -0,0 +1,20 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/pin-input/parts.ts
+/**
+* An Object containing the parts of the PinInput component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the PinInputParts object and
+* the entire family of components vs. only what you use.
+*/
+var PinInputParts = {
+	Root: require_primitives.PinInputRoot,
+	Label: require_primitives.PinInputLabel,
+	Control: require_primitives.PinInputControl,
+	Input: require_primitives.PinInputInput,
+	HiddenInput: require_primitives.PinInputHiddenInput
+};
+//#endregion
+exports.PinInputParts = PinInputParts;

package/dist/components/pin-input/parts.d.cts

@@ -0,0 +1,38 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the PinInput component.
+ * @module 'pin-input/parts'
+ */
+interface PinInputPartsValue {
+    /**
+     * The context provider of the pin-input.
+     */
+    Root: ElementType;
+    /**
+     * The label element of the pin-input.
+     */
+    Label: ElementType;
+    /**
+     * The control element of the pin-input.
+     */
+    Control: ElementType;
+    /**
+     * The input element of the pin-input.
+     */
+    Input: ElementType;
+    /**
+     * The hidden input element of the pin-input.
+     */
+    HiddenInput: ElementType;
+}
+/**
+ * An Object containing the parts of the PinInput component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the PinInputParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const PinInputParts: PinInputPartsValue;
+export {};

package/dist/components/pin-input/parts.d.ts

@@ -0,0 +1,38 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the PinInput component.
+ * @module 'pin-input/parts'
+ */
+interface PinInputPartsValue {
+    /**
+     * The context provider of the pin-input.
+     */
+    Root: ElementType;
+    /**
+     * The label element of the pin-input.
+     */
+    Label: ElementType;
+    /**
+     * The control element of the pin-input.
+     */
+    Control: ElementType;
+    /**
+     * The input element of the pin-input.
+     */
+    Input: ElementType;
+    /**
+     * The hidden input element of the pin-input.
+     */
+    HiddenInput: ElementType;
+}
+/**
+ * An Object containing the parts of the PinInput component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the PinInputParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const PinInputParts: PinInputPartsValue;
+export {};

package/dist/components/pin-input/parts.js

@@ -0,0 +1,20 @@
+import { PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot } from "./primitives.js";
+//#region src/components/pin-input/parts.ts
+/**
+* An Object containing the parts of the PinInput component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the PinInputParts object and
+* the entire family of components vs. only what you use.
+*/
+var PinInputParts = {
+	Root: PinInputRoot,
+	Label: PinInputLabel,
+	Control: PinInputControl,
+	Input: PinInputInput,
+	HiddenInput: PinInputHiddenInput
+};
+//#endregion
+export { PinInputParts };