asheeui 0.6.15 → 1.0.0

package/dist/components/pagination/Pagination.d.ts

@@ -0,0 +1,91 @@
+import { HTMLAttributes } from 'react';
+import { PaginationConfig } from './pagination-config';
+type BasePaginationProps = PaginationConfig & Omit<HTMLAttributes<HTMLElement>, "color" | "onChange">;
+/**
+ * Configuration options for the Pagination component.
+ */
+export interface PaginationProps extends BasePaginationProps {
+    /**
+     * The current page, counted from one.
+     */
+    page: number;
+    /**
+     * How many pages the collection has.
+     */
+    pageCount: number;
+    /**
+     * Called with the page the consumer chose.
+     * It is not called when the chosen page is already the current page.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Builds the destination of a page.
+     *
+     * Supplying it renders every control as a link rather than as a button,
+     * which is what a paginated collection with real addresses wants. Without
+     * it the controls are buttons that report the chosen page through
+     * `onPageChange`.
+     */
+    hrefForPage?: (page: number) => string;
+    /**
+     * Name of the navigation landmark.
+     *
+     * @default "Pagination"
+     */
+    label?: string;
+    /**
+     * Whether the controls are unavailable, for example while a page loads.
+     *
+     * @default false
+     */
+    isDisabled?: boolean;
+}
+/**
+ * A set of controls for moving through a paged collection.
+ *
+ * Pagination shows the current page, a range of pages around it, and the
+ * controls that move between them. The first and last pages are always
+ * offered, a longer range becomes an ellipsis, and the current page carries
+ * `aria-current="page"` so assistive technology can announce where the reader
+ * is in the collection.
+ *
+ * The controls are links when the consumer supplies `hrefForPage`, which is
+ * what a collection with real addresses wants, and buttons that report the
+ * chosen page through `onPageChange` otherwise. The current page is never
+ * reported as a change, because it is already where the reader is.
+ *
+ * Size, variant, colour and radius resolve through the standard AsheeUI
+ * cascade: prop, component config, global theme defaults, and the built-in
+ * fallback.
+ *
+ * @param props - Pagination configuration options and navigation attributes.
+ * @param props.page - The current page, counted from one.
+ * @param props.pageCount - How many pages the collection has.
+ * @param props.onPageChange - Called with the page the consumer chose.
+ * @param props.hrefForPage - Builds a page's destination, which renders links.
+ * @param props.label - Name of the navigation landmark. Defaults to "Pagination".
+ * @param props.siblingCount - Pages shown each side of the current page. Defaults to 1.
+ * @param props.showEdges - Whether first and last page controls are shown. Defaults to false.
+ * @param props.isDisabled - Whether the controls are unavailable. Defaults to false.
+ * @param props.size - Size of the controls. Defaults to "md".
+ * @param props.variant - Visual style of the controls. Defaults to the configured value.
+ * @param props.color - Accent colour of the controls. Defaults to the configured value.
+ * @param props.radius - Corner rounding of the controls. Defaults to "md".
+ * @param props.className - Extra classes applied last.
+ *
+ * @example
+ * ```tsx
+ * <Pagination page={3} pageCount={42} onPageChange={setPage} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Real addresses, so every control is a link.
+ * <Pagination page={3} pageCount={42} hrefForPage={(page) => `/invoices?page=${page}`} />
+ * ```
+ *
+ * @see PaginationConfig - The configuration type for component defaults.
+ */
+export declare const Pagination: import('react').ForwardRefExoticComponent<PaginationProps & import('react').RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AAUf,OAAO,EACL,KAAK,gBAAgB,EAEtB,MAAM,qBAAqB,CAAC;AAQ7B,KAAK,mBAAmB,GAAG,gBAAgB,GACzC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,UAAU,yGAgMtB,CAAC"}

package/dist/components/pagination/Pagination.js

@@ -0,0 +1,66 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { resolveVariantClass as n } from "../../shared/variant.js";
+import { useAsheeConfig as r } from "../../libs/context.js";
+import { resolveCascade as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
+import { Button as o } from "../button/Button.js";
+import { ChevronRightIcon as s } from "../../icons/ChevronRightIcon.js";
+import { Link as c } from "../link/Link.js";
+import { ChevronLeftIcon as l } from "../../icons/ChevronLeftIcon.js";
+import { FALLBACK_PAGINATION_CONFIG as u } from "./pagination-config.js";
+import { PAGINATION_BASE_CLASS as d, PAGINATION_GAP_CLASS as f, PAGINATION_LIST_CLASS as p } from "./pagination-styles.js";
+import { getPaginationRange as m } from "./pagination.helpers.js";
+import { forwardRef as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/pagination/Pagination.tsx
+var v = h(({ page: h, pageCount: v, onPageChange: y, hrefForPage: b, label: x = "Pagination", size: S, variant: C, color: w, radius: T, siblingCount: E, showEdges: D, isDisabled: O = !1, className: k, ...A }, j) => {
+	let M = r(), N = M.components?.pagination, P = i(S, N?.size, void 0, u.size), F = i(C, N?.variant, M.defaultVariant, u.variant), I = i(w, N?.color, M.defaultColor, u.color), L = a(T, N?.radius, M.defaultRadius, u.radius), R = i(E, N?.siblingCount, void 0, u.siblingCount), z = i(D, N?.showEdges, void 0, u.showEdges), B = Math.min(Math.max(h, 1), Math.max(v, 1)), V = Math.max(v, 1), H = (e) => {
+		e === B || e < 1 || e > v || y?.(e);
+	}, U = (r, i, a, s = !1) => {
+		let l = r < 1 || r > v;
+		return b ? /* @__PURE__ */ g(c, {
+			href: b(r),
+			"aria-label": i,
+			"aria-current": s ? "page" : void 0,
+			"aria-disabled": O || l ? !0 : void 0,
+			className: e("inline-flex items-center justify-center min-w-8 h-8 px-2", t[L], n(F, I), (O || l) && "opacity-50 pointer-events-none cursor-not-allowed"),
+			children: a
+		}) : /* @__PURE__ */ g(o, {
+			type: "button",
+			size: P,
+			variant: F,
+			color: I,
+			radius: L,
+			"aria-label": i,
+			"aria-current": s ? "page" : void 0,
+			isDisabled: O || l,
+			onClick: () => H(r),
+			children: a
+		});
+	}, W = m(B, v, R);
+	return /* @__PURE__ */ g("nav", {
+		ref: j,
+		"aria-label": x,
+		className: e(d, k),
+		...A,
+		children: /* @__PURE__ */ _("ul", {
+			className: p,
+			children: [
+				z && /* @__PURE__ */ g("li", { children: U(1, "First page", /* @__PURE__ */ g(l, { "aria-hidden": "true" })) }),
+				/* @__PURE__ */ g("li", { children: U(B - 1, "Previous page", /* @__PURE__ */ g(l, { "aria-hidden": "true" })) }),
+				W.map((e, t) => e === "ellipsis" ? /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g("span", {
+					"aria-hidden": "true",
+					className: f,
+					children: "…"
+				}) }, `gap-${t}`) : /* @__PURE__ */ g("li", { children: U(e, `Page ${e}`, e, e === B) }, e)),
+				/* @__PURE__ */ g("li", { children: U(B + 1, "Next page", /* @__PURE__ */ g(s, { "aria-hidden": "true" })) }),
+				z && /* @__PURE__ */ g("li", { children: U(V, "Last page", /* @__PURE__ */ g(s, { "aria-hidden": "true" })) })
+			]
+		})
+	});
+});
+v.displayName = "Pagination";
+//#endregion
+export { v as Pagination };

package/dist/components/pagination/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Pagination';
+export * from './pagination-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/dist/components/pagination/index.js

@@ -0,0 +1,4 @@
+export * from "./Pagination.js";
+export * from "./pagination-config.js";
+export * from "./pagination-styles.js";
+export * from "./pagination.helpers.js";

package/dist/components/pagination/pagination-config.d.ts

@@ -0,0 +1,66 @@
+import { Color, Radius, Size, Variant } from '../../shared';
+/**
+ * Theme configuration options for the Pagination component.
+ *
+ * Set under `components.pagination` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface PaginationConfig {
+    /**
+     * Size of the page controls.
+     *
+     * @default "md"
+     */
+    size?: Size;
+    /**
+     * Visual style variant of the page controls.
+     *
+     * @default "bordered"
+     */
+    variant?: Variant;
+    /**
+     * Theme accent colour of the page controls.
+     *
+     * @default "primary"
+     */
+    color?: Color;
+    /**
+     * Corner rounding of the page controls.
+     *
+     * @default "md"
+     */
+    radius?: Radius;
+    /**
+     * How many pages to show on each side of the current page.
+     * A wider range shows more of the collection at once; a narrower range keeps
+     * the trail short.
+     *
+     * @default 1
+     */
+    siblingCount?: number;
+    /**
+     * Whether the trail offers controls for the first and last page.
+     *
+     * @default false
+     */
+    showEdges?: boolean;
+}
+/**
+ * Default config values registered for the Pagination component.
+ *
+ * `variant` and `color` are intentionally absent so they inherit from the
+ * global `defaultVariant` and `defaultColor`.
+ */
+export declare const defaultPaginationConfig: PaginationConfig;
+/**
+ * Hard fallback values used when no config tier provides a value.
+ * These values are used when instance props, component config,
+ * and global defaults are all undefined.
+ */
+export declare const FALLBACK_PAGINATION_CONFIG: Required<PaginationConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        pagination: PaginationConfig;
+    }
+}
+//# sourceMappingURL=pagination-config.d.ts.map

package/dist/components/pagination/pagination-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-config.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAKrC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,gBAAgB,CAOxD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}

package/dist/components/pagination/pagination-config.js

@@ -0,0 +1,19 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/pagination/pagination-config.ts
+var t = {
+	size: "md",
+	radius: "md",
+	siblingCount: 1,
+	showEdges: !1
+}, n = {
+	size: "md",
+	variant: "bordered",
+	color: "primary",
+	radius: "md",
+	siblingCount: 1,
+	showEdges: !1
+};
+e("pagination", t);
+//#endregion
+export { n as FALLBACK_PAGINATION_CONFIG, t as defaultPaginationConfig };

package/dist/components/pagination/pagination-styles.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Pagination component styles for AsheeUI.
+ * This file provides the static classes the Pagination component is built
+ * from.
+ */
+/**
+ * Base classes for the navigation landmark.
+ */
+export declare const PAGINATION_BASE_CLASS = "w-full";
+/**
+ * Classes for the ordered list that holds the page controls.
+ */
+export declare const PAGINATION_LIST_CLASS = "flex items-center flex-wrap list-none p-0 m-0 gap-1";
+/**
+ * Classes for a gap in the page range.
+ * A gap conveys nothing on its own, so it is not focusable and not announced.
+ */
+export declare const PAGINATION_GAP_CLASS = "inline-flex items-center justify-center min-w-7 px-1 select-none text-foreground/60";
+//# sourceMappingURL=pagination-styles.d.ts.map

package/dist/components/pagination/pagination-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-styles.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,WAAW,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,qBAAqB,wDACqB,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,wFACsD,CAAC"}

package/dist/components/pagination/pagination-styles.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/pagination/pagination-styles.ts
+var e = "w-full", t = "flex items-center flex-wrap list-none p-0 m-0 gap-1", n = "inline-flex items-center justify-center min-w-7 px-1 select-none text-foreground/60";
+//#endregion
+export { e as PAGINATION_BASE_CLASS, n as PAGINATION_GAP_CLASS, t as PAGINATION_LIST_CLASS };

package/dist/components/pagination/pagination.helpers.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Pagination helpers for AsheeUI.
+ * This file provides the pure range calculation the Pagination component is
+ * built on, kept apart from the component so the arithmetic can be reasoned
+ * about and tested on its own.
+ */
+/**
+ * One entry in a pagination range.
+ * An ellipsis stands for the pages a range leaves out.
+ */
+export type PaginationRangeItem = number | "ellipsis";
+/**
+ * Calculates the page controls a range shows.
+ *
+ * The first and last pages are always offered, the current page is always
+ * shown with `siblingCount` pages on either side of it, and a gap between two
+ * shown pages becomes an ellipsis. A collection short enough to show in full
+ * is shown in full.
+ *
+ * @param page - The current page, counted from one.
+ * @param pageCount - How many pages the collection has.
+ * @param siblingCount - How many pages to show on each side of the current page.
+ * @returns The controls to render, in order.
+ */
+export declare function getPaginationRange(page: number, pageCount: number, siblingCount?: number): PaginationRangeItem[];
+//# sourceMappingURL=pagination.helpers.d.ts.map

package/dist/components/pagination/pagination.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.helpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtD;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,EACjB,YAAY,SAAI,GACf,mBAAmB,EAAE,CAuBvB"}

package/dist/components/pagination/pagination.helpers.js

@@ -0,0 +1,12 @@
+"use client";
+//#region src/components/pagination/pagination.helpers.ts
+function e(e, t, n = 1) {
+	if (t <= 0) return [];
+	if (t === 1) return [1];
+	let r = Math.min(Math.max(e, 1), t), i = Math.max(n, 0), a = Math.max(r - i, 2), o = Math.min(r + i, t - 1), s = [1];
+	a > 2 && s.push("ellipsis");
+	for (let e = a; e <= o; e += 1) s.push(e);
+	return o < t - 1 && s.push("ellipsis"), s.push(t), s;
+}
+//#endregion
+export { e as getPaginationRange };

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

@@ -1,144 +1,90 @@
-import { ReactNode } from 'react';
-import { Color } from '../../shared';
-import { FieldSizeKey, FieldStatus, LabelAlign } from '../field/field-config';
-import { RadioVariant } from './radio-config';
+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 RadioGroup component.
+ * Configuration options for the Radio component.
  */
-export interface RadioGroupProps {
+export interface RadioProps extends BaseRadioProps {
     /**
-     * Radio components to render inside the group.
+     * The value of the radio button.
+     * Used to identify which radio is selected in a group.
      */
-    children: ReactNode;
+    value: string;
     /**
-     * Name attribute for all radio inputs in the group.
-     * Auto-generated if not provided.
+     * Label text for the radio.
+     * Displayed next to the radio button.
      */
-    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;
-    /**
-     * 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 text for the group.
-     */
-    label?: string;
-    /**
-     * Alignment of the label relative to the group.
-     * @default "left"
-     */
-    labelAlign?: LabelAlign;
+    label?: ReactNode;
     /**
      * Description text shown below the label.
+     * Provides additional context for the option.
      */
-    description?: string;
-    /**
-     * Validation message shown below the group.
-     */
-    message?: string;
+    description?: ReactNode;
     /**
-     * Whether the field is required.
-     * @default false
+     * Whether the radio is checked.
+     * For controlled usage.
      */
-    required?: boolean;
+    checked?: boolean;
     /**
-     * Whether all radios in the group are disabled.
+     * Whether the radio is initially checked.
+     * For uncontrolled usage.
      * @default false
      */
-    disabled?: boolean;
+    defaultChecked?: boolean;
     /**
-     * Extra CSS classes for the group container.
+     * Callback fired when the radio state changes.
+     * Receives the checked state, value, and the change event.
      */
-    className?: string;
+    onChange?: (checked: boolean, value: string, event: ChangeEvent<HTMLInputElement>) => void;
 }
 /**
- * A group of radio buttons that manages shared state and layout.
+ * 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.
  *
- * 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.
+ * The component automatically handles accessibility attributes including
+ * proper role, aria-checked, and focus management.
  *
- * @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 - 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.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.
+ * @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, RadioGroup } from "asheeui";
+ * import { Radio } from "asheeui";
  * import { useState } from "react";
  *
  * export function Example() {
- *   const [value, setValue] = useState("option-1");
+ *   const [checked, setChecked] = useState(false);
  *
  *   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>
+ *     <Radio
+ *       value="option-1"
+ *       label="Option 1"
+ *       description="This is the first option"
+ *       checked={checked}
+ *       onChange={(checked) => setChecked(checked)}
+ *     />
  *   );
  * }
  * ```
  *
- * @see Radio - The individual radio component.
+ * @see RadioGroup - The parent component that manages radio groups.
  * @see RadioConfig - The configuration type for component defaults.
  */
-export declare const RadioGroup: import('react').ForwardRefExoticComponent<RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};
 //# 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":"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"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.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"}