@alfadocs/ui-kit 0.1.8 → 0.1.10

package/dist/_chunks/{radio-cs8N1wJi.js → radio-DvF59ThA.js}

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as a } from "react/jsx-runtime";
 import { useContext as N, createContext as C, forwardRef as j, useId as R, useRef as I, useEffect as k } from "react";
-import * as m from "@radix-ui/react-radio-group";
+import * as u from "@radix-ui/react-radio-group";
 import { c as w } from "./index-D2ZczOXr.js";
 import { T as G } from "./tooltip-DHik5yRI.js";
 const F = C(null);
@@ -42,31 +42,32 @@ const T = w(
     disabled: e,
     disabledReason: i,
     description: n,
-    id: u,
+    id: p,
     className: f,
-    value: p,
+    value: c,
     ...g
   }, b) => {
-    const v = R(), r = u ?? v, d = S(), h = (d == null ? void 0 : d.variant) === "card";
+    const h = R(), r = p ?? h, d = S(), v = (d == null ? void 0 : d.variant) === "card";
     I(!1), k(() => {
     }, [d]);
     const x = [
       "ds:rounded-full ds:bg-primary",
       V[o],
       "ds:group-data-[disabled]:bg-muted"
-    ].join(" "), c = /* @__PURE__ */ s(
-      m.Item,
+    ].join(" "), l = /* @__PURE__ */ s(
+      u.Item,
       {
         ref: b,
         id: r,
         disabled: e,
         "aria-disabled": e || void 0,
-        value: p,
+        value: c,
         className: T({ size: o, className: f }),
         "data-component": "radio",
+        "data-option-id": c,
         ...g,
         children: /* @__PURE__ */ s(
-          m.Indicator,
+          u.Indicator,
           {
             asChild: !0,
             className: "ds:inline-flex ds:items-center ds:justify-center",
@@ -86,17 +87,17 @@ const T = w(
       "ds:has-[[data-state=checked]]:bg-[color-mix(in_srgb,var(--accent)_5%,transparent)]",
       "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
       e ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
-    ].join(" "), l = h ? /* @__PURE__ */ a("label", { htmlFor: r, className: z, children: [
-      c,
+    ].join(" "), m = v ? /* @__PURE__ */ a("label", { htmlFor: r, className: z, children: [
+      l,
       /* @__PURE__ */ a("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:text-start", children: [
         /* @__PURE__ */ s("span", { className: "type-label ds:text-foreground", children: t }),
         n ? /* @__PURE__ */ s("span", { className: "type-body-sm ds:text-muted-foreground", children: n }) : null
       ] })
     ] }) : /* @__PURE__ */ a("div", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)]", children: [
-      c,
+      l,
       /* @__PURE__ */ s("label", { htmlFor: r, className: y, children: t })
     ] });
-    return e && i ? /* @__PURE__ */ s(G, { label: i, children: l }) : l;
+    return e && i ? /* @__PURE__ */ s(G, { label: i, children: m }) : m;
   }
 );
 _.displayName = "Radio";
@@ -104,4 +105,4 @@ export {
   _ as R,
   F as a
 };
-//# sourceMappingURL=radio-cs8N1wJi.js.map
+//# sourceMappingURL=radio-DvF59ThA.js.map

package/dist/_chunks/radio-DvF59ThA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-DvF59ThA.js","sources":["../../src/components/radio-group/radio-group-context.ts","../../src/components/radio-group/radio.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type RadioGroupVariant = 'vertical' | 'horizontal' | 'card';\n\nexport interface RadioGroupInternalContextShape {\n  variant: RadioGroupVariant;\n}\n\nexport const RadioGroupInternalContext =\n  createContext<RadioGroupInternalContextShape | null>(null);\n\nexport function useRadioGroupContext(): RadioGroupInternalContextShape | null {\n  return useContext(RadioGroupInternalContext);\n}\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport * as RadixRadioGroup from '@radix-ui/react-radio-group';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useRadioGroupContext } from './radio-group-context';\nimport { Tooltip } from '../tooltip';\n\nconst radioVariants = cva(\n  [\n    'ds:group ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:rounded-full',\n    'ds:border ds:border-border ds:bg-background',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:data-[state=checked]:border-primary',\n    'ds:data-[disabled]:border-muted',\n    'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-3.5',\n        md: 'ds:size-4',\n        lg: 'ds:size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst discSizeBySize = {\n  sm: 'ds:size-1.5',\n  md: 'ds:size-2',\n  lg: 'ds:size-2.5',\n} as const;\n\ntype RadixItemProps = ComponentPropsWithoutRef<typeof RadixRadioGroup.Item>;\n\nexport interface RadioProps\n  extends Omit<RadixItemProps, 'children'>,\n    VariantProps<typeof radioVariants> {\n  label: string;\n  size?: 'sm' | 'md' | 'lg';\n  disabledReason?: string;\n  description?: string;\n}\n\nexport const Radio = forwardRef<HTMLButtonElement, RadioProps>(\n  (\n    {\n      label,\n      size = 'md',\n      disabled,\n      disabledReason,\n      description,\n      id,\n      className,\n      value,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id ?? generatedId;\n    const ctx = useRadioGroupContext();\n    const isCard = ctx?.variant === 'card';\n\n    const warnedRef = useRef(false);\n    useEffect(() => {\n      if (import.meta.env.DEV && !ctx && !warnedRef.current) {\n        warnedRef.current = true;\n        console.warn(\n          '<Radio> rendered without a <RadioGroup> ancestor. A lone radio is rarely meaningful — use <Checkbox> for a single on/off choice.',\n        );\n      }\n    }, [ctx]);\n\n    const discClasses = [\n      'ds:rounded-full ds:bg-primary',\n      discSizeBySize[size],\n      'ds:group-data-[disabled]:bg-muted',\n    ].join(' ');\n\n    const item = (\n      <RadixRadioGroup.Item\n        ref={ref}\n        id={radioId}\n        disabled={disabled}\n        aria-disabled={disabled || undefined}\n        value={value as string}\n        className={radioVariants({ size, className })}\n        data-component=\"radio\"\n        data-option-id={value as string}\n        {...props}\n      >\n        <RadixRadioGroup.Indicator\n          asChild\n          className=\"ds:inline-flex ds:items-center ds:justify-center\"\n        >\n          <span aria-hidden=\"true\" className={discClasses} />\n        </RadixRadioGroup.Indicator>\n      </RadixRadioGroup.Item>\n    );\n\n    const labelClasses = [\n      'type-label ds:text-foreground ds:select-none',\n      disabled ? 'ds:cursor-not-allowed ds:opacity-50' : 'ds:cursor-pointer',\n    ].join(' ');\n\n    const cardClasses = [\n      'ds:flex ds:items-start ds:gap-[var(--spacing-md)]',\n      'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n      'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-md)]',\n      'ds:min-h-[var(--min-target-size)]',\n      'ds:has-[[data-state=checked]]:border-ring',\n      'ds:has-[[data-state=checked]]:bg-[color-mix(in_srgb,var(--accent)_5%,transparent)]',\n      'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n      disabled ? 'ds:cursor-not-allowed ds:opacity-50' : 'ds:cursor-pointer',\n    ].join(' ');\n\n    const content = isCard ? (\n      <label htmlFor={radioId} className={cardClasses}>\n        {item}\n        <span className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:text-start\">\n          <span className=\"type-label ds:text-foreground\">{label}</span>\n          {description ? (\n            <span className=\"type-body-sm ds:text-muted-foreground\">{description}</span>\n          ) : null}\n        </span>\n      </label>\n    ) : (\n      <div className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)]\">\n        {item}\n        <label htmlFor={radioId} className={labelClasses}>\n          {label}\n        </label>\n      </div>\n    );\n\n    if (disabled && disabledReason) {\n      return <Tooltip label={disabledReason}>{content}</Tooltip>;\n    }\n\n    return content;\n  },\n);\n\nRadio.displayName = 'Radio';\n"],"names":["RadioGroupInternalContext","createContext","useRadioGroupContext","useContext","radioVariants","cva","discSizeBySize","Radio","forwardRef","label","size","disabled","disabledReason","description","id","className","value","props","ref","generatedId","useId","radioId","ctx","isCard","useRef","useEffect","discClasses","item","jsx","RadixRadioGroup","labelClasses","cardClasses","content","jsxs","Tooltip"],"mappings":";;;;;AAQO,MAAMA,IACXC,EAAqD,IAAI;AAEpD,SAASC,IAA8D;AAC5E,SAAOC,EAAWH,CAAyB;AAC7C;ACDA,MAAMI,IAAgBC;AAAA,EACpB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAaaC,IAAQC;AAAA,EACnB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAcC,EAAA,GACdC,IAAUP,KAAMK,GAChBG,IAAMpB,EAAA,GACNqB,KAASD,KAAA,gBAAAA,EAAK,aAAY;AAEd,IAAAE,EAAO,EAAK,GAC9BC,EAAU,MAAM;AAAA,IAOhB,GAAG,CAACH,CAAG,CAAC;AAER,UAAMI,IAAc;AAAA,MAClB;AAAA,MACApB,EAAeI,CAAI;AAAA,MACnB;AAAA,IAAA,EACA,KAAK,GAAG,GAEJiB,IACJ,gBAAAC;AAAA,MAACC,EAAgB;AAAA,MAAhB;AAAA,QACC,KAAAX;AAAA,QACA,IAAIG;AAAA,QACJ,UAAAV;AAAA,QACA,iBAAeA,KAAY;AAAA,QAC3B,OAAAK;AAAA,QACA,WAAWZ,EAAc,EAAE,MAAAM,GAAM,WAAAK,GAAW;AAAA,QAC5C,kBAAe;AAAA,QACf,kBAAgBC;AAAA,QACf,GAAGC;AAAA,QAEJ,UAAA,gBAAAW;AAAA,UAACC,EAAgB;AAAA,UAAhB;AAAA,YACC,SAAO;AAAA,YACP,WAAU;AAAA,YAEV,4BAAC,QAAA,EAAK,eAAY,QAAO,WAAWH,GAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACnD;AAAA,IAAA,GAIEI,IAAe;AAAA,MACnB;AAAA,MACAnB,IAAW,wCAAwC;AAAA,IAAA,EACnD,KAAK,GAAG,GAEJoB,IAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACApB,IAAW,wCAAwC;AAAA,IAAA,EACnD,KAAK,GAAG,GAEJqB,IAAUT,IACd,gBAAAU,EAAC,WAAM,SAASZ,GAAS,WAAWU,GACjC,UAAA;AAAA,MAAAJ;AAAA,MACD,gBAAAM,EAAC,QAAA,EAAK,WAAU,gEACd,UAAA;AAAA,0BAAC,QAAA,EAAK,WAAU,iCAAiC,UAAAxB,GAAM;AAAA,QACtDI,sBACE,QAAA,EAAK,WAAU,yCAAyC,aAAY,IACnE;AAAA,MAAA,GACN;AAAA,IAAA,EAAA,CACF,IAEA,gBAAAoB,EAAC,OAAA,EAAI,WAAU,+FACZ,UAAA;AAAA,MAAAN;AAAA,wBACA,SAAA,EAAM,SAASN,GAAS,WAAWS,GACjC,UAAArB,EAAA,CACH;AAAA,IAAA,GACF;AAGF,WAAIE,KAAYC,sBACNsB,GAAA,EAAQ,OAAOtB,GAAiB,UAAAoB,GAAQ,IAG3CA;AAAA,EACT;AACF;AAEAzB,EAAM,cAAc;"}

package/dist/_chunks/radio-group-Cz1a4QCA.js

@@ -0,0 +1,152 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as D, useId as T, useMemo as I, useRef as k, useState as q } from "react";
+import * as E from "@radix-ui/react-radio-group";
+import { c as F } from "./index-D2ZczOXr.js";
+import { a as z } from "./radio-DvF59ThA.js";
+import { u as J } from "./use-direction-D6rvvG9G.js";
+import { c as L } from "./compose-refs-C0k0tdqF.js";
+import { u as O } from "./registry-C9nwlNyL.js";
+import { C as Q } from "./circle-alert-ChA9opNA.js";
+const U = {
+  id: "radio-group",
+  capabilities: ["select_single"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.radioGroup.state.value",
+      description: "Currently selected radio value, or empty string when none.",
+      read: (o) => o.getValue()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      descriptionKey: "ui.agent.radioGroup.actions.setValue",
+      description: "Select the radio with the given value.",
+      invoke: (o, t) => {
+        o.setValue(t.value);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "radio-group",
+      description: "Marks the RadioGroup root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-option-id",
+      description: "Stable opaque value emitted on each rendered Radio child."
+    }
+  }
+}, W = F("ds:flex", {
+  variants: {
+    variant: {
+      vertical: "ds:flex-col ds:gap-[var(--spacing-sm)]",
+      horizontal: "ds:flex-row ds:flex-wrap ds:gap-[var(--spacing-md)]",
+      card: "ds:flex-col ds:gap-[var(--spacing-md)]"
+    }
+  },
+  defaultVariants: {
+    variant: "vertical"
+  }
+}), X = D(
+  ({
+    children: o,
+    variant: t = "vertical",
+    label: u,
+    description: n,
+    error: s,
+    required: c,
+    disabled: S,
+    className: j,
+    id: l,
+    value: p,
+    defaultValue: m,
+    onValueChange: a,
+    ...A
+  }, B) => {
+    const v = T(), f = `${v}-description`, g = `${v}-error`, C = [n ? f : null, s ? g : null].filter(Boolean).join(" ") || void 0, P = t === "horizontal" ? "horizontal" : "vertical", h = I(
+      () => ({ variant: t }),
+      [t]
+    ), x = n ? /* @__PURE__ */ e("p", { id: f, className: "type-body-sm ds:text-muted-foreground", children: n }) : null, R = s ? /* @__PURE__ */ d(
+      "p",
+      {
+        id: g,
+        role: "alert",
+        className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
+        children: [
+          /* @__PURE__ */ e(Q, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+          /* @__PURE__ */ e("span", { children: s })
+        ]
+      }
+    ) : null, y = k(null), $ = L(B, y), H = J(y), r = p !== void 0, [K, M] = q(
+      m ?? ""
+    ), N = r ? p ?? "" : K, b = k(N);
+    b.current = N;
+    const G = (i) => {
+      r || M(i), a == null || a(i);
+    }, _ = I(
+      () => ({
+        getValue: () => b.current,
+        setValue: (i) => G(i)
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [r, a]
+    );
+    O(U, _, l);
+    const V = /* @__PURE__ */ e(
+      E.Root,
+      {
+        ref: $,
+        id: l,
+        orientation: P,
+        dir: H,
+        disabled: S,
+        required: c,
+        value: r ? p : void 0,
+        defaultValue: r ? void 0 : m,
+        onValueChange: G,
+        "aria-describedby": C,
+        "aria-invalid": !!s || void 0,
+        "aria-required": c || void 0,
+        className: W({ variant: t, className: j }),
+        "data-component": "radio-group",
+        "data-component-id": l,
+        ...A,
+        children: o
+      }
+    ), w = "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0";
+    return u ? /* @__PURE__ */ e(z.Provider, { value: h, children: /* @__PURE__ */ d("fieldset", { className: `${w} ds:border-0 ds:p-0 ds:m-0`, children: [
+      /* @__PURE__ */ d("legend", { className: "type-label ds:text-foreground ds:p-0", children: [
+        u,
+        c ? /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:text-destructive ds:ms-[var(--spacing-xs)]",
+            children: "*"
+          }
+        ) : null
+      ] }),
+      x,
+      V,
+      R
+    ] }) }) : /* @__PURE__ */ e(z.Provider, { value: h, children: /* @__PURE__ */ d("div", { className: w, children: [
+      x,
+      V,
+      R
+    ] }) });
+  }
+);
+X.displayName = "RadioGroup";
+export {
+  X as R
+};
+//# sourceMappingURL=radio-group-Cz1a4QCA.js.map

package/dist/_chunks/radio-group-Cz1a4QCA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-Cz1a4QCA.js","sources":["../../src/components/radio-group/radio-group.agent.ts","../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — RadioGroup.                                            */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { RadioGroupHandle } from './radio-group';\n\nexport const radioGroupAgent: AgentAdapter<RadioGroupHandle> = {\n  id: 'radio-group',\n  capabilities: ['select_single'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.radioGroup.state.value',\n      description: 'Currently selected radio value, or empty string when none.',\n      read: (handle) => handle.getValue(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      descriptionKey: 'ui.agent.radioGroup.actions.setValue',\n      description: 'Select the radio with the given value.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'radio-group',\n      description: 'Marks the RadioGroup root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description: 'Stable opaque value emitted on each rendered Radio child.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport * as RadixRadioGroup from '@radix-ui/react-radio-group';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { AlertCircle } from 'lucide-react';\nimport {\n  RadioGroupInternalContext,\n  type RadioGroupInternalContextShape,\n  type RadioGroupVariant,\n} from './radio-group-context';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { radioGroupAgent } from './radio-group.agent';\n\n/** Agent-readiness curated handle for RadioGroup. */\nexport interface RadioGroupHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n}\n\nconst radioGroupVariants = cva('ds:flex', {\n  variants: {\n    variant: {\n      vertical: 'ds:flex-col ds:gap-[var(--spacing-sm)]',\n      horizontal: 'ds:flex-row ds:flex-wrap ds:gap-[var(--spacing-md)]',\n      card: 'ds:flex-col ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: {\n    variant: 'vertical',\n  },\n});\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>;\n\nexport interface RadioGroupProps\n  extends Omit<RadixRootProps, 'children' | 'orientation'>,\n    VariantProps<typeof radioGroupVariants> {\n  children: React.ReactNode;\n  variant?: RadioGroupVariant;\n  label?: string;\n  description?: string;\n  error?: string;\n  required?: boolean;\n}\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      children,\n      variant = 'vertical',\n      label,\n      description,\n      error,\n      required,\n      disabled,\n      className,\n      id,\n      value,\n      defaultValue,\n      onValueChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const baseId = useId();\n    const descriptionId = `${baseId}-description`;\n    const errorId = `${baseId}-error`;\n\n    const describedBy =\n      [description ? descriptionId : null, error ? errorId : null]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    const orientation: 'vertical' | 'horizontal' =\n      variant === 'horizontal' ? 'horizontal' : 'vertical';\n\n    const ctxValue: RadioGroupInternalContextShape = useMemo(\n      () => ({ variant }),\n      [variant],\n    );\n\n    const descriptionNode = description ? (\n      <p id={descriptionId} className=\"type-body-sm ds:text-muted-foreground\">\n        {description}\n      </p>\n    ) : null;\n\n    const errorNode = error ? (\n      <p\n        id={errorId}\n        role=\"alert\"\n        className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive\"\n      >\n        <AlertCircle aria-hidden=\"true\" className=\"ds:size-4 ds:shrink-0\" />\n        <span>{error}</span>\n      </p>\n    ) : null;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const currentValue = isControlled ? (value ?? '') : internalValue;\n    const currentValueRef = useRef<string>(currentValue);\n    currentValueRef.current = currentValue;\n\n    const handleValueChange = (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onValueChange?.(next);\n    };\n\n    const agentHandle = useMemo<RadioGroupHandle>(\n      () => ({\n        getValue: () => currentValueRef.current,\n        setValue: (next) => handleValueChange(next),\n      }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isControlled, onValueChange],\n    );\n    useAgentRegistration(radioGroupAgent, agentHandle, id);\n\n    const root = (\n      <RadixRadioGroup.Root\n        ref={composedRef}\n        id={id}\n        orientation={orientation}\n        dir={dir}\n        disabled={disabled}\n        required={required}\n        value={isControlled ? value : undefined}\n        defaultValue={!isControlled ? defaultValue : undefined}\n        onValueChange={handleValueChange}\n        aria-describedby={describedBy}\n        aria-invalid={Boolean(error) || undefined}\n        aria-required={required || undefined}\n        className={radioGroupVariants({ variant, className })}\n        data-component=\"radio-group\"\n        data-component-id={id}\n        {...props}\n      >\n        {children}\n      </RadixRadioGroup.Root>\n    );\n\n    const outerClasses = 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0';\n\n    if (label) {\n      return (\n        <RadioGroupInternalContext.Provider value={ctxValue}>\n          <fieldset className={`${outerClasses} ds:border-0 ds:p-0 ds:m-0`}>\n            <legend className=\"type-label ds:text-foreground ds:p-0\">\n              {label}\n              {required ? (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"ds:text-destructive ds:ms-[var(--spacing-xs)]\"\n                >\n                  *\n                </span>\n              ) : null}\n            </legend>\n            {descriptionNode}\n            {root}\n            {errorNode}\n          </fieldset>\n        </RadioGroupInternalContext.Provider>\n      );\n    }\n\n    return (\n      <RadioGroupInternalContext.Provider value={ctxValue}>\n        <div className={outerClasses}>\n          {descriptionNode}\n          {root}\n          {errorNode}\n        </div>\n      </RadioGroupInternalContext.Provider>\n    );\n  },\n);\n\nRadioGroup.displayName = 'RadioGroup';\n"],"names":["radioGroupAgent","handle","args","radioGroupVariants","cva","RadioGroup","forwardRef","children","variant","label","description","error","required","disabled","className","id","value","defaultValue","onValueChange","props","ref","baseId","useId","descriptionId","errorId","describedBy","orientation","ctxValue","useMemo","descriptionNode","jsx","errorNode","jsxs","AlertCircle","rootRef","useRef","composedRef","composeRefs","dir","useDirection","isControlled","internalValue","setInternalValue","useState","currentValue","currentValueRef","handleValueChange","next","agentHandle","useAgentRegistration","root","RadixRadioGroup","outerClasses","RadioGroupInternalContext"],"mappings":"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"}