'use client';import { a } from './chunk-UKJSEI2I.js';
import { cx } from '@onbeam/styled-system/css';
import { forwardRef, useContext } from 'react';
import { OTPInputContext } from 'input-otp';
import { inputOTPSlot } from '@onbeam/styled-system/recipes';
import { jsxs, jsx } from 'react/jsx-runtime';

var n=forwardRef(({index:a$1,className:r,...s},m)=>{let i=useContext(OTPInputContext),{char:c,isActive:o,hasFakeCaret:l}=i.slots[a$1],t=inputOTPSlot();return jsxs(a,{as:"div",ref:m,className:cx(t.input,r),"data-active":o,...s,children:[jsx("span",{className:t.content,children:c}),l&&jsx("div",{className:t.caret,"data-active":o})]})});n.displayName="InputOTPSlot";

export { n as a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-SYZ6QHLS.js.map