impact-nova 1.7.4 → 1.7.6

package/dist/components/ui/radio-group.js

@@ -1,61 +1,110 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import * as n from "react";
-import * as r from "@radix-ui/react-radio-group";
-import { cn as a } from "../../lib/utils.js";
-import { Info as p } from "../../icons/index.js";
-const f = n.forwardRef(({ className: i, orientation: s = "horizontal", label: d, helperText: c, isError: t, required: u, ...l }, m) => /* @__PURE__ */ o(
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import * as m from "react";
+import * as s from "@radix-ui/react-radio-group";
+import { cn as e } from "../../lib/utils.js";
+import { Info as u } from "../../icons/index.js";
+const p = m.forwardRef(({ className: o, orientation: c = "horizontal", label: i, helperText: d, helperTextPosition: l = "absolute", isError: t, required: x, ...n }, f) => /* @__PURE__ */ r(
   "div",
   {
-    className: a("flex w-full flex-col gap-[6px]", i),
+    className: e("flex w-full flex-col gap-[6px]", o),
     "data-component": "radio-group",
     "data-invalid": t || void 0,
     children: [
-      /* @__PURE__ */ o("div", { className: "flex flex-col gap-[6px]", children: [
-        d && /* @__PURE__ */ o(
-          "label",
-          {
-            className: a(
-              "text-xs font-medium leading-[18px] text-content-tertiary",
-              l.disabled && "opacity-70",
-              t && "text-destructive"
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: e(
+            "flex flex-col gap-[6px]",
+            d && l === "absolute" && "relative"
+          ),
+          children: [
+            i && /* @__PURE__ */ r(
+              "label",
+              {
+                className: e(
+                  "text-xs font-medium leading-[18px] text-content-tertiary",
+                  n.disabled && "opacity-70",
+                  t && "text-destructive"
+                ),
+                children: [
+                  i,
+                  " ",
+                  x && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
+                ]
+              }
             ),
-            children: [
-              d,
-              " ",
-              u && /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          r.Root,
-          {
-            className: a(
-              "group flex gap-4",
-              s === "vertical" && "flex-col gap-2"
+            /* @__PURE__ */ a(
+              s.Root,
+              {
+                className: e(
+                  "group flex gap-4",
+                  c === "vertical" && "flex-col gap-2"
+                ),
+                "data-error": t,
+                ...n,
+                ref: f
+              }
             ),
-            "data-error": t,
-            ...l,
-            ref: m
-          }
-        )
-      ] }),
-      c && /* @__PURE__ */ o(
+            d && l === "absolute" && /* @__PURE__ */ r(
+              "div",
+              {
+                className: e(
+                  "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]",
+                  t && "text-destructive"
+                ),
+                children: [
+                  /* @__PURE__ */ a(
+                    u,
+                    {
+                      size: "xs",
+                      className: e(
+                        "shrink-0",
+                        t ? "text-destructive" : "text-content-muted"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    "p",
+                    {
+                      className: e(
+                        "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
+                        t && "text-destructive"
+                      ),
+                      children: d
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      d && l === "flow" && /* @__PURE__ */ r(
         "div",
         {
-          className: a(
+          className: e(
             "flex items-center gap-[6px]",
             t && "text-destructive"
           ),
           children: [
-            !t && /* @__PURE__ */ e(p, { size: "xs", className: "shrink-0 text-content-muted" }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ a(
+              u,
+              {
+                size: "xs",
+                className: e(
+                  "shrink-0",
+                  t ? "text-destructive" : "text-content-muted"
+                )
+              }
+            ),
+            /* @__PURE__ */ a(
               "p",
               {
-                className: a(
-                  "text-[10px] leading-4 text-navigation-muted",
+                className: e(
+                  "text-[12px] font-medium leading-[18px] text-navigation-muted",
                   t && "text-destructive"
                 ),
-                children: c
+                children: d
               }
             )
           ]
@@ -64,23 +113,23 @@ const f = n.forwardRef(({ className: i, orientation: s = "horizontal", label: d,
     ]
   }
 ));
-f.displayName = r.Root.displayName;
-const x = n.forwardRef(({ className: i, ...s }, d) => /* @__PURE__ */ e(
-  r.Item,
+p.displayName = s.Root.displayName;
+const v = m.forwardRef(({ className: o, ...c }, i) => /* @__PURE__ */ a(
+  s.Item,
   {
-    ref: d,
-    className: a(
+    ref: i,
+    className: e(
       "aspect-square h-4 w-4 rounded-full border border-stroke-field bg-canvas-elevated text-brand shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:border-stroke data-[state=checked]:border-brand hover:border-brand",
       "group-data-[error=true]:border-destructive group-data-[error=true]:data-[state=checked]:border-destructive group-data-[error=true]:text-destructive",
-      i
+      o
     ),
     "data-component": "radio-group-item",
-    ...s,
-    children: /* @__PURE__ */ e(r.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-2.5 w-2.5 rounded-full bg-current peer-disabled:bg-canvas-accordion" }) })
+    ...c,
+    children: /* @__PURE__ */ a(s.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "h-2.5 w-2.5 rounded-full bg-current peer-disabled:bg-canvas-accordion" }) })
   }
 ));
-x.displayName = r.Item.displayName;
+v.displayName = s.Item.displayName;
 export {
-  f as RadioGroup,
-  x as RadioGroupItem
+  p as RadioGroup,
+  v as RadioGroupItem
 };