@gearbox-protocol/ui-kit 4.0.0-next.9 → 4.0.1

package/dist/esm/components/loading/loading.js

@@ -1,20 +1,27 @@
-import { jsx as m } from "react/jsx-runtime";
-import { LoadingBar as d } from "../loading-bar/loading-bar.js";
-import { useIntlTyped as p } from "../typed-intl/index.js";
-import { loadingProgress as c } from "../../utils/loading.js";
-function l({
-  data: e,
-  loadingFunction: n = c,
-  message: a,
-  subMessage: t
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { loadingProgress as c } from "./loading-progress.js";
+import { Modal as p } from "../modal/modal.js";
+import { SpinnerLoader as g } from "../spinner-loader/spinner-loader.js";
+import { useIntlTyped as x } from "../typed-intl/index.js";
+function f({
+  data: s,
+  loadingFunction: a = c,
+  message: d,
+  subMessage: i
 }) {
-  const { formatMessage: s } = p(), o = e.length === 0 ? 0 : n(e), i = Number.isFinite(o) ? o : 0, r = a ?? s(
+  const { formatMessage: n } = x(), o = s.length === 0 ? 0 : a(s), l = Number.isFinite(o) ? o : 0, m = d ?? n(
     { messageId: "components.loading.loadingPercent" },
-    { percent: i }
-  ), g = t ?? s({ messageId: "components.loading.wait" });
-  return /* @__PURE__ */ m(d, { message: r, subMessage: g });
+    { percent: l }
+  ), r = i ?? n({ messageId: "components.loading.wait" });
+  return /* @__PURE__ */ e(p, { show: !0, xsCentered: !0, zIndexLayer: "LOADING", children: /* @__PURE__ */ t("div", { className: "flex min-h-[120px] w-[250px] flex-col items-center justify-center rounded-md bg-gray-10 p-[16px] text-center", children: [
+    /* @__PURE__ */ e("div", { className: "mb-5", children: /* @__PURE__ */ e(g, {}) }),
+    /* @__PURE__ */ t("div", { className: "flex w-full flex-col gap-0", children: [
+      /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: m }),
+      r !== "" && /* @__PURE__ */ e("span", { className: "text-sm text-secondary-foreground", children: r })
+    ] })
+  ] }) });
 }
-l.displayName = "Loading";
+f.displayName = "Loading";
 export {
-  l as Loading
+  f as Loading
 };

package/dist/esm/components/markdown-text/index.js

@@ -0,0 +1,4 @@
+import { MarkdownText as e } from "./markdown-text.js";
+export {
+  e as MarkdownText
+};

package/dist/esm/components/markdown-text/markdown-text.js

@@ -0,0 +1,64 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as s } from "react";
+import a from "react-markdown";
+import l from "remark-gfm";
+import { cn as d } from "../../utils/cn.js";
+import "@gearbox-protocol/sdk/onchain";
+import "../../utils/z-index.js";
+const n = {
+  h1: ({ children: e }) => /* @__PURE__ */ t("h1", { className: "mb-2 mt-3 text-base font-semibold text-foreground first:mt-0", children: e }),
+  h2: ({ children: e }) => /* @__PURE__ */ t("h2", { className: "mb-2 mt-3 text-sm font-semibold text-foreground first:mt-0", children: e }),
+  h3: ({ children: e }) => /* @__PURE__ */ t("h3", { className: "mb-1 mt-2 text-sm font-medium text-foreground first:mt-0", children: e }),
+  h4: ({ children: e }) => /* @__PURE__ */ t("h4", { className: "mb-1 mt-2 text-sm font-medium text-foreground first:mt-0", children: e }),
+  h5: ({ children: e }) => /* @__PURE__ */ t("h5", { className: "mb-1 mt-2 text-xs font-medium text-foreground first:mt-0", children: e }),
+  h6: ({ children: e }) => /* @__PURE__ */ t("h6", { className: "mb-1 mt-2 text-xs font-medium text-muted-foreground first:mt-0", children: e }),
+  p: ({ children: e }) => /* @__PURE__ */ t("p", { className: "mb-2 text-sm leading-relaxed text-foreground last:mb-0", children: e }),
+  ul: ({ children: e }) => /* @__PURE__ */ t("ul", { className: "mb-2 list-disc space-y-1 pl-5 text-sm text-foreground last:mb-0", children: e }),
+  ol: ({ children: e }) => /* @__PURE__ */ t("ol", { className: "mb-2 list-decimal space-y-1 pl-5 text-sm text-foreground last:mb-0", children: e }),
+  li: ({ children: e }) => /* @__PURE__ */ t("li", { className: "leading-relaxed", children: e }),
+  a: ({ href: e, children: o }) => /* @__PURE__ */ t(
+    "a",
+    {
+      href: e,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "text-primary underline underline-offset-2 hover:opacity-80",
+      children: o
+    }
+  ),
+  strong: ({ children: e }) => /* @__PURE__ */ t("strong", { className: "font-semibold text-foreground", children: e }),
+  em: ({ children: e }) => /* @__PURE__ */ t("em", { className: "italic", children: e }),
+  code: ({ className: e, children: o }) => e?.includes("language-") ? /* @__PURE__ */ t("code", { className: "block font-mono text-xs text-foreground", children: o }) : /* @__PURE__ */ t("code", { className: "rounded bg-muted/80 px-1 py-0.5 font-mono text-xs text-foreground", children: o }),
+  pre: ({ children: e }) => /* @__PURE__ */ t("pre", { className: "mb-2 overflow-x-auto rounded-md border border-border bg-muted/60 p-2 text-xs last:mb-0", children: e }),
+  blockquote: ({ children: e }) => /* @__PURE__ */ t("blockquote", { className: "mb-2 border-l-2 border-border pl-3 text-sm text-muted-foreground last:mb-0", children: e }),
+  hr: () => /* @__PURE__ */ t("hr", { className: "my-3 border-border" }),
+  // GFM tables (enabled via remark-gfm). Wrap in a horizontal scroller so wide
+  // tables don't overflow the chat bubble.
+  table: ({ children: e }) => /* @__PURE__ */ t("div", { className: "mb-2 overflow-x-auto last:mb-0", children: /* @__PURE__ */ t("table", { className: "w-full border-collapse text-sm text-foreground", children: e }) }),
+  thead: ({ children: e }) => /* @__PURE__ */ t("thead", { children: e }),
+  tbody: ({ children: e }) => /* @__PURE__ */ t("tbody", { children: e }),
+  tr: ({ children: e }) => /* @__PURE__ */ t("tr", { className: "border-b border-border last:border-0", children: e }),
+  th: ({ children: e }) => /* @__PURE__ */ t("th", { className: "px-3 py-1.5 text-left align-top font-semibold text-foreground", children: e }),
+  td: ({ children: e }) => /* @__PURE__ */ t("td", { className: "px-3 py-1.5 align-top text-muted-foreground", children: e })
+};
+function c(e) {
+  const o = /(?<![\]([<])(https?:\/\/[^\s<>()[\]]+[^\s<>()[\].,;:!?'"])/g;
+  return e.replace(o, (r) => `[${r}](${r})`);
+}
+const N = s(function({
+  content: o,
+  className: r
+}) {
+  const m = c(o);
+  return /* @__PURE__ */ t("div", { className: d("min-w-0 text-sm", r), children: /* @__PURE__ */ t(
+    a,
+    {
+      remarkPlugins: [l],
+      components: n,
+      children: m
+    }
+  ) });
+});
+export {
+  N as MarkdownText
+};

package/dist/esm/components/modal/modal.js

@@ -1,26 +1,21 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-dialog";
-import { cva as D } from "class-variance-authority";
-import * as i from "react";
-import "@gearbox-protocol/sdk/common-utils";
-import { useIsMobile as M } from "../../hooks/use-media-query.js";
-import "@gearbox-protocol/sdk";
-import { cn as o } from "../../utils/cn.js";
-import "sonner";
-import "luxon";
-import { Z_INDEX as O, Z_INDEX_VALUES as N } from "../../utils/z-index.js";
+import { cva as k } from "class-variance-authority";
+import * as s from "react";
+import { useIsMobile as D } from "../../hooks/use-media-query.js";
+import { cn as r } from "../../utils/cn.js";
+import "@gearbox-protocol/sdk/onchain";
+import { Z_INDEX as N } from "../../utils/z-index.js";
+import { Z_INDEX_VALUES as O } from "../../utils/internal/z-index-values.js";
 const u = "gb-modal-open";
 let n = 0;
-const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] before:opacity-40", L = D("", {
+const _ = k("", {
   variants: {
     colorTheme: {
       default: "bg-black/30",
-      dark: "bg-black",
       "dark-transparent": "bg-black/85"
     },
     backdrop: {
-      success: `${b} before:bg-[linear-gradient(180deg,rgba(146,255,176,0.85)_0%,rgba(146,255,176,0)_50%)]`,
-      failure: `${b} before:bg-[linear-gradient(180deg,rgba(255,61,64,0.85)_0%,rgba(255,61,64,0)_50%)]`,
       default: ""
     }
   },
@@ -28,40 +23,40 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
     colorTheme: "default",
     backdrop: "default"
   }
-}), w = i.forwardRef(
+}), L = s.forwardRef(
   ({
-    show: r = !0,
-    colorTheme: g = "default",
-    backdrop: p = "default",
-    xsCentered: v = !1,
-    onClickOutside: s,
-    zIndexLayer: c = "MODAL",
-    className: x,
-    children: y,
+    show: o = !0,
+    colorTheme: p = "default",
+    backdrop: g = "default",
+    xsCentered: b = !1,
+    onClickOutside: i,
+    zIndexLayer: d = "MODAL",
+    className: v,
+    children: x,
     ...h
-  }, C) => {
-    const _ = M(), d = O[c], f = { zIndex: N[c] };
-    i.useEffect(() => {
-      if (!(typeof document > "u") && r)
+  }, y) => {
+    const C = D(), c = N[d], f = { zIndex: O[d] };
+    s.useEffect(() => {
+      if (!(typeof document > "u") && o)
         return n += 1, document.body.classList.add(u), () => {
           n = Math.max(0, n - 1), n === 0 && document.body.classList.remove(u);
         };
-    }, [r]);
-    const l = i.useCallback(
+    }, [o]);
+    const l = s.useCallback(
       (e) => {
-        e || s?.();
+        e || i?.();
       },
-      [s]
+      [i]
     );
-    return r ? /* @__PURE__ */ t(a.Root, { open: r, onOpenChange: l, modal: !0, children: /* @__PURE__ */ m(a.Portal, { children: [
+    return o ? /* @__PURE__ */ t(a.Root, { open: o, onOpenChange: l, modal: !0, children: /* @__PURE__ */ m(a.Portal, { children: [
       /* @__PURE__ */ t(
         a.Overlay,
         {
-          className: o(
+          className: r(
             "fixed inset-0",
             "pointer-events-auto",
-            d,
-            L({ colorTheme: g, backdrop: p })
+            c,
+            _({ colorTheme: p, backdrop: g })
           ),
           style: f
         }
@@ -69,7 +64,7 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
       /* @__PURE__ */ t(
         a.Content,
         {
-          className: o("fixed inset-0", "overflow-y-auto", d),
+          className: r("fixed inset-0", "overflow-y-auto", c),
           style: f,
           onPointerDownOutside: (e) => {
             e.detail.originalEvent.target?.closest?.(
@@ -87,7 +82,7 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
           children: /* @__PURE__ */ t(
             "div",
             {
-              className: o(
+              className: r(
                 "min-h-full",
                 "flex flex-col justify-center items-center",
                 "animate-[modalContentShow_225ms_cubic-bezier(0.4,0,0.2,1)]"
@@ -99,19 +94,19 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
               children: /* @__PURE__ */ m(
                 "div",
                 {
-                  ref: C,
-                  className: o(
+                  ref: y,
+                  className: r(
                     "relative",
                     "w-full sm:w-auto",
                     "m-auto py-0 px-0 sm:py-5",
-                    _ && "w-full",
-                    v && "min-h-screen flex flex-nowrap items-center justify-center sm:min-h-0 sm:block",
-                    x
+                    C && "w-full",
+                    b && "min-h-screen flex flex-nowrap items-center justify-center sm:min-h-0 sm:block",
+                    v
                   ),
                   ...h,
                   children: [
                     /* @__PURE__ */ t(a.Title, { className: "sr-only", children: "Modal Window" }),
-                    y
+                    x
                   ]
                 }
               )
@@ -122,7 +117,7 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
     ] }) }) : null;
   }
 );
-w.displayName = "Modal";
+L.displayName = "Modal";
 export {
-  w as Modal
+  L as Modal
 };

package/dist/esm/components/navbar-logo/navbar-logo.js

@@ -1,33 +1,29 @@
-import { jsx as n } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as a } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
+import { jsx as a } from "react/jsx-runtime";
+import { cn as c } from "../../utils/cn.js";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
-function f({
+function p({
   size: o,
   className: t,
   style: i,
-  ...r
+  ...n
 }) {
-  const m = o ? { width: o, height: o } : {};
+  const r = o ? { width: o, height: o } : {};
   return (
     // biome-ignore lint/performance/noImgElement: Universal component that works outside Next.js
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ a(
       "img",
       {
         alt: "Logo",
-        className: a("object-contain", t),
-        style: { ...m, ...i },
+        className: c("object-contain", t),
+        style: { ...r, ...i },
         loading: "lazy",
         decoding: "async",
-        ...r
+        ...n
       }
     )
   );
 }
 export {
-  f as NavBarLogo
+  p as NavBarLogo
 };

package/dist/esm/components/navigation-context/index.js

@@ -1,5 +1,4 @@
-import { NavigationProvider as o, useNavigationAdapter as r } from "./navigation-context.js";
+import { NavigationProvider as i } from "./navigation-provider.js";
 export {
-  o as NavigationProvider,
-  r as useNavigationAdapter
+  i as NavigationProvider
 };

package/dist/esm/components/navigation-context/navigation-context.js

@@ -1,36 +1,25 @@
 import { jsx as e } from "react/jsx-runtime";
-import * as t from "react";
-const i = t.createContext(null);
-function p({
-  Link: o,
-  useLocation: a,
-  useNavigate: n,
-  children: s
-}) {
-  const c = t.useMemo(
-    () => ({ Link: o, useLocation: a, useNavigate: n }),
-    [o, a, n]
-  );
-  return /* @__PURE__ */ e(i.Provider, { value: c, children: s });
-}
-const r = t.forwardRef(
-  ({ to: o, ...a }, n) => /* @__PURE__ */ e("a", { ref: n, href: o, ...a })
+import * as a from "react";
+const r = a.createContext(
+  null
+), n = a.forwardRef(
+  ({ to: o, ...i }, t) => /* @__PURE__ */ e("a", { ref: t, href: o, ...i })
 );
-r.displayName = "FallbackLink";
-const d = {
-  Link: r,
+n.displayName = "FallbackLink";
+const s = {
+  Link: n,
   useLocation: () => typeof window < "u" ? { hash: window.location.hash, pathname: window.location.pathname } : { hash: "", pathname: "/" },
   useNavigate: () => (o) => {
     typeof window < "u" && (window.location.href = o);
   }
 };
-function f() {
-  const o = t.useContext(i);
+function l() {
+  const o = a.useContext(r);
   return o || (process.env.NODE_ENV === "development" && console.warn(
     "NavigationProvider is missing. Wrap your app with <NavigationProvider> or <NextNavigationProvider> (from @gearbox-protocol/ui-kit/next). Falling back to plain <a> links."
-  ), d);
+  ), s);
 }
 export {
-  p as NavigationProvider,
-  f as useNavigationAdapter
+  r as NavigationContext,
+  l as useNavigationAdapter
 };

package/dist/esm/components/navigation-context/navigation-provider.js

@@ -0,0 +1,18 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as a from "react";
+import { NavigationContext as n } from "./navigation-context.js";
+function v({
+  Link: r,
+  useLocation: o,
+  useNavigate: t,
+  children: e
+}) {
+  const i = a.useMemo(
+    () => ({ Link: r, useLocation: o, useNavigate: t }),
+    [r, o, t]
+  );
+  return /* @__PURE__ */ m(n.Provider, { value: i, children: e });
+}
+export {
+  v as NavigationProvider
+};

package/dist/esm/components/network-icon/index.js

@@ -1,6 +1,4 @@
-import { NetworkIcon as t } from "./network-icon.js";
-import { NetworkIndicator as c } from "./network-indicator.js";
+import { NetworkIcon as e } from "./network-icon.js";
 export {
-  t as NetworkIcon,
-  c as NetworkIndicator
+  e as NetworkIcon
 };

package/dist/esm/components/network-icon/network-icon.js

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { RoundedImage as i } from "../rounded-image/rounded-image.js";
 import { SimpleTooltip as d } from "../tooltip/simple-tooltip.js";
 import { cn as g } from "../../utils/cn.js";
-import { getStatic as r } from "../../utils/static.js";
+import { getStatic as r } from "../../utils/internal/static.js";
 const s = r("/chains/allnetworks.svg");
 function h(t) {
   return t ? r(`/chains/${t.toLowerCase()}.svg`) : s;

package/dist/esm/components/no-value/index.js

@@ -0,0 +1,4 @@
+import { NoValue as r } from "./no-value.js";
+export {
+  r as NoValue
+};

package/dist/esm/components/no-value/no-value.js

@@ -0,0 +1,34 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { ValueTest as n } from "../base/values/constants.js";
+import { HelpTip as o } from "../help-tip/help-tip.js";
+import { useIntlTyped as i } from "../typed-intl/index.js";
+const c = "—";
+function u({ reason: r }) {
+  const t = i();
+  if (r === void 0)
+    return /* @__PURE__ */ e(
+      "span",
+      {
+        className: "text-secondary-foreground",
+        "data-testid": n.placeholder,
+        children: c
+      }
+    );
+  const s = t.formatMessage({
+    messageId: "components.value.accruing"
+  });
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      className: "inline-flex items-center leading-[0]",
+      "data-testid": n.accruing,
+      children: [
+        /* @__PURE__ */ e(o, { iconSize: 18, children: s }),
+        /* @__PURE__ */ e("span", { className: "sr-only", children: s })
+      ]
+    }
+  );
+}
+export {
+  u as NoValue
+};

package/dist/esm/components/points-icon/points-icon.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import * as f from "react";
 import { RoundedImage as l } from "../rounded-image/rounded-image.js";
-import { buildStaticUrl as d } from "../../utils/static.js";
+import { buildStaticUrl as d } from "../../utils/internal/static.js";
 const g = f.forwardRef(
   ({
     reward: t,

package/dist/esm/components/pool-points-indicator/pool-points-indicator.js

@@ -1,10 +1,6 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { cn as o } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 const a = {
   primary: "border-primary bg-primary",
@@ -13,49 +9,49 @@ const a = {
   blue: "border-blue-600 bg-blue-600",
   yellow: "border-yellow-600 bg-yellow-600"
 };
-function f({
-  size: r = 24,
+function h({
+  size: e = 24,
   color: n = "primary",
   className: s,
   children: d
 }) {
-  const t = r + 8, l = a[n];
+  const l = e + 8, t = a[n];
   return /* @__PURE__ */ i("div", { className: o("relative inline-block", s), children: [
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       "div",
       {
         className: o(
           "absolute flex items-center justify-center rounded-full border-2",
-          l.split(" ")[0]
+          t.split(" ")[0]
           // border color
         ),
         style: {
           top: -4,
           left: -4,
-          width: t,
-          height: t
+          width: l,
+          height: l
         }
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       "div",
       {
         className: o(
           "absolute flex items-center justify-center rounded-full",
-          l.split(" ")[1]
+          t.split(" ")[1]
         ),
         style: {
-          top: -r / 4,
-          right: -r / 4,
-          width: r * 7 / 12,
-          height: r * 7 / 12,
+          top: -e / 4,
+          right: -e / 4,
+          width: e * 7 / 12,
+          height: e * 7 / 12,
           zIndex: 1
         },
         children: /* @__PURE__ */ i(
           "svg",
           {
-            width: r / 3,
-            height: r / 3,
+            width: e / 3,
+            height: e / 3,
             viewBox: "0 0 8 8",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
@@ -63,8 +59,8 @@ function f({
             role: "img",
             "aria-label": "Pool Points Indicator",
             children: [
-              /* @__PURE__ */ e("title", { children: "Pool Points" }),
-              /* @__PURE__ */ e("path", { d: "M4.5 0L1 4.5h2.5L3 8l3.5-4.5H4L4.5 0z", fill: "currentColor" })
+              /* @__PURE__ */ r("title", { children: "Pool Points" }),
+              /* @__PURE__ */ r("path", { d: "M4.5 0L1 4.5h2.5L3 8l3.5-4.5H4L4.5 0z", fill: "currentColor" })
             ]
           }
         )
@@ -74,5 +70,5 @@ function f({
   ] });
 }
 export {
-  f as PoolPointsIndicator
+  h as PoolPointsIndicator
 };

package/dist/esm/components/radio-group/index.js

@@ -0,0 +1,5 @@
+import { RadioGroup as p, RadioGroupItem as a } from "./radio-group.js";
+export {
+  p as RadioGroup,
+  a as RadioGroupItem
+};

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

@@ -0,0 +1,54 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-radio-group";
+import { cva as n } from "class-variance-authority";
+import * as t from "react";
+import { cn as s } from "../../utils/cn.js";
+import "@gearbox-protocol/sdk/onchain";
+import "../../utils/z-index.js";
+const l = n("", {
+  variants: {
+    size: {
+      md: "h-4 w-4",
+      lg: "h-5 w-5"
+    },
+    color: {
+      primary: "border-primary",
+      secondary: "border-gray-50 data-[state=checked]:border-primary"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+}), c = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ i(r.Root, { ref: a, className: s(e), ...o }));
+c.displayName = r.Root.displayName;
+const p = t.forwardRef(({ className: e, color: o, size: a, ...d }, m) => /* @__PURE__ */ i(
+  r.Item,
+  {
+    ref: m,
+    className: s(
+      "group relative shrink-0 rounded-full border shadow cursor-pointer transition-colors flex items-center justify-center",
+      "data-[state=checked]:border-primary",
+      "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+      l({ size: a, color: o }),
+      "disabled:cursor-not-allowed disabled:bg-gray-20 disabled:border-gray-50",
+      e
+    ),
+    ...d,
+    children: /* @__PURE__ */ i(
+      r.Indicator,
+      {
+        className: s(
+          "pointer-events-none flex items-center justify-center",
+          "size-2 rounded-full bg-primary",
+          "group-disabled:bg-gray-50"
+        )
+      }
+    )
+  }
+));
+p.displayName = r.Item.displayName;
+export {
+  c as RadioGroup,
+  p as RadioGroupItem
+};