@clicktap/ui 0.9.0 → 0.12.2

package/Accordion/Accordion.d.ts

@@ -1,3 +1,3 @@
 import { AccordionProps } from '@nextui-org/accordion';
-export declare function Accordion({ children, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Accordion({ children, variant, isCompact, className, itemClasses, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/Avatar/Avatar.d.ts

@@ -1,3 +1,3 @@
 import { AvatarProps } from './types';
-export declare function Avatar({ icon, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Avatar({ icon, className, isDisabled, size, classNames, isBordered, radius, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
 export default Avatar;

package/Avatar/AvatarGroup/AvatarGroup.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import { AvatarGroupProps } from './types';
-export declare function AvatarGroup({ children, isGrid, renderCount, }: PropsWithChildren<AvatarGroupProps>): import("react/jsx-runtime").JSX.Element;
+export declare function AvatarGroup({ children, isGrid, renderCount, className, }: PropsWithChildren<AvatarGroupProps>): import("react/jsx-runtime").JSX.Element;
 export default AvatarGroup;

package/Avatar/AvatarGroup/types.d.ts

@@ -1,2 +1,4 @@
 import { AvatarGroupProps as NextAvatarGroupProps } from '@nextui-org/avatar';
-export type AvatarGroupProps = Pick<NextAvatarGroupProps, 'isGrid' | 'renderCount'>;
+export type AvatarGroupProps = Pick<NextAvatarGroupProps, 'isGrid' | 'renderCount'> & {
+    className?: string;
+};

package/Badge/Badge.d.ts

@@ -1,3 +1,3 @@
 import { BadgeProps } from './types';
-export declare function Badge({ children, isInvisible, disableAnimation, placement, shape, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Badge({ children, isInvisible, disableAnimation, placement, shape, className, classNames, showOutline, content, isDot, isOneChar, size, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 export default Badge;

package/Breadcrumbs/BreadcrumbItem.d.ts

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

package/Breadcrumbs/BreadcrumbLink.d.ts

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

package/Breadcrumbs/BreadcrumbSeparator.d.ts

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

package/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,3 +1,3 @@
 import { BreadcrumbsProps } from './types';
-export declare function Breadcrumbs({ children, ...props }: BreadcrumbsProps<object>): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<object>): import("react/jsx-runtime").JSX.Element;
 export default Breadcrumbs;

package/Button/Button.d.ts

@@ -2,6 +2,6 @@
 export declare const Button: import("react").ForwardRefExoticComponent<import("react-aria-components").ButtonProps & {
     isLoading?: boolean | undefined;
     variant?: "solid" | "outline" | "ghost" | undefined;
-    size?: "sm" | "lg" | "md" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;
 export default Button;

package/Card/Card.d.ts

@@ -1,3 +1,4 @@
-import { PropsWithChildren } from 'react';
-export declare function Card({ children, ...props }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+import { PropsWithChildren, HTMLAttributes } from 'react';
+type CardProps = HTMLAttributes<HTMLDivElement>;
+export declare function Card({ children, className, ...props }: PropsWithChildren<CardProps>): import("react/jsx-runtime").JSX.Element;
 export default Card;

package/Checkbox/Checkbox.d.ts

@@ -1,17 +1,20 @@
 import { CheckboxProps as UiCheckboxProps, CheckboxRenderProps } from 'react-aria-components';
 import { ReactNode } from 'react';
+import type { SlotsToClasses } from '../types';
 interface CheckboxSlots {
     control?: ReactNode | ((values: CheckboxRenderProps) => ReactNode);
 }
 export interface CheckboxProps extends UiCheckboxProps {
     slots?: CheckboxSlots;
+    classNames?: SlotsToClasses<'control'>;
 }
-export declare function Checkbox({ children, slots, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ children, slots, className, classNames, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Checkbox {
     var defaultProps: {
         slots: {
             control: undefined;
         };
+        classNames: undefined;
     };
 }
 export default Checkbox;

package/Collapsible/Collapsible.d.ts

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

package/Collapsible/CollapsibleTrigger.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { CollapsibleTriggerProps, CollapsibleTriggerState } from './types';
 export declare const CollapsibleTriggerStateContext: import("react").Context<CollapsibleTriggerState>;
-export declare function CollapsibleTrigger({ children, ...props }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollapsibleTrigger({ children, className, ...props }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
 export default CollapsibleTrigger;

package/Collapsible/types.d.ts

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

package/Container/Container.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { ContainerProps } from './types';
-export declare const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+import { HTMLAttributes } from 'react';
+export declare const Container: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export default Container;

package/ContextMenu/ContextMenu.d.ts

@@ -1,18 +1,24 @@
 import { PopoverProps as AriaPopoverProps } from 'react-aria-components';
 import { Dispatch, Key, SetStateAction, ReactNode } from 'react';
+import { MotionStyle } from 'framer-motion';
+import type { SlotsToClasses } from '../types';
 export type ContextMenuAnimationState = 'unmounted' | 'hidden' | 'visible';
-interface PopoverProps extends Omit<AriaPopoverProps, 'children'> {
+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 declare function ContextMenu({ children, key, onAction, setAnimation, animation, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+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/CreditCardExpirationInput/CreditCardExpirationInput.d.ts

@@ -1,17 +1,20 @@
 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'>;
 }
-export declare function CreditCardExpirationInput({ label, description, errorMessage, placeholder, value, ...props }: CreditCardExpirationInputProps): import("react/jsx-runtime").JSX.Element;
+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: {
         label: undefined;
         description: undefined;
         errorMessage: undefined;
         placeholder: undefined;
+        classNames: undefined;
     };
 }
 export default CreditCardExpirationInput;

package/CreditCardInput/CreditCardInput.d.ts

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

package/DateInput/DateInput.d.ts

@@ -1,15 +1,18 @@
 import type { DateFieldProps, DateValue, ValidationResult } from 'react-aria-components';
+import type { SlotsToClasses } from '../types';
 interface DateInputProps extends DateFieldProps<DateValue> {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'segment'>;
 }
-export declare function DateInput({ label, description, errorMessage, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;
+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/Dialog/Dialog.d.ts

@@ -1,3 +1,3 @@
 import { DialogProps } from 'react-aria-components';
-export declare function Dialog(props: DialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dialog({ className, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
 export default Dialog;

package/Divider/Divider.d.ts

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

package/Drawer/Drawer.d.ts

@@ -2,7 +2,7 @@ import { DialogProps } from 'react-aria-components';
 export type DrawerProps = DialogProps & {
     direction?: 'top' | 'right' | 'bottom' | 'left';
 };
-export declare function Drawer({ direction, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Drawer({ direction, className, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Drawer {
     var defaultProps: {
         direction: string;

package/Input/Input.d.ts

@@ -1,17 +1,21 @@
 import { TextFieldProps, ValidationResult } from 'react-aria-components';
-interface MyTextFieldProps extends TextFieldProps {
+import type { SlotsToClasses } from '../types';
+export interface MyTextFieldProps extends TextFieldProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
     placeholder?: string;
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
 }
-export declare function Input({ label, description, errorMessage, placeholder, ...props }: MyTextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const InputSharedClasses: string[];
+export declare function Input({ label, description, errorMessage, placeholder, className, classNames, ...props }: MyTextFieldProps): 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/Link/Link.d.ts

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

package/Loader/CircularEasing/CircularEasing.d.ts

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

package/Loader/Pulse/Pulse.d.ts

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

package/Meter/Meter.d.ts

@@ -1,3 +1,16 @@
-import { MeterProps } from './types';
-export declare function Meter({ label, showValue, value, minValue, maxValue, formatOptions, ...props }: MeterProps): import("react/jsx-runtime").JSX.Element;
+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'>;
+};
+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: {
+        showValue: undefined;
+        label: undefined;
+        classNames: undefined;
+    };
+}
 export default Meter;

package/Modal/Modal.d.ts

@@ -3,5 +3,5 @@ import { ModalOverlayProps } from 'react-aria-components';
 interface ModalProps extends Omit<ModalOverlayProps, 'children'> {
     children: React.ReactNode;
 }
-export declare function Modal({ children, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function Modal({ children, className, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
 export default Modal;

package/ModalOverlay/ModalOverlay.d.ts

@@ -1,3 +1,3 @@
 import { ModalOverlayProps } from 'react-aria-components';
-export declare function ModalOverlay(props: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModalOverlay({ className, ...props }: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;
 export default ModalOverlay;

package/NumberInput/NumberInput.d.ts

@@ -1,5 +1,6 @@
 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;
@@ -8,13 +9,15 @@ interface NumberInputProps extends NumberFieldProps {
         decrementIcon?: ReactNode;
         incrementIcon?: ReactNode;
     };
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'incrementBtn' | 'decrementBtn' | 'group'>;
 }
-export declare function NumberInput({ label, description, errorMessage, isInvalid, isReadOnly, slots, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+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: {
         label: undefined;
         description: undefined;
         errorMessage: undefined;
+        classNames: undefined;
         slots: {
             decrementIcon: import("react/jsx-runtime").JSX.Element;
             incrementIcon: import("react/jsx-runtime").JSX.Element;

package/PinInput/PinInput.d.ts

@@ -1,4 +1,5 @@
 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;
@@ -12,9 +13,10 @@ interface PinInputProps extends GroupProps {
     isRequired?: boolean;
     type?: 'alpha' | 'alphanumeric' | 'numeric';
     validationBehavior?: 'native' | 'aria';
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'inputWrap' | 'textWrap'>;
 }
 /** 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, ...props }: PinInputProps): import("react/jsx-runtime").JSX.Element;
+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 {
     var defaultProps: {
         description: undefined;
@@ -22,6 +24,7 @@ export declare namespace PinInput {
         isMasked: boolean;
         isRequired: boolean;
         label: undefined;
+        classNames: undefined;
         length: number;
         name: string;
         onChange: () => void;

package/Progressbar/CircularProgressbar/CircularProgressbar.d.ts

@@ -1,3 +1,3 @@
 import { CircularProgressbarProps } from './types';
-export declare function CircularProgressbar({ label, value, showValue, size, strokeWidth, ...props }: CircularProgressbarProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -1,7 +1,9 @@
 import type { ProgressBarProps } from 'react-aria-components';
+import type { SlotsToClasses } from '../../types';
 export interface CircularProgressbarProps extends ProgressBarProps {
     label?: string;
     showValue?: boolean;
     size?: number;
     strokeWidth?: number;
+    classNames?: SlotsToClasses<'label' | 'base' | 'value'>;
 }

package/Progressbar/LinearProgressbar/LinearProgressbar.d.ts

@@ -1,3 +1,3 @@
 import type { LinearProgressbarProps } from './types';
-export declare function LinearProgressbar({ label, isIndeterminate, showValue, width, ...props }: LinearProgressbarProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -1,6 +1,8 @@
 import type { ProgressBarProps } from 'react-aria-components';
+import type { SlotsToClasses } from '../../types';
 export interface LinearProgressbarProps extends ProgressBarProps {
     label?: string;
     width?: string;
     showValue?: boolean;
+    classNames?: SlotsToClasses<'label' | 'value' | 'labelWrapper' | 'track' | 'trackWrapper'>;
 }

package/Radio/Radio.d.ts

@@ -1,17 +1,20 @@
 import { ReactNode } from 'react';
 import { RadioRenderProps, RadioProps as UiRadioProps } from 'react-aria-components';
+import type { SlotsToClasses } from '../types';
 interface RadioSlots {
     control?: ReactNode | ((values: RadioRenderProps) => ReactNode);
 }
 export interface RadioProps extends UiRadioProps {
     children?: ReactNode | ((values: RadioRenderProps) => ReactNode);
     slots?: RadioSlots;
+    classNames?: SlotsToClasses<'control'>;
 }
-export declare function Radio({ children, slots, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
+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/Select/Option.d.ts

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

package/Select/Select.d.ts

@@ -1,5 +1,6 @@
 import { ComboBoxRenderProps, type ComboBoxProps as AriaComboBoxProps, type ValidationResult } from 'react-aria-components';
 import { Key, ReactNode } from 'react';
+import type { SlotsToClasses } from '../types';
 export type ComboBoxPopoverAnimationState = 'unmounted' | 'hidden' | 'visible';
 type CustomSelectSlots = {
     buttonIcon?: ReactNode | ((values: ComboBoxRenderProps) => ReactNode);
@@ -14,8 +15,11 @@ export interface SelectProps<T extends object> extends Omit<AriaComboBoxProps<T>
     isLoading?: boolean;
     children: ReactNode | ((item: T) => ReactNode);
     slots?: CustomSelectSlots;
+    popoverOffset?: number;
+    popoverPortalContainer?: Element;
+    classNames?: SlotsToClasses<'label' | 'name' | 'comboBoxContainer' | 'input' | 'loader' | 'arrowButton' | 'description' | 'errorMessage' | 'listContainer' | 'list'>;
 }
-export declare function Select<T extends object>({ label, description, errorMessage, children, placeholder, key, isLoading, slots, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Select<T extends object>({ label, description, errorMessage, children, placeholder, key, isLoading, slots, popoverPortalContainer, popoverOffset, selectedKey, className, classNames, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Select {
     var defaultProps: {
         label: undefined;
@@ -28,6 +32,9 @@ export declare namespace Select {
             loadingIcon: undefined;
             buttonIcon: undefined;
         };
+        popoverOffset: undefined;
+        popoverPortalContainer: undefined;
+        classNames: undefined;
     };
 }
 export default Select;

package/Slider/Slider.d.ts

@@ -1,15 +1,18 @@
-import type { SliderProps as AriaSliderProps } from 'react-aria-components';
-interface SliderProps extends AriaSliderProps {
+import { SliderProps as AriaSliderProps } from 'react-aria-components';
+import type { SlotsToClasses } from '../types';
+export type SliderProps = AriaSliderProps & {
     label?: string;
     showOutput?: boolean;
     thumbLabels?: string[];
-}
-export declare function Slider({ label, showOutput, thumbLabels, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
+    classNames?: SlotsToClasses<'base' | 'label' | 'output' | 'outputWrapper' | 'track' | 'thumb'>;
+};
+export declare function Slider({ label, showOutput, thumbLabels, classNames, orientation, isDisabled, children, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Slider {
     var defaultProps: {
         label: undefined;
         showOutput: boolean;
         thumbLabels: undefined;
+        classNames: undefined;
     };
 }
 export default Slider;

package/Switch/Switch.d.ts

@@ -1,3 +1,11 @@
-import { SwitchProps as AriaSwitchProps } from 'react-aria-components';
-export declare function Switch({ children, ...props }: AriaSwitchProps): import("react/jsx-runtime").JSX.Element;
+import { SwitchProps } from 'react-aria-components';
+import type { SlotsToClasses } from '../types';
+export declare function Switch({ children, className, classNames, ...props }: SwitchProps & {
+    classNames?: SlotsToClasses<'indicator'>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Switch {
+    var defaultProps: {
+        classNames: undefined;
+    };
+}
 export default Switch;

package/Tabs/Tab.d.ts

@@ -1,3 +1,15 @@
+import { TabsProps } from 'react-aria-components';
 import { TabProps } from './types';
-export declare function Tab({ variant, children, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
+import type { SlotsToClasses } from '../types';
+export declare function UiTab({ orientation, variant, className, children, ...props }: TabProps & {
+    orientation: TabsProps['orientation'];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Tab({ variant, children, className, classNames, ...props }: TabProps & {
+    classNames?: SlotsToClasses<'overflow'>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tab {
+    var defaultProps: {
+        classNames: undefined;
+    };
+}
 export default Tab;

package/Tabs/TabList.d.ts

@@ -1,3 +1,3 @@
 import { TabListProps } from './types';
-export declare function TabList({ items, children, variant, ...props }: TabListProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabList({ items, children, variant, className, ...props }: TabListProps): import("react/jsx-runtime").JSX.Element;
 export default TabList;

package/Tabs/TabPanel.d.ts

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

package/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TabsProps } from 'react-aria-components';
 export declare const TabsOrientationContext: import("react").Context<import("react-aria").Orientation | undefined>;
-export declare function Tabs({ children, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ children, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
 export default Tabs;

package/TimeInput/TimeInput.d.ts

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

package/TimeInput/types.d.ts

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

package/ToggleButton/ToggleButton.d.ts

@@ -1,3 +1,3 @@
 import { ToggleButtonProps } from './types';
-export declare function ToggleButton({ children, size, variant, ...props }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleButton({ children, size, variant, className, ...props }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
 export default ToggleButton;

package/index.d.ts

@@ -39,9 +39,9 @@ export * from './Tabs/Tab';
 export * from './Tabs/TabList';
 export * from './Tabs/TabPanel';
 export * from './Tabs/Tabs';
-export * from './defaultTheme';
 export * from './TimeInput/TimeInput';
 export * from './ToggleButton/ToggleButton';
 export * from './Tooltip/Tooltip';
 export * from './Loader';
 export * from './NavigationMenu/NavigationMenu';
+export * from './utils';