@indico-data/design-system 3.22.0 → 3.23.0-beta.1

package/lib/legacy/components/buttons/IconButton/IconButton.stories.d.ts

@@ -0,0 +1,43 @@
+import type { StoryObj } from '@storybook/react';
+import { IconButton } from './IconButton';
+declare const meta: {
+    component: typeof IconButton;
+    title: string;
+    args: {
+        iconSide: "start";
+        size: "normal";
+        variant: "default";
+    };
+    argTypes: {
+        onPress: {
+            action: string;
+        };
+        isDisabled: {
+            control: {
+                type: "boolean";
+            };
+        };
+        adjustAlignment: {
+            description: string;
+            defaultValue: number;
+        };
+        className: {
+            control: {
+                disable: true;
+            };
+        };
+        style: {
+            control: {
+                disable: true;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof IconButton>;
+export declare const Normal: Story;
+export declare const NoLabel: Story;
+export declare const IconAtEnd: Story;
+export declare const Busy: Story;
+export declare const Disabled: Story;
+export declare const AsLink: Story;

package/lib/legacy/components/buttons/IconButton/IconButton.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const iconButton: import("styled-components").RuleSet<object>;
+export declare const StyledIconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const StyledIconButtonLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;

package/lib/legacy/components/buttons/IconButton/index.d.ts

@@ -0,0 +1 @@
+export { IconButton } from './IconButton';

package/lib/legacy/components/buttons/commonStyles.d.ts

@@ -0,0 +1,9 @@
+export declare const defaultHeight = "36px";
+export declare const largeHeight = "50px";
+export declare const basicDefaults: import("styled-components").RuleSet<object>;
+export declare const defaults: import("styled-components").RuleSet<object>;
+export declare const sizeLarge: import("styled-components").RuleSet<object>;
+export declare const variantDefault: import("styled-components").RuleSet<object>;
+export declare const variantPrimary: import("styled-components").RuleSet<object>;
+export declare const variantDestructive: import("styled-components").RuleSet<object>;
+export declare const disabledOverrides: import("styled-components").RuleSet<object>;

package/lib/legacy/components/buttons/index.d.ts

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

package/lib/legacy/components/buttons/types.d.ts

@@ -0,0 +1,3 @@
+export type ButtonVariant = 'primary' | 'cta' | 'normal' | 'link-style' | 'no-style' | 'outline';
+export type IconButtonVariant = 'default' | 'primary' | 'destructive' | 'outline';
+export type ButtonSize = 'normal' | 'large';

package/lib/legacy/components/dropdowns/BorderSelect/BorderSelect.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { PermafrostComponent } from '@/types';
+type Props = PermafrostComponent & {
+    defaultValue?: string;
+    disabled?: boolean;
+    horizontal?: boolean;
+    initialText?: string;
+    label?: string;
+    onChange(e: React.ChangeEvent<HTMLSelectElement>): void;
+    options: {
+        name: string;
+        value: string | number;
+    }[];
+    style?: object;
+    value?: string | number;
+    validationErrors?: string[];
+};
+export declare const BorderSelect: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/legacy/components/dropdowns/BorderSelect/BorderSelect.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from '@storybook/react';
+import { BorderSelect } from './BorderSelect';
+declare const meta: {
+    component: (props: import("../../../../types").PermafrostComponent & {
+        defaultValue?: string;
+        disabled?: boolean;
+        horizontal?: boolean;
+        initialText?: string;
+        label?: string;
+        onChange(e: import("react").ChangeEvent<HTMLSelectElement>): void;
+        options: {
+            name: string;
+            value: string | number;
+        }[];
+        style?: object;
+        value?: string | number;
+        validationErrors?: string[];
+    }) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    argTypes: {};
+    args: {
+        onChange: () => void;
+        options: {
+            name: string;
+            value: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof BorderSelect>;
+export declare const Base: Story;

package/lib/legacy/components/dropdowns/BorderSelect/BorderSelect.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledValidationError: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/legacy/components/dropdowns/BorderSelect/index.d.ts

@@ -0,0 +1 @@
+export { BorderSelect } from './BorderSelect';

package/lib/legacy/components/dropdowns/MultiCombobox/MultiCombobox.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { PermafrostComponent } from '@/types';
+import type { ComboboxProps, ComboboxOption } from '../types';
+/**
+ * Multiselect combobox component. If selections are not bound to outside state
+ * via the `value` prop, you will need to import and use the `useCombobox` hook
+ * in order to clear its selected value .
+ *
+ * @see [useCombobox]{@link import('useCombobox').useCombobox}
+ */
+export declare const MultiCombobox: React.ForwardRefExoticComponent<PermafrostComponent & ComboboxProps & {
+    /**
+     * MultiValue is a selected option in the input area
+     */
+    multiValueProps?: {
+        "data-cy": string;
+    };
+    optionProps?: {
+        "data-cy": string;
+    };
+    values?: ComboboxOption[];
+    onChange: (selectedOption: ComboboxOption[]) => void;
+} & React.RefAttributes<unknown>>;

package/lib/legacy/components/dropdowns/MultiCombobox/MultiCombobox.stories.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { ComboboxOption } from '../types';
+import { MultiCombobox } from './MultiCombobox';
+declare const meta: {
+    component: React.ForwardRefExoticComponent<import("../../../../types").PermafrostComponent & import("../types").ComboboxProps & {
+        multiValueProps?: {
+            "data-cy": string;
+        };
+        optionProps?: {
+            "data-cy": string;
+        };
+        values?: ComboboxOption[];
+        onChange: (selectedOption: ComboboxOption[]) => void;
+    } & React.RefAttributes<unknown>>;
+    title: string;
+    argTypes: {
+        options: {
+            control: {
+                disable: true;
+            };
+        };
+        defaultValue: {
+            control: {
+                disable: true;
+            };
+        };
+    };
+    args: {
+        options: {
+            value: string;
+            label: string;
+        }[];
+        placeholder: string;
+        onChange: (selectedOptions: ComboboxOption[]) => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof MultiCombobox>;
+export declare const Normal: Story;
+export declare const Open: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+export declare const WithSelections: Story;
+export declare const WithCustomOptionComponent: Story;
+export declare const WithDataCyAttributes: Story;

package/lib/legacy/components/dropdowns/MultiCombobox/MultiCombobox.styles.d.ts

@@ -0,0 +1,4 @@
+import ReactSelect from 'react-select';
+export declare const StyledMultiCombobox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>, "ref"> & {
+    ref?: ((instance: import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>> | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>> | null | undefined;
+}, never>> & string & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;

package/lib/legacy/components/dropdowns/MultiCombobox/index.d.ts

@@ -0,0 +1 @@
+export { MultiCombobox } from './MultiCombobox';

package/lib/legacy/components/dropdowns/Select/Select.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { PermafrostComponent } from '@/types';
+import { ComboboxSize, ComboboxVariant } from '../types';
+type Props = PermafrostComponent & {
+    disabled?: boolean;
+    initialText?: string;
+    options: {
+        name: string;
+        value: string | number;
+    }[];
+    size?: ComboboxSize;
+    style?: object;
+    value?: string | number;
+    variant?: ComboboxVariant;
+    onChange(e: React.ChangeEvent<HTMLSelectElement>): void;
+    onClick?(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
+};
+export declare const Select: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/legacy/components/dropdowns/Select/Select.stories.d.ts

@@ -0,0 +1,34 @@
+import type { StoryObj } from '@storybook/react';
+import { Select } from './Select';
+declare const meta: {
+    component: (props: import("../../../../types").PermafrostComponent & {
+        disabled?: boolean;
+        initialText?: string;
+        options: {
+            name: string;
+            value: string | number;
+        }[];
+        size?: import("../types").ComboboxSize;
+        style?: object;
+        value?: string | number;
+        variant?: import("../types").ComboboxVariant;
+        onChange(e: import("react").ChangeEvent<HTMLSelectElement>): void;
+        onClick?(e: import("react").MouseEvent<HTMLDivElement, MouseEvent>): void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    argTypes: {};
+    args: {
+        onChange: () => void;
+        options: {
+            name: string;
+            value: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const Base: Story;
+export declare const InitialText: Story;
+export declare const Disabled: Story;
+export declare const Small: Story;
+export declare const Light: Story;

package/lib/legacy/components/dropdowns/Select/Select.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/legacy/components/dropdowns/Select/index.d.ts

@@ -0,0 +1 @@
+export { Select } from './Select';

package/lib/legacy/components/dropdowns/SingleCombobox/SingleCombobox.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PermafrostComponent } from '@/types';
+import type { ComboboxProps, ComboboxOption } from '../types';
+/**
+ * Combobox component to select a single option. If selections are not bound to
+ * outside state via the `value` prop, you will need to import and use the
+ * `useCombobox` hook in order to clear its selected value.
+ *
+ * @see [useCombobox]{@link import('useCombobox').useCombobox}
+ */
+export declare const SingleCombobox: React.ForwardRefExoticComponent<PermafrostComponent & ComboboxProps & {
+    dropdownIndicatorProps?: {
+        "data-cy": string;
+    };
+    optionProps?: {
+        "data-cy": string;
+    };
+    value?: ComboboxOption;
+    onChange: (selectedOption: ComboboxOption) => void;
+} & React.RefAttributes<unknown>>;

package/lib/legacy/components/dropdowns/SingleCombobox/SingleCombobox.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from '@storybook/react';
+import { ComboboxOption } from '../types';
+import { SingleCombobox } from './SingleCombobox';
+declare const meta: {
+    component: import("react").ForwardRefExoticComponent<import("../../../../types").PermafrostComponent & import("../types").ComboboxProps & {
+        dropdownIndicatorProps?: {
+            "data-cy": string;
+        };
+        optionProps?: {
+            "data-cy": string;
+        };
+        value?: ComboboxOption;
+        onChange: (selectedOption: ComboboxOption) => void;
+    } & import("react").RefAttributes<unknown>>;
+    title: string;
+    argTypes: {};
+    args: {
+        options: {
+            value: string;
+            label: string;
+        }[];
+        placeholder: string;
+        onChange: (selectedOption: ComboboxOption) => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof SingleCombobox>;
+export declare const Normal: Story;
+export declare const Open: Story;
+export declare const Disabled: Story;
+export declare const WithDataCyAttributes: Story;

package/lib/legacy/components/dropdowns/SingleCombobox/SingleCombobox.styles.d.ts

@@ -0,0 +1,4 @@
+import ReactSelect from 'react-select';
+export declare const StyledSingleCombobox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>, "ref"> & {
+    ref?: ((instance: import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>> | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>> | null | undefined;
+}, never>> & string & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;

package/lib/legacy/components/dropdowns/SingleCombobox/index.d.ts

@@ -0,0 +1 @@
+export { SingleCombobox } from './SingleCombobox';

package/lib/legacy/components/dropdowns/commonStyles.d.ts

@@ -0,0 +1 @@
+export declare const basicDefaults: import("styled-components").RuleSet<object>;

package/lib/legacy/components/dropdowns/index.d.ts

@@ -0,0 +1,4 @@
+export { BorderSelect } from './BorderSelect';
+export { Select } from './Select';
+export { MultiCombobox } from './MultiCombobox';
+export { SingleCombobox } from './SingleCombobox';

package/lib/legacy/components/dropdowns/types.d.ts

@@ -0,0 +1,45 @@
+export type ComboboxProps = {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    className?: string;
+    closeMenuOnSelect?: boolean;
+    /**
+     * Function to generate a custom React component for every available list `Option`
+     * @see {@link https://react-select.com/props#option}
+     */
+    customOption?: (props: any) => JSX.Element;
+    /**
+     * Customize the text to appear in selected items.
+     *
+     * @example (option) => `${option.value}`
+     */
+    customOptionLabel?(option: any): string;
+    /**
+     * Customize the value for the Combobox to use. Defaults to `value`
+     *
+     * @example (option) => `${option.id}`
+     */
+    customOptionValue?(option: any): string;
+    defaultValue?: any[];
+    disabled?: boolean;
+    loading?: boolean;
+    menuIsOpen?: boolean;
+    /**
+     * Custom text to show if there are no more items available to select
+     */
+    noOptionsMessage?: string;
+    /**
+     * Combobox defaults to expect { label: string; value: string; } at minimum - use `customOptionLabel` and `customOptionValue` props to change
+     */
+    options: ComboboxOption[];
+    /**
+     * Input placeholder text
+     */
+    placeholder?: string;
+};
+export type ComboboxOption = {
+    label?: string;
+    [key: string]: any;
+};
+export type ComboboxSize = 'small' | 'medium';
+export type ComboboxVariant = 'default' | 'light';

package/lib/legacy/components/dropdowns/useCombobox.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+/**
+ * @filename useCombobox.ts
+ * Allows access to the internals of a MultiCombobox component. For example, a discrete
+ * button to clear all selected values.
+ *
+ * In your component’s file, import this hook and create a `ref` to the component.
+ * Then, pass the ref into this hook.
+ *
+ * @example
+ * const comboboxEl = useRef(null);
+ * const { clearValue } = useCombobox(comboboxEl);
+ *
+ * <MultiCombobox ref={comboboxEl} ... />
+ *
+ * const handleSubmit = () => {
+ *   clearValue();
+ * };
+ *
+ * @see {@link https://react-select.com/props}
+ * @see {@link https://github.com/JedWatson/react-select/discussions/4352}
+ */
+export declare function useCombobox(comboboxEl: React.RefObject<any>): {
+    clearValue: () => void;
+};

package/lib/legacy/components/dropdowns/utils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Adds custom props to a react-select component
+ *
+ * @example
+ * type Props = ComboboxProps & {
+ *   multiValueProps: {
+ *     'data-cy': string;
+ *   };
+ *
+ * <StyledMultiCombobox
+ *   ...
+ *   components={{
+ *    MultiValue: addCustomProps(MultiValue, { ...multiValueProps }),
+ *    ...
+ *
+ * @see {@link https://gist.github.com/MikaelCarpenter/1fe226967b00eea82e6a4760b244ada1}
+ */
+export declare const addCustomProps: (Component: any, customProps: {
+    [key: string]: string;
+}) => (props: any) => import("react/jsx-runtime").JSX.Element;

package/lib/legacy/components/index.d.ts

@@ -0,0 +1,2 @@
+export { BarSpinner, CirclePulse, CircleSpinner } from './loading-indicators';
+export { Tooltip } from './Tooltip';

package/lib/legacy/components/inputs/EditableInput/EditableInput.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PermafrostComponent } from '@/types';
+type Props = PermafrostComponent & {
+    children: React.ReactNode | string;
+    minLength?: number;
+    onUpdate?(newValue: string): void;
+};
+/**
+ * Wrapper component which enables text editing in place directly on a child component,
+ * element, or plain text.
+ */
+export declare function EditableInput(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/legacy/components/inputs/EditableInput/EditableInput.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { EditableInput } from './EditableInput';
+declare const meta: {
+    component: typeof EditableInput;
+    title: string;
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof EditableInput>;
+export declare const Normal: Story;
+export declare const MinLengthEight: Story;

package/lib/legacy/components/inputs/EditableInput/EditableInput.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledEditableInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/lib/legacy/components/inputs/EditableInput/index.d.ts

@@ -0,0 +1 @@
+export { EditableInput } from './EditableInput';

package/lib/legacy/components/inputs/NumberInput/NumberInput.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { PermafrostComponent } from '@/types';
+export type Props = PermafrostComponent & {
+    autoFocus?: boolean;
+    decrement?(): void;
+    disabled?: boolean;
+    hiddenLabel?: boolean;
+    increment?(): void;
+    label: string;
+    max?: number;
+    min?: number;
+    onChange(value: number | ''): void;
+    placeholder?: string;
+    required?: boolean;
+    step?: string;
+    tabIndex?: number;
+    value: number | '';
+};
+/**
+ * Basic numeric input field. A label is required, but may be visually hidden
+ * using the `hiddenLabel` property.
+ */
+export declare function NumberInput(props: Props): React.ReactElement;

package/lib/legacy/components/inputs/NumberInput/NumberInput.stories.d.ts

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/react';
+import { NumberInput } from './NumberInput';
+declare const meta: {
+    component: typeof NumberInput;
+    title: string;
+    argTypes: {
+        className: {
+            control: {
+                disable: true;
+            };
+        };
+        value: {
+            control: {
+                disable: true;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof NumberInput>;
+export declare const Base: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;
+export declare const WithMinimum: Story;
+export declare const WithMaximum: Story;
+export declare const WithMinMax: Story;
+export declare const WithDecimalStep: Story;
+export declare const WithPlaceholderText: Story;

package/lib/legacy/components/inputs/NumberInput/NumberInput.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledNumberField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/legacy/components/inputs/NumberInput/index.d.ts

@@ -0,0 +1 @@
+export { NumberInput } from './NumberInput';

package/lib/legacy/components/inputs/RadioButtons/RadioButtons.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { AriaRadioProps, RadioGroupProps } from '@react-types/radio';
+import { PermafrostComponent } from '@/types';
+type Props = {
+    ['aria-label']: string;
+    children?: React.ReactNode;
+    hideFocusRing: boolean;
+    color: string;
+    labelColor: string;
+    hoverAndSelectedColor: string;
+    focusRingColor: string;
+    value: string;
+} & RadioGroupProps & PermafrostComponent;
+/**
+ * Renders a group of radio buttons.
+ *
+ * A group label must be included: either pass a string or markup into the
+ * `label` prop, or include an `aria-label` or `aria-labelledby` attribute.
+ */
+export declare function RadioGroup({ children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * A single radio button and its label.
+ */
+export declare function Radio({ children, ...props }: AriaRadioProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/legacy/components/inputs/RadioButtons/RadioButtons.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { RadioGroup } from './RadioButtons';
+declare const meta: {
+    component: typeof RadioGroup;
+    title: string;
+    args: {};
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Normal: Story;
+export declare const CustomColors: Story;
+export declare const WithHiddenLabel: Story;
+export declare const Horizontal: Story;
+export declare const Disabled: Story;

package/lib/legacy/components/inputs/RadioButtons/RadioButtons.styles.d.ts

@@ -0,0 +1,13 @@
+import { AbstractRadioGroup } from '../RadioGroup';
+export declare const StyledRadioGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../../../types").PermafrostComponent & {
+    value?: string;
+    onChange?: (value: string) => void;
+    children: import("react").ReactNode;
+    className?: string;
+} & import("@react-types/radio").AriaRadioGroupProps, {
+    hideFocusRing: boolean;
+    color: string;
+    labelColor: string;
+    hoverAndSelectedColor: string;
+    focusRingColor: string;
+}>> & string & Omit<typeof AbstractRadioGroup, keyof import("react").Component<any, {}, any>>;

package/lib/legacy/components/inputs/RadioButtons/index.d.ts

@@ -0,0 +1 @@
+export { Radio, RadioGroup } from './RadioButtons';

package/lib/legacy/components/inputs/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { AriaRadioGroupProps, AriaRadioProps } from '@react-types/radio';
+import { RadioGroupState } from 'react-stately';
+import { PermafrostComponent } from '@/types';
+export type RadioGroupProps = PermafrostComponent & {
+    value?: string;
+    onChange?: (value: string) => void;
+    children: React.ReactNode;
+    className?: string;
+} & AriaRadioGroupProps;
+export declare const RadioContext: React.Context<RadioGroupState>;
+/**
+ * Renders a group of radio buttons with no styling. This component is not
+ * designed to be user-facing, and should only be used to provide functionality.
+ *
+ * A group label must be included: either pass a string or markup into the
+ * `label` prop, or include an `aria-label` or `aria-labelledby` attribute.
+ */
+export declare function RadioGroup(props: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * A single radio button and its label; no styling is applied, and the native
+ * radio button is visually hidden.
+ */
+export declare function Radio(props: AriaRadioProps & {
+    className?: string;
+    isVisuallySelected?: (selectedValue: string) => void;
+}): import("react/jsx-runtime").JSX.Element;