skyroc-ui/dist/components/input-otp/InputOtpRoot.js

A modern React UI component library built on Radix UI and Tailwind CSS

'use client';


import { cn } from "../../lib/utils.js";
import { inputOTPVariants } from "./input-otp-variants.js";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";
import { OTPInput } from "input-otp";

//#region src/components/input-otp/InputOtpRoot.tsx
const InputOtpRoot = forwardRef((props, ref) => {
	const { className, size: _,...rest } = props;
	const { root } = inputOTPVariants();
	const mergedCls = cn(root(), className);
	return /* @__PURE__ */ jsx(OTPInput, {
		className: mergedCls,
		"data-slot": "input-otp-root",
		ref,
		...rest
	});
});
InputOtpRoot.displayName = "InputOtpRoot";
var InputOtpRoot_default = InputOtpRoot;

//#endregion
export { InputOtpRoot_default as default };