@cube-dev/ui-kit 0.0.0-canary-8404eb5 → 0.0.0-canary-1ea0ab5

package/types/components/content/ActiveZone/ActiveZone.d.ts

@@ -1,5 +1,5 @@
 import { MouseEventHandler } from 'react';
-import { FocusableOptions } from '@react-aria/focus';
+import { FocusableOptions } from 'react-aria';
 import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../../../tasty';
 export interface CubeActiveZoneProps extends BaseProps, TagNameProps, BaseStyleProps, ContainerStyleProps, TextStyleProps, FocusableOptions {
     label?: string;

package/types/components/content/CopySnippet/CopySnippet.d.ts

@@ -103,15 +103,15 @@ declare const ActionButton: import("react").ComponentType<{
     onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
     onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
     key?: import("react").Key | null | undefined;
-    onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPress?: ((e: import("react-aria").PressEvent) => void) | undefined;
+    onPressStart?: ((e: import("react-aria").PressEvent) => void) | undefined;
+    onPressEnd?: ((e: import("react-aria").PressEvent) => void) | undefined;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
     excludeFromTabOrder?: boolean | undefined;
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
     onPressChange?: ((isPressed: boolean) => void) | undefined;
-    onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPressUp?: ((e: import("react-aria").PressEvent) => void) | undefined;
     elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
     to?: string | undefined;
     htmlType?: "button" | "reset" | "submit" | undefined;
@@ -246,15 +246,15 @@ declare const _CopySnippet: typeof CopySnippet & {
         onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
         onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
         key?: import("react").Key | null | undefined;
-        onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-        onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-        onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+        onPress?: ((e: import("react-aria").PressEvent) => void) | undefined;
+        onPressStart?: ((e: import("react-aria").PressEvent) => void) | undefined;
+        onPressEnd?: ((e: import("react-aria").PressEvent) => void) | undefined;
         onFocusChange?: ((isFocused: boolean) => void) | undefined;
         excludeFromTabOrder?: boolean | undefined;
         isLoading?: boolean | undefined;
         isSelected?: boolean | undefined;
         onPressChange?: ((isPressed: boolean) => void) | undefined;
-        onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+        onPressUp?: ((e: import("react-aria").PressEvent) => void) | undefined;
         elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
         to?: string | undefined;
         htmlType?: "button" | "reset" | "submit" | undefined;

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

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { BaseProps, Styles } from '../../../tasty';
+import { BaseProps } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
 import { CheckboxGroup } from './CheckboxGroup';
 import type { AriaCheckboxProps } from '@react-types/checkbox';
 export interface CubeCheckboxProps extends BaseProps, AriaCheckboxProps, FieldBaseProps {
-    inputStyles?: Styles;
 }
 declare let __Checkbox: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxProps, "isSelected" | "defaultSelected"> & {
     isSelected?: any;

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

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-import { CheckboxGroupState } from '@react-stately/checkbox';
-export declare const CheckboxGroupContext: import("react").Context<CheckboxGroupState | null>;
+export declare const CheckboxGroupContext: import("react").Context<any>;

package/types/components/forms/DatePicker/DatePickerButton.d.ts

@@ -100,15 +100,15 @@ export declare const DatePickerButton: import("react").ComponentType<{
     onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
     onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
     key?: import("react").Key | null | undefined;
-    onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPress?: ((e: import("react-aria").PressEvent) => void) | undefined;
+    onPressStart?: ((e: import("react-aria").PressEvent) => void) | undefined;
+    onPressEnd?: ((e: import("react-aria").PressEvent) => void) | undefined;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
     excludeFromTabOrder?: boolean | undefined;
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
     onPressChange?: ((isPressed: boolean) => void) | undefined;
-    onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPressUp?: ((e: import("react-aria").PressEvent) => void) | undefined;
     elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
     to?: string | undefined;
     htmlType?: "button" | "reset" | "submit" | undefined;

package/types/components/forms/DatePicker/DatePickerSegment.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DateFieldState, DateSegment } from '@react-stately/datepicker';
+import { DateFieldState, DateSegment } from 'react-stately';
 import { DatePickerBase, DateValue } from '@react-types/datepicker';
 interface DatePickerSegmentProps extends DatePickerBase<DateValue> {
     segment: DateSegment;

package/types/components/forms/DatePicker/TimeInput.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { FocusableRef } from '@react-types/shared';
 import { TimeValue } from '@react-types/datepicker';
-import { AriaTimeFieldProps } from '@react-aria/datepicker';
+import { AriaTimeFieldProps } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps, ValidationState } from '../../../shared';
 export interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends AriaTimeFieldProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {

package/types/components/forms/DatePicker/props.d.ts

@@ -1,4 +1,4 @@
 import { DatePickerProps } from '@react-types/datepicker';
-import { DateValue } from '@react-aria/calendar';
+import { DateValue } from 'react-aria';
 export declare const DEFAULT_DATE_PROPS: Partial<DatePickerProps<DateValue>>;
 export declare const DEFAULT_TIME_PROPS: Partial<DatePickerProps<DateValue>>;

package/types/components/forms/DatePicker/utils.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { FocusableRef } from '@react-types/shared';
 import { SpectrumDatePickerBase } from '@react-types/datepicker';
-import { DateSegment } from '@react-stately/datepicker';
+import { FocusableRef } from '@react-types/shared';
+import { DateSegment } from 'react-stately';
 export declare function useFormatHelpText(props: Pick<SpectrumDatePickerBase, 'description' | 'showFormatHelpText'>): {};
 export declare function useVisibleMonths(maxVisibleMonths: number): number;
 export declare function useFocusManagerRef(ref: FocusableRef<HTMLElement>): import("react").MutableRefObject<undefined>;

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

@@ -54,11 +54,11 @@ declare const ButtonGroup: import("react").ComponentType<{
     insideForm?: boolean | undefined;
     isReadOnly?: boolean | undefined;
     isRequired?: boolean | undefined;
-    validationState?: import("@react-types/shared").ValidationState | undefined;
+    validationState?: import("react-stately").ValidationState | undefined;
     isLoading?: boolean | undefined;
     rules?: import("../../../shared").ValidationRule[] | undefined;
     extra?: import("react").ReactNode;
-    orientation?: import("@react-types/shared").Orientation | undefined;
+    orientation?: import("react-aria").Orientation | undefined;
     labelStyles?: Styles | undefined;
     labelPosition?: import("../../../shared").LabelPosition | undefined;
     requiredMark?: boolean | undefined;
@@ -127,11 +127,11 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
         insideForm?: boolean | undefined;
         isReadOnly?: boolean | undefined;
         isRequired?: boolean | undefined;
-        validationState?: import("@react-types/shared").ValidationState | undefined;
+        validationState?: import("react-stately").ValidationState | undefined;
         isLoading?: boolean | undefined;
         rules?: import("../../../shared").ValidationRule[] | undefined;
         extra?: import("react").ReactNode;
-        orientation?: import("@react-types/shared").Orientation | undefined;
+        orientation?: import("react-aria").Orientation | undefined;
         labelStyles?: Styles | undefined;
         labelPosition?: import("../../../shared").LabelPosition | undefined;
         requiredMark?: boolean | undefined;

package/types/components/forms/RadioGroup/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { RadioGroupState } from '@react-stately/radio';
+import { RadioGroupState } from 'react-stately';
 interface CubeRadioGroupState {
     isSolid?: boolean;
     name?: string;

package/types/components/forms/Slider/Gradation.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SliderState } from '@react-stately/slider';
+import { SliderState } from 'react-stately';
 export type GradationProps = {
     state: SliderState;
     ranges: number[];

package/types/components/forms/Slider/SliderBase.d.ts

@@ -1,5 +1,5 @@
 import { RefObject, ReactNode } from 'react';
-import { SliderState } from '@react-stately/slider';
+import { SliderState } from 'react-stately';
 import { CubeSliderBaseProps } from './types';
 export interface SliderBaseChildArguments {
     inputRef: RefObject<HTMLInputElement>;

package/types/components/forms/Slider/SliderInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SliderState } from '@react-stately/slider';
+import { SliderState } from 'react-stately';
 import { CubeNumberInputProps } from '../../../';
 export interface RangeInputProps extends CubeNumberInputProps {
     index: number;

package/types/components/forms/Slider/SliderThumb.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { AriaSliderThumbOptions } from '@react-aria/slider';
-import { SliderState } from '@react-stately/slider';
+import { SliderState } from 'react-stately';
 export interface SliderThumbProps extends AriaSliderThumbOptions {
     state: SliderState;
     isDisabled?: boolean;

package/types/components/forms/Slider/SliderTrack.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SliderState } from '@react-stately/slider';
+import { SliderState } from 'react-stately';
 export type SliderTrackProps = {
     state: SliderState;
     orientation?: 'horizontal' | 'vertical';

package/types/components/overlays/NewNotifications/hooks/types.d.ts

@@ -1,4 +1,4 @@
-import type { ListState } from '@react-stately/list';
+import type { ListState } from 'react-stately';
 import type { Collection, CollectionElement, Node } from '@react-types/shared';
 import type { CubeNotificationProps } from '../types';
 export type CollectionChildren<T, R = T> = CollectionElement<R> | CollectionElement<R>[] | ((item: T) => CollectionElement<R>);

package/types/components/overlays/NewNotifications/hooks/use-notification-list-item.d.ts

@@ -1,6 +1,6 @@
 import { SelectableItemAria } from '@react-aria/selection';
 import type { Key, MutableRefObject } from 'react';
-import type { ListState } from '@react-stately/list';
+import type { ListState } from 'react-stately';
 export type UseNotificationListItemPropsType<T extends object> = {
     key: Key;
     ref: MutableRefObject<HTMLElement | null>;

package/types/components/overlays/Tooltip/context.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, RefObject } from 'react';
-import { TooltipTriggerState } from '@react-stately/tooltip';
+import { TooltipTriggerState } from 'react-stately';
 import { PlacementAxis } from '../../../shared';
 import { Props } from '../../../tasty';
 interface TooltipContextProps {

package/types/components/pickers/ComboBox/ComboBox.d.ts

@@ -1,9 +1,8 @@
 import { ForwardedRef, ReactElement, RefObject } from 'react';
-import { FilterFn } from '@react-stately/combobox';
-import { Item } from '@react-stately/collections';
 import { CubeSelectBaseProps } from '../Select/Select';
 import type { CollectionBase, KeyboardDelegate, LoadingState } from '@react-types/shared';
 import type { ComboBoxProps } from '@react-types/combobox';
+type FilterFn = (textValue: string, inputValue: string) => boolean;
 export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange'>, ComboBoxProps<T>, CollectionBase<T> {
     icon?: ReactElement;
     multiLine?: boolean;
@@ -28,5 +27,6 @@ export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOp
 export declare const ComboBox: (<T>(props: CubeComboBoxProps<T> & {
     ref?: ForwardedRef<HTMLDivElement> | undefined;
 }) => JSX.Element) & {
-    Item: typeof Item;
+    Item: any;
 };
+export {};

package/types/components/pickers/Menu/Menu.d.ts

@@ -18,15 +18,14 @@ type ItemComponent = <T>(props: ItemProps<T> & PartialMenuButton & {
     wrapper?: (item: ReactElement) => ReactElement;
 }) => JSX.Element;
 declare const Item: ItemComponent;
-declare const Section: <T>(props: import("@react-types/shared").SectionProps<T>) => JSX.Element;
 declare const __Menu: (<T>(props: CubeMenuProps<T> & {
     ref?: DOMRef<HTMLUListElement> | undefined;
 }) => ReactElement) & {
     Item: typeof Item;
-    Section: typeof Section;
+    Section: any;
 } & {
     Item: ItemComponent;
-    Section: <T_1>(props: import("@react-types/shared").SectionProps<T_1>) => JSX.Element;
+    Section: any;
     displayName: string;
 };
 export { __Menu as Menu };

package/types/components/pickers/Menu/MenuItem.d.ts

@@ -1,6 +1,6 @@
 import { Key } from 'react';
 import { Node } from '@react-types/shared';
-import { TreeState } from '@react-stately/tree';
+import { TreeState } from 'react-stately';
 import { Styles } from '../../../tasty';
 import { MenuSelectionType } from './MenuButton';
 export interface MenuItemProps<T> {

package/types/components/pickers/Menu/MenuTrigger.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
-import { PositionProps } from '@react-types/overlays';
 import { MenuTriggerProps as BaseTriggerProps } from '@react-types/menu';
+import { PositionProps } from '@react-types/overlays';
 export type CubeMenuTriggerProps = BaseTriggerProps & PositionProps & {
     trigger?: string;
     isDisabled?: boolean;

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

@@ -1,5 +1,4 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
-import { Item } from '@react-stately/collections';
 import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
 import type { AriaSelectProps } from '@react-types/select';
@@ -44,8 +43,8 @@ export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxSty
     minWidth: any;
 }): JSX.Element;
 declare const __Select: import("react").ForwardRefExoticComponent<CubeSelectProps<object> & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
-    Item: typeof Item;
+    Item: any;
 } & {
-    Item: <T>(props: import("@react-types/shared").ItemProps<T>) => JSX.Element;
+    Item: any;
 };
 export { __Select as Select };

package/types/index.d.ts

@@ -2,7 +2,7 @@
 import { CubeTextProps, Text } from './components/content/Text';
 import { CubeTitleProps, Title } from './components/content/Title';
 import { CubeParagraphProps, Paragraph } from './components/content/Paragraph';
-export { Item, Section } from '@react-stately/collections';
+export { Item, Section } from 'react-stately';
 export * from '@internationalized/date';
 export { Base } from './components/Base';
 export { Block } from './components/Block';
@@ -140,7 +140,7 @@ export type { PortalProps } from './components/portal';
 export * from './components/forms';
 export type { TagName, TagNameProps, AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, } from './tasty';
 export * from './tasty';
-export { ModalProvider } from '@react-aria/overlays';
+export { ModalProvider } from 'react-aria';
 export * from './utils/react';
 export * from './tasty';
 export { default as copy } from 'clipboard-copy';

package/types/stories/components/StyledButton.d.ts

@@ -100,15 +100,15 @@ export declare const StyledButton: import("react").ComponentType<{
     onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
     onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
     key?: import("react").Key | null | undefined;
-    onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPress?: ((e: import("react-aria").PressEvent) => void) | undefined;
+    onPressStart?: ((e: import("react-aria").PressEvent) => void) | undefined;
+    onPressEnd?: ((e: import("react-aria").PressEvent) => void) | undefined;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
     excludeFromTabOrder?: boolean | undefined;
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
     onPressChange?: ((isPressed: boolean) => void) | undefined;
-    onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPressUp?: ((e: import("react-aria").PressEvent) => void) | undefined;
     elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
     to?: string | undefined;
     htmlType?: "button" | "reset" | "submit" | undefined;

package/types/utils/react/interactions.d.ts

@@ -1,5 +1,6 @@
-import { FocusProps } from '@react-aria/interactions';
-export declare function useFocus({ isDisabled }: FocusProps, onlyVisible?: boolean): {
+export declare function useFocus({ isDisabled }: {
+    isDisabled?: boolean;
+}, onlyVisible?: boolean): {
     focusProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
     isFocused: boolean;
 };