@sprawlify/react 0.0.8 → 0.0.9

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

@@ -0,0 +1,192 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_core = require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+const require_locale = require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+require('../../use-fieldset-context-CCQLmNLL.cjs');
+require('../../use-safe-layout-effect-C2GgvNT3.cjs');
+const require_field = require('../../field-C-57Gj2E.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_pin_input = require("@sprawlify/primitives/machines/pin-input");
+__sprawlify_primitives_machines_pin_input = require_chunk.__toESM(__sprawlify_primitives_machines_pin_input);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/pin-input/use-pin-input-context.ts
+const [PinInputProvider, usePinInputContext] = require_create_context.createContext({
+	name: "PinInputContext",
+	hookName: "usePinInputContext",
+	providerName: "<PinInputProvider />"
+});
+
+//#endregion
+//#region src/components/pin-input/pin-input-context.tsx
+const PinInputContext = (props) => props.children(usePinInputContext());
+
+//#endregion
+//#region src/components/pin-input/pin-input-control.tsx
+const PinInputControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePinInputContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PinInputControl.displayName = "PinInputControl";
+
+//#endregion
+//#region src/components/pin-input/pin-input-hidden-input.tsx
+const PinInputHiddenInput = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePinInputContext().getHiddenInputProps(), props);
+	const field = require_field.useFieldContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+PinInputHiddenInput.displayName = "PinInputHiddenInput";
+
+//#endregion
+//#region src/components/pin-input/pin-input-input.tsx
+const splitInputProps = require_create_split_props.createSplitProps();
+const PinInputInput = (0, react.forwardRef)((props, ref) => {
+	const [inputProps, localProps] = splitInputProps(props, ["index"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePinInputContext().getInputProps(inputProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.input, {
+		...mergedProps,
+		ref
+	});
+});
+PinInputInput.displayName = "PinInputInput";
+
+//#endregion
+//#region src/components/pin-input/pin-input-label.tsx
+const PinInputLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePinInputContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+PinInputLabel.displayName = "PinInputLabel";
+
+//#endregion
+//#region src/components/pin-input/use-pin-input.ts
+const usePinInput = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const field = require_field.useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			hiddenInput: field?.ids.control
+		},
+		disabled: field?.disabled,
+		readOnly: field?.readOnly,
+		required: field?.required,
+		invalid: field?.invalid,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_pin_input.machine, machineProps);
+	return __sprawlify_primitives_machines_pin_input.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const PinInputRoot = (0, react.forwardRef)((props, ref) => {
+	const [usePinInputProps, localProps] = splitRootProps(props, [
+		"autoFocus",
+		"blurOnComplete",
+		"count",
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"mask",
+		"name",
+		"onValueChange",
+		"onValueComplete",
+		"onValueInvalid",
+		"otp",
+		"pattern",
+		"placeholder",
+		"readOnly",
+		"required",
+		"selectOnFocus",
+		"translations",
+		"type",
+		"value"
+	]);
+	const pinInput = usePinInput(usePinInputProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(pinInput.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PinInputProvider, {
+		value: pinInput,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PinInputRoot.displayName = "PinInputRoot";
+
+//#endregion
+//#region src/components/pin-input/pin-input-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const PinInputRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: pinInput }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(pinInput.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PinInputProvider, {
+		value: pinInput,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PinInputRootProvider.displayName = "PinInputRootProvider";
+
+//#endregion
+//#region src/components/pin-input/pin-input.ts
+var pin_input_exports = /* @__PURE__ */ require_chunk.__export({
+	Context: () => PinInputContext,
+	Control: () => PinInputControl,
+	HiddenInput: () => PinInputHiddenInput,
+	Input: () => PinInputInput,
+	Label: () => PinInputLabel,
+	Root: () => PinInputRoot,
+	RootProvider: () => PinInputRootProvider
+});
+
+//#endregion
+Object.defineProperty(exports, 'PinInput', {
+  enumerable: true,
+  get: function () {
+    return pin_input_exports;
+  }
+});
+exports.PinInputContext = PinInputContext;
+exports.PinInputControl = PinInputControl;
+exports.PinInputHiddenInput = PinInputHiddenInput;
+exports.PinInputInput = PinInputInput;
+exports.PinInputLabel = PinInputLabel;
+exports.PinInputRoot = PinInputRoot;
+exports.PinInputRootProvider = PinInputRootProvider;
+Object.defineProperty(exports, 'pinInputAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_pin_input.anatomy;
+  }
+});
+exports.usePinInput = usePinInput;
+exports.usePinInputContext = usePinInputContext;

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

@@ -0,0 +1,59 @@
+import { t as PropTypes } from "../../normalize-props-Dw0EepzR.cjs";
+import { r as Optional, t as Assign } from "../../types-DcUAwTQC.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-fcFI3pbG.cjs";
+import * as react220 from "react";
+import { ReactNode } from "react";
+import * as pinInput from "@sprawlify/primitives/machines/pin-input";
+import { InputProps, ValueChangeDetails, ValueChangeDetails as PinInputValueChangeDetails, ValueInvalidDetails, ValueInvalidDetails as PinInputValueInvalidDetails, anatomy as pinInputAnatomy } from "@sprawlify/primitives/machines/pin-input";
+
+//#region src/components/pin-input/use-pin-input.d.ts
+interface UsePinInputProps extends Optional<Omit<pinInput.Props, "dir" | "getRootNode">, "id"> {}
+interface UsePinInputReturn extends pinInput.Api<PropTypes> {}
+declare const usePinInput: (props?: UsePinInputProps) => UsePinInputReturn;
+//#endregion
+//#region src/components/pin-input/use-pin-input-context.d.ts
+interface UsePinInputContext extends UsePinInputReturn {}
+//#endregion
+//#region src/components/pin-input/pin-input-context.d.ts
+interface PinInputContextProps {
+  children: (context: UsePinInputContext) => ReactNode;
+}
+declare const PinInputContext: (props: PinInputContextProps) => ReactNode;
+//#endregion
+//#region src/components/pin-input/pin-input-control.d.ts
+interface PinInputControlBaseProps extends PolymorphicProps {}
+interface PinInputControlProps extends HTMLProps<"div">, PinInputControlBaseProps {}
+declare const PinInputControl: react220.ForwardRefExoticComponent<PinInputControlProps & react220.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/pin-input/pin-input-hidden-input.d.ts
+interface PinInputHiddenInputBaseProps extends PolymorphicProps {}
+interface PinInputHiddenInputProps extends HTMLProps<"input">, PinInputHiddenInputBaseProps {}
+declare const PinInputHiddenInput: react220.ForwardRefExoticComponent<PinInputHiddenInputProps & react220.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/pin-input/pin-input-input.d.ts
+interface PinInputInputBaseProps extends InputProps, PolymorphicProps {}
+interface PinInputInputProps extends HTMLProps<"input">, PinInputInputBaseProps {}
+declare const PinInputInput: react220.ForwardRefExoticComponent<PinInputInputProps & react220.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/pin-input/pin-input-label.d.ts
+interface PinInputLabelBaseProps extends PolymorphicProps {}
+interface PinInputLabelProps extends HTMLProps<"label">, PinInputLabelBaseProps {}
+declare const PinInputLabel: react220.ForwardRefExoticComponent<PinInputLabelProps & react220.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/pin-input/pin-input-root.d.ts
+interface PinInputRootBaseProps extends UsePinInputProps, PolymorphicProps {}
+interface PinInputRootProps extends Assign<HTMLProps<"div">, PinInputRootBaseProps> {}
+declare const PinInputRoot: react220.ForwardRefExoticComponent<PinInputRootProps & react220.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/pin-input/pin-input-root-provider.d.ts
+interface RootProviderProps {
+  value: UsePinInputReturn;
+}
+interface PinInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface PinInputRootProviderProps extends HTMLProps<"div">, PinInputRootProviderBaseProps {}
+declare const PinInputRootProvider: react220.ForwardRefExoticComponent<PinInputRootProviderProps & react220.RefAttributes<HTMLDivElement>>;
+declare namespace pin_input_d_exports {
+  export { PinInputContext as Context, PinInputContextProps as ContextProps, PinInputControl as Control, PinInputControlBaseProps as ControlBaseProps, PinInputControlProps as ControlProps, PinInputHiddenInput as HiddenInput, PinInputHiddenInputBaseProps as HiddenInputBaseProps, PinInputHiddenInputProps as HiddenInputProps, PinInputInput as Input, PinInputInputBaseProps as InputBaseProps, PinInputInputProps as InputProps, PinInputLabel as Label, PinInputLabelBaseProps as LabelBaseProps, PinInputLabelProps as LabelProps, PinInputRoot as Root, PinInputRootBaseProps as RootBaseProps, PinInputRootProps as RootProps, PinInputRootProvider as RootProvider, PinInputRootProviderBaseProps as RootProviderBaseProps, PinInputRootProviderProps as RootProviderProps, ValueChangeDetails, ValueInvalidDetails };
+}
+//#endregion
+export { pin_input_d_exports as PinInput, PinInputContext, type PinInputContextProps, PinInputControl, type PinInputControlBaseProps, type PinInputControlProps, PinInputHiddenInput, type PinInputHiddenInputBaseProps, type PinInputHiddenInputProps, PinInputInput, type PinInputInputBaseProps, type PinInputInputProps, PinInputLabel, type PinInputLabelBaseProps, type PinInputLabelProps, PinInputRoot, type PinInputRootBaseProps, type PinInputRootProps, PinInputRootProvider, type PinInputRootProviderBaseProps, type PinInputRootProviderProps, type PinInputValueChangeDetails, type PinInputValueInvalidDetails, type UsePinInputContext, type UsePinInputProps, type UsePinInputReturn, pinInputAnatomy, usePinInput, usePinInputContext };

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

@@ -0,0 +1,59 @@
+import { r as PropTypes } from "../../index-BLd57Y0z.mjs";
+import { r as Optional, t as Assign } from "../../types-CrwpJrFp.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DaVlp4Ba.mjs";
+import * as react228 from "react";
+import { ReactNode } from "react";
+import * as pinInput from "@sprawlify/primitives/machines/pin-input";
+import { InputProps, ValueChangeDetails, ValueChangeDetails as PinInputValueChangeDetails, ValueInvalidDetails, ValueInvalidDetails as PinInputValueInvalidDetails, anatomy as pinInputAnatomy } from "@sprawlify/primitives/machines/pin-input";
+
+//#region src/components/pin-input/use-pin-input.d.ts
+interface UsePinInputProps extends Optional<Omit<pinInput.Props, "dir" | "getRootNode">, "id"> {}
+interface UsePinInputReturn extends pinInput.Api<PropTypes> {}
+declare const usePinInput: (props?: UsePinInputProps) => UsePinInputReturn;
+//#endregion
+//#region src/components/pin-input/use-pin-input-context.d.ts
+interface UsePinInputContext extends UsePinInputReturn {}
+//#endregion
+//#region src/components/pin-input/pin-input-context.d.ts
+interface PinInputContextProps {
+  children: (context: UsePinInputContext) => ReactNode;
+}
+declare const PinInputContext: (props: PinInputContextProps) => ReactNode;
+//#endregion
+//#region src/components/pin-input/pin-input-control.d.ts
+interface PinInputControlBaseProps extends PolymorphicProps {}
+interface PinInputControlProps extends HTMLProps<"div">, PinInputControlBaseProps {}
+declare const PinInputControl: react228.ForwardRefExoticComponent<PinInputControlProps & react228.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/pin-input/pin-input-hidden-input.d.ts
+interface PinInputHiddenInputBaseProps extends PolymorphicProps {}
+interface PinInputHiddenInputProps extends HTMLProps<"input">, PinInputHiddenInputBaseProps {}
+declare const PinInputHiddenInput: react228.ForwardRefExoticComponent<PinInputHiddenInputProps & react228.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/pin-input/pin-input-input.d.ts
+interface PinInputInputBaseProps extends InputProps, PolymorphicProps {}
+interface PinInputInputProps extends HTMLProps<"input">, PinInputInputBaseProps {}
+declare const PinInputInput: react228.ForwardRefExoticComponent<PinInputInputProps & react228.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/pin-input/pin-input-label.d.ts
+interface PinInputLabelBaseProps extends PolymorphicProps {}
+interface PinInputLabelProps extends HTMLProps<"label">, PinInputLabelBaseProps {}
+declare const PinInputLabel: react228.ForwardRefExoticComponent<PinInputLabelProps & react228.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/pin-input/pin-input-root.d.ts
+interface PinInputRootBaseProps extends UsePinInputProps, PolymorphicProps {}
+interface PinInputRootProps extends Assign<HTMLProps<"div">, PinInputRootBaseProps> {}
+declare const PinInputRoot: react228.ForwardRefExoticComponent<PinInputRootProps & react228.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/pin-input/pin-input-root-provider.d.ts
+interface RootProviderProps {
+  value: UsePinInputReturn;
+}
+interface PinInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface PinInputRootProviderProps extends HTMLProps<"div">, PinInputRootProviderBaseProps {}
+declare const PinInputRootProvider: react228.ForwardRefExoticComponent<PinInputRootProviderProps & react228.RefAttributes<HTMLDivElement>>;
+declare namespace pin_input_d_exports {
+  export { PinInputContext as Context, PinInputContextProps as ContextProps, PinInputControl as Control, PinInputControlBaseProps as ControlBaseProps, PinInputControlProps as ControlProps, PinInputHiddenInput as HiddenInput, PinInputHiddenInputBaseProps as HiddenInputBaseProps, PinInputHiddenInputProps as HiddenInputProps, PinInputInput as Input, PinInputInputBaseProps as InputBaseProps, PinInputInputProps as InputProps, PinInputLabel as Label, PinInputLabelBaseProps as LabelBaseProps, PinInputLabelProps as LabelProps, PinInputRoot as Root, PinInputRootBaseProps as RootBaseProps, PinInputRootProps as RootProps, PinInputRootProvider as RootProvider, PinInputRootProviderBaseProps as RootProviderBaseProps, PinInputRootProviderProps as RootProviderProps, ValueChangeDetails, ValueInvalidDetails };
+}
+//#endregion
+export { pin_input_d_exports as PinInput, PinInputContext, type PinInputContextProps, PinInputControl, type PinInputControlBaseProps, type PinInputControlProps, PinInputHiddenInput, type PinInputHiddenInputBaseProps, type PinInputHiddenInputProps, PinInputInput, type PinInputInputBaseProps, type PinInputInputProps, PinInputLabel, type PinInputLabelBaseProps, type PinInputLabelProps, PinInputRoot, type PinInputRootBaseProps, type PinInputRootProps, PinInputRootProvider, type PinInputRootProviderBaseProps, type PinInputRootProviderProps, type PinInputValueChangeDetails, type PinInputValueInvalidDetails, type UsePinInputContext, type UsePinInputProps, type UsePinInputReturn, pinInputAnatomy, usePinInput, usePinInputContext };

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

@@ -0,0 +1,171 @@
+import { t as __export } from "../../chunk-BU8PiJgx.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-79NSyZp-.mjs";
+import { t as createContext$1 } from "../../create-context-DbhrVE2B.mjs";
+import { n as useEnvironmentContext } from "../../environment-Cc02I6aF.mjs";
+import { i as useLocaleContext } from "../../locale-D4LX0eEq.mjs";
+import "../../providers-CoJceYkV.mjs";
+import { n as sprawlify } from "../../factory-7ydMApfi.mjs";
+import { t as createSplitProps } from "../../create-split-props-BJdRM9I_.mjs";
+import "../../use-fieldset-context-6GRSrrlt.mjs";
+import "../../use-safe-layout-effect-DPn_9-dD.mjs";
+import { m as useFieldContext } from "../../field-BXY6su53.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as pinInput from "@sprawlify/primitives/machines/pin-input";
+import { anatomy as pinInputAnatomy } from "@sprawlify/primitives/machines/pin-input";
+
+//#region src/components/pin-input/use-pin-input-context.ts
+const [PinInputProvider, usePinInputContext] = createContext$1({
+	name: "PinInputContext",
+	hookName: "usePinInputContext",
+	providerName: "<PinInputProvider />"
+});
+
+//#endregion
+//#region src/components/pin-input/pin-input-context.tsx
+const PinInputContext = (props) => props.children(usePinInputContext());
+
+//#endregion
+//#region src/components/pin-input/pin-input-control.tsx
+const PinInputControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePinInputContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PinInputControl.displayName = "PinInputControl";
+
+//#endregion
+//#region src/components/pin-input/pin-input-hidden-input.tsx
+const PinInputHiddenInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePinInputContext().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(sprawlify.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+PinInputHiddenInput.displayName = "PinInputHiddenInput";
+
+//#endregion
+//#region src/components/pin-input/pin-input-input.tsx
+const splitInputProps = createSplitProps();
+const PinInputInput = forwardRef((props, ref) => {
+	const [inputProps, localProps] = splitInputProps(props, ["index"]);
+	const mergedProps = mergeProps(usePinInputContext().getInputProps(inputProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.input, {
+		...mergedProps,
+		ref
+	});
+});
+PinInputInput.displayName = "PinInputInput";
+
+//#endregion
+//#region src/components/pin-input/pin-input-label.tsx
+const PinInputLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePinInputContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+PinInputLabel.displayName = "PinInputLabel";
+
+//#endregion
+//#region src/components/pin-input/use-pin-input.ts
+const usePinInput = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const field = useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			hiddenInput: field?.ids.control
+		},
+		disabled: field?.disabled,
+		readOnly: field?.readOnly,
+		required: field?.required,
+		invalid: field?.invalid,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(pinInput.machine, machineProps);
+	return pinInput.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input-root.tsx
+const splitRootProps = createSplitProps();
+const PinInputRoot = forwardRef((props, ref) => {
+	const [usePinInputProps, localProps] = splitRootProps(props, [
+		"autoFocus",
+		"blurOnComplete",
+		"count",
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"mask",
+		"name",
+		"onValueChange",
+		"onValueComplete",
+		"onValueInvalid",
+		"otp",
+		"pattern",
+		"placeholder",
+		"readOnly",
+		"required",
+		"selectOnFocus",
+		"translations",
+		"type",
+		"value"
+	]);
+	const pinInput$1 = usePinInput(usePinInputProps);
+	const mergedProps = mergeProps(pinInput$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(PinInputProvider, {
+		value: pinInput$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PinInputRoot.displayName = "PinInputRoot";
+
+//#endregion
+//#region src/components/pin-input/pin-input-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const PinInputRootProvider = forwardRef((props, ref) => {
+	const [{ value: pinInput$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(pinInput$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(PinInputProvider, {
+		value: pinInput$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+PinInputRootProvider.displayName = "PinInputRootProvider";
+
+//#endregion
+//#region src/components/pin-input/pin-input.ts
+var pin_input_exports = /* @__PURE__ */ __export({
+	Context: () => PinInputContext,
+	Control: () => PinInputControl,
+	HiddenInput: () => PinInputHiddenInput,
+	Input: () => PinInputInput,
+	Label: () => PinInputLabel,
+	Root: () => PinInputRoot,
+	RootProvider: () => PinInputRootProvider
+});
+
+//#endregion
+export { pin_input_exports as PinInput, PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, PinInputRootProvider, pinInputAnatomy, usePinInput, usePinInputContext };