asheeui 0.6.2 → 0.6.3

package/dist/components/multi-select/multi-select-styles.d.ts

@@ -1,6 +1,23 @@
 import { FieldSizeKey, FieldStatus } from '../field/field-config';
+/**
+ * CSS classes for multi-select trigger height based on size.
+ * Controls the vertical dimension of the trigger button.
+ */
 export declare const MULTI_SELECT_HEIGHT_CLASS: Record<FieldSizeKey, string>;
+/**
+ * CSS classes for multi-select padding based on size.
+ * Controls the horizontal padding of the trigger button.
+ */
 export declare const MULTI_SELECT_PADDING_CLASS: Record<FieldSizeKey, string>;
+/**
+ * CSS classes for multi-select font size based on size.
+ * Controls the text size of the trigger button.
+ */
 export declare const MULTI_SELECT_FONT_CLASS: Record<FieldSizeKey, string>;
+/**
+ * CSS classes for multi-select status border styles.
+ * Maps status values to Tailwind classes for border and
+ * focus ring colors.
+ */
 export declare const STATUS_BORDER_CLASS: Record<FieldStatus, string>;
 //# sourceMappingURL=multi-select-styles.d.ts.map

package/dist/components/multi-select/multi-select-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-select-styles.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/multi-select-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEvE,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIlE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAInE,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIhE,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAK3D,CAAC"}
+{"version":3,"file":"multi-select-styles.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/multi-select-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGvE;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIlE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAInE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIhE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CACjC,CAAC"}

package/dist/components/multi-select/multi-select-styles.js

@@ -1,25 +1,21 @@
 "use client";
-const r = {
+import { FIELD_STATUS_BORDER_CLASS as S } from "../field/field-styles.js";
+const t = {
   sm: "h-9",
   md: "h-10",
   lg: "h-11"
-}, e = {
+}, L = {
   sm: "px-2.5",
   md: "px-3",
   lg: "px-3.5"
-}, s = {
+}, T = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-lg"
-}, o = {
-  default: "border-border focus:border-primary",
-  error: "border-danger focus:border-danger",
-  warning: "border-warning focus:border-warning",
-  success: "border-success focus:border-success"
-};
+}, s = S;
 export {
-  s as MULTI_SELECT_FONT_CLASS,
-  r as MULTI_SELECT_HEIGHT_CLASS,
-  e as MULTI_SELECT_PADDING_CLASS,
-  o as STATUS_BORDER_CLASS
+  T as MULTI_SELECT_FONT_CLASS,
+  t as MULTI_SELECT_HEIGHT_CLASS,
+  L as MULTI_SELECT_PADDING_CLASS,
+  s as STATUS_BORDER_CLASS
 };

package/dist/components/radio/Radio.d.ts

@@ -1,20 +1,144 @@
-import { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
-import { Radius } from '../../shared/radius';
-import { Color } from '../../shared/variant';
-import { FieldSizeKey, FieldStatus } from '../field/field-config';
+import { ReactNode } from 'react';
+import { Color } from '../../shared';
+import { FieldSizeKey, FieldStatus, LabelAlign } from '../field/field-config';
 import { RadioVariant } from './radio-config';
-export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "children" | "color"> {
-    value: string;
+/**
+ * Configuration options for the RadioGroup component.
+ */
+export interface RadioGroupProps {
+    /**
+     * Radio components to render inside the group.
+     */
+    children: ReactNode;
+    /**
+     * Name attribute for all radio inputs in the group.
+     * Auto-generated if not provided.
+     */
+    name?: string;
+    /**
+     * Controlled selected value.
+     */
+    value?: string;
+    /**
+     * Uncontrolled initial selected value.
+     */
+    defaultValue?: string;
+    /**
+     * Callback fired when the selection changes.
+     * Receives the new selected value.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Size scale for all radios in the group.
+     * @default "md"
+     */
     size?: FieldSizeKey;
+    /**
+     * Theme accent color for all radios in the group.
+     * @default "primary"
+     */
     color?: Color;
-    radius?: Radius;
+    /**
+     * Visual style variant for all radios in the group.
+     * @default "default"
+     */
     variant?: RadioVariant;
+    /**
+     * Layout orientation of the radio group.
+     * - `horizontal`: Radios are laid out in a row.
+     * - `vertical`: Radios are laid out in a column.
+     * @default "vertical"
+     */
+    orientation?: "horizontal" | "vertical";
+    /**
+     * Validation status for the group.
+     * @default "default"
+     */
     status?: FieldStatus;
-    label?: ReactNode;
-    description?: ReactNode;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onChange?: (checked: boolean, value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Label text for the group.
+     */
+    label?: string;
+    /**
+     * Alignment of the label relative to the group.
+     * @default "left"
+     */
+    labelAlign?: LabelAlign;
+    /**
+     * Description text shown below the label.
+     */
+    description?: string;
+    /**
+     * Validation message shown below the group.
+     */
+    message?: string;
+    /**
+     * Whether the field is required.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Whether all radios in the group are disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Extra CSS classes for the group container.
+     */
+    className?: string;
 }
-export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
+/**
+ * A group of radio buttons that manages shared state and layout.
+ *
+ * RadioGroup wraps multiple Radio components and provides a consistent
+ * context for shared props like name, value, size, color, and disabled
+ * state. It also handles labeling, validation, and layout through the
+ * FieldShell component.
+ *
+ * @param props - RadioGroup configuration options.
+ * @param props.children - Radio components to render.
+ * @param props.name - Name attribute for all radios.
+ * @param props.value - Controlled selected value.
+ * @param props.defaultValue - Uncontrolled initial selected value.
+ * @param props.onChange - Callback fired when selection changes.
+ * @param props.size - Size scale for all radios. Defaults to "md".
+ * @param props.color - Theme accent color. Defaults to "primary".
+ * @param props.variant - Visual style variant. Defaults to "default".
+ * @param props.orientation - Layout orientation. Defaults to "vertical".
+ * @param props.status - Validation status. Defaults to "default".
+ * @param props.label - Label text for the group.
+ * @param props.labelAlign - Alignment of the label. Defaults to "left".
+ * @param props.description - Description text.
+ * @param props.message - Validation message.
+ * @param props.required - Whether the field is required.
+ * @param props.disabled - Whether all radios are disabled.
+ * @param props.className - Extra CSS classes.
+ *
+ * @example
+ * ```tsx
+ * import { Radio, RadioGroup } from "asheeui";
+ * import { useState } from "react";
+ *
+ * export function Example() {
+ *   const [value, setValue] = useState("option-1");
+ *
+ *   return (
+ *     <RadioGroup
+ *       label="Choose an option"
+ *       value={value}
+ *       onChange={setValue}
+ *       orientation="horizontal"
+ *     >
+ *       <Radio value="option-1" label="Option 1" />
+ *       <Radio value="option-2" label="Option 2" />
+ *       <Radio value="option-3" label="Option 3" disabled />
+ *     </RadioGroup>
+ *   );
+ * }
+ * ```
+ *
+ * @see Radio - The individual radio component.
+ * @see RadioConfig - The configuration type for component defaults.
+ */
+export declare const RadioGroup: import('react').ForwardRefExoticComponent<RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Radio.d.ts.map

package/dist/components/radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAgB,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAOlD,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAaxB,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAC3C;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CACT,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KACjC,IAAI,CAAC;CACX;AAID,eAAO,MAAM,KAAK,yGAoNjB,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAc,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAKxB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,UAAU,4GAyEtB,CAAC"}

package/dist/components/radio/Radio.js

@@ -1,156 +1,81 @@
 "use client";
-import { jsxs as y, jsx as o } from "react/jsx-runtime";
-import { forwardRef as as, useId as rs, useState as ts, useCallback as os } from "react";
-import { useAsheeConfig as is } from "../../libs/context.js";
-import { RADIUS_CLASS as N } from "../../shared/radius.js";
-import { resolveCascade as A, resolveRadiusKey as ns, resolveClassKey as r } from "../../utils/resolve-token.js";
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as w, useId as F } from "react";
+import { useAsheeConfig as G } from "../../libs/context.js";
+import { resolveCascade as L } from "../../utils/resolve-token.js";
+import { FieldShell as O } from "../field/FieldShell.js";
 import { FALLBACK_RADIO_CONFIG as a } from "./radio-config.js";
-import { useRadioGroupContext as ls } from "./radio-context.js";
-import { RADIO_OUTER_SIZE_CLASS as ds, RADIO_INNER_SIZE_CLASS as cs, RADIO_FONT_SIZE_CLASS as ms, RADIO_GAP_CLASS as fs, RADIO_COLOR_CLASS as O, RADIO_STATUS_BORDER_CLASS as h } from "./radio-styles.js";
-import { cn as i } from "../../utils/cn.js";
-const us = as(
+import { RadioContext as S } from "./radio-context.js";
+import { cn as _ } from "../../utils/cn.js";
+const j = w(
   ({
-    value: t,
-    size: z,
-    color: D,
-    radius: L,
-    variant: k,
-    status: E,
-    label: f,
-    description: u,
-    id: K,
-    name: w,
-    className: B,
-    style: T,
-    disabled: U,
-    checked: S,
-    defaultChecked: j = !1,
-    onChange: n,
-    ...F
-  }, G) => {
-    var I;
-    const C = is(), s = ls(), e = (I = C.components) == null ? void 0 : I.radio, Z = rs(), $ = K ?? Z, P = w ?? (s == null ? void 0 : s.name), l = U ?? (s == null ? void 0 : s.disabled) ?? !1, [V, q] = ts(j), d = s ? s.value === t : S ?? V, c = A(
-      z ?? (s == null ? void 0 : s.size),
-      e == null ? void 0 : e.size,
-      void 0,
-      a.size
-    ), H = A(
-      k ?? (s == null ? void 0 : s.variant),
-      e == null ? void 0 : e.variant,
-      void 0,
-      a.variant
-    ), J = A(
-      D ?? (s == null ? void 0 : s.color),
-      e == null ? void 0 : e.color,
-      C.defaultColor,
-      a.color
-    ), M = E ?? (s == null ? void 0 : s.status) ?? a.status, R = H === "card", v = ns(
-      L,
-      e == null ? void 0 : e.radius,
-      void 0,
-      a.radius
-    ), Q = R && v === "full" ? "xl" : v, W = r(
-      c,
-      ds,
-      a.size
-    ), X = r(
-      c,
-      cs,
-      a.size
-    ), Y = r(
-      c,
-      ms,
-      a.size
-    ), g = r(
-      c,
-      fs,
-      a.size
-    ), _ = r(
+    children: i,
+    name: s,
+    value: n,
+    onChange: m,
+    size: d,
+    color: c,
+    variant: p,
+    orientation: f = "vertical",
+    status: u,
+    label: g,
+    labelAlign: v,
+    description: A,
+    message: x,
+    required: R,
+    disabled: b,
+    className: h
+  }, C) => {
+    var t;
+    const o = (t = G().components) == null ? void 0 : t.radio, r = F(), I = s ?? r, l = u ?? a.status, N = L(
       v,
-      N,
-      a.radius
-    ), ss = r(
-      Q,
-      N,
-      "xl"
-    ), m = O[J] ?? O.primary, p = h[M] ?? h.default, es = os(
-      (x) => {
-        var b;
-        l || (s ? (b = s.onChange) == null || b.call(s, t) : S === void 0 && q(!0), n == null || n(x.target.checked, t, x));
-      },
-      [S, s, l, n, t]
+      o == null ? void 0 : o.labelAlign,
+      void 0,
+      a.labelAlign
     );
-    return /* @__PURE__ */ y(
-      "label",
+    return /* @__PURE__ */ e(
+      O,
       {
-        className: i(
-          "relative inline-flex items-start select-none cursor-pointer transition-all duration-150 shrink-0",
-          g,
-          R ? i("p-3 border bg-background", ss) : "",
-          R && (d ? `${m.border} ${m.cardBg}` : p),
-          l && "opacity-50 pointer-events-none cursor-not-allowed",
-          B
-        ),
-        style: T,
-        children: [
-          /* @__PURE__ */ o(
-            "input",
-            {
-              ref: G,
-              id: $,
-              type: "radio",
-              name: P,
-              value: t,
-              checked: d,
-              disabled: l,
-              onChange: es,
-              className: "sr-only peer",
-              ...F
-            }
-          ),
-          /* @__PURE__ */ o(
-            "div",
-            {
-              className: i(
-                "shrink-0 flex items-center justify-center border-2 transition-all duration-150 mt-0.5",
-                "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2",
-                W,
-                _,
-                d ? m.border : p
-              ),
-              children: /* @__PURE__ */ o(
-                "span",
-                {
-                  className: i(
-                    X,
-                    _,
-                    m.bg,
-                    "transition-all duration-200 ease-in-out transform-gpu",
-                    d ? "scale-100 opacity-100" : "scale-0 opacity-0"
-                  )
-                }
-              )
-            }
-          ),
-          (f || u) && /* @__PURE__ */ y("div", { className: "flex flex-col min-w-0", children: [
-            f && /* @__PURE__ */ o(
-              "span",
+        id: r,
+        label: g,
+        labelAlign: N,
+        description: A,
+        message: x,
+        status: l,
+        required: R,
+        children: /* @__PURE__ */ e(
+          S.Provider,
+          {
+            value: {
+              name: I,
+              value: n,
+              onChange: m,
+              size: d,
+              color: c,
+              variant: p,
+              disabled: b,
+              status: l
+            },
+            children: /* @__PURE__ */ e(
+              "div",
               {
-                className: i(
-                  "font-medium text-foreground leading-snug",
-                  Y
+                ref: C,
+                role: "radiogroup",
+                className: _(
+                  "flex",
+                  f === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4",
+                  h
                 ),
-                children: f
+                children: i
               }
-            ),
-            u && /* @__PURE__ */ o("span", { className: "text-xs sm:text-sm text-foreground/70 leading-snug mt-0.5", children: u })
-          ] })
-        ]
+            )
+          }
+        )
       }
     );
   }
 );
-us.displayName = "Radio";
+j.displayName = "RadioGroup";
 export {
-  us as Radio
+  j as RadioGroup
 };

package/dist/components/radio/RadioGroup.d.ts

@@ -1,25 +1,90 @@
-import { ReactNode } from 'react';
-import { Color } from '../../shared/variant';
-import { FieldSizeKey, FieldStatus, LabelAlign } from '../field/field-config';
-import { RadioVariant } from './radio-config';
-export interface RadioGroupProps {
-    children: ReactNode;
-    name?: string;
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    size?: FieldSizeKey;
-    color?: Color;
-    variant?: RadioVariant;
-    orientation?: "horizontal" | "vertical";
-    status?: FieldStatus;
-    label?: string;
-    labelAlign?: LabelAlign;
-    description?: string;
-    message?: string;
-    required?: boolean;
-    disabled?: boolean;
-    className?: string;
+import { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
+import { RadioConfig } from './radio-config';
+type BaseRadioProps = RadioConfig & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "children" | "color">;
+/**
+ * Configuration options for the Radio component.
+ */
+export interface RadioProps extends BaseRadioProps {
+    /**
+     * The value of the radio button.
+     * Used to identify which radio is selected in a group.
+     */
+    value: string;
+    /**
+     * Label text for the radio.
+     * Displayed next to the radio button.
+     */
+    label?: ReactNode;
+    /**
+     * Description text shown below the label.
+     * Provides additional context for the option.
+     */
+    description?: ReactNode;
+    /**
+     * Whether the radio is checked.
+     * For controlled usage.
+     */
+    checked?: boolean;
+    /**
+     * Whether the radio is initially checked.
+     * For uncontrolled usage.
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * Callback fired when the radio state changes.
+     * Receives the checked state, value, and the change event.
+     */
+    onChange?: (checked: boolean, value: string, event: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const RadioGroup: import('react').ForwardRefExoticComponent<RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * A single radio button with label and description.
+ *
+ * Radio renders a circular radio button with an optional label and
+ * description. It supports controlled and uncontrolled usage, validation
+ * states, and the standard AsheeUI cascade for visual tokens. When used
+ * within a RadioGroup, it inherits shared props from the group context.
+ *
+ * The component automatically handles accessibility attributes including
+ * proper role, aria-checked, and focus management.
+ *
+ * @param props - Radio configuration options.
+ * @param props.value - The value of the radio button.
+ * @param props.label - Label text for the radio.
+ * @param props.description - Description text shown below the label.
+ * @param props.checked - Whether the radio is checked (controlled).
+ * @param props.defaultChecked - Whether the radio is initially checked (uncontrolled).
+ * @param props.onChange - Callback fired when the radio state changes.
+ * @param props.size - Size scale. Defaults to "md".
+ * @param props.color - Theme accent color. Defaults to "primary".
+ * @param props.variant - Visual style variant. Defaults to "default".
+ * @param props.radius - Corner rounding. Defaults to "full".
+ * @param props.status - Validation status.
+ * @param props.disabled - Whether the radio is disabled.
+ *
+ * @example
+ * ```tsx
+ * import { Radio } from "asheeui";
+ * import { useState } from "react";
+ *
+ * export function Example() {
+ *   const [checked, setChecked] = useState(false);
+ *
+ *   return (
+ *     <Radio
+ *       value="option-1"
+ *       label="Option 1"
+ *       description="This is the first option"
+ *       checked={checked}
+ *       onChange={(checked) => setChecked(checked)}
+ *     />
+ *   );
+ * }
+ * ```
+ *
+ * @see RadioGroup - The parent component that manages radio groups.
+ * @see RadioConfig - The configuration type for component defaults.
+ */
+export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/radio/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIlD,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAKxB,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,eAAO,MAAM,UAAU,4GAyEtB,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio/RadioGroup.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAWf,OAAO,EAEL,KAAK,WAAW,EAEjB,MAAM,gBAAgB,CAAC;AAaxB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAC3C,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CACT,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KACjC,IAAI,CAAC;CACX;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,KAAK,yGAoNjB,CAAC"}