@radix-ui/themes/dist/cjs/components/text-field.js

[](https://radix-ui.com/themes)

"use strict";"use client";var v=Object.create;var p=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var b=(t,e)=>{for(var o in e)p(t,o,{get:e[o],enumerable:!0})},P=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of w(e))!E.call(t,r)&&r!==o&&p(t,r,{get:()=>e[r],enumerable:!(s=N(e,r))||s.enumerable});return t};var T=(t,e,o)=>(o=t!=null?v(D(t)):{},P(e||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),I=t=>P(p({},"__esModule",{value:!0}),t);var j={};b(j,{Root:()=>u,Slot:()=>c});module.exports=I(j);var l=T(require("react")),d=T(require("classnames")),F=require("radix-ui/internal"),n=require("./text-field.props.js"),m=require("../helpers/extract-props.js"),R=require("../props/margin.props.js");const u=l.forwardRef((t,e)=>{const o=l.useRef(null),{children:s,className:r,color:a,radius:y,style:S,...h}=(0,m.extractProps)(t,n.textFieldRootPropDefs,R.marginPropDefs);return l.createElement("div",{"data-accent-color":a,"data-radius":y,style:S,className:(0,d.default)("rt-TextFieldRoot",r),onPointerDown:g=>{const f=g.target;if(f.closest("input, button, a"))return;const i=o.current;if(!i)return;const x=f.closest(`
            .rt-TextFieldSlot[data-side='right'],
            .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
          `)?i.value.length:0;requestAnimationFrame(()=>{try{i.setSelectionRange(x,x)}catch{}i.focus()})}},l.createElement("input",{spellCheck:"false",...h,ref:(0,F.composeRefs)(o,e),className:"rt-reset rt-TextFieldInput"}),s)});u.displayName="TextField.Root";const c=l.forwardRef((t,e)=>{const{className:o,color:s,side:r,...a}=(0,m.extractProps)(t,n.textFieldSlotPropDefs);return l.createElement("div",{"data-accent-color":s,"data-side":r,...a,ref:e,className:(0,d.default)("rt-TextFieldSlot",o)})});c.displayName="TextField.Slot";
//# sourceMappingURL=text-field.js.map