'use client';'use strict';

var chunk4IQP4J4C_cjs = require('./chunk-4IQP4J4C.cjs');
var css = require('@onbeam/styled-system/css');
var react = require('react');
var inputOtp = require('input-otp');
var recipes = require('@onbeam/styled-system/recipes');
var jsxRuntime = require('react/jsx-runtime');

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

exports.a = n;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-76CGTNKL.cjs.map