@me1a/ui 2.1.3 → 2.1.5

package/dist/rhf.cjs.js

@@ -0,0 +1,2 @@
+'use strict';var chunkUAZIJGWR_cjs_js=require('./chunk-UAZIJGWR.cjs.js'),chunkBR7Z6MCL_cjs_js=require('./chunk-BR7Z6MCL.cjs.js'),chunkSL2ZUI4G_cjs_js=require('./chunk-SL2ZUI4G.cjs.js'),reactHookForm=require('react-hook-form'),l=require('react'),reactSlot=require('@radix-ui/react-slot'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var l__namespace=/*#__PURE__*/_interopNamespace(l);var z=reactHookForm.FormProvider,D=l__namespace.createContext({}),g=({...e})=>jsxRuntime.jsx(D.Provider,{value:{name:e.name},children:jsxRuntime.jsx(reactHookForm.Controller,{...e})}),C=()=>{let e=l__namespace.useContext(D),r=l__namespace.useContext(S),{getFieldState:o,formState:m}=reactHookForm.useFormContext(),a=o(e.name,m);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:t}=r;return {id:t,name:e.name,formItemId:`${t}-form-item`,formDescriptionId:`${t}-form-item-description`,formMessageId:`${t}-form-item-message`,...a}},S=l__namespace.createContext({}),f=l__namespace.forwardRef(({className:e,...r},o)=>{let m=l__namespace.useId();return jsxRuntime.jsx(S.Provider,{value:{id:m},children:jsxRuntime.jsx("div",{ref:o,className:chunkSL2ZUI4G_cjs_js.a("space-y-2",e),...r})})});f.displayName="FormItem";var x=l__namespace.forwardRef(({className:e,...r},o)=>{let{error:m,formItemId:a}=C();return jsxRuntime.jsx(chunkUAZIJGWR_cjs_js.a,{ref:o,className:chunkSL2ZUI4G_cjs_js.a(m&&"text-destructive",e),htmlFor:a,...r})});x.displayName="FormLabel";var b=l__namespace.forwardRef(({...e},r)=>{let{error:o,formItemId:m,formDescriptionId:a,formMessageId:t}=C();return jsxRuntime.jsx(reactSlot.Slot,{ref:r,id:m,"aria-describedby":o?`${a} ${t}`:`${a}`,"aria-invalid":!!o,...e})});b.displayName="FormControl";var T=l__namespace.forwardRef(({className:e,...r},o)=>{let{formDescriptionId:m}=C();return jsxRuntime.jsx("p",{ref:o,id:m,className:chunkSL2ZUI4G_cjs_js.a("text-sm text-muted-foreground",e),...r})});T.displayName="FormDescription";var v=l__namespace.forwardRef(({className:e,children:r,...o},m)=>{let{error:a,formMessageId:t}=C(),i=a?String(a?.message??""):r;return i?jsxRuntime.jsx("p",{ref:m,id:t,className:chunkSL2ZUI4G_cjs_js.a("text-sm font-medium text-destructive",e),...o,children:i}):null});v.displayName="FormMessage";function ae({name:e,label:r,description:o,className:m,type:a="text",warningText:t,required:i,disabled:y,readOnly:P,placeholder:h,"aria-label":V,"aria-describedby":I,onBlur:N,...L}){let{control:M}=reactHookForm.useFormContext();return jsxRuntime.jsx(g,{name:e,control:M,render:({field:s,fieldState:{error:n}})=>jsxRuntime.jsxs(f,{children:[r&&jsxRuntime.jsxs(x,{children:[r,i&&jsxRuntime.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),jsxRuntime.jsx(b,{children:jsxRuntime.jsx(chunkBR7Z6MCL_cjs_js.a,{...s,type:a,value:a==="number"&&s.value===0?"":s.value,onChange:F=>{a==="number"?s.onChange(Number(F.target.value)):s.onChange(F.target.value);},onBlur:F=>{a!=="number"&&typeof s.value=="string"&&s.onChange(s.value.trim()),s.onBlur(),N?.(F);},className:chunkSL2ZUI4G_cjs_js.a(n&&"border-destructive focus-visible:ring-destructive",m),disabled:y,readOnly:P,required:i,placeholder:h,"aria-label":V,"aria-describedby":I,"aria-invalid":!!n,"aria-required":i,...L})}),o&&jsxRuntime.jsx(T,{children:o}),n&&jsxRuntime.jsx(v,{children:n.message}),!n&&t&&jsxRuntime.jsx("p",{className:"text-sm text-yellow-600 dark:text-yellow-500",role:"alert",children:t})]})})}var H=l__namespace.forwardRef(({className:e,autoResize:r=false,...o},m)=>{let a=l__namespace.useRef(null);return l__namespace.useEffect(()=>{if(!r||!a.current)return;let t=a.current,i=()=>{t.style.height="auto",t.style.height=`${t.scrollHeight}px`;};return t.addEventListener("input",i),i(),()=>t.removeEventListener("input",i)},[r]),jsxRuntime.jsx("textarea",{className:chunkSL2ZUI4G_cjs_js.a("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:m,...o})});H.displayName="Textarea";function pe({name:e,label:r,description:o,className:m,warningText:a,required:t,disabled:i,readOnly:y,placeholder:P,autoResize:h,"aria-label":V,"aria-describedby":I,onBlur:N,...L}){let{control:M}=reactHookForm.useFormContext();return jsxRuntime.jsx(g,{name:e,control:M,render:({field:s,fieldState:{error:n}})=>jsxRuntime.jsxs(f,{children:[r&&jsxRuntime.jsxs(x,{children:[r,t&&jsxRuntime.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),jsxRuntime.jsx(b,{children:jsxRuntime.jsx(H,{...s,value:s.value,onChange:F=>{s.onChange(F.target.value);},onBlur:F=>{typeof s.value=="string"&&s.onChange(s.value.trim()),s.onBlur(),N?.(F);},className:chunkSL2ZUI4G_cjs_js.a(n&&"border-destructive focus-visible:ring-destructive",m),disabled:i,readOnly:y,required:t,placeholder:P,"aria-label":V,"aria-describedby":I,"aria-invalid":!!n,"aria-required":t,autoResize:h,...L})}),o&&jsxRuntime.jsx(T,{children:o}),n&&jsxRuntime.jsx(v,{children:n.message}),!n&&a&&jsxRuntime.jsx("p",{className:"text-sm text-yellow-600 dark:text-yellow-500",role:"alert",children:a})]})})}exports.Form=z;exports.FormControl=b;exports.FormDescription=T;exports.FormField=g;exports.FormItem=f;exports.FormLabel=x;exports.FormMessage=v;exports.RHFTextField=ae;exports.RHFTextarea=pe;exports.useFormField=C;//# sourceMappingURL=rhf.cjs.js.map
+//# sourceMappingURL=rhf.cjs.js.map

package/dist/rhf.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/rhf/form/form.tsx","../src/components/rhf/rhf-text-field/rhf-text-field.tsx","../src/components/atoms/textarea/textarea.tsx","../src/components/rhf/rhf-textarea/rhf-textarea.tsx"],"names":["Form","FormProvider","FormFieldContext","l","FormField","props","jsx","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body","RHFTextField","name","label","description","type","warningText","required","disabled","readOnly","placeholder","ariaLabel","ariaDescribedby","onBlur","other","control","field","jsxs","Input","e","Textarea","R","autoResize","internalRef","textarea","resizeTextarea","RHFTextarea"],"mappings":"6qBAiBA,IAAMA,CAAOC,CAAAA,0BAAAA,CASPC,EAAyBC,YAAqC,CAAA,aAAA,CAAA,EAA2B,CAEzFC,CAAAA,CAAAA,CAAY,CAGhB,CACA,GAAGC,CACL,CAAA,GAEIC,cAACJ,CAAAA,CAAAA,CAAiB,SAAjB,CAA0B,KAAA,CAAO,CAAE,IAAMG,CAAAA,CAAAA,CAAM,IAAK,CACnD,CAAA,QAAA,CAAAC,cAACC,CAAAA,wBAAAA,CAAA,CAAY,GAAGF,EAAO,CACzB,CAAA,CAAA,CAIEG,EAAe,IAAM,CACzB,IAAMC,CAAqB,CAAAN,YAAA,CAAA,UAAA,CAAWD,CAAgB,CAAA,CAChDQ,CAAoB,CAAAP,YAAA,CAAA,UAAA,CAAWQ,CAAe,CAC9C,CAAA,CAAE,cAAAC,CAAe,CAAA,SAAA,CAAAC,CAAU,CAAIC,CAAAA,4BAAAA,EAE/BC,CAAAA,CAAAA,CAAaH,CAAcH,CAAAA,CAAAA,CAAa,KAAMI,CAAS,CAAA,CAE7D,GAAI,CAACJ,CAAAA,CACH,MAAM,IAAI,KAAA,CAAM,gDAAgD,CAAA,CAGlE,GAAM,CAAE,GAAAO,CAAG,CAAA,CAAIN,CAEf,CAAA,OAAO,CACL,EAAA,CAAAM,EACA,IAAMP,CAAAA,CAAAA,CAAa,IACnB,CAAA,UAAA,CAAY,CAAGO,EAAAA,CAAE,aACjB,iBAAmB,CAAA,CAAA,EAAGA,CAAE,CACxB,sBAAA,CAAA,CAAA,aAAA,CAAe,GAAGA,CAAE,CAAA,kBAAA,CAAA,CACpB,GAAGD,CACL,CACF,CAAA,CAMMJ,EAAwBR,YAAoC,CAAA,aAAA,CAAA,EAA0B,CAEtFc,CAAAA,CAAAA,CAAiBd,wBACrB,CAAC,CAAE,SAAAe,CAAAA,CAAAA,CAAW,GAAGb,CAAM,EAAGc,CAAQ,GAAA,CAChC,IAAMH,CAAW,CAAAb,YAAA,CAAA,KAAA,GAEjB,OACEG,cAAAA,CAACK,CAAgB,CAAA,QAAA,CAAhB,CAAyB,KAAA,CAAO,CAAE,EAAAK,CAAAA,CAAG,CACpC,CAAA,QAAA,CAAAV,cAAC,CAAA,KAAA,CAAA,CAAI,IAAKa,CAAK,CAAA,SAAA,CAAWC,sBAAG,CAAA,WAAA,CAAaF,CAAS,CAAA,CAAI,GAAGb,CAAO,CAAA,CAAA,CACnE,CAEJ,CACF,EACAY,EAAS,WAAc,CAAA,UAAA,CAEjBI,IAAAA,CAAAA,CAAkBlB,YAGtB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAe,CAAAA,CAAAA,CAAW,GAAGb,CAAM,CAAA,CAAGc,IAAQ,CAClC,GAAM,CAAE,KAAA,CAAAG,CAAO,CAAA,UAAA,CAAAC,CAAW,CAAIf,CAAAA,CAAAA,GAE9B,OACEF,cAAAA,CAACkB,uBAAA,CACC,GAAA,CAAKL,CACL,CAAA,SAAA,CAAWC,sBAAGE,CAAAA,CAAAA,EAAS,mBAAoBJ,CAAS,CAAA,CACpD,OAASK,CAAAA,CAAAA,CACR,GAAGlB,CAAAA,CACN,CAEJ,CAAC,EACDgB,CAAU,CAAA,WAAA,CAAc,WAExB,CAAA,IAAMI,EAAoBtB,YAGxB,CAAA,UAAA,CAAA,CAAC,CAAE,GAAGE,CAAM,EAAGc,CAAQ,GAAA,CACvB,GAAM,CAAE,KAAAG,CAAAA,CAAAA,CAAO,WAAAC,CAAY,CAAA,iBAAA,CAAAG,EAAmB,aAAAC,CAAAA,CAAc,EAAInB,CAAa,EAAA,CAE7E,OACEF,cAAAA,CAACsB,cAAA,CAAA,CACC,IAAKT,CACL,CAAA,EAAA,CAAII,EACJ,kBAAmBD,CAAAA,CAAAA,CAAiC,GAAGI,CAAiB,CAAA,CAAA,EAAIC,CAAa,CAAA,CAAA,CAA9D,CAAGD,EAAAA,CAAiB,GAC/C,cAAc,CAAA,CAAC,CAACJ,CACf,CAAA,GAAGjB,EACN,CAEJ,CAAC,EACDoB,CAAAA,CAAY,WAAc,CAAA,aAAA,KAEpBI,CAAwB,CAAA1B,YAAA,CAAA,UAAA,CAG5B,CAAC,CAAE,SAAA,CAAAe,EAAW,GAAGb,CAAM,CAAGc,CAAAA,CAAAA,GAAQ,CAClC,GAAM,CAAE,iBAAAO,CAAAA,CAAkB,EAAIlB,CAAa,EAAA,CAE3C,OACEF,cAAC,CAAA,GAAA,CAAA,CACC,GAAKa,CAAAA,CAAAA,CACL,EAAIO,CAAAA,CAAAA,CACJ,UAAWN,sBAAG,CAAA,+BAAA,CAAiCF,CAAS,CACvD,CAAA,GAAGb,EACN,CAEJ,CAAC,EACDwB,CAAAA,CAAgB,WAAc,CAAA,iBAAA,KAExBC,CAAoB,CAAA3B,YAAA,CAAA,UAAA,CAGxB,CAAC,CAAE,SAAAe,CAAAA,CAAAA,CAAW,SAAAa,CAAU,CAAA,GAAG1B,CAAM,CAAA,CAAGc,CAAQ,GAAA,CAC5C,GAAM,CAAE,KAAA,CAAAG,EAAO,aAAAK,CAAAA,CAAc,EAAInB,CAAa,EAAA,CACxCwB,CAAOV,CAAAA,CAAAA,CAAQ,MAAOA,CAAAA,CAAAA,EAAO,SAAW,EAAE,CAAA,CAAIS,EAEpD,OAAKC,CAAAA,CAKH1B,eAAC,GACC,CAAA,CAAA,GAAA,CAAKa,CACL,CAAA,EAAA,CAAIQ,CACJ,CAAA,SAAA,CAAWP,uBAAG,sCAAwCF,CAAAA,CAAS,EAC9D,GAAGb,CAAAA,CAEH,SAAA2B,CACH,CAAA,CAAA,CAXO,IAaX,CAAC,EACDF,CAAAA,CAAY,YAAc,aCnGd,CA5BL,SAASG,EAAAA,CAGd,CACA,IAAA,CAAAC,CACA,CAAA,KAAA,CAAAC,EACA,WAAAC,CAAAA,CAAAA,CACA,UAAAlB,CACA,CAAA,IAAA,CAAAmB,EAAO,MACP,CAAA,WAAA,CAAAC,CACA,CAAA,QAAA,CAAAC,CACA,CAAA,QAAA,CAAAC,EACA,QAAAC,CAAAA,CAAAA,CACA,YAAAC,CACA,CAAA,YAAA,CAAcC,EACd,kBAAoBC,CAAAA,CAAAA,CACpB,MAAAC,CAAAA,CAAAA,CACA,GAAGC,CACL,EAA2C,CACzC,GAAM,CAAE,OAAAC,CAAAA,CAAQ,EAAIjC,4BAA6B,EAAA,CAEjD,OACER,cAAAA,CAACF,CAAA,CAAA,CACC,KAAM8B,CACN,CAAA,OAAA,CAASa,CACT,CAAA,MAAA,CAAQ,CAAC,CAAE,MAAAC,CAAO,CAAA,UAAA,CAAY,CAAE,KAAA,CAAA1B,CAAM,CAAE,IACtC2B,eAAChC,CAAAA,CAAAA,CAAA,CACE,QAAAkB,CAAAA,CAAAA,CAAAA,EACCc,gBAAC5B,CAAA,CAAA,CACE,QAAAc,CAAAA,CAAAA,CAAAA,CACAI,CAAYjC,EAAAA,cAAAA,CAAC,QAAK,SAAU,CAAA,uBAAA,CAAwB,aAAC,CACxD,CAAA,CAAA,CAAA,CAEFA,eAACmB,CAAA,CAAA,CACC,QAAAnB,CAAAA,cAAAA,CAAC4C,sBAAA,CAAA,CACE,GAAGF,CACJ,CAAA,IAAA,CAAMX,EACN,KAAOA,CAAAA,CAAAA,GAAS,UAAYW,CAAM,CAAA,KAAA,GAAU,CAAI,CAAA,EAAA,CAAKA,CAAM,CAAA,KAAA,CAC3D,SAAWG,CAAM,EAAA,CACXd,IAAS,QACXW,CAAAA,CAAAA,CAAM,SAAS,MAAOG,CAAAA,CAAAA,CAAE,MAAO,CAAA,KAAK,CAAC,CAAA,CAErCH,EAAM,QAASG,CAAAA,CAAAA,CAAE,OAAO,KAAK,EAEjC,EACA,MAASA,CAAAA,CAAAA,EAAM,CAETd,CAAAA,GAAS,QAAY,EAAA,OAAOW,EAAM,KAAU,EAAA,QAAA,EAC9CA,EAAM,QAASA,CAAAA,CAAAA,CAAM,MAAM,IAAK,EAAC,CAEnCA,CAAAA,CAAAA,CAAM,MAAO,EAAA,CACbH,IAASM,CAAC,EACZ,EACA,SAAW/B,CAAAA,sBAAAA,CACTE,GAAS,mDACTJ,CAAAA,CACF,CACA,CAAA,QAAA,CAAUsB,CACV,CAAA,QAAA,CAAUC,EACV,QAAUF,CAAAA,CAAAA,CACV,WAAaG,CAAAA,CAAAA,CACb,YAAYC,CAAAA,CAAAA,CACZ,mBAAkBC,CAClB,CAAA,cAAA,CAAc,CAAC,CAACtB,CAChB,CAAA,eAAA,CAAeiB,EACd,GAAGO,CAAAA,CACN,EACF,CACCV,CAAAA,CAAAA,EAAe9B,eAACuB,CAAA,CAAA,CAAiB,QAAAO,CAAAA,CAAAA,CAAY,CAC7Cd,CAAAA,CAAAA,EAAShB,eAACwB,CAAA,CAAA,CAAa,SAAAR,CAAM,CAAA,OAAA,CAAQ,EACrC,CAACA,CAAAA,EAASgB,CACThC,EAAAA,cAAAA,CAAC,GAAE,CAAA,CAAA,SAAA,CAAU,+CAA+C,IAAK,CAAA,OAAA,CAC9D,SAAAgC,CACH,CAAA,CAAA,CAAA,CAEJ,EAEJ,CAEJ,CC9FA,IAAMc,EAAiBC,YACrB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAnC,CAAW,CAAA,UAAA,CAAAoC,EAAa,KAAO,CAAA,GAAGjD,CAAM,CAAGc,CAAAA,CAAAA,GAAQ,CACpD,IAAMoC,CAAAA,CAAoBF,YAA4B,CAAA,MAAA,CAAA,IAAI,CAE1D,CAAA,OAAMA,uBAAU,IAAM,CACpB,GAAI,CAACC,CAAAA,EAAc,CAACC,CAAY,CAAA,OAAA,CAAS,OAEzC,IAAMC,CAAWD,CAAAA,CAAAA,CAAY,QACvBE,CAAiB,CAAA,IAAM,CAC3BD,CAAS,CAAA,KAAA,CAAM,OAAS,MACxBA,CAAAA,CAAAA,CAAS,KAAM,CAAA,MAAA,CAAS,CAAGA,EAAAA,CAAAA,CAAS,YAAY,CAClD,EAAA,EAAA,CAAA,CAEA,OAAAA,CAAAA,CAAS,gBAAiB,CAAA,OAAA,CAASC,CAAc,CACjDA,CAAAA,CAAAA,EAEO,CAAA,IAAMD,CAAS,CAAA,mBAAA,CAAoB,QAASC,CAAc,CACnE,EAAG,CAACH,CAAU,CAAC,CAGbhD,CAAAA,cAAAA,CAAC,UACC,CAAA,CAAA,SAAA,CAAWc,sBACT,CAAA,2QAAA,CACAF,CACF,CACA,CAAA,GAAA,CAAKC,EACJ,GAAGd,CAAAA,CACN,CAEJ,CACF,CAAA,CAEA+C,CAAS,CAAA,WAAA,CAAc,UCUX,CA5BL,SAASM,GAGd,CACA,IAAA,CAAAxB,CACA,CAAA,KAAA,CAAAC,CACA,CAAA,WAAA,CAAAC,EACA,SAAAlB,CAAAA,CAAAA,CACA,YAAAoB,CACA,CAAA,QAAA,CAAAC,EACA,QAAAC,CAAAA,CAAAA,CACA,QAAAC,CAAAA,CAAAA,CACA,WAAAC,CAAAA,CAAAA,CACA,WAAAY,CACA,CAAA,YAAA,CAAcX,EACd,kBAAoBC,CAAAA,CAAAA,CACpB,OAAAC,CACA,CAAA,GAAGC,CACL,CAAA,CAA0C,CACxC,GAAM,CAAE,OAAAC,CAAAA,CAAQ,EAAIjC,4BAA6B,EAAA,CAEjD,OACER,cAACF,CAAAA,CAAAA,CAAA,CACC,IAAA,CAAM8B,CACN,CAAA,OAAA,CAASa,EACT,MAAQ,CAAA,CAAC,CAAE,KAAAC,CAAAA,CAAAA,CAAO,WAAY,CAAE,KAAA,CAAA1B,CAAM,CAAE,CACtC2B,GAAAA,eAAAA,CAAChC,EAAA,CACE,QAAA,CAAA,CAAAkB,CACCc,EAAAA,eAAAA,CAAC5B,CAAA,CAAA,CACE,UAAAc,CACAI,CAAAA,CAAAA,EAAYjC,cAAC,CAAA,MAAA,CAAA,CAAK,SAAU,CAAA,uBAAA,CAAwB,aAAC,CACxD,CAAA,CAAA,CAAA,CAEFA,eAACmB,CAAA,CAAA,CACC,SAAAnB,cAAC8C,CAAAA,CAAAA,CAAA,CACE,GAAGJ,CACJ,CAAA,KAAA,CAAOA,EAAM,KACb,CAAA,QAAA,CAAWG,GAAM,CACfH,CAAAA,CAAM,SAASG,CAAE,CAAA,MAAA,CAAO,KAAK,EAC/B,CACA,CAAA,MAAA,CAASA,GAAM,CAET,OAAOH,EAAM,KAAU,EAAA,QAAA,EACzBA,EAAM,QAASA,CAAAA,CAAAA,CAAM,KAAM,CAAA,IAAA,EAAM,CAAA,CAEnCA,EAAM,MAAO,EAAA,CACbH,CAASM,GAAAA,CAAC,EACZ,CAAA,CACA,UAAW/B,sBACTE,CAAAA,CAAAA,EAAS,mDACTJ,CAAAA,CACF,CACA,CAAA,QAAA,CAAUsB,EACV,QAAUC,CAAAA,CAAAA,CACV,SAAUF,CACV,CAAA,WAAA,CAAaG,EACb,YAAYC,CAAAA,CAAAA,CACZ,kBAAkBC,CAAAA,CAAAA,CAClB,cAAc,CAAA,CAAC,CAACtB,CAChB,CAAA,eAAA,CAAeiB,EACf,UAAYe,CAAAA,CAAAA,CACX,GAAGR,CACN,CAAA,CAAA,CACF,CACCV,CAAAA,CAAAA,EAAe9B,cAACuB,CAAAA,CAAAA,CAAA,CAAiB,QAAAO,CAAAA,CAAAA,CAAY,EAC7Cd,CAAShB,EAAAA,cAAAA,CAACwB,EAAA,CAAa,QAAA,CAAAR,CAAM,CAAA,OAAA,CAAQ,CACrC,CAAA,CAACA,GAASgB,CACThC,EAAAA,cAAAA,CAAC,GAAE,CAAA,CAAA,SAAA,CAAU,8CAA+C,CAAA,IAAA,CAAK,QAC9D,QAAAgC,CAAAA,CAAAA,CACH,CAEJ,CAAA,CAAA,CAAA,CAEJ,CAEJ","file":"rhf.cjs.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues\n} from \"react-hook-form\"\n\nimport { cn } from \"@/utils/cn\"\nimport { Label } from \"@/components/atoms/label\"\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\")\n  }\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState\n  }\n}\n\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue)\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId()\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n      </FormItemContext.Provider>\n    )\n  }\n)\nFormItem.displayName = \"FormItem\"\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && \"text-destructive\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n})\nFormLabel.displayName = \"FormLabel\"\n\nconst FormControl = React.forwardRef<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n})\nFormControl.displayName = \"FormControl\"\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n})\nFormDescription.displayName = \"FormDescription\"\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message ?? \"\") : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn(\"text-sm font-medium text-destructive\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n})\nFormMessage.displayName = \"FormMessage\"\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField\n}\n","import * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Input } from \"@/components/atoms/input\"\nimport { cn } from \"@/utils/cn\"\nimport {\n  FormControl,\n  FormItem,\n  FormMessage,\n  FormLabel,\n  FormDescription,\n  FormField\n} from \"@/components/rhf/form\"\nimport { type RHFTextFieldProps } from \"./rhf-text-field.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A text field component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextfield--docs\n *\n * * @example\n * ```tsx\n * <Form>\n *   <RHFTextField name=\"name\" label=\"Name\" />\n *   <RHFTextField name=\"email\" label=\"Email\" />\n * </Form>\n * ```\n */\nexport function RHFTextField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  description,\n  className,\n  type = \"text\",\n  warningText,\n  required,\n  disabled,\n  readOnly,\n  placeholder,\n  \"aria-label\": ariaLabel,\n  \"aria-describedby\": ariaDescribedby,\n  onBlur,\n  ...other\n}: RHFTextFieldProps<TFieldValues, TName>) {\n  const { control } = useFormContext<TFieldValues>()\n\n  return (\n    <FormField\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormItem>\n          {label && (\n            <FormLabel>\n              {label}\n              {required && <span className=\"text-destructive ml-1\">*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <Input\n              {...field}\n              type={type}\n              value={type === \"number\" && field.value === 0 ? \"\" : field.value}\n              onChange={(e) => {\n                if (type === \"number\") {\n                  field.onChange(Number(e.target.value))\n                } else {\n                  field.onChange(e.target.value)\n                }\n              }}\n              onBlur={(e) => {\n                // trim if a string\n                if (type !== \"number\" && typeof field.value === \"string\") {\n                  field.onChange(field.value.trim())\n                }\n                field.onBlur() // pass to react-hook-form\n                onBlur?.(e) // pass to wrapper\n              }}\n              className={cn(\n                error && \"border-destructive focus-visible:ring-destructive\",\n                className\n              )}\n              disabled={disabled}\n              readOnly={readOnly}\n              required={required}\n              placeholder={placeholder}\n              aria-label={ariaLabel}\n              aria-describedby={ariaDescribedby}\n              aria-invalid={!!error}\n              aria-required={required}\n              {...other}\n            />\n          </FormControl>\n          {description && <FormDescription>{description}</FormDescription>}\n          {error && <FormMessage>{error.message}</FormMessage>}\n          {!error && warningText && (\n            <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n              {warningText}\n            </p>\n          )}\n        </FormItem>\n      )}\n    />\n  )\n}\n","import * as React from \"react\"\nimport { cn } from \"@/utils/index\"\nimport { TextareaProps } from \"./textarea.types\"\n\n/**\n * Textarea component for creating accessible text areas.\n * Built on top of shadcn/ui's Textarea component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-textarea--docs\n *\n * @example\n * ```tsx\n * <Textarea placeholder=\"Enter text\" />\n * ```\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, autoResize = false, ...props }, ref) => {\n    const internalRef = React.useRef<HTMLTextAreaElement>(null)\n\n    React.useEffect(() => {\n      if (!autoResize || !internalRef.current) return\n\n      const textarea = internalRef.current\n      const resizeTextarea = () => {\n        textarea.style.height = \"auto\"\n        textarea.style.height = `${textarea.scrollHeight}px`\n      }\n\n      textarea.addEventListener(\"input\", resizeTextarea)\n      resizeTextarea() // Initial resize\n\n      return () => textarea.removeEventListener(\"input\", resizeTextarea)\n    }, [autoResize])\n\n    return (\n      <textarea\n        className={cn(\n          \"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n","import * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Textarea } from \"@/components/atoms/textarea\"\nimport { cn } from \"@/utils/cn\"\nimport {\n  FormControl,\n  FormItem,\n  FormMessage,\n  FormLabel,\n  FormDescription,\n  FormField\n} from \"@/components/rhf/form\"\nimport { type RHFTextareaProps } from \"./rhf-textarea.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A textarea component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextarea--docs\n *\n * @example\n * ```tsx\n * <Form>\n *   <RHFTextarea name=\"description\" label=\"Description\" />\n * </Form>\n * ```\n */\nexport function RHFTextarea<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  description,\n  className,\n  warningText,\n  required,\n  disabled,\n  readOnly,\n  placeholder,\n  autoResize,\n  \"aria-label\": ariaLabel,\n  \"aria-describedby\": ariaDescribedby,\n  onBlur,\n  ...other\n}: RHFTextareaProps<TFieldValues, TName>) {\n  const { control } = useFormContext<TFieldValues>()\n\n  return (\n    <FormField\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormItem>\n          {label && (\n            <FormLabel>\n              {label}\n              {required && <span className=\"text-destructive ml-1\">*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <Textarea\n              {...field}\n              value={field.value}\n              onChange={(e) => {\n                field.onChange(e.target.value)\n              }}\n              onBlur={(e) => {\n                // trim if a string\n                if (typeof field.value === \"string\") {\n                  field.onChange(field.value.trim())\n                }\n                field.onBlur() // pass to react-hook-form\n                onBlur?.(e) // pass to wrapper\n              }}\n              className={cn(\n                error && \"border-destructive focus-visible:ring-destructive\",\n                className\n              )}\n              disabled={disabled}\n              readOnly={readOnly}\n              required={required}\n              placeholder={placeholder}\n              aria-label={ariaLabel}\n              aria-describedby={ariaDescribedby}\n              aria-invalid={!!error}\n              aria-required={required}\n              autoResize={autoResize}\n              {...other}\n            />\n          </FormControl>\n          {description && <FormDescription>{description}</FormDescription>}\n          {error && <FormMessage>{error.message}</FormMessage>}\n          {!error && warningText && (\n            <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n              {warningText}\n            </p>\n          )}\n        </FormItem>\n      )}\n    />\n  )\n}\n"]}

package/dist/rhf.d.mts

@@ -0,0 +1,199 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as React from 'react';
+import { TextareaHTMLAttributes } from 'react';
+import { I as Input } from './input-Ruz0ZoY6.mjs';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import { Slot } from '@radix-ui/react-slot';
+import * as LabelPrimitive from '@radix-ui/react-label';
+
+interface RHFTextFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React.ComponentProps<typeof Input>, "name"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** Optional description text below the field */
+    description?: string;
+    /** Optional warning text to display */
+    warningText?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** The type of input (text, number, email, etc.) */
+    type?: React.HTMLInputTypeAttribute;
+    /** Optional placeholder text */
+    placeholder?: string;
+    /** Optional aria-label for accessibility */
+    "aria-label"?: string;
+    /** Optional aria-describedby for accessibility */
+    "aria-describedby"?: string;
+}
+
+/**
+ * A text field component that integrates with React Hook Form.
+ * Provides form validation, error handling, and accessibility features.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextfield--docs
+ *
+ * * @example
+ * ```tsx
+ * <Form>
+ *   <RHFTextField name="name" label="Name" />
+ *   <RHFTextField name="email" label="Email" />
+ * </Form>
+ * ```
+ */
+declare function RHFTextField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, type, warningText, required, disabled, readOnly, placeholder, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, onBlur, ...other }: RHFTextFieldProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * Whether the textarea should automatically resize
+     */
+    autoResize?: boolean;
+}
+
+/**
+ * Textarea component for creating accessible text areas.
+ * Built on top of shadcn/ui's Textarea component.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-textarea--docs
+ *
+ * @example
+ * ```tsx
+ * <Textarea placeholder="Enter text" />
+ * ```
+ */
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+interface RHFTextareaProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React.ComponentProps<typeof Textarea>, "name"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** Optional description text below the field */
+    description?: string;
+    /** Optional warning text to display */
+    warningText?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** Optional placeholder text */
+    placeholder?: string;
+    /** Optional aria-label for accessibility */
+    "aria-label"?: string;
+    /** Optional aria-describedby for accessibility */
+    "aria-describedby"?: string;
+    /** Whether the textarea should automatically resize */
+    autoResize?: boolean;
+}
+
+/**
+ * A textarea component that integrates with React Hook Form.
+ * Provides form validation, error handling, and accessibility features.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextarea--docs
+ *
+ * @example
+ * ```tsx
+ * <Form>
+ *   <RHFTextarea name="description" label="Description" />
+ * </Form>
+ * ```
+ */
+declare function RHFTextarea<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, warningText, required, disabled, readOnly, placeholder, autoResize, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, onBlur, ...other }: RHFTextareaProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+/**
+ * Props interface for the Form component.
+ * Extends react-hook-form's FormProvider props.
+ */
+interface FormProps<TFieldValues extends FieldValues = FieldValues> {
+    /**
+     * The form context value
+     */
+    context: React.Context<TFieldValues>;
+    /**
+     * The form children
+     */
+    children: React.ReactNode;
+}
+/**
+ * Props interface for the FormField component.
+ * Extends react-hook-form's Controller props.
+ */
+interface FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends ControllerProps<TFieldValues, TName> {
+}
+/**
+ * Props interface for the FormItem component.
+ * Extends HTML div attributes.
+ */
+interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Props interface for the FormLabel component.
+ * Extends Radix UI Label props.
+ */
+interface FormLabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+}
+/**
+ * Props interface for the FormControl component.
+ * Extends Radix UI Slot props.
+ */
+interface FormControlProps extends React.ComponentPropsWithoutRef<typeof Slot> {
+}
+/**
+ * Props interface for the FormDescription component.
+ * Extends HTML paragraph attributes.
+ */
+interface FormDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+/**
+ * Props interface for the FormMessage component.
+ * Extends HTML paragraph attributes.
+ */
+interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    /**
+     * The message content
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Context value type for form field context
+ */
+type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: TName;
+};
+/**
+ * Context value type for form item context
+ */
+type FormItemContextValue = {
+    id: string;
+};
+
+export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldContextValue, type FormFieldProps, FormItem, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, RHFTextField, RHFTextarea, useFormField };

package/dist/rhf.d.ts

@@ -0,0 +1,199 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as React from 'react';
+import { TextareaHTMLAttributes } from 'react';
+import { I as Input } from './input-Ruz0ZoY6.js';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import { Slot } from '@radix-ui/react-slot';
+import * as LabelPrimitive from '@radix-ui/react-label';
+
+interface RHFTextFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React.ComponentProps<typeof Input>, "name"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** Optional description text below the field */
+    description?: string;
+    /** Optional warning text to display */
+    warningText?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** The type of input (text, number, email, etc.) */
+    type?: React.HTMLInputTypeAttribute;
+    /** Optional placeholder text */
+    placeholder?: string;
+    /** Optional aria-label for accessibility */
+    "aria-label"?: string;
+    /** Optional aria-describedby for accessibility */
+    "aria-describedby"?: string;
+}
+
+/**
+ * A text field component that integrates with React Hook Form.
+ * Provides form validation, error handling, and accessibility features.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextfield--docs
+ *
+ * * @example
+ * ```tsx
+ * <Form>
+ *   <RHFTextField name="name" label="Name" />
+ *   <RHFTextField name="email" label="Email" />
+ * </Form>
+ * ```
+ */
+declare function RHFTextField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, type, warningText, required, disabled, readOnly, placeholder, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, onBlur, ...other }: RHFTextFieldProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * Whether the textarea should automatically resize
+     */
+    autoResize?: boolean;
+}
+
+/**
+ * Textarea component for creating accessible text areas.
+ * Built on top of shadcn/ui's Textarea component.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-textarea--docs
+ *
+ * @example
+ * ```tsx
+ * <Textarea placeholder="Enter text" />
+ * ```
+ */
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+interface RHFTextareaProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React.ComponentProps<typeof Textarea>, "name"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** Optional description text below the field */
+    description?: string;
+    /** Optional warning text to display */
+    warningText?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** Optional placeholder text */
+    placeholder?: string;
+    /** Optional aria-label for accessibility */
+    "aria-label"?: string;
+    /** Optional aria-describedby for accessibility */
+    "aria-describedby"?: string;
+    /** Whether the textarea should automatically resize */
+    autoResize?: boolean;
+}
+
+/**
+ * A textarea component that integrates with React Hook Form.
+ * Provides form validation, error handling, and accessibility features.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextarea--docs
+ *
+ * @example
+ * ```tsx
+ * <Form>
+ *   <RHFTextarea name="description" label="Description" />
+ * </Form>
+ * ```
+ */
+declare function RHFTextarea<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, warningText, required, disabled, readOnly, placeholder, autoResize, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, onBlur, ...other }: RHFTextareaProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+/**
+ * Props interface for the Form component.
+ * Extends react-hook-form's FormProvider props.
+ */
+interface FormProps<TFieldValues extends FieldValues = FieldValues> {
+    /**
+     * The form context value
+     */
+    context: React.Context<TFieldValues>;
+    /**
+     * The form children
+     */
+    children: React.ReactNode;
+}
+/**
+ * Props interface for the FormField component.
+ * Extends react-hook-form's Controller props.
+ */
+interface FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends ControllerProps<TFieldValues, TName> {
+}
+/**
+ * Props interface for the FormItem component.
+ * Extends HTML div attributes.
+ */
+interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Props interface for the FormLabel component.
+ * Extends Radix UI Label props.
+ */
+interface FormLabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+}
+/**
+ * Props interface for the FormControl component.
+ * Extends Radix UI Slot props.
+ */
+interface FormControlProps extends React.ComponentPropsWithoutRef<typeof Slot> {
+}
+/**
+ * Props interface for the FormDescription component.
+ * Extends HTML paragraph attributes.
+ */
+interface FormDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+/**
+ * Props interface for the FormMessage component.
+ * Extends HTML paragraph attributes.
+ */
+interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    /**
+     * The message content
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Context value type for form field context
+ */
+type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: TName;
+};
+/**
+ * Context value type for form item context
+ */
+type FormItemContextValue = {
+    id: string;
+};
+
+export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldContextValue, type FormFieldProps, FormItem, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, RHFTextField, RHFTextarea, useFormField };

package/dist/rhf.esm.js

@@ -0,0 +1,2 @@
+import {a as a$1}from'./chunk-7NN2L46N.esm.js';import {a as a$2}from'./chunk-EBPUGBUT.esm.js';import {a}from'./chunk-C26U3FL4.esm.js';import {useFormContext,FormProvider,Controller}from'react-hook-form';import*as l from'react';import {Slot}from'@radix-ui/react-slot';import {jsx,jsxs}from'react/jsx-runtime';var z=FormProvider,D=l.createContext({}),g=({...e})=>jsx(D.Provider,{value:{name:e.name},children:jsx(Controller,{...e})}),C=()=>{let e=l.useContext(D),r=l.useContext(S),{getFieldState:o,formState:m}=useFormContext(),a=o(e.name,m);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:t}=r;return {id:t,name:e.name,formItemId:`${t}-form-item`,formDescriptionId:`${t}-form-item-description`,formMessageId:`${t}-form-item-message`,...a}},S=l.createContext({}),f=l.forwardRef(({className:e,...r},o)=>{let m=l.useId();return jsx(S.Provider,{value:{id:m},children:jsx("div",{ref:o,className:a("space-y-2",e),...r})})});f.displayName="FormItem";var x=l.forwardRef(({className:e,...r},o)=>{let{error:m,formItemId:a$2}=C();return jsx(a$1,{ref:o,className:a(m&&"text-destructive",e),htmlFor:a$2,...r})});x.displayName="FormLabel";var b=l.forwardRef(({...e},r)=>{let{error:o,formItemId:m,formDescriptionId:a,formMessageId:t}=C();return jsx(Slot,{ref:r,id:m,"aria-describedby":o?`${a} ${t}`:`${a}`,"aria-invalid":!!o,...e})});b.displayName="FormControl";var T=l.forwardRef(({className:e,...r},o)=>{let{formDescriptionId:m}=C();return jsx("p",{ref:o,id:m,className:a("text-sm text-muted-foreground",e),...r})});T.displayName="FormDescription";var v=l.forwardRef(({className:e,children:r,...o},m)=>{let{error:a$1,formMessageId:t}=C(),i=a$1?String(a$1?.message??""):r;return i?jsx("p",{ref:m,id:t,className:a("text-sm font-medium text-destructive",e),...o,children:i}):null});v.displayName="FormMessage";function ae({name:e,label:r,description:o,className:m,type:a$1="text",warningText:t,required:i,disabled:y,readOnly:P,placeholder:h,"aria-label":V,"aria-describedby":I,onBlur:N,...L}){let{control:M}=useFormContext();return jsx(g,{name:e,control:M,render:({field:s,fieldState:{error:n}})=>jsxs(f,{children:[r&&jsxs(x,{children:[r,i&&jsx("span",{className:"text-destructive ml-1",children:"*"})]}),jsx(b,{children:jsx(a$2,{...s,type:a$1,value:a$1==="number"&&s.value===0?"":s.value,onChange:F=>{a$1==="number"?s.onChange(Number(F.target.value)):s.onChange(F.target.value);},onBlur:F=>{a$1!=="number"&&typeof s.value=="string"&&s.onChange(s.value.trim()),s.onBlur(),N?.(F);},className:a(n&&"border-destructive focus-visible:ring-destructive",m),disabled:y,readOnly:P,required:i,placeholder:h,"aria-label":V,"aria-describedby":I,"aria-invalid":!!n,"aria-required":i,...L})}),o&&jsx(T,{children:o}),n&&jsx(v,{children:n.message}),!n&&t&&jsx("p",{className:"text-sm text-yellow-600 dark:text-yellow-500",role:"alert",children:t})]})})}var H=l.forwardRef(({className:e,autoResize:r=false,...o},m)=>{let a$1=l.useRef(null);return l.useEffect(()=>{if(!r||!a$1.current)return;let t=a$1.current,i=()=>{t.style.height="auto",t.style.height=`${t.scrollHeight}px`;};return t.addEventListener("input",i),i(),()=>t.removeEventListener("input",i)},[r]),jsx("textarea",{className:a("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:m,...o})});H.displayName="Textarea";function pe({name:e,label:r,description:o,className:m,warningText:a$1,required:t,disabled:i,readOnly:y,placeholder:P,autoResize:h,"aria-label":V,"aria-describedby":I,onBlur:N,...L}){let{control:M}=useFormContext();return jsx(g,{name:e,control:M,render:({field:s,fieldState:{error:n}})=>jsxs(f,{children:[r&&jsxs(x,{children:[r,t&&jsx("span",{className:"text-destructive ml-1",children:"*"})]}),jsx(b,{children:jsx(H,{...s,value:s.value,onChange:F=>{s.onChange(F.target.value);},onBlur:F=>{typeof s.value=="string"&&s.onChange(s.value.trim()),s.onBlur(),N?.(F);},className:a(n&&"border-destructive focus-visible:ring-destructive",m),disabled:i,readOnly:y,required:t,placeholder:P,"aria-label":V,"aria-describedby":I,"aria-invalid":!!n,"aria-required":t,autoResize:h,...L})}),o&&jsx(T,{children:o}),n&&jsx(v,{children:n.message}),!n&&a$1&&jsx("p",{className:"text-sm text-yellow-600 dark:text-yellow-500",role:"alert",children:a$1})]})})}export{z as Form,b as FormControl,T as FormDescription,g as FormField,f as FormItem,x as FormLabel,v as FormMessage,ae as RHFTextField,pe as RHFTextarea,C as useFormField};//# sourceMappingURL=rhf.esm.js.map
+//# sourceMappingURL=rhf.esm.js.map

package/dist/rhf.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/rhf/form/form.tsx","../src/components/rhf/rhf-text-field/rhf-text-field.tsx","../src/components/atoms/textarea/textarea.tsx","../src/components/rhf/rhf-textarea/rhf-textarea.tsx"],"names":["Form","FormProvider","FormFieldContext","FormField","props","jsx","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body","RHFTextField","name","label","description","type","warningText","required","disabled","readOnly","placeholder","ariaLabel","ariaDescribedby","onBlur","other","control","field","jsxs","Input","e","Textarea","R","autoResize","internalRef","textarea","resizeTextarea","RHFTextarea"],"mappings":"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","file":"rhf.esm.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues\n} from \"react-hook-form\"\n\nimport { cn } from \"@/utils/cn\"\nimport { Label } from \"@/components/atoms/label\"\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\")\n  }\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState\n  }\n}\n\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue)\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId()\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n      </FormItemContext.Provider>\n    )\n  }\n)\nFormItem.displayName = \"FormItem\"\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && \"text-destructive\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n})\nFormLabel.displayName = \"FormLabel\"\n\nconst FormControl = React.forwardRef<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n})\nFormControl.displayName = \"FormControl\"\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n})\nFormDescription.displayName = \"FormDescription\"\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message ?? \"\") : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn(\"text-sm font-medium text-destructive\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n})\nFormMessage.displayName = \"FormMessage\"\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField\n}\n","import * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Input } from \"@/components/atoms/input\"\nimport { cn } from \"@/utils/cn\"\nimport {\n  FormControl,\n  FormItem,\n  FormMessage,\n  FormLabel,\n  FormDescription,\n  FormField\n} from \"@/components/rhf/form\"\nimport { type RHFTextFieldProps } from \"./rhf-text-field.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A text field component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextfield--docs\n *\n * * @example\n * ```tsx\n * <Form>\n *   <RHFTextField name=\"name\" label=\"Name\" />\n *   <RHFTextField name=\"email\" label=\"Email\" />\n * </Form>\n * ```\n */\nexport function RHFTextField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  description,\n  className,\n  type = \"text\",\n  warningText,\n  required,\n  disabled,\n  readOnly,\n  placeholder,\n  \"aria-label\": ariaLabel,\n  \"aria-describedby\": ariaDescribedby,\n  onBlur,\n  ...other\n}: RHFTextFieldProps<TFieldValues, TName>) {\n  const { control } = useFormContext<TFieldValues>()\n\n  return (\n    <FormField\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormItem>\n          {label && (\n            <FormLabel>\n              {label}\n              {required && <span className=\"text-destructive ml-1\">*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <Input\n              {...field}\n              type={type}\n              value={type === \"number\" && field.value === 0 ? \"\" : field.value}\n              onChange={(e) => {\n                if (type === \"number\") {\n                  field.onChange(Number(e.target.value))\n                } else {\n                  field.onChange(e.target.value)\n                }\n              }}\n              onBlur={(e) => {\n                // trim if a string\n                if (type !== \"number\" && typeof field.value === \"string\") {\n                  field.onChange(field.value.trim())\n                }\n                field.onBlur() // pass to react-hook-form\n                onBlur?.(e) // pass to wrapper\n              }}\n              className={cn(\n                error && \"border-destructive focus-visible:ring-destructive\",\n                className\n              )}\n              disabled={disabled}\n              readOnly={readOnly}\n              required={required}\n              placeholder={placeholder}\n              aria-label={ariaLabel}\n              aria-describedby={ariaDescribedby}\n              aria-invalid={!!error}\n              aria-required={required}\n              {...other}\n            />\n          </FormControl>\n          {description && <FormDescription>{description}</FormDescription>}\n          {error && <FormMessage>{error.message}</FormMessage>}\n          {!error && warningText && (\n            <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n              {warningText}\n            </p>\n          )}\n        </FormItem>\n      )}\n    />\n  )\n}\n","import * as React from \"react\"\nimport { cn } from \"@/utils/index\"\nimport { TextareaProps } from \"./textarea.types\"\n\n/**\n * Textarea component for creating accessible text areas.\n * Built on top of shadcn/ui's Textarea component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-textarea--docs\n *\n * @example\n * ```tsx\n * <Textarea placeholder=\"Enter text\" />\n * ```\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, autoResize = false, ...props }, ref) => {\n    const internalRef = React.useRef<HTMLTextAreaElement>(null)\n\n    React.useEffect(() => {\n      if (!autoResize || !internalRef.current) return\n\n      const textarea = internalRef.current\n      const resizeTextarea = () => {\n        textarea.style.height = \"auto\"\n        textarea.style.height = `${textarea.scrollHeight}px`\n      }\n\n      textarea.addEventListener(\"input\", resizeTextarea)\n      resizeTextarea() // Initial resize\n\n      return () => textarea.removeEventListener(\"input\", resizeTextarea)\n    }, [autoResize])\n\n    return (\n      <textarea\n        className={cn(\n          \"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n","import * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Textarea } from \"@/components/atoms/textarea\"\nimport { cn } from \"@/utils/cn\"\nimport {\n  FormControl,\n  FormItem,\n  FormMessage,\n  FormLabel,\n  FormDescription,\n  FormField\n} from \"@/components/rhf/form\"\nimport { type RHFTextareaProps } from \"./rhf-textarea.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A textarea component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextarea--docs\n *\n * @example\n * ```tsx\n * <Form>\n *   <RHFTextarea name=\"description\" label=\"Description\" />\n * </Form>\n * ```\n */\nexport function RHFTextarea<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  description,\n  className,\n  warningText,\n  required,\n  disabled,\n  readOnly,\n  placeholder,\n  autoResize,\n  \"aria-label\": ariaLabel,\n  \"aria-describedby\": ariaDescribedby,\n  onBlur,\n  ...other\n}: RHFTextareaProps<TFieldValues, TName>) {\n  const { control } = useFormContext<TFieldValues>()\n\n  return (\n    <FormField\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormItem>\n          {label && (\n            <FormLabel>\n              {label}\n              {required && <span className=\"text-destructive ml-1\">*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <Textarea\n              {...field}\n              value={field.value}\n              onChange={(e) => {\n                field.onChange(e.target.value)\n              }}\n              onBlur={(e) => {\n                // trim if a string\n                if (typeof field.value === \"string\") {\n                  field.onChange(field.value.trim())\n                }\n                field.onBlur() // pass to react-hook-form\n                onBlur?.(e) // pass to wrapper\n              }}\n              className={cn(\n                error && \"border-destructive focus-visible:ring-destructive\",\n                className\n              )}\n              disabled={disabled}\n              readOnly={readOnly}\n              required={required}\n              placeholder={placeholder}\n              aria-label={ariaLabel}\n              aria-describedby={ariaDescribedby}\n              aria-invalid={!!error}\n              aria-required={required}\n              autoResize={autoResize}\n              {...other}\n            />\n          </FormControl>\n          {description && <FormDescription>{description}</FormDescription>}\n          {error && <FormMessage>{error.message}</FormMessage>}\n          {!error && warningText && (\n            <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n              {warningText}\n            </p>\n          )}\n        </FormItem>\n      )}\n    />\n  )\n}\n"]}

package/dist/{tooltip-Vd-UgSJF.d.mts → tooltip-B4jzaurK.d.mts}

@@ -50,7 +50,7 @@ declare const buttonVariants: (props?: ({
  * Built on top of Radix UI's Slot primitive for maximum flexibility.
  * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
  *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-button--docs
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-button--docs
  *
  * @component
  * @example
@@ -84,7 +84,7 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAtt
  * TooltipProvider component for creating accessible tooltips.
  * Built on top of Radix UI's Tooltip primitive.
  *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-tooltip--docs
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-tooltip--docs
  *
  * @example
  * ```tsx

package/dist/{tooltip-Vd-UgSJF.d.ts → tooltip-B4jzaurK.d.ts}

@@ -50,7 +50,7 @@ declare const buttonVariants: (props?: ({
  * Built on top of Radix UI's Slot primitive for maximum flexibility.
  * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
  *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-button--docs
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-button--docs
  *
  * @component
  * @example
@@ -84,7 +84,7 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAtt
  * TooltipProvider component for creating accessible tooltips.
  * Built on top of Radix UI's Tooltip primitive.
  *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-tooltip--docs
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-tooltip--docs
  *
  * @example
  * ```tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@me1a/ui",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "private": false,
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
@@ -21,6 +21,11 @@
       "import": "./dist/molecules.esm.js",
       "require": "./dist/molecules.cjs.js"
     },
+    "./rhf": {
+      "types": "./dist/rhf.d.ts",
+      "import": "./dist/rhf.esm.js",
+      "require": "./dist/rhf.cjs.js"
+    },
     "./organisms": {
       "types": "./dist/organisms.d.ts",
       "import": "./dist/organisms.esm.js",
@@ -131,14 +136,14 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/SegiiMelnykov/ui.git"
+    "url": "git+https://github.com/sergii-melnykov/ui.git"
   },
   "author": "",
   "license": "ISC",
   "bugs": {
-    "url": "https://github.com/SegiiMelnykov/ui/issues"
+    "url": "https://github.com/sergii-melnykov/ui/issues"
   },
-  "homepage": "https://github.com/SegiiMelnykov/ui#readme",
+  "homepage": "https://github.com/sergii-melnykov/ui#readme",
   "description": "A modern UI library for Next.js applications",
-  "storybook": "https://segiimelnykov.github.io/ui"
+  "storybook": "https://sergii-melnykov.github.io/ui"
 }

package/dist/chunk-63AGWKIA.esm.js

@@ -1,2 +0,0 @@
-import {a as a$1}from'./chunk-X5ID4673.esm.js';import {a as a$2}from'./chunk-THOA7DOT.esm.js';import {a}from'./chunk-C26U3FL4.esm.js';import*as l from'react';import {jsx,jsxs}from'react/jsx-runtime';import*as i from'@radix-ui/react-navigation-menu';import {ChevronDown}from'lucide-react';import {cva}from'class-variance-authority';import {useFormContext,FormProvider,Controller}from'react-hook-form';import {Slot}from'@radix-ui/react-slot';var Y=l.forwardRef(({className:e,...t},a$1)=>jsx("div",{ref:a$1,className:a("rounded-lg border bg-card text-card-foreground shadow-sm",e),...t}));Y.displayName="Card";var Z=l.forwardRef(({className:e,...t},a$1)=>jsx("div",{ref:a$1,className:a("flex flex-col space-y-1.5 p-6",e),...t}));Z.displayName="CardHeader";var _=l.forwardRef(({className:e,...t},a$1)=>jsx("h3",{ref:a$1,className:a("text-2xl font-semibold leading-none tracking-tight",e),...t}));_.displayName="CardTitle";var ee=l.forwardRef(({className:e,...t},a$1)=>jsx("p",{ref:a$1,className:a("text-sm text-muted-foreground",e),...t}));ee.displayName="CardDescription";var te=l.forwardRef(({className:e,...t},a$1)=>jsx("div",{ref:a$1,className:a("p-6 pt-0",e),...t}));te.displayName="CardContent";var ae=l.forwardRef(({className:e,...t},a$1)=>jsx("div",{ref:a$1,className:a("flex items-center p-6 pt-0",e),...t}));ae.displayName="CardFooter";var B=cva("group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50",{variants:{variant:{default:"text-foreground",ghost:"hover:bg-transparent hover:underline",link:"text-primary underline-offset-4 hover:underline",mobile:"w-full justify-between border-b border-border py-4 text-base font-medium"}},defaultVariants:{variant:"default"}});var O=l.forwardRef(({className:e,children:t,...a$1},n)=>jsxs(i.Root,{ref:n,className:a("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...a$1,children:[t,jsx(S,{})]}));O.displayName=i.Root.displayName;var W=l.forwardRef(({className:e,...t},a$1)=>jsx(i.List,{ref:a$1,className:a("group flex flex-1 list-none items-center justify-center space-x-1",e),...t}));W.displayName=i.List.displayName;var ie=i.Item,j=l.forwardRef(({className:e,children:t,variant:a$1,...n},r)=>jsxs(i.Trigger,{ref:r,className:a(B({variant:a$1}),e),...n,children:[t," ",jsx(ChevronDown,{className:"relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));j.displayName=i.Trigger.displayName;var q=l.forwardRef(({className:e,...t},a$1)=>jsx(i.Content,{ref:a$1,className:a("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",e),...t}));q.displayName=i.Content.displayName;var ne=i.Link,S=l.forwardRef(({className:e,...t},a$1)=>jsx("div",{className:a("absolute left-0 top-full flex justify-center"),children:jsx(i.Viewport,{className:a("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",e),ref:a$1,...t})}));S.displayName=i.Viewport.displayName;var G=l.forwardRef(({className:e,...t},a$1)=>jsx(i.Indicator,{ref:a$1,className:a("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",e),...t,children:jsx("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}));G.displayName=i.Indicator.displayName;var ue=FormProvider,K=l.createContext({}),h=({...e})=>jsx(K.Provider,{value:{name:e.name},children:jsx(Controller,{...e})}),C=()=>{let e=l.useContext(K),t=l.useContext(Q),{getFieldState:a,formState:n}=useFormContext(),r=a(e.name,n);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:s}=t;return {id:s,name:e.name,formItemId:`${s}-form-item`,formDescriptionId:`${s}-form-item-description`,formMessageId:`${s}-form-item-message`,...r}},Q=l.createContext({}),x=l.forwardRef(({className:e,...t},a$1)=>{let n=l.useId();return jsx(Q.Provider,{value:{id:n},children:jsx("div",{ref:a$1,className:a("space-y-2",e),...t})})});x.displayName="FormItem";var R=l.forwardRef(({className:e,...t},a$2)=>{let{error:n,formItemId:r}=C();return jsx(a$1,{ref:a$2,className:a(n&&"text-destructive",e),htmlFor:r,...t})});R.displayName="FormLabel";var P=l.forwardRef(({...e},t)=>{let{error:a,formItemId:n,formDescriptionId:r,formMessageId:s}=C();return jsx(Slot,{ref:t,id:n,"aria-describedby":a?`${r} ${s}`:`${r}`,"aria-invalid":!!a,...e})});P.displayName="FormControl";var b=l.forwardRef(({className:e,...t},a$1)=>{let{formDescriptionId:n}=C();return jsx("p",{ref:a$1,id:n,className:a("text-sm text-muted-foreground",e),...t})});b.displayName="FormDescription";var y=l.forwardRef(({className:e,children:t,...a$1},n)=>{let{error:r,formMessageId:s}=C(),d=r?String(r?.message??""):t;return d?jsx("p",{ref:n,id:s,className:a("text-sm font-medium text-destructive",e),...a$1,children:d}):null});y.displayName="FormMessage";function ze({name:e,label:t,description:a$1,className:n,type:r="text",warningText:s,required:d,disabled:L,readOnly:w,placeholder:V,"aria-label":I,"aria-describedby":H,onBlur:E,...D}){let{control:A}=useFormContext();return jsx(h,{name:e,control:A,render:({field:m,fieldState:{error:u}})=>jsxs(x,{children:[t&&jsxs(R,{children:[t,d&&jsx("span",{className:"text-destructive ml-1",children:"*"})]}),jsx(P,{children:jsx(a$2,{...m,type:r,value:r==="number"&&m.value===0?"":m.value,onChange:p=>{r==="number"?m.onChange(Number(p.target.value)):m.onChange(p.target.value);},onBlur:p=>{r!=="number"&&typeof m.value=="string"&&m.onChange(m.value.trim()),m.onBlur(),E?.(p);},className:a(u&&"border-destructive focus-visible:ring-destructive",n),disabled:L,readOnly:w,required:d,placeholder:V,"aria-label":I,"aria-describedby":H,"aria-invalid":!!u,"aria-required":d,...D})}),a$1&&jsx(b,{children:a$1}),u&&jsx(y,{children:u.message}),!u&&s&&jsx("p",{className:"text-sm text-yellow-600 dark:text-yellow-500",role:"alert",children:s})]})})}var k=l.forwardRef(({className:e,autoResize:t=false,...a$1},n)=>{let r=l.useRef(null);return l.useEffect(()=>{if(!t||!r.current)return;let s=r.current,d=()=>{s.style.height="auto",s.style.height=`${s.scrollHeight}px`;};return s.addEventListener("input",d),d(),()=>s.removeEventListener("input",d)},[t]),jsx("textarea",{className:a("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:n,...a$1})});k.displayName="Textarea";function Ue({name:e,label:t,description:a$1,className:n,warningText:r,required:s,disabled:d,readOnly:L,placeholder:w,autoResize:V,"aria-label":I,"aria-describedby":H,onBlur:E,...D}){let{control:A}=useFormContext();return jsx(h,{name:e,control:A,render:({field:m,fieldState:{error:u}})=>jsxs(x,{children:[t&&jsxs(R,{children:[t,s&&jsx("span",{className:"text-destructive ml-1",children:"*"})]}),jsx(P,{children:jsx(k,{...m,value:m.value,onChange:p=>{m.onChange(p.target.value);},onBlur:p=>{typeof m.value=="string"&&m.onChange(m.value.trim()),m.onBlur(),E?.(p);},className:a(u&&"border-destructive focus-visible:ring-destructive",n),disabled:d,readOnly:L,required:s,placeholder:w,"aria-label":I,"aria-describedby":H,"aria-invalid":!!u,"aria-required":s,autoResize:V,...D})}),a$1&&jsx(b,{children:a$1}),u&&jsx(y,{children:u.message}),!u&&r&&jsx("p",{className:"text-sm text-yellow-600 dark:text-yellow-500",role:"alert",children:r})]})})}export{Y as a,Z as b,_ as c,ee as d,te as e,ae as f,O as g,W as h,ie as i,j,q as k,ne as l,S as m,G as n,ue as o,h as p,C as q,x as r,R as s,P as t,b as u,y as v,ze as w,Ue as x};//# sourceMappingURL=chunk-63AGWKIA.esm.js.map
-//# sourceMappingURL=chunk-63AGWKIA.esm.js.map