@overdoser/react-toolkit 0.0.1

package/README.md

@@ -0,0 +1,106 @@
+# @crk/react-toolkit
+
+A modern, themeable React component library with SCSS modules.
+
+## Installation
+
+```bash
+npm install @crk/react-toolkit
+```
+
+## Setup
+
+Import the stylesheet in your app entry point:
+
+```ts
+import '@crk/react-toolkit/index.css';
+```
+
+## Theming
+
+Override `--crk-*` CSS custom properties to customize the theme:
+
+```css
+:root {
+  --crk-color-primary: #3b82f6;
+  --crk-color-danger: #ef4444;
+  --crk-font-family: 'Inter', sans-serif;
+}
+```
+
+## Components
+
+| Component | Description |
+| --- | --- |
+| **Button** | Variants: `primary`, `secondary`, `danger`, `ghost`. Multiple sizes. Loading states with `dots`, `shimmer`, and `border` animations. |
+| **Link** | Styled link with variants and external link support. |
+| **Typography** | Renders `h1`-`h6`, `p`, `span`, `label`. Supports `weight`, `color`, `align`, and `truncate`. |
+| **List / ListItem** | Ordered and unordered lists with configurable spacing. |
+| **Table** | Sortable columns, multi-sort with Ctrl+click, pagination, and server-side sort support. |
+| **Dropdown** | Menu dropdown with chevron indicator. Also works as a selectable form input with `options`, `value`, and `onChange`. |
+| **Popover** | Positioned popover anchored to a trigger element. |
+| **Modal** | Portal-based modal with `Header`, `Body`, and `Footer` compound components. Includes focus trap and escape/backdrop close. |
+| **Form / FormField** | Form wrapper with react-hook-form integration. |
+| **Input** | Text input with sizes, error state, and prefix/suffix slots. |
+| **Select** | Native `<select>` with a custom arrow indicator. |
+| **Checkbox** | Checkbox with label and indeterminate state support. |
+| **Radio / RadioGroup** | Context-based radio group. |
+| **Textarea** | Textarea with resize control. |
+
+## Hooks
+
+| Hook | Description |
+| --- | --- |
+| `useClickOutside` | Detect clicks outside a ref element. |
+| `useFocusTrap` | Trap focus within a container. |
+| `useKeyboard` | Bind keyboard shortcuts. |
+| `useTableSort` | Manage table sort state (single and multi-column). |
+
+## Usage
+
+### Button
+
+```tsx
+import { Button } from '@crk/react-toolkit';
+
+<Button variant="primary" size="md" onClick={handleClick}>
+  Save
+</Button>
+
+<Button variant="danger" loading loadingType="dots">
+  Deleting...
+</Button>
+```
+
+### Form
+
+```tsx
+import { Form, FormField, Input, Button } from '@crk/react-toolkit';
+import { useForm } from 'react-hook-form';
+
+function LoginForm() {
+  const methods = useForm();
+
+  return (
+    <Form formMethods={methods} onSubmit={methods.handleSubmit(onSubmit)}>
+      <FormField name="email" label="Email">
+        <Input />
+      </FormField>
+      <FormField name="password" label="Password">
+        <Input type="password" />
+      </FormField>
+      <Button type="submit" variant="primary">Log in</Button>
+    </Form>
+  );
+}
+```
+
+## Peer Dependencies
+
+- `react` >= 18
+- `react-dom` >= 18
+- `react-hook-form` >= 7 (optional, needed for Form/FormField)
+
+## License
+
+MIT

package/components/Button/Button.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithRef } from 'react';
+export interface ButtonClasses {
+    root: string;
+    content: string;
+    shimmer: string;
+    dots: string;
+    dot: string;
+}
+export interface ButtonProps extends ComponentPropsWithRef<'button'> {
+    classes?: Partial<ButtonClasses>;
+    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    loading?: boolean;
+    loadingStyle?: 'dots' | 'shimmer' | 'border';
+    fullWidth?: boolean;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/components/Button/Button.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Button } from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Danger: Story;
+export declare const Ghost: Story;
+export declare const LoadingDots: Story;
+export declare const LoadingShimmer: Story;
+export declare const LoadingBorder: Story;
+export declare const LoadingAllStyles: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const FullWidth: Story;
+export declare const AllVariants: Story;

package/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonClasses, ButtonProps } from './Button';

package/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,39 @@
+import { CSSProperties } from 'react';
+export interface DropdownOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface DropdownClasses {
+    root: string;
+    trigger: string;
+    triggerLabel: string;
+    chevron: string;
+    menu: string;
+    item: string;
+}
+export interface DropdownProps {
+    /** Custom trigger content — used when no `options` are provided */
+    trigger?: React.ReactNode;
+    children?: React.ReactNode;
+    align?: 'left' | 'right';
+    className?: string;
+    style?: CSSProperties;
+    onOpen?: () => void;
+    onClose?: () => void;
+    /** When provided, the Dropdown acts as a selectable input */
+    options?: DropdownOption[];
+    /** Placeholder shown when no value is selected */
+    placeholder?: string;
+    /** Controlled value */
+    value?: string;
+    /** Called when an option is selected */
+    onChange?: (value: string) => void;
+    /** Error state styling */
+    error?: boolean;
+    /** Full width trigger */
+    fullWidth?: boolean;
+    /** Custom class overrides for internal elements */
+    classes?: Partial<DropdownClasses>;
+}
+export declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Dropdown } from './Dropdown';
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+type Story = StoryObj<typeof Dropdown>;
+export declare const Default: Story;
+export declare const AlignRight: Story;
+export declare const WithDisabledItem: Story;

package/components/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef } from 'react';
+export interface DropdownItemProps extends ComponentPropsWithRef<'button'> {
+    disabled?: boolean;
+}
+export declare const DropdownItem: import('react').ForwardRefExoticComponent<Omit<DropdownItemProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/components/Dropdown/index.d.ts

@@ -0,0 +1,4 @@
+export { Dropdown } from './Dropdown';
+export type { DropdownProps, DropdownClasses, DropdownOption } from './Dropdown';
+export { DropdownItem } from './DropdownItem';
+export type { DropdownItemProps } from './DropdownItem';

package/components/Form/Form.d.ts

@@ -0,0 +1,9 @@
+import { UseFormReturn, FieldValues, SubmitHandler } from 'react-hook-form';
+export interface FormProps<T extends FieldValues> {
+    form: UseFormReturn<T>;
+    onSubmit: SubmitHandler<T>;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+export declare function Form<T extends FieldValues>({ form, onSubmit, className, style, children, }: FormProps<T>): import("react/jsx-runtime").JSX.Element;

package/components/Form/Form.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Form } from './Form';
+declare const meta: Meta<typeof Form>;
+export default meta;
+type Story = StoryObj<typeof Form>;
+export declare const Default: Story;
+export declare const WithValidation: Story;
+export declare const WithLoadingSubmit: Story;

package/components/Form/FormField.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement, CSSProperties, ReactNode } from 'react';
+export interface FormFieldClasses {
+    field: string;
+    label: string;
+    error: string;
+    helperText: string;
+}
+export interface FormFieldProps {
+    name: string;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    required?: boolean;
+    rules?: Record<string, unknown>;
+    classes?: Partial<FormFieldClasses>;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactElement;
+}
+export declare function FormField({ name, label, helperText, required, rules, classes, className, style, children, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;

package/components/Form/index.d.ts

@@ -0,0 +1,4 @@
+export { Form } from './Form';
+export type { FormProps } from './Form';
+export { FormField } from './FormField';
+export type { FormFieldProps, FormFieldClasses } from './FormField';

package/components/Link/Link.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from 'react';
+export interface LinkProps extends ComponentPropsWithRef<'a'> {
+    variant?: 'default' | 'muted' | 'danger';
+    external?: boolean;
+}
+export declare const Link: import('react').ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;

package/components/Link/Link.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Link } from './Link';
+declare const meta: Meta<typeof Link>;
+export default meta;
+type Story = StoryObj<typeof Link>;
+export declare const Default: Story;
+export declare const Muted: Story;
+export declare const Danger: Story;
+export declare const External: Story;

package/components/Link/index.d.ts

@@ -0,0 +1,2 @@
+export { Link } from './Link';
+export type { LinkProps } from './Link';

package/components/List/List.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from 'react';
+export interface ListProps extends ComponentPropsWithRef<'ul'> {
+    variant?: 'unordered' | 'ordered' | 'none';
+    spacing?: 'sm' | 'md' | 'lg';
+}
+export declare const List: import('react').ForwardRefExoticComponent<Omit<ListProps, "ref"> & import('react').RefAttributes<HTMLOListElement | HTMLUListElement>>;
+export interface ListItemProps extends ComponentPropsWithRef<'li'> {
+}
+export declare const ListItem: import('react').ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;

package/components/List/List.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { List } from './List';
+declare const meta: Meta<typeof List>;
+export default meta;
+type Story = StoryObj<typeof List>;
+export declare const Unordered: Story;
+export declare const Ordered: Story;
+export declare const NoStyle: Story;
+export declare const Spacing: Story;

package/components/List/index.d.ts

@@ -0,0 +1,2 @@
+export { List, ListItem } from './List';
+export type { ListProps, ListItemProps } from './List';

package/components/Modal/Modal.d.ts

@@ -0,0 +1,46 @@
+import { forwardRef, ReactNode, CSSProperties, FC } from 'react';
+export interface ModalClasses {
+    backdrop: string;
+    modal: string;
+    header: string;
+    closeButton: string;
+    body: string;
+    footer: string;
+}
+export interface ModalHeaderProps {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    onClose?: () => void;
+}
+export interface ModalBodyProps {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface ModalFooterProps {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const Header: FC<ModalHeaderProps>;
+declare const Body: FC<ModalBodyProps>;
+declare const Footer: FC<ModalFooterProps>;
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    size?: 'sm' | 'md' | 'lg' | 'fullscreen';
+    classes?: Partial<ModalClasses>;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+type ModalComponent = ReturnType<typeof forwardRef<HTMLDivElement, ModalProps>> & {
+    Header: typeof Header;
+    Body: typeof Body;
+    Footer: typeof Footer;
+};
+export declare const Modal: ModalComponent;
+export {};

package/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Modal } from './Modal';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const NoBackdropClose: Story;

package/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './Modal';
+export type { ModalProps, ModalClasses, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from './Modal';

package/components/Popover/Popover.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+export interface PopoverClasses {
+    root: string;
+    trigger: string;
+    popover: string;
+}
+export interface PopoverProps {
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    classes?: Partial<PopoverClasses>;
+    className?: string;
+    style?: CSSProperties;
+    children?: never;
+}
+export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/Popover/Popover.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Popover } from './Popover';
+declare const meta: Meta<typeof Popover>;
+export default meta;
+type Story = StoryObj<typeof Popover>;
+export declare const Bottom: Story;
+export declare const Top: Story;
+export declare const Left: Story;
+export declare const Right: Story;

package/components/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export { Popover } from './Popover';
+export type { PopoverProps, PopoverClasses } from './Popover';

package/components/Table/Table.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+import { SortConfig } from './useTableSort';
+export interface ColumnDef<T> {
+    key: keyof T & string;
+    header: ReactNode;
+    sortable?: boolean;
+    render?: (value: T[keyof T], row: T, index: number) => ReactNode;
+    width?: string | number;
+    align?: 'left' | 'center' | 'right';
+}
+export interface PaginationConfig {
+    /** Current page (1-based) */
+    page: number;
+    /** Rows per page */
+    pageSize: number;
+    /** Total number of rows (required for server-side pagination) */
+    totalRows?: number;
+    /** Available page size options */
+    pageSizeOptions?: number[];
+    /** Called when page or pageSize changes */
+    onPageChange: (page: number, pageSize: number) => void;
+}
+export interface TableClasses {
+    wrapper: string;
+    root: string;
+    headerCell: string;
+    row: string;
+    cell: string;
+    emptyCell: string;
+    paginator: string;
+    pageButton: string;
+}
+export interface TableProps<T extends Record<string, unknown>> {
+    data: T[];
+    columns: ColumnDef<T>[];
+    /** Controlled sort config — when provided with onSort, sorting is external (server-side) */
+    sortConfig?: SortConfig[];
+    /** Sort callback — when provided, Table won't sort data internally */
+    onSort?: (config: SortConfig[]) => void;
+    /** Enable multi-column sort via Ctrl+click (default: true) */
+    multiSort?: boolean;
+    striped?: boolean;
+    hoverable?: boolean;
+    compact?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    rowKey?: keyof T & string;
+    emptyMessage?: ReactNode;
+    /** Pagination config — when provided, shows a paginator below the table */
+    pagination?: PaginationConfig;
+    classes?: Partial<TableClasses>;
+}
+declare function TableInner<T extends Record<string, unknown>>({ data, columns, sortConfig: controlledSortConfig, onSort, multiSort, striped, hoverable, compact, className, style, rowKey, emptyMessage, pagination, classes, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare const Table: typeof TableInner;
+export {};

package/components/Table/Table.stories.d.ts

@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Table } from './Table';
+type User = {
+    id: number;
+    name: string;
+    email: string;
+    age: number;
+    role: string;
+};
+declare const meta: Meta<typeof Table<User>>;
+export default meta;
+type Story = StoryObj<typeof Table<User>>;
+export declare const Default: Story;
+export declare const Striped: Story;
+export declare const Hoverable: Story;
+export declare const Compact: Story;
+export declare const MultiSort: Story;
+export declare const WithPagination: Story;
+export declare const ServerSideSort: Story;
+export declare const Empty: Story;

package/components/Table/index.d.ts

@@ -0,0 +1,4 @@
+export { Table } from './Table';
+export type { TableProps, TableClasses, ColumnDef, PaginationConfig } from './Table';
+export { useTableSort } from './useTableSort';
+export type { SortConfig } from './useTableSort';

package/components/Table/useTableSort.d.ts

@@ -0,0 +1,33 @@
+/** Describes the sort state for a single column. */
+export interface SortConfig {
+    /** Column key to sort by. */
+    key: string;
+    /** Sort direction. */
+    direction: 'asc' | 'desc';
+}
+/**
+ * Client-side sorting hook for tabular data.
+ *
+ * Supports single and multi-column sort with asc → desc → none cycling.
+ *
+ * @param data - Array of row objects to sort.
+ * @param initialSort - Optional initial sort configuration.
+ * @returns An object containing:
+ *  - `sortedData` — the sorted copy of `data`.
+ *  - `sortConfig` — current active sort columns and directions.
+ *  - `requestSort(key)` — single-column sort (replaces any existing sort).
+ *  - `requestMultiSort(key)` — adds/toggles a column in multi-sort mode.
+ *  - `resetSort()` — clears all sorting.
+ *
+ * @example
+ * ```tsx
+ * const { sortedData, sortConfig, requestSort } = useTableSort(users);
+ * ```
+ */
+export declare function useTableSort<T extends Record<string, unknown>>(data: T[], initialSort?: SortConfig[]): {
+    sortedData: T[];
+    sortConfig: SortConfig[];
+    requestSort: (key: keyof T & string) => void;
+    requestMultiSort: (key: keyof T & string) => void;
+    resetSort: () => void;
+};

package/components/Typography/Typography.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithRef } from 'react';
+type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label';
+export interface TypographyProps extends Omit<ComponentPropsWithRef<'p'>, 'color'> {
+    variant?: TypographyVariant;
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold';
+    color?: 'default' | 'muted' | 'primary' | 'danger' | 'success';
+    align?: 'left' | 'center' | 'right';
+    truncate?: boolean;
+    children: React.ReactNode;
+}
+export declare const Typography: import('react').ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export {};

package/components/Typography/Typography.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Typography } from './Typography';
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+export declare const Heading1: Story;
+export declare const Heading2: Story;
+export declare const Heading3: Story;
+export declare const Heading4: Story;
+export declare const Heading5: Story;
+export declare const Heading6: Story;
+export declare const Paragraph: Story;
+export declare const Muted: Story;
+export declare const Truncated: Story;
+export declare const AllVariants: Story;

package/components/Typography/index.d.ts

@@ -0,0 +1,2 @@
+export { Typography } from './Typography';
+export type { TypographyProps } from './Typography';

package/components/inputs/Checkbox/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface CheckboxClasses {
+    root: string;
+    input: string;
+    label: string;
+}
+export interface CheckboxProps extends ComponentPropsWithRef<'input'> {
+    label?: ReactNode;
+    indeterminate?: boolean;
+    classes?: Partial<CheckboxClasses>;
+}
+export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/components/inputs/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Checkbox } from './Checkbox';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Indeterminate: Story;
+export declare const Disabled: Story;

package/components/inputs/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps, CheckboxClasses } from './Checkbox';

package/components/inputs/Input/Input.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface InputClasses {
+    root: string;
+    wrapper: string;
+    prefix: string;
+    suffix: string;
+}
+export interface InputProps extends Omit<ComponentPropsWithRef<'input'>, 'prefix'> {
+    inputSize?: 'sm' | 'md' | 'lg';
+    error?: boolean;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    classes?: Partial<InputClasses>;
+}
+export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/components/inputs/Input/Input.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Input } from './Input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const WithError: Story;
+export declare const WithPrefix: Story;
+export declare const WithSuffix: Story;
+export declare const WithPrefixAndSuffix: Story;
+export declare const Disabled: Story;

package/components/inputs/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export type { InputProps, InputClasses } from './Input';

package/components/inputs/Radio/Radio.d.ts

@@ -0,0 +1,24 @@
+import { ComponentPropsWithRef, ReactNode, CSSProperties } from 'react';
+export interface RadioGroupProps {
+    name: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+export declare const RadioGroup: {
+    ({ name, value, onChange, className, style, children, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface RadioClasses {
+    root: string;
+    input: string;
+    label: string;
+}
+export interface RadioProps extends Omit<ComponentPropsWithRef<'input'>, 'type'> {
+    label?: ReactNode;
+    value: string;
+    classes?: Partial<RadioClasses>;
+}
+export declare const Radio: import('react').ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/components/inputs/Radio/Radio.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { RadioGroup } from './Radio';
+declare const meta: Meta<typeof RadioGroup>;
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Default: Story;
+export declare const WithDefault: Story;