impact-nova 0.1.13 → 1.0.0

package/dist/components/ui/notification-panel/notification-list.js

@@ -1,42 +1,42 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import d, { useRef as p, useEffect as x } from "react";
-import { cn as i } from "../../../lib/utils.js";
+import { cn as n } from "../../../lib/utils.js";
 import { Loader2 as h } from "lucide-react";
 import { MulticolorBell as b } from "../../../icons/index.js";
-const E = ({ className: r, ...t }) => /* @__PURE__ */ o("div", { className: i("flex flex-col gap-4 items-center justify-center h-full text-center p-8", r), ...t, children: [
+const E = ({ className: t, ...r }) => /* @__PURE__ */ i("div", { className: n("flex flex-col gap-4 items-center justify-center h-full text-center p-8", t), ...r, children: [
   /* @__PURE__ */ e(b, { size: 72 }),
-  /* @__PURE__ */ o("div", { children: [
+  /* @__PURE__ */ i("div", { children: [
     /* @__PURE__ */ e("h3", { className: "text-xl font-bold text-[#0d152c]", children: "Everything looks quiet for now" }),
     /* @__PURE__ */ e("p", { className: "text-sm  text-[#7a8294]", children: "We'll notify you when something new comes up" })
   ] })
 ] }), j = ({
-  children: r,
-  className: t,
-  onLoadMore: l,
+  children: t,
+  className: r,
+  onLoadMore: o,
   isLoading: c,
-  hasMore: n,
-  loader: a,
+  hasMore: s,
+  loader: u,
   emptyState: f
 }) => {
-  const s = p(null);
+  const l = p(null);
   return x(() => {
-    const u = new IntersectionObserver(
+    const a = new IntersectionObserver(
       (m) => {
-        m[0].isIntersecting && n && !c && l && l();
+        m[0].isIntersecting && s && !c && o && o();
       },
       { threshold: 0.1 }
     );
-    return s.current && u.observe(s.current), () => {
-      s.current && u.unobserve(s.current);
+    return l.current && a.observe(l.current), () => {
+      l.current && a.unobserve(l.current);
     };
-  }, [n, c, l]), d.Children.count(r) === 0 && !c && f ? /* @__PURE__ */ e("div", { className: "h-full w-full", children: f }) : /* @__PURE__ */ o("div", { className: i("flex flex-1 flex-col overflow-y-auto min-h-0", t), children: [
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 p-2", children: r }),
-    /* @__PURE__ */ e("div", { ref: s, className: "h-4 w-full flex-shrink-0" }),
-    c && /* @__PURE__ */ e("div", { className: "flex justify-center p-4", children: a || /* @__PURE__ */ e(h, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })
+  }, [s, c, o]), d.Children.count(t) === 0 && !c && f ? /* @__PURE__ */ e("div", { className: "h-full w-full", children: f }) : /* @__PURE__ */ i("div", { className: n("flex flex-1 flex-col overflow-y-auto min-h-0", r), children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 p-2", children: t }),
+    /* @__PURE__ */ e("div", { ref: l, className: "h-4 w-full flex-shrink-0" }),
+    c && /* @__PURE__ */ e("div", { className: "flex justify-center p-4", children: u || /* @__PURE__ */ e(h, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })
   ] });
-}, z = ({ label: r, children: t, className: l }) => /* @__PURE__ */ o("div", { className: i("flex flex-col", l), children: [
-  /* @__PURE__ */ e("div", { className: "sticky top-0 z-10 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 px-4 py-2 text-sm font-medium text-muted-foreground border-b border-border/50", children: r }),
-  /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 p-2", children: t })
+}, z = ({ label: t, children: r, className: o }) => /* @__PURE__ */ i("div", { "data-component": "notification-group", className: n("flex flex-col", o), children: [
+  /* @__PURE__ */ e("div", { "data-component": "notification-group-label", className: "sticky top-0 z-10 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 px-4 py-2 text-sm font-medium text-muted-foreground border-b border-border/50", children: t }),
+  /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 p-2", children: r })
 ] });
 export {
   E as NotificationEmpty,

package/dist/components/ui/notification-panel/notification-panel.js

@@ -1,51 +1,51 @@
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { useContext as f, createContext as d } from "react";
-import { Sheet as m, SheetContent as h, SheetDescription as x, SheetTitle as u, SheetClose as N } from "../sheet.js";
-import { Button as p } from "../button.js";
+import { useContext as d, createContext as f } from "react";
+import { Sheet as m, SheetContent as h, SheetDescription as p, SheetTitle as x, SheetClose as u } from "../sheet.js";
+import { Button as N } from "../button.js";
 import { Bell as w, X as b } from "lucide-react";
-import { cn as r } from "../../../lib/utils.js";
-const l = d(null), S = () => {
-  const e = f(l);
+import { cn as a } from "../../../lib/utils.js";
+const l = f(null), S = () => {
+  const e = d(l);
   if (!e)
     throw new Error("useNotificationContext must be used within a NotificationPanel");
   return e;
 }, D = ({
   open: e,
-  onOpenChange: i,
-  children: n,
-  className: c,
-  preventClose: a = !1
+  onOpenChange: n,
+  children: i,
+  className: s,
+  preventClose: c = !1
 }) => /* @__PURE__ */ t(l.Provider, { value: { setPreventClose: () => {
-} }, children: /* @__PURE__ */ t(m, { open: e, onOpenChange: i, children: /* @__PURE__ */ o(
+} }, children: /* @__PURE__ */ t(m, { open: e, onOpenChange: n, children: /* @__PURE__ */ o(
   h,
   {
     side: "right",
-    className: r(
+    className: a(
       "w-full !max-w-[640px] p-0 sm:!max-w-[640px] gap-0 border-l shadow-xl transition-all duration-300 ease-in-out bg-white",
-      c
+      s
     ),
-    onInteractOutside: (s) => {
-      a && s.preventDefault();
+    onInteractOutside: (r) => {
+      c && r.preventDefault();
     },
-    onEscapeKeyDown: (s) => {
-      a && s.preventDefault();
+    onEscapeKeyDown: (r) => {
+      c && r.preventDefault();
     },
     children: [
-      /* @__PURE__ */ t(x, { className: "sr-only", children: "Notifications" }),
-      n
+      /* @__PURE__ */ t(p, { className: "sr-only", children: "Notifications" }),
+      i
     ]
   }
-) }) }), k = ({ children: e, className: i }) => /* @__PURE__ */ t("div", { className: r("flex h-full flex-col bg-white", i), children: e }), B = ({ title: e = "Notifications", children: i, className: n }) => /* @__PURE__ */ o("div", { className: r("flex shrink-0 items-center justify-between border-b px-4 py-3 bg-white", n), children: [
+) }) }), k = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { "data-component": "notification-panel-content", className: a("flex h-full flex-col bg-white", n), children: e }), B = ({ title: e = "Notifications", children: n, className: i }) => /* @__PURE__ */ o("div", { "data-component": "notification-panel-header", className: a("flex shrink-0 items-center justify-between border-b px-4 py-3 bg-white", i), children: [
   /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
     /* @__PURE__ */ t("div", { className: "flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ t(w, { className: "h-5 w-5 text-gray-500" }) }),
-    typeof e == "string" ? /* @__PURE__ */ t(u, { className: "text-lg font-bold text-[#1f2b4d]", children: e }) : e
+    typeof e == "string" ? /* @__PURE__ */ t(x, { className: "text-lg font-bold text-[#1f2b4d]", children: e }) : e
   ] }),
   /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-    i,
-    /* @__PURE__ */ t(N, { asChild: !0, children: /* @__PURE__ */ t(p, { variant: "secondary", size: "icon", children: /* @__PURE__ */ t(b, { className: "h-4 w-4" }) }) })
+    n,
+    /* @__PURE__ */ t(u, { asChild: !0, children: /* @__PURE__ */ t(N, { variant: "secondary", size: "icon", "aria-label": "Close", "data-component": "notification-panel-close", children: /* @__PURE__ */ t(b, { className: "h-4 w-4" }) }) })
   ] })
-] }), E = ({ children: e, className: i }) => /* @__PURE__ */ t("div", { className: r("flex flex-1 flex-col overflow-hidden bg-background", i), children: e }), z = ({ children: e, className: i, leftAction: n }) => /* @__PURE__ */ o("div", { className: r("flex items-center justify-between border-t p-4 bg-white shrink-0 mt-auto shadow-md", i), children: [
-  /* @__PURE__ */ t("div", { children: n }),
+] }), E = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { "data-component": "notification-panel-body", className: a("flex flex-1 flex-col overflow-hidden bg-background", n), children: e }), z = ({ children: e, className: n, leftAction: i }) => /* @__PURE__ */ o("div", { "data-component": "notification-panel-footer", className: a("flex items-center justify-between border-t p-4 bg-white shrink-0 mt-auto shadow-md", n), children: [
+  /* @__PURE__ */ t("div", { children: i }),
   /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: e })
 ] });
 export {

package/dist/components/ui/popover.js

@@ -1,74 +1,77 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import * as n from "react";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import * as d from "react";
 import * as a from "@radix-ui/react-popover";
-import { X as p } from "lucide-react";
-import { cn as r } from "../../lib/utils.js";
-const P = a.Root, u = a.Trigger, b = a.Anchor, m = n.forwardRef(({ className: o, align: e = "center", sideOffset: s = 4, ...d }, l) => /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(
+import { X as l } from "lucide-react";
+import { cn as n } from "../../lib/utils.js";
+const P = a.Root, u = a.Trigger, b = a.Anchor, m = d.forwardRef(({ className: e, align: o = "center", sideOffset: r = 4, ...i }, p) => /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(
   a.Content,
   {
-    ref: l,
-    align: e,
-    sideOffset: s,
-    className: r(
-      "z-[200] min-w-[240px] rounded-xl border bg-popover p-3 text-popover-foreground shadow-md outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
-      o
+    ref: p,
+    align: o,
+    sideOffset: r,
+    "data-component": "popover-content",
+    className: n(
+      "z-50 min-w-[240px] rounded-xl border bg-popover p-3 text-popover-foreground shadow-md outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+      e
     ),
-    ...d
+    ...i
   }
 ) }));
 m.displayName = a.Content.displayName;
 const c = ({
-  className: o,
-  ...e
+  className: e,
+  ...o
 }) => /* @__PURE__ */ t(
   "div",
   {
-    className: r("flex items-center justify-between gap-4 mb-3", o),
-    ...e
+    className: n("flex items-center justify-between gap-4 mb-3", e),
+    ...o
   }
 );
 c.displayName = "PopoverHeader";
 const f = ({
-  className: o,
-  ...e
+  className: e,
+  ...o
 }) => /* @__PURE__ */ t(
   "h3",
   {
-    className: r(
+    "data-component": "popover-title",
+    className: n(
       "text-[16px] font-extrabold leading-none text-[#1f2b4d]",
-      o
+      e
     ),
-    ...e
+    ...o
   }
 );
 f.displayName = "PopoverTitle";
-const v = n.forwardRef(({ className: o, ...e }, s) => /* @__PURE__ */ i(
+const v = d.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ s(
   a.Close,
   {
-    ref: s,
-    className: r(
+    ref: r,
+    "data-component": "popover-close",
+    className: n(
       "rounded-sm opacity-70 transition-opacity hover:opacity-100 outline-none focus:ring-0 disabled:pointer-events-none",
-      o
+      e
     ),
-    ...e,
+    ...o,
     children: [
-      /* @__PURE__ */ t(p, { className: "h-4 w-4 text-[#60697d]" }),
+      /* @__PURE__ */ t(l, { className: "h-4 w-4 text-[#60697d]" }),
       /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
     ]
   }
 ));
 v.displayName = a.Close.displayName;
 const x = ({
-  className: o,
-  ...e
-}) => /* @__PURE__ */ t("div", { className: r("text-sm", o), ...e });
+  className: e,
+  ...o
+}) => /* @__PURE__ */ t("div", { className: n("text-sm", e), ...o });
 x.displayName = "PopoverBody";
 const N = ({
-  className: o,
-  ...e
-}) => /* @__PURE__ */ i("div", { className: r("mt-4 flex flex-col gap-3", o), ...e, children: [
+  className: e,
+  ...o
+}) => /* @__PURE__ */ s("div", { className: n("mt-4 flex flex-col gap-3", e), ...o, children: [
   /* @__PURE__ */ t("div", { className: "h-[1px] w-full bg-[#f0f2f5]" }),
-  /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: e.children })
+  /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: o.children })
 ] });
 N.displayName = "PopoverFooter";
 export {

package/dist/components/ui/progress.js

@@ -1,10 +1,10 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import * as u from "react";
+import * as n from "react";
 import * as c from "@radix-ui/react-progress";
 import { cn as d } from "../../lib/utils.js";
-const g = u.forwardRef(
-  ({ className: m, value: r, variant: e = "default", label: s, time: t, ...i }, n) => {
-    const l = u.useMemo(() => {
+const a = n.forwardRef(
+  ({ className: u, value: r, variant: e = "default", label: s, time: t, ...m }, i) => {
+    const l = n.useMemo(() => {
       if (s === !1 || s === null) return null;
       if (s && typeof s != "boolean") return s;
       if (e === "success") return "Completed";
@@ -12,10 +12,11 @@ const g = u.forwardRef(
       const f = `${Math.round(r || 0)}%`;
       return t ? `${f} • ${t} seconds remaining` : f;
     }, [s, e, r, t]);
-    return /* @__PURE__ */ p("div", { className: "w-full", children: [
+    return /* @__PURE__ */ p("div", { className: "w-full", "data-component": "progress", "data-variant": e, children: [
       l && /* @__PURE__ */ o(
         "div",
         {
+          "data-component": "progress-label",
           className: d(
             "text-[12px] font-medium mb-1",
             e === "default" && "text-[#60697d]",
@@ -28,19 +29,20 @@ const g = u.forwardRef(
       /* @__PURE__ */ o(
         c.Root,
         {
-          ref: n,
+          ref: i,
           className: d(
             "relative h-2 w-full overflow-hidden rounded-full",
             e === "default" && "bg-primary/10",
             e === "success" && "bg-green-100",
             e === "destructive" && "bg-red-100",
-            m
+            u
           ),
           value: r,
-          ...i,
+          ...m,
           children: /* @__PURE__ */ o(
             c.Indicator,
             {
+              "data-component": "progress-indicator",
               className: d(
                 "h-full w-full flex-1 transition-all",
                 e === "default" && "bg-[#4259ee]",
@@ -55,7 +57,7 @@ const g = u.forwardRef(
     ] });
   }
 );
-g.displayName = c.Root.displayName;
+a.displayName = c.Root.displayName;
 export {
-  g as Progress
+  a as Progress
 };

package/dist/components/ui/prompt.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import * as k from "react";
 import { cva as P } from "class-variance-authority";
 import { Info as T, CheckCircle2 as V, AlertTriangle as R, Trash2 as A } from "lucide-react";
@@ -21,16 +21,16 @@ const U = P("", {
 }), G = k.forwardRef(
   ({
     open: f,
-    onOpenChange: l,
+    onOpenChange: c,
     title: d,
-    description: c,
+    description: l,
     confirmLabel: m = "Confirm",
-    cancelLabel: u = "Cancel",
-    onConfirm: x,
-    onCancel: p,
+    cancelLabel: p = "Cancel",
+    onConfirm: u,
+    onCancel: x,
     confirmVariant: b,
     cancelVariant: h = "secondary",
-    variant: t = "default",
+    variant: e = "default",
     showClose: g = !0,
     preventOutsideClick: w = !1,
     footer: a,
@@ -39,11 +39,11 @@ const U = P("", {
     ...C
   }, D) => {
     const v = () => {
-      x?.(), l?.(!1);
+      u?.(), c?.(!1);
     }, y = () => {
-      p?.(), l?.(!1);
-    }, s = t !== "default", j = b || (t === "destructive" ? "destructive" : "default");
-    return /* @__PURE__ */ e(B, { open: f, onOpenChange: l, ...C, children: /* @__PURE__ */ i(
+      x?.(), c?.(!1);
+    }, s = e !== "default", j = b || (e === "destructive" ? "destructive" : "default");
+    return /* @__PURE__ */ t(B, { open: f, onOpenChange: c, ...C, children: /* @__PURE__ */ i(
       F,
       {
         ref: D,
@@ -57,22 +57,24 @@ const U = P("", {
           s && "flex flex-col items-center p-6 pt-10 text-center",
           N
         ),
+        "data-component": "prompt",
+        "data-variant": e,
         children: [
           s && /* @__PURE__ */ i(
             "div",
             {
               className: r(
                 "mb-4 flex h-12 w-12 items-center justify-center rounded-xl",
-                t === "info" && "bg-[#eceefd] text-[#4259ee]",
-                t === "success" && "bg-[#ebf7f1] text-[#10b981]",
-                t === "warning" && "bg-[#f6ebbf] text-[#d97706]",
-                t === "destructive" && "bg-[#fceeee] text-[#ef4444]"
+                e === "info" && "bg-[#eceefd] text-[#4259ee]",
+                e === "success" && "bg-[#ebf7f1] text-[#10b981]",
+                e === "warning" && "bg-[#f6ebbf] text-[#d97706]",
+                e === "destructive" && "bg-[#fceeee] text-[#ef4444]"
               ),
               children: [
-                t === "info" && /* @__PURE__ */ e(T, { size: 24 }),
-                t === "success" && /* @__PURE__ */ e(V, { size: 24 }),
-                t === "warning" && /* @__PURE__ */ e(R, { size: 24 }),
-                t === "destructive" && /* @__PURE__ */ e(A, { size: 24 })
+                e === "info" && /* @__PURE__ */ t(T, { size: 24 }),
+                e === "success" && /* @__PURE__ */ t(V, { size: 24 }),
+                e === "warning" && /* @__PURE__ */ t(R, { size: 24 }),
+                e === "destructive" && /* @__PURE__ */ t(A, { size: 24 })
               ]
             }
           ),
@@ -81,7 +83,7 @@ const U = P("", {
             {
               className: r(s && "mb-6 space-y-2 items-center bg-white border-none"),
               children: [
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   I,
                   {
                     className: r(
@@ -90,34 +92,34 @@ const U = P("", {
                     children: d
                   }
                 ),
-                c && /* @__PURE__ */ e(
+                l && /* @__PURE__ */ t(
                   q,
                   {
                     className: r(s && "text-sm text-[#60697d]"),
-                    children: c
+                    children: l
                   }
                 )
               ]
             }
           ),
-          o && /* @__PURE__ */ e("div", { className: r("w-full py-4", s && "text-center"), children: o }),
-          a ? /* @__PURE__ */ e("div", { className: "w-full", children: a }) : /* @__PURE__ */ i(
+          o && /* @__PURE__ */ t("div", { className: r("w-full py-4", s && "text-center"), children: o }),
+          a ? /* @__PURE__ */ t("div", { className: "w-full", children: a }) : /* @__PURE__ */ i(
             E,
             {
               className: r(
                 s && "mt-6 flex flex-row justify-center gap-3 w-full sm:justify-center px-0 pb-0"
               ),
               children: [
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   n,
                   {
                     variant: h,
                     onClick: y,
                     className: r(s && "h-10 px-6"),
-                    children: u
+                    children: p
                   }
                 ),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   n,
                   {
                     variant: j,

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

@@ -1,62 +1,71 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import * as m from "react";
+import * as n from "react";
 import * as a from "@radix-ui/react-radio-group";
-import { cn as r } from "../../lib/utils.js";
+import { cn as t } from "../../lib/utils.js";
 import { Info as p } from "../../icons/index.js";
-const b = m.forwardRef(({ className: o, orientation: i = "horizontal", label: d, helperText: c, isError: t, required: n, ...l }, u) => /* @__PURE__ */ s("div", { className: r("grid gap-1.5", o), children: [
-  d && /* @__PURE__ */ s(
-    "label",
-    {
-      className: r(
-        "text-xs font-medium leading-[18px] text-[#60697d]",
-        // Exact legacy color
-        l.disabled && "opacity-70",
-        t && "text-destructive"
+const b = n.forwardRef(({ className: o, orientation: i = "horizontal", label: d, helperText: c, isError: r, required: m, ...l }, u) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: t("grid gap-1.5", o),
+    "data-component": "radio-group",
+    "data-invalid": r || void 0,
+    children: [
+      d && /* @__PURE__ */ s(
+        "label",
+        {
+          className: t(
+            "text-xs font-medium leading-[18px] text-[#60697d]",
+            // Exact legacy color
+            l.disabled && "opacity-70",
+            r && "text-destructive"
+          ),
+          children: [
+            d,
+            " ",
+            m && /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
+          ]
+        }
       ),
-      children: [
-        d,
-        " ",
-        n && /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
-      ]
-    }
-  ),
-  /* @__PURE__ */ e(
-    a.Root,
-    {
-      className: r(
-        "flex gap-4 group",
-        i === "vertical" && "flex-col gap-2"
+      /* @__PURE__ */ e(
+        a.Root,
+        {
+          className: t(
+            "flex gap-4 group",
+            i === "vertical" && "flex-col gap-2"
+          ),
+          "data-error": r,
+          ...l,
+          ref: u
+        }
       ),
-      "data-error": t,
-      ...l,
-      ref: u
-    }
-  ),
-  c && /* @__PURE__ */ s("div", { className: r("flex items-center gap-1", t && "text-destructive"), children: [
-    !t && /* @__PURE__ */ e(p, { size: 10, className: "shrink-0 text-muted-foreground" }),
-    /* @__PURE__ */ e(
-      "p",
-      {
-        className: r(
-          "text-[10px] text-[#7a8294]",
-          // Exact legacy color
-          t && "text-destructive"
-        ),
-        children: c
-      }
-    )
-  ] })
-] }));
+      c && /* @__PURE__ */ s("div", { className: t("flex items-center gap-1", r && "text-destructive"), children: [
+        !r && /* @__PURE__ */ e(p, { size: 10, className: "shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: t(
+              "text-[10px] text-[#7a8294]",
+              // Exact legacy color
+              r && "text-destructive"
+            ),
+            children: c
+          }
+        )
+      ] })
+    ]
+  }
+));
 b.displayName = a.Root.displayName;
-const f = m.forwardRef(({ className: o, ...i }, d) => /* @__PURE__ */ e(
+const f = n.forwardRef(({ className: o, ...i }, d) => /* @__PURE__ */ e(
   a.Item,
   {
     ref: d,
-    className: r(
+    className: t(
       "aspect-square h-4 w-4 rounded-full border border-tertiary-border bg-white text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-disabled-secondary-bg disabled:border-border data-[state=checked]:border-primary hover:border-primary",
       "group-data-[error=true]:border-destructive group-data-[error=true]:data-[state=checked]:border-destructive group-data-[error=true]:text-destructive",
       o
     ),
+    "data-component": "radio-group-item",
     ...i,
     children: /* @__PURE__ */ e(a.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-accordion-bg" }) })
   }

package/dist/components/ui/select/components/Submenu.d.ts

@@ -2,7 +2,6 @@ import { Option } from '../../types/select.types';
 import { FlatOption } from '../hooks/useFlattenOptions';
 interface SubmenuProps {
     parentOption: FlatOption | Option;
-    parentRect: DOMRect;
     isMulti: boolean;
     isReadOnly: boolean;
     isSelected: (option: Option) => boolean;
@@ -11,5 +10,5 @@ interface SubmenuProps {
     handleSelect: (option: Option) => void;
     id?: string;
 }
-declare const Submenu: ({ parentOption, parentRect, isMulti, isReadOnly, isSelected, getIndeterminateState, getSelectedCount, handleSelect, id, }: SubmenuProps) => import('react').ReactPortal;
+declare const Submenu: ({ parentOption, isMulti, isReadOnly, isSelected, getIndeterminateState, getSelectedCount, handleSelect, id, }: SubmenuProps) => import("react/jsx-runtime").JSX.Element;
 export default Submenu;