@geomak/ui 5.7.0 → 5.7.1

package/dist/index.cjs

@@ -3852,29 +3852,35 @@ function RadioGroup({
                 children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block h-1/2 w-1/2 rounded-full bg-accent" }) })
               }
             );
-            const labelEl = /* @__PURE__ */ jsxRuntime.jsxs(
+            const labelClass = [
+              "block select-none",
+              opt.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+            ].join(" ");
+            const labelTextEl = /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: itemId, className: labelClass, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `block ${TEXT_SIZE[size]} text-foreground`, children: opt.label }) });
+            const descriptionEl = opt.description ? /* @__PURE__ */ jsxRuntime.jsx(
               "label",
               {
                 htmlFor: itemId,
-                className: [
-                  "select-none",
-                  opt.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-                  labelFirst ? "text-right" : ""
-                ].filter(Boolean).join(" "),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: `block ${TEXT_SIZE[size]} text-foreground`, children: opt.label }),
-                  opt.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-foreground-secondary mt-0.5", children: opt.description })
-                ]
+                className: `block text-xs text-foreground-secondary mt-0.5 ${opt.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
+                children: opt.description
               }
-            );
-            const rowClass = labelFirst && layout === "vertical" ? "grid grid-cols-[1fr_auto] items-start gap-2.5" : "flex items-start gap-2.5";
-            return /* @__PURE__ */ jsxRuntime.jsx("div", { className: rowClass, children: labelFirst ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              labelEl,
-              dot
-            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            ) : null;
+            if (labelFirst) {
+              return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2.5", children: [
+                  labelTextEl,
+                  dot
+                ] }),
+                descriptionEl
+              ] }, opt.value);
+            }
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2.5", children: [
               dot,
-              labelEl
-            ] }) }, opt.value);
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col", children: [
+                labelTextEl,
+                descriptionEl
+              ] })
+            ] }, opt.value);
           })
         }
       )