@zentrades-ui/components 0.2.6 → 0.2.7

package/dist/components.js

@@ -1196,55 +1196,57 @@ var Checkbox = React4.forwardRef(
       }
     );
     if (label || displayHelperText) {
-      return /* @__PURE__ */ jsxs4(
-        "div",
+      return /* @__PURE__ */ jsx9(
+        Stack2,
         {
+          gap: "2",
           style: {
-            display: "flex",
-            flexDirection: "column",
-            gap: "2px",
             opacity: disabled ? 0.5 : 1
           },
-          children: [
-            /* @__PURE__ */ jsxs4(
-              Inline2,
-              {
-                gap: "sm",
-                alignItems: "center",
-                cursor: disabled ? "not-allowed" : "pointer",
-                children: [
-                  checkbox,
-                  label && /* @__PURE__ */ jsxs4(
-                    Inline2,
-                    {
-                      gap: "2xs",
-                      alignItems: "center",
-                      onClick: (e) => {
-                        if (!disabled) {
-                          const button = e.currentTarget.parentElement?.querySelector("button");
-                          button?.click();
+          children: /* @__PURE__ */ jsxs4(
+            Inline2,
+            {
+              gap: "sm",
+              alignItems: "center",
+              cursor: disabled ? "not-allowed" : "pointer",
+              children: [
+                checkbox,
+                /* @__PURE__ */ jsx9(Stack2, { children: label && /* @__PURE__ */ jsxs4(
+                  Inline2,
+                  {
+                    gap: "2xs",
+                    alignItems: "center",
+                    onClick: (e) => {
+                      if (!disabled) {
+                        const button = e.currentTarget.parentElement?.querySelector("button");
+                        button?.click();
+                      }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx9(
+                        Text2,
+                        {
+                          as: "label",
+                          fontVariant: "text-s-medium",
+                          htmlFor: checkboxId,
+                          children: label
                         }
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx9(Text2, { as: "label", fontVariant: "text-s-medium", htmlFor: checkboxId, children: label }),
-                        required && /* @__PURE__ */ jsx9(Text2, { as: "span", color: "contentTertiary", fontVariant: "text-s-medium", children: "*" })
-                      ]
-                    }
-                  )
-                ]
-              }
-            ),
-            displayHelperText && /* @__PURE__ */ jsx9(
-              Text2,
-              {
-                fontVariant: "text-s-regular",
-                color: error ? "contentNegative" : "contentTertiary",
-                role: error ? "alert" : void 0,
-                style: { marginLeft: boxSize + 8 },
-                children: displayHelperText
-              }
-            )
-          ]
+                      ),
+                      required && /* @__PURE__ */ jsx9(
+                        Text2,
+                        {
+                          as: "span",
+                          color: "contentTertiary",
+                          fontVariant: "text-s-medium",
+                          children: "*"
+                        }
+                      )
+                    ]
+                  }
+                ) })
+              ]
+            }
+          )
         }
       );
     }