vrfi-design-system 1.1.61 → 1.1.63

package/dist/index.d.ts

@@ -594,6 +594,7 @@ export declare interface FloatingLabelProps {
     type?: LabelType_2;
     customInput?: boolean;
     className?: string;
+    manualFocus?: boolean;
 }
 
 export { FooterDetailsProps }
@@ -1170,16 +1171,16 @@ declare interface TabsProps extends TabsProps_2 {
     innerRef?: default_2.RefObject<HTMLDivElement> | null;
 }
 
-export declare const TextArea: ({ className, label, value, required, customInput, ...props }: TextAreaProps) => default_2.JSX.Element;
+export declare const TextArea: ({ className, label, required, customInput, defaultValue, ...props }: TextAreaProps) => default_2.JSX.Element;
 
 export declare interface TextAreaProps extends Omit<TextAreaProps_2, "value"> {
     label?: string;
-    value?: string;
     required?: boolean;
     customInput?: boolean;
+    defaultValue?: string;
 }
 
-export declare const TextAreaWithController: ({ label, placeholder, required, name, customInput, ...rest }: TextAreaWithControllerProps) => default_2.JSX.Element;
+export declare const TextAreaWithController: ({ label, placeholder, required, name, customInput, defaultValue, ...rest }: TextAreaWithControllerProps) => default_2.JSX.Element;
 
 export declare type TextAreaWithControllerProps = CustomInputProps & TextAreaProps_2;
 

package/dist/main.es.js

@@ -52145,15 +52145,16 @@ const pre = "_sliderLabel_wt22h_1", Nu = {
     required: l,
     placeholder: s,
     type: u,
-    customInput: d
-  } = e, A = t || kre(a), f = At({
-    [Zo.float]: A,
+    customInput: d,
+    manualFocus: A = !1
+  } = e, f = A || t || kre(a), g = At({
+    [Zo.float]: f,
     [Zo.withPrefix]: i,
     [Zo.primary]: u === mg.PRIMARY
-  }), g = At(Zo.inputWrapper, {
-    [Zo.withFloat]: A && !s && o,
+  }), v = At(Zo.inputWrapper, {
+    [Zo.withFloat]: f && !s && o,
     [Zo.customInput]: d
-  }), v = () => n(!1), p = () => n(!0);
+  }), p = () => n(!1), m = () => n(!0);
   return /* @__PURE__ */ M.jsxs(
     "div",
     {
@@ -52161,20 +52162,20 @@ const pre = "_sliderLabel_wt22h_1", Nu = {
         Zo.floatLabel,
         e.className && Zo[e.className]
       ),
-      onBlur: v,
-      onFocus: p,
+      onBlur: p,
+      onFocus: m,
       children: [
         !s && o && /* @__PURE__ */ M.jsx(
           "label",
           {
-            className: At(f, {
+            className: At(g, {
               [Zo.required]: l,
               [Zo.customLabel]: d
             }),
             children: o
           }
         ),
-        /* @__PURE__ */ M.jsx("div", { className: g, children: r })
+        /* @__PURE__ */ M.jsx("div", { className: v, children: r })
       ]
     }
   );
@@ -67781,19 +67782,21 @@ const ZIe = ({
   required: n,
   name: r,
   customInput: o,
-  ...a
+  defaultValue: a,
+  ...i
 }) => {
   const {
-    field: i,
-    fieldState: { invalid: l }
+    field: l,
+    fieldState: { invalid: s }
   } = ho({
-    name: r
-  }), s = (u) => {
-    if (!a.customOnChange) {
-      i.onChange(u);
+    name: r,
+    defaultValue: a
+  }), u = (d) => {
+    if (!i.customOnChange) {
+      l.onChange(d);
       return;
     }
-    a.customOnChange(u, i);
+    i.customOnChange(d, l);
   };
   return /* @__PURE__ */ M.jsxs("div", { className: al.textAreaContainer, children: [
     /* @__PURE__ */ M.jsx(
@@ -67801,21 +67804,22 @@ const ZIe = ({
       {
         customInput: o,
         label: e,
-        value: i.value,
+        value: l.value,
         required: n,
         className: "textAreaFloatLabel",
+        manualFocus: !!a,
         children: /* @__PURE__ */ M.jsx(
           Nwe,
           {
-            ...i,
-            status: l ? "error" : void 0,
+            ...l,
+            status: s ? "error" : void 0,
             placeholder: t,
-            onChange: s,
+            onChange: u,
             className: At("custom-input", al.textArea, {
               [al.customInput]: o,
-              [al.error]: l
+              [al.error]: s
             }),
-            ...a
+            ...i
           }
         )
       }
@@ -67825,25 +67829,26 @@ const ZIe = ({
 }, oDe = ({
   className: e,
   label: t,
-  value: n = "",
-  required: r,
-  customInput: o,
+  required: n,
+  customInput: r,
+  defaultValue: o,
   ...a
 }) => /* @__PURE__ */ M.jsx("div", { className: al.textAreaContainer, children: /* @__PURE__ */ M.jsx(
   Ya,
   {
-    customInput: o,
+    customInput: r,
     label: t,
-    value: n,
-    required: r,
+    value: o ?? "",
+    required: n,
     className: "textAreaFloatLabel",
+    manualFocus: !!o,
     children: /* @__PURE__ */ M.jsx(
       Go.TextArea,
       {
+        defaultValue: o,
         className: At(al.textArea, e, {
-          [al.customInput]: o
+          [al.customInput]: r
         }),
-        id: "1",
         ...a
       }
     )