globalfy-design-system 0.110.0 → 0.111.0

package/dist/globalfy-design-system.js

@@ -22079,7 +22079,7 @@ const PC = /* @__PURE__ */ Fb(SC), MD = Ie(
         }
       }
     }), v = be({
-      base: "absolute -bottom-6 left-4 font-inter text-xs font-normal leading-normal text-primary-grey-800",
+      base: "mt-[5px] pl-3 font-inter text-xs font-normal leading-normal text-primary-grey-800",
       variants: {
         isInvalid: {
           true: "text-complementary-red-500"
@@ -22089,57 +22089,59 @@ const PC = /* @__PURE__ */ Fb(SC), MD = Ie(
         }
       }
     });
-    return /* @__PURE__ */ S.jsxs("div", { className: "relative mt-6 w-full", children: [
-      /* @__PURE__ */ S.jsx(
-        PC,
-        {
-          id: "inputMask",
-          ...f,
-          inputRef: p,
-          disabled: e,
-          value: d,
-          onChange: o,
-          mask: u,
-          maskChar: "",
-          className: Gt(
-            "peer focus:placeholder:text-primary-grey-800",
-            h({
-              className: r,
-              isInvalid: t,
-              isCompleted: n,
-              disabled: e
-            })
-          ),
-          placeholder: a
-        }
-      ),
-      s && /* @__PURE__ */ S.jsx("div", { className: "absolute right-4 top-3", children: typeof s == "string" ? /* @__PURE__ */ S.jsx(
-        lt,
-        {
-          onClick: c,
-          name: s,
-          className: m({
-            iconAction: !!c,
+    return /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
+      /* @__PURE__ */ S.jsxs("div", { className: "relative mt-6 w-full", children: [
+        /* @__PURE__ */ S.jsx(
+          PC,
+          {
+            id: "inputMask",
+            ...f,
+            inputRef: p,
             disabled: e,
-            isCompleted: n
-          })
-        }
-      ) : s }),
-      /* @__PURE__ */ S.jsx(
-        "label",
-        {
-          className: Gt(
-            "peer-focus:-top-6 peer-focus:text-xs peer-focus:transition-all peer-focus:duration-200",
-            g({
-              hasValue: !!d,
-              isInvalid: t,
+            value: d,
+            onChange: o,
+            mask: u,
+            maskChar: "",
+            className: Gt(
+              "peer focus:placeholder:text-primary-grey-800",
+              h({
+                className: r,
+                isInvalid: t,
+                isCompleted: n,
+                disabled: e
+              })
+            ),
+            placeholder: a
+          }
+        ),
+        s && /* @__PURE__ */ S.jsx("div", { className: "absolute right-4 top-3", children: typeof s == "string" ? /* @__PURE__ */ S.jsx(
+          lt,
+          {
+            onClick: c,
+            name: s,
+            className: m({
+              iconAction: !!c,
+              disabled: e,
               isCompleted: n
             })
-          ),
-          children: i
-        }
-      ),
-      l && /* @__PURE__ */ S.jsx("span", { className: v({ isInvalid: t, isValid: n }), children: l })
+          }
+        ) : s }),
+        /* @__PURE__ */ S.jsx(
+          "label",
+          {
+            className: Gt(
+              "peer-focus:-top-6 peer-focus:text-xs peer-focus:transition-all peer-focus:duration-200",
+              g({
+                hasValue: !!d,
+                isInvalid: t,
+                isCompleted: n
+              })
+            ),
+            children: i
+          }
+        )
+      ] }),
+      t && l && /* @__PURE__ */ S.jsx("span", { className: v({ isInvalid: t, isValid: n }), children: l })
     ] });
   }
 ), SD = {
@@ -26284,7 +26286,7 @@ const TD = ({
         ]
       }
     ),
-    o && a && /* @__PURE__ */ S.jsx("span", { className: "mt-2 pl-6 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", children: a })
+    o && a && /* @__PURE__ */ S.jsx("span", { className: "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", children: a })
   ] });
 };
 function ur(e) {
@@ -30675,8 +30677,8 @@ const DD = (e) => {
   return y && (N = {
     ...N,
     ValueContainer: y
-  }), /* @__PURE__ */ S.jsxs("div", { className: "h-[74px] w-full pt-[26px]", children: [
-    /* @__PURE__ */ S.jsx(
+  }), /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
+    /* @__PURE__ */ S.jsx("div", { className: "h-[74px] w-full pt-[26px]", children: /* @__PURE__ */ S.jsx(
       tD,
       {
         ...x,
@@ -30705,8 +30707,8 @@ const DD = (e) => {
         components: N,
         noOptionsMessage: () => c
       }
-    ),
-    o && u && /* @__PURE__ */ S.jsx("span", { className: "mt-2 pl-4 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", children: u })
+    ) }),
+    o && u && /* @__PURE__ */ S.jsx("span", { className: "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", children: u })
   ] });
 };
 var qa = /* @__PURE__ */ ((e) => (e.Button = "button", e.Link = "link", e))(qa || {}), vc = /* @__PURE__ */ ((e) => (e.Alert = "alert", e.Banner = "banner", e))(vc || {});
@@ -30845,7 +30847,7 @@ const rD = ({
         }
       }
     }), g = be({
-      base: "absolute -bottom-5 left-4 font-inter text-xs font-normal leading-normal text-primary-grey-800",
+      base: "mt-[5px] pl-3 font-inter text-xs font-normal leading-normal text-primary-grey-800",
       variants: {
         isInvalid: {
           true: "text-complementary-red-500"
@@ -30855,47 +30857,49 @@ const rD = ({
         }
       }
     });
-    return /* @__PURE__ */ S.jsxs("div", { className: f(), children: [
-      /* @__PURE__ */ S.jsx(
-        "textarea",
-        {
-          ...u,
-          placeholder: n,
-          rows: 4,
-          value: r,
-          onChange: o,
-          className: Gt(
-            "peer focus:placeholder:text-primary-grey-800",
-            m({
-              isInvalid: s,
-              isValid: l,
-              allowResize: c,
-              disabled: t
-            })
-          ),
-          id: u.id,
-          disabled: t,
-          ref: d,
-          maxLength: a
-        }
-      ),
-      /* @__PURE__ */ S.jsx(
-        "label",
-        {
-          htmlFor: u.id,
-          className: Gt(
-            "peer-focus:-top-6 peer-focus:text-xs peer-focus:transition-all peer-focus:duration-200",
-            p({
-              activeFloatLabel: !!n || !!r,
-              isInvalid: s,
-              isValid: l
-            })
-          ),
-          children: e
-        }
-      ),
-      a && /* @__PURE__ */ S.jsx("span", { className: h({ isInvalid: s, isValid: l }), children: `${(r == null ? void 0 : r.toString().length) ?? 0}/${a}` }),
-      i && /* @__PURE__ */ S.jsx("span", { className: g({ isInvalid: s, isValid: l }), children: i })
+    return /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
+      /* @__PURE__ */ S.jsxs("div", { className: f(), children: [
+        /* @__PURE__ */ S.jsx(
+          "textarea",
+          {
+            ...u,
+            placeholder: n,
+            rows: 4,
+            value: r,
+            onChange: o,
+            className: Gt(
+              "peer focus:placeholder:text-primary-grey-800",
+              m({
+                isInvalid: s,
+                isValid: l,
+                allowResize: c,
+                disabled: t
+              })
+            ),
+            id: u.id,
+            disabled: t,
+            ref: d,
+            maxLength: a
+          }
+        ),
+        /* @__PURE__ */ S.jsx(
+          "label",
+          {
+            htmlFor: u.id,
+            className: Gt(
+              "peer-focus:-top-6 peer-focus:text-xs peer-focus:transition-all peer-focus:duration-200",
+              p({
+                activeFloatLabel: !!n || !!r,
+                isInvalid: s,
+                isValid: l
+              })
+            ),
+            children: e
+          }
+        ),
+        a && /* @__PURE__ */ S.jsx("span", { className: h({ isInvalid: s, isValid: l }), children: `${(r == null ? void 0 : r.toString().length) ?? 0}/${a}` })
+      ] }),
+      s && i && /* @__PURE__ */ S.jsx("span", { className: g({ isInvalid: s, isValid: l }), children: i })
     ] });
   }
 );