@clicktap/ui 0.12.2 → 0.12.4

package/components/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,10 @@
+import type { CheckboxProps as UiCheckboxProps, CheckboxRenderProps } from 'react-aria-components';
+import type { ReactNode } from 'react';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface CheckboxSlots {
+    control?: ReactNode | ((values: CheckboxRenderProps) => ReactNode);
+}
+export interface CheckboxProps extends UiCheckboxProps {
+    slots?: CheckboxSlots;
+    classNames?: SlotsToClasses<'control'>;
+}

package/components/Checkbox/index.d.ts

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

package/{Collapsible → components/Collapsible}/Collapsible.d.ts

@@ -1,3 +1,3 @@
-import type { CollapsibleContentProps } from './types';
+import type { CollapsibleContentProps } from './Collapsible.types';
 export declare function Collapsible({ children, className }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
 export default Collapsible;

package/components/Collapsible/Collapsible.types.d.ts

@@ -0,0 +1,2 @@
+import type { PropsWithChildren, HTMLAttributes } from 'react';
+export type CollapsibleContentProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;

package/{Collapsible → components/Collapsible}/CollapsibleTrigger.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { CollapsibleTriggerProps, CollapsibleTriggerState } from './types';
+import { CollapsibleTriggerProps, CollapsibleTriggerState } from './CollapsibleTrigger.types';
+/** @todo look into use hook to provide access instead of exporting directly */
 export declare const CollapsibleTriggerStateContext: import("react").Context<CollapsibleTriggerState>;
 export declare function CollapsibleTrigger({ children, className, ...props }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
 export default CollapsibleTrigger;

package/{Collapsible/types.d.ts → components/Collapsible/CollapsibleTrigger.types.d.ts}

@@ -1,4 +1,4 @@
-import { PropsWithChildren, HTMLAttributes } from 'react';
+import type { PropsWithChildren } from 'react';
 export type CollapsibleTriggerState = {
     isOpen: boolean;
     id: string;
@@ -10,4 +10,3 @@ export type CollapsibleTriggerProps = PropsWithChildren<{
     onOpenChange?: (isOpen: boolean) => void;
     className?: string | undefined;
 }>;
-export type CollapsibleContentProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;

package/components/Collapsible/index.d.ts

@@ -0,0 +1,4 @@
+export { Collapsible } from './Collapsible';
+export { CollapsibleTrigger, CollapsibleTriggerStateContext, } from './CollapsibleTrigger';
+export type { CollapsibleContentProps } from './Collapsible.types';
+export type { CollapsibleTriggerProps, CollapsibleTriggerState, } from './CollapsibleTrigger.types';

package/components/Container/Container.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Container: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default Container;

package/components/Container/Container.types.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren, HTMLAttributes } from 'react';
+export type ContainerProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;

package/components/Container/index.d.ts

@@ -0,0 +1,2 @@
+export { Container } from './Container';
+export type { ContainerProps } from './Container.types';

package/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,11 @@
+import type { PopoverProps } from './ContextMenu.types';
+export declare function ContextMenu({ children, key, onAction, setAnimation, animation, className, classNames, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ContextMenu {
+    var defaultProps: {
+        key: undefined;
+        onAction: undefined;
+        classNames: undefined;
+        style: undefined;
+    };
+}
+export default ContextMenu;

package/components/ContextMenu/ContextMenu.types.d.ts

@@ -0,0 +1,15 @@
+import type { PopoverProps as AriaPopoverProps } from 'react-aria-components';
+import type { Dispatch, Key, SetStateAction, ReactNode } from 'react';
+import type { MotionStyle } from 'framer-motion';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+type ContextMenuAnimationState = 'unmounted' | 'hidden' | 'visible';
+export interface PopoverProps extends Omit<AriaPopoverProps, 'children' | 'style'> {
+    animation: ContextMenuAnimationState;
+    children: ReactNode;
+    onAction?: (key: Key) => void;
+    setAnimation: Dispatch<SetStateAction<ContextMenuAnimationState>>;
+    key?: Key | null;
+    classNames?: SlotsToClasses<'menu'>;
+    style?: MotionStyle;
+}
+export {};

package/components/ContextMenu/index.d.ts

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

package/{CreditCardExpirationInput → components/CreditCardExpirationInput}/CreditCardExpirationInput.d.ts

@@ -1,12 +1,4 @@
-import { TextFieldProps, ValidationResult } from 'react-aria-components';
-import type { SlotsToClasses } from '../types';
-interface CreditCardExpirationInputProps extends TextFieldProps {
-    label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    placeholder?: string;
-    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
-}
+import type { CreditCardExpirationInputProps } from './CreditCardExpirationInput.types';
 export declare function CreditCardExpirationInput({ label, description, errorMessage, placeholder, value, className, classNames, ...props }: CreditCardExpirationInputProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace CreditCardExpirationInput {
     var defaultProps: {

package/components/CreditCardExpirationInput/CreditCardExpirationInput.types.d.ts

@@ -0,0 +1,9 @@
+import type { TextFieldProps, ValidationResult } from 'react-aria-components';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface CreditCardExpirationInputProps extends TextFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
+}

package/components/CreditCardExpirationInput/index.d.ts

@@ -0,0 +1,2 @@
+export { CreditCardExpirationInput } from './CreditCardExpirationInput';
+export type { CreditCardExpirationInputProps } from './CreditCardExpirationInput.types';

package/{CreditCardInput → components/CreditCardInput}/CreditCardInput.d.ts

@@ -1,14 +1,4 @@
-import { TextFieldProps, ValidationResult } from 'react-aria-components';
-import type { SlotsToClasses } from '../types';
-interface CreditCardInputProps extends TextFieldProps {
-    label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    placeholder?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
-}
+import type { CreditCardInputProps } from './CreditCardInput.types';
 export declare function CreditCardInput({ label, description, errorMessage, placeholder, value, onChange, className, classNames, ...props }: CreditCardInputProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace CreditCardInput {
     var defaultProps: {

package/components/CreditCardInput/CreditCardInput.types.d.ts

@@ -0,0 +1,11 @@
+import type { TextFieldProps, ValidationResult } from 'react-aria-components';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface CreditCardInputProps extends TextFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
+}

package/components/CreditCardInput/index.d.ts

@@ -0,0 +1,2 @@
+export { CreditCardInput } from './CreditCardInput';
+export type { CreditCardInputProps } from './CreditCardInput.types';

package/components/DateInput/DateInput.d.ts

@@ -0,0 +1,11 @@
+import type { DateInputProps } from './DateInput.types';
+export declare function DateInput({ label, description, errorMessage, className, classNames, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DateInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        classNames: undefined;
+    };
+}
+export default DateInput;

package/components/DateInput/DateInput.types.d.ts

@@ -0,0 +1,8 @@
+import type { DateFieldProps, DateValue, ValidationResult } from 'react-aria-components';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface DateInputProps extends DateFieldProps<DateValue> {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'segment'>;
+}

package/components/DateInput/index.d.ts

@@ -0,0 +1,2 @@
+export { DateInput } from './DateInput';
+export type { DateInputProps } from './DateInput.types';

package/components/Dialog/Dialog.d.ts

@@ -0,0 +1,10 @@
+import type { DialogProps } from './Dialog.types';
+export declare function Dialog({ className, children, animationVariants, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Dialog {
+    var defaultProps: {
+        key: undefined;
+        style: undefined;
+        animationVariants: undefined;
+    };
+}
+export default Dialog;

package/components/Dialog/Dialog.types.d.ts

@@ -0,0 +1,8 @@
+import type { Key } from 'react';
+import type { DialogProps as UIDialogProps } from 'react-aria-components';
+import { MotionStyle, Variants } from 'framer-motion';
+export type DialogProps = UIDialogProps & {
+    key?: Key;
+    style?: MotionStyle;
+    animationVariants?: Variants;
+};

package/components/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { Dialog } from './Dialog';
+export type { DialogProps } from './Dialog.types';

package/components/DialogTrigger/DialogTrigger.d.ts

@@ -0,0 +1,10 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { DialogTriggerProps } from 'react-aria-components';
+import type { DriverAnimationState } from './DialogTrigger.types';
+export declare const useDialogTrigger: () => {
+    animation: DriverAnimationState;
+    setAnimation: Dispatch<SetStateAction<DriverAnimationState>>;
+    onOpenChange: (isOpen: boolean) => void;
+};
+export declare function DialogTrigger(props: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+export default DialogTrigger;

package/components/DialogTrigger/DialogTrigger.types.d.ts

@@ -0,0 +1,4 @@
+import type { DialogTriggerProps as UIDialogTriggerProps } from 'react-aria-components';
+/** @todo this feels like it should be renamed, maybe moved to modal directly */
+export type DriverAnimationState = 'unmounted' | 'visible' | 'hidden';
+export type DialogTriggerProps = UIDialogTriggerProps;

package/components/DialogTrigger/index.d.ts

@@ -0,0 +1,2 @@
+export { DialogTrigger, useDialogTrigger } from './DialogTrigger';
+export type { DriverAnimationState, DialogTriggerProps, } from './DialogTrigger.types';

package/{Divider → components/Divider}/Divider.d.ts

@@ -1,3 +1,3 @@
-import { DividerProps } from './types';
+import type { DividerProps } from './Divider.types';
 export declare function Divider({ orientation, className, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
 export default Divider;

package/components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export { Divider } from './Divider';
+export type { DividerProps } from './Divider.types';

package/components/Drawer/Drawer.d.ts

@@ -0,0 +1,12 @@
+import type { DrawerProps } from './Drawer.types';
+export declare function Drawer({ direction, children, className, animationVariants, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Drawer {
+    var defaultProps: {
+        direction: string;
+        key: undefined;
+        style: undefined;
+        animationVariants: undefined;
+        size: string;
+    };
+}
+export default Drawer;

package/components/Drawer/Drawer.types.d.ts

@@ -0,0 +1,10 @@
+import type { Key } from 'react';
+import type { DialogProps } from 'react-aria-components';
+import type { MotionStyle, Variants } from 'framer-motion';
+export type DrawerProps = DialogProps & {
+    direction?: 'top' | 'right' | 'bottom' | 'left';
+    key?: Key;
+    style?: MotionStyle;
+    animationVariants?: Variants;
+    size?: string;
+};

package/components/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer.types';

package/components/Input/Input.d.ts

@@ -0,0 +1,12 @@
+import type { InputProps } from './Input.types';
+export declare function Input({ label, description, errorMessage, placeholder, className, classNames, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Input {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        placeholder: undefined;
+        classNames: undefined;
+    };
+}
+export default Input;

package/components/Input/Input.types.d.ts

@@ -0,0 +1,9 @@
+import type { TextFieldProps, ValidationResult } from 'react-aria-components';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface InputProps extends TextFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
+}

package/components/Input/index.d.ts

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

package/{Link → components/Link}/Link.d.ts

@@ -1,3 +1,3 @@
-import { LinkProps } from 'react-aria-components';
+import type { LinkProps } from './Link.types';
 export declare function Link({ children, isDisabled, className, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
 export default Link;

package/components/Link/Link.types.d.ts

@@ -0,0 +1,2 @@
+import type { LinkProps as UILinkProps } from 'react-aria-components';
+export type LinkProps = UILinkProps;

package/components/Link/index.d.ts

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

package/{Loader/CircularEasing → components/Loader}/CircularEasing.d.ts

@@ -1,3 +1,3 @@
-import { CircularEasingProps } from './types';
+import type { CircularEasingProps } from './CircularEasing.types';
 export declare function CircularEasing({ width, stroke, strokeLinecap, strokeWidth, className, style, ...props }: CircularEasingProps): import("react/jsx-runtime").JSX.Element;
 export default CircularEasing;

package/{Loader/CircularEasing/types.d.ts → components/Loader/CircularEasing.types.d.ts}

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import type { HTMLAttributes } from 'react';
 export type CircularEasingProps = HTMLAttributes<HTMLDivElement> & {
     stroke: string;
     strokeLinecap?: 'butt' | 'round' | 'square';

package/{Loader/Pulse → components/Loader}/Pulse.d.ts

@@ -1,7 +1,4 @@
-import type { SlotsToClasses } from '../../types';
-export interface PulseProps {
-    classNames?: SlotsToClasses<'base' | 'dot'>;
-}
+import type { PulseProps } from './Pulse.types';
 export declare function Pulse({ classNames }: PulseProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Pulse {
     var defaultProps: {

package/components/Loader/Pulse.types.d.ts

@@ -0,0 +1,4 @@
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface PulseProps {
+    classNames?: SlotsToClasses<'base' | 'dot'>;
+}

package/components/Loader/index.d.ts

@@ -0,0 +1,4 @@
+export { CircularEasing } from './CircularEasing';
+export { Pulse } from './Pulse';
+export type { CircularEasingProps } from './CircularEasing.types';
+export type { PulseProps } from './Pulse.types';

package/{Meter → components/Meter}/Meter.d.ts

@@ -1,10 +1,4 @@
-import { MeterProps as AriaMeterProps } from 'react-aria-components';
-import type { SlotsToClasses } from '../types';
-export type MeterProps = AriaMeterProps & {
-    label?: string;
-    showValue?: boolean;
-    classNames?: SlotsToClasses<'label' | 'value' | 'labelWrapper' | 'track' | 'trackWrapepr'>;
-};
+import type { MeterProps } from './Meter.types';
 export declare function Meter({ label, showValue, value, minValue, maxValue, formatOptions, className, classNames, ...props }: MeterProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Meter {
     var defaultProps: {

package/components/Meter/Meter.types.d.ts

@@ -0,0 +1,7 @@
+import type { MeterProps as AriaMeterProps } from 'react-aria-components';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+export type MeterProps = AriaMeterProps & {
+    label?: string;
+    showValue?: boolean;
+    classNames?: SlotsToClasses<'label' | 'value' | 'labelWrapper' | 'track' | 'trackWrapepr'>;
+};

package/components/Meter/index.d.ts

@@ -0,0 +1,2 @@
+export { Meter } from './Meter';
+export type { MeterProps } from './Meter.types';

package/components/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import type { ModalProps } from './Modal.types';
+export declare function Modal({ children, className, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export default Modal;

package/components/Modal/Modal.types.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+import type { ModalOverlayProps } from 'react-aria-components';
+export interface ModalProps extends Omit<ModalOverlayProps, 'children'> {
+    children: ReactNode;
+}

package/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './Modal';
+export type { ModalProps } from './Modal.types';

package/components/ModalOverlay/ModalOverlay.d.ts

@@ -0,0 +1,10 @@
+import type { ModalOverlayProps } from './ModalOverlay.types';
+export declare function ModalOverlay(props: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ModalOverlay {
+    var defaultProps: {
+        key: undefined;
+        style: undefined;
+        animationVariants: undefined;
+    };
+}
+export default ModalOverlay;

package/components/ModalOverlay/ModalOverlay.types.d.ts

@@ -0,0 +1,14 @@
+import type { Key, ReactNode } from 'react';
+import type { ModalOverlayProps as UiModalOverlayProps, ModalRenderProps } from 'react-aria-components';
+import type { MotionStyle, Variant } from 'framer-motion';
+export interface ModalOverlayProps extends Omit<UiModalOverlayProps, 'children' | 'style'> {
+    key?: Key;
+    style?: MotionStyle;
+    animationVariants?: {
+        visible: Variant;
+        hidden: Variant;
+    };
+    children: ReactNode | ((values: ModalRenderProps & {
+        defaultChildren: ReactNode;
+    }) => ReactNode);
+}

package/components/ModalOverlay/index.d.ts

@@ -0,0 +1,2 @@
+export { ModalOverlay } from './ModalOverlay';
+export type { ModalOverlayProps } from './ModalOverlay.types';

package/{NumberInput → components/NumberInput}/NumberInput.d.ts

@@ -1,16 +1,4 @@
-import { ReactNode } from 'react';
-import type { NumberFieldProps, ValidationResult } from 'react-aria-components';
-import type { SlotsToClasses } from '../types';
-interface NumberInputProps extends NumberFieldProps {
-    label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    slots?: {
-        decrementIcon?: ReactNode;
-        incrementIcon?: ReactNode;
-    };
-    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'incrementBtn' | 'decrementBtn' | 'group'>;
-}
+import type { NumberInputProps } from './NumberInput.types';
 export declare function NumberInput({ label, description, errorMessage, isInvalid, isReadOnly, slots, className, classNames, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace NumberInput {
     var defaultProps: {

package/components/NumberInput/NumberInput.types.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import type { NumberFieldProps, ValidationResult } from 'react-aria-components';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface NumberInputProps extends NumberFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    slots?: {
+        decrementIcon?: ReactNode;
+        incrementIcon?: ReactNode;
+    };
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'incrementBtn' | 'decrementBtn' | 'group'>;
+}

package/components/NumberInput/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInput } from './NumberInput';
+export type { NumberInputProps } from './NumberInput.types';

package/{PinInput → components/PinInput}/PinInput.d.ts

@@ -1,20 +1,4 @@
-import { GroupProps, ValidationResult } from 'react-aria-components';
-import type { SlotsToClasses } from '../types';
-/** @todo extend certain textfield props like name, validationBehavior and isRequired */
-interface PinInputProps extends GroupProps {
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    label?: string;
-    length?: number;
-    name?: string;
-    onChange?: (...event: any[]) => void;
-    value?: string;
-    isMasked?: boolean;
-    isRequired?: boolean;
-    type?: 'alpha' | 'alphanumeric' | 'numeric';
-    validationBehavior?: 'native' | 'aria';
-    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'inputWrap' | 'textWrap'>;
-}
+import type { PinInputProps } from './PinInput.types';
 /** based on https://github.com/chakra-ui/chakra-ui/blob/main/packages/components/src/pin-input/use-pin-input.ts */
 export declare function PinInput({ description, errorMessage, isDisabled, isInvalid, isMasked, isRequired, label, length, name, onChange: controlledOnChange, value, type, validationBehavior, className, classNames, ...props }: PinInputProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace PinInput {

package/components/PinInput/PinInput.types.d.ts

@@ -0,0 +1,17 @@
+import type { GroupProps, ValidationResult } from 'react-aria-components';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+/** @todo extend certain textfield props like name, validationBehavior and isRequired */
+export interface PinInputProps extends GroupProps {
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    label?: string;
+    length?: number;
+    name?: string;
+    onChange?: (...event: any[]) => void;
+    value?: string;
+    isMasked?: boolean;
+    isRequired?: boolean;
+    type?: 'alpha' | 'alphanumeric' | 'numeric';
+    validationBehavior?: 'native' | 'aria';
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'inputWrap' | 'textWrap'>;
+}

package/components/PinInput/index.d.ts

@@ -0,0 +1,2 @@
+export { PinInput } from './PinInput';
+export type { PinInputProps } from './PinInput.types';

package/{Progressbar/CircularProgressbar → components/Progressbar}/CircularProgressbar.d.ts

@@ -1,3 +1,3 @@
-import { CircularProgressbarProps } from './types';
+import type { CircularProgressbarProps } from './CircularProgressbar.types';
 export declare function CircularProgressbar({ label, value, showValue, size, strokeWidth, className, classNames, ...props }: CircularProgressbarProps): import("react/jsx-runtime").JSX.Element;
 export default CircularProgressbar;

package/{Progressbar/CircularProgressbar/types.d.ts → components/Progressbar/CircularProgressbar.types.d.ts}

@@ -1,5 +1,5 @@
 import type { ProgressBarProps } from 'react-aria-components';
-import type { SlotsToClasses } from '../../types';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
 export interface CircularProgressbarProps extends ProgressBarProps {
     label?: string;
     showValue?: boolean;

package/{Progressbar/LinearProgressbar → components/Progressbar}/LinearProgressbar.d.ts

@@ -1,3 +1,3 @@
-import type { LinearProgressbarProps } from './types';
+import type { LinearProgressbarProps } from './LinearProgressbar.types';
 export declare function LinearProgressbar({ label, isIndeterminate, showValue, width, className, classNames, ...props }: LinearProgressbarProps): import("react/jsx-runtime").JSX.Element;
 export default LinearProgressbar;

package/{Progressbar/LinearProgressbar/types.d.ts → components/Progressbar/LinearProgressbar.types.d.ts}

@@ -1,5 +1,5 @@
 import type { ProgressBarProps } from 'react-aria-components';
-import type { SlotsToClasses } from '../../types';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
 export interface LinearProgressbarProps extends ProgressBarProps {
     label?: string;
     width?: string;

package/components/Progressbar/index.d.ts

@@ -0,0 +1,4 @@
+export { CircularProgressbar } from './CircularProgressbar';
+export { LinearProgressbar } from './LinearProgressbar';
+export type { CircularProgressbarProps } from './CircularProgressbar.types';
+export type { LinearProgressbarProps } from './LinearProgressbar.types';

package/components/Radio/Radio.d.ts

@@ -0,0 +1,10 @@
+import type { RadioProps } from './Radio.types';
+export declare function Radio({ children, slots, className, classNames, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Radio {
+    var defaultProps: {
+        children: undefined;
+        slots: undefined;
+        classNames: undefined;
+    };
+}
+export default Radio;

package/components/Radio/Radio.types.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { RadioRenderProps, RadioProps as UiRadioProps } from 'react-aria-components';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface RadioSlots {
+    control?: ReactNode | ((values: RadioRenderProps) => ReactNode);
+}
+export interface RadioProps extends UiRadioProps {
+    children?: ReactNode | ((values: RadioRenderProps) => ReactNode);
+    slots?: RadioSlots;
+    classNames?: SlotsToClasses<'control'>;
+}

package/components/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export { Radio } from './Radio';
+export type { RadioProps, RadioSlots } from './Radio.types';

package/components/Select/Option.d.ts

@@ -0,0 +1,3 @@
+import type { OptionProps } from './Option.types';
+export declare function Option({ className, ...props }: OptionProps): import("react/jsx-runtime").JSX.Element;
+export default Option;

package/components/Select/Option.types.d.ts

@@ -0,0 +1,2 @@
+import type { ListBoxItemProps } from 'react-aria-components';
+export type OptionProps = ListBoxItemProps;