@cube-dev/ui-kit 0.16.3 → 0.17.0

package/es/utils/range.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/react/Slots.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -26,7 +26,7 @@ export function SlotProvider(props) {
         ...o,
         [p]: mergeProps(parentSlots[p] ?? {}, slots[p] ?? {}),
     }), {}), [parentSlots, slots]);
-    return _jsx(SlotContext.Provider, { value: value, children: children }, void 0);
+    return _jsx(SlotContext.Provider, { value: value, children: children });
 }
 export function ClearSlots(props) {
     const { children, ...otherProps } = props;
@@ -37,7 +37,7 @@ export function ClearSlots(props) {
             content = cloneElement(Children.only(children), otherProps);
         }
     }
-    return (_jsx(SlotContext.Provider, { value: INITIAL_VALUE, children: content }, void 0));
+    return (_jsx(SlotContext.Provider, { value: INITIAL_VALUE, children: content }));
 }
 
         

package/es/utils/react/chain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/react/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/react/interactions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/react/isTextOnly.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/react/mapProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -40,6 +40,9 @@ export function mergeProps(...args) {
                 typeof props.styles === 'object') {
                 result[key] = mergeStyles(result[key], props[key]);
             }
+            else if (key === 'mods' && result.mods && props?.mods) {
+                result.mods = { ...result.mods, ...props?.mods };
+            }
             else if (key === 'id' && result.id && props?.id) {
                 result.id = mergeIds(result.id, props?.id);
                 // Override others

package/es/utils/react/nullableValue.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useCombinedRefs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useViewportSize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.16.3",
+  "version": "0.17.0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -26,7 +26,7 @@
     "@react-aria/numberfield": "3.3.2",
     "@react-aria/overlays": "3.11.0",
     "@react-aria/radio": "3.4.0",
-    "@react-aria/searchfield": "3.4.2",
+    "@react-aria/searchfield": "3.4.4",
     "@react-aria/select": "3.8.2",
     "@react-aria/selection": "3.11.0",
     "@react-aria/separator": "3.2.4",
@@ -46,8 +46,9 @@
     "@react-stately/numberfield": "3.2.2",
     "@react-stately/overlays": "3.4.2",
     "@react-stately/radio": "3.6.0",
-    "@react-stately/searchfield": "3.3.2",
+    "@react-stately/searchfield": "3.3.4",
     "@react-stately/select": "3.3.2",
+    "@react-stately/selection": "^3.11.2",
     "@react-stately/slider": "3.2.4",
     "@react-stately/toggle": "3.4.2",
     "@react-stately/tooltip": "3.2.2",

package/types/_internal/hooks/use-timer/use-timer.d.ts

@@ -1,5 +1,5 @@
 import { Timer } from './timer';
-export declare type UseTimerProps = {
+export type UseTimerProps = {
     callback?: () => void;
     delay?: number | null;
     isDisabled?: boolean;

package/types/components/actions/use-action.d.ts

@@ -28,7 +28,7 @@ export declare const useAction: ({ to, as, htmlType, label, mods, onPress, ...pr
         ref: import("react").RefObject<HTMLElement>;
         type: "button" | "reset" | "submit";
         rel: string | undefined;
-        as: "object" | "link" | "small" | "sub" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "font" | "dir" | "frame" | "frameset" | "marquee";
+        as: "object" | "link" | "small" | "sub" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr";
         isDisabled: boolean | undefined;
         target: string | undefined;
         href: string | undefined;

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

@@ -22,6 +22,6 @@ export interface CubeResultProps extends BaseProps, ContainerStyleProps {
     /** The title */
     title?: ReactNode;
 }
-export declare type CubeResultStatus = 'success' | 'error' | 'info' | 'warning' | 404 | 403 | 500;
+export type CubeResultStatus = 'success' | 'error' | 'info' | 'warning' | 404 | 403 | 500;
 declare const _Result: import("react").ForwardRefExoticComponent<CubeResultProps & import("react").RefAttributes<unknown>>;
 export { _Result as Result };

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared';
 import { Props, Styles } from '../../tasty';
-export declare type CubeFieldWrapperProps = {
+export type CubeFieldWrapperProps = {
     as?: string;
     labelPosition?: LabelPosition;
     label?: ReactNode;

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

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
-export declare type FieldTypes = {
+export type FieldTypes = {
     [key: string]: any;
 };
-export declare type CubeFieldData<Name extends string | number | symbol, Value> = {
+export type CubeFieldData<Name extends string | number | symbol, Value> = {
     readonly name: Name;
     errors: ReactNode[];
     value?: Value;
@@ -11,5 +11,5 @@ export declare type CubeFieldData<Name extends string | number | symbol, Value>
     rules?: any[];
     validating?: boolean;
 };
-export declare type Fields = Record<keyof FieldTypes, CubeFieldData<string, any>>;
-export declare type SetFieldsArrType<T extends FieldTypes, Name extends keyof T> = CubeFieldData<Name, T[Name]>;
+export type Fields = Record<keyof FieldTypes, CubeFieldData<string, any>>;
+export type SetFieldsArrType<T extends FieldTypes, Name extends keyof T> = CubeFieldData<Name, T[Name]>;

package/types/components/forms/Form/useForm.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { CubeFieldData, FieldTypes, SetFieldsArrType } from './types';
-export declare type CubeFormData<T extends FieldTypes> = {
+export type CubeFormData<T extends FieldTypes> = {
     [K in keyof T]?: CubeFieldData<K, T[K]>;
 };
 export declare class CubeFormInstance<T extends FieldTypes, TFormData extends CubeFormData<T> = CubeFormData<T>> {
@@ -14,7 +14,7 @@ export declare class CubeFormInstance<T extends FieldTypes, TFormData extends Cu
     onSubmit: (data: T) => void | Promise<void>;
     constructor(forceReRender?: () => void);
     submit(): Promise<void>;
-    setFieldsValue: (newData: Partial<T>, touched?: boolean | undefined, skipRender?: boolean | undefined, createFields?: boolean, inputOnly?: boolean) => void;
+    setFieldsValue: (newData: Partial<T>, touched?: boolean, skipRender?: boolean, createFields?: boolean, inputOnly?: boolean) => void;
     getFieldValue<Name extends keyof T>(name: Name): T[Name] | undefined;
     getFieldsValue(): Partial<T>;
     /**

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

@@ -3,7 +3,7 @@ import { PasswordInput } from '../PasswordInput/PasswordInput';
 import { NumberInput } from '../NumberInput/NumberInput';
 import { FileInput } from '../FileInput/FileInput';
 import { TextArea } from '../TextArea/TextArea';
-declare type CubeInput = typeof TextInput & {
+type CubeInput = typeof TextInput & {
     Text: typeof TextInput;
     Password: typeof PasswordInput;
     Number: typeof NumberInput;

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

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

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

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

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

@@ -1,6 +1,7 @@
-export declare const SliderThumbElement: any;
-export declare const SliderTrackContainerElement: any;
-export declare const SliderGradationElement: any;
-export declare const SliderGradeElement: any;
-export declare const SliderControlsElement: any;
-export declare const SliderElement: any;
+/// <reference types="react" />
+export declare const SliderThumbElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
+export declare const SliderTrackContainerElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
+export declare const SliderGradationElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
+export declare const SliderGradeElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
+export declare const SliderControlsElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
+export declare const SliderElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { WithNullableValue } from '../../../utils/react/nullableValue';
 import { CubeTextInputBaseProps } from './TextInputBase';
-export declare type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps>;
+export type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps>;
 export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;

package/types/components/overlays/AlertDialog/types.d.ts

@@ -13,7 +13,7 @@ export interface DialogProps extends Omit<CubeDialogContainerProps, 'onDismiss'
         reject: any;
     }) => ReactNode);
 }
-export declare type AlertDialogResolveStatus = 'confirm' | 'cancel' | 'secondary';
+export type AlertDialogResolveStatus = 'confirm' | 'cancel' | 'secondary';
 interface AlertDialogMeta {
     id: number;
     isClosed: boolean;

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

@@ -1,7 +1,7 @@
 import { ReactElement, RefObject } from 'react';
 import { WithCloseBehavior } from '../Modal';
 import { Styles } from '../../../tasty';
-export declare type CubeDialogClose = (close: () => void) => ReactElement;
+export type CubeDialogClose = (close: () => void) => ReactElement;
 export interface CubeDialogTriggerProps extends WithCloseBehavior {
     /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */
     children: [ReactElement, CubeDialogClose | ReactElement];

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { TimeoutProps } from 'react-transition-group/Transition';
-export declare type OpenTransitionProps = Omit<TimeoutProps<undefined>, 'timeout'>;
+export type OpenTransitionProps = Omit<TimeoutProps<undefined>, 'timeout'>;
 export declare function useOpenTransitionContext(): {
     transitionState: import("react-transition-group").TransitionStatus;
 } | null;

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

@@ -1,6 +1,6 @@
 import { TransitionStatus as ReactTransitionStatus } from 'react-transition-group';
-export declare type CloseBehavior = 'remove' | 'hide';
-export declare type TransitionStatus = ReactTransitionStatus;
+export type CloseBehavior = 'remove' | 'hide';
+export type TransitionStatus = ReactTransitionStatus;
 export interface WithCloseBehavior {
     hideOnClose?: boolean;
 }

package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts

@@ -1,7 +1,7 @@
 import { Key } from 'react';
 import { CubeNotifyApiPropsWithID } from '../types';
 import { NotificationItemNode, NotificationsListState } from '../hooks';
-export declare type FloatingNotificationProps = {
+export type FloatingNotificationProps = {
     id: Key;
     isDisabledTimer: boolean;
     onRemoveNotification: (id: Key) => void;

package/types/components/overlays/NewNotifications/Bar/NotificationsBar.d.ts

@@ -1,7 +1,7 @@
 import { Key } from 'react';
 import { CubeNotifyApiPropsWithID } from '../types';
 import { CollectionChildren } from '../hooks';
-export declare type NotificationsBarProps = {
+export type NotificationsBarProps = {
     items: Iterable<CubeNotifyApiPropsWithID>;
     children: CollectionChildren<CubeNotifyApiPropsWithID>;
     onRemoveNotification: (id: Key) => void;

package/types/components/overlays/NewNotifications/Bar/TransitionComponent.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import type { TransitionProps } from 'react-transition-group/Transition';
-export declare type TransitionComponentProps = PropsWithChildren<Partial<TransitionProps>>;
+export type TransitionComponentProps = PropsWithChildren<Partial<TransitionProps>>;
 export declare function TransitionComponent(props: TransitionComponentProps): JSX.Element;

package/types/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 import { CubeDialogProps, CubeDialogTriggerProps } from '../../Dialog';
 import { CubeNotifyApiPropsWithID } from '../types';
-export declare type NotificationsDialogTriggerProps = Omit<CubeDialogTriggerProps, 'type'> & {
+export type NotificationsDialogTriggerProps = Omit<CubeDialogTriggerProps, 'type'> & {
     onCloseNotificationInBar?: (props: CubeNotifyApiPropsWithID) => void;
 };
 export declare function NotificationsDialogTrigger(props: NotificationsDialogTriggerProps): JSX.Element;
-export declare type NotificationsDialogProps = {
+export type NotificationsDialogProps = {
     title?: ReactNode;
 } & CubeDialogProps;
 export declare function NotificationsDialog(props: NotificationsDialogProps): JSX.Element;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CubeNotifyApiProps } from './types';
-export declare type NotificationProps = {
+export type NotificationProps = {
     /**
      * If set to true, when the component gets unmounted, notifications will not be removed from the bar
      *

package/types/components/overlays/NewNotifications/NotificationView/NotificationAction.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { CubeButtonProps } from '../../../actions';
-export declare type NotificationActionProps = PropsWithChildren<{
+export type NotificationActionProps = PropsWithChildren<{
     type?: 'primary' | 'secondary';
     /**
      * @default false

package/types/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type NotificationCloseButtonProps = {
+export type NotificationCloseButtonProps = {
     onPress: () => void;
 };
 export declare const NotificationCloseButton: import("react").NamedExoticComponent<NotificationCloseButtonProps>;

package/types/components/overlays/NewNotifications/NotificationView/NotificationDescription.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { NotificationProps } from './types';
-export declare type NotificationDescriptionProps = {
+export type NotificationDescriptionProps = {
     description: NotificationProps['description'];
 } & HTMLAttributes<HTMLElement>;
 /**

package/types/components/overlays/NewNotifications/NotificationView/NotificationHeader.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { NotificationProps } from './types';
-export declare type NotificationHeaderProps = {
+export type NotificationHeaderProps = {
     header: NotificationProps['header'];
 } & HTMLAttributes<HTMLElement>;
 /**

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

@@ -3,14 +3,14 @@ import { Timer } from '../../../../_internal';
 import { BaseNotificationProps } from '../types';
 import type { CubeNotificationType } from '../types';
 import type { ReactNode, HTMLAttributes } from 'react';
-export declare type NotificationProps = {
+export type NotificationProps = {
     qa?: string;
     attributes?: HTMLAttributes<HTMLDivElement>;
     styles?: Styles;
     timer?: Timer | null;
     onClose?: () => void;
 } & BaseNotificationProps;
-export declare type NotificationIconProps = {
+export type NotificationIconProps = {
     type: CubeNotificationType;
     icon?: ReactNode;
 };

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

@@ -2,20 +2,20 @@ import { Key } from 'react';
 import { CollectionElement } from '@react-types/shared';
 import { CollectionChildren, NotificationItemNode, NotificationsListState } from '../hooks';
 import { CubeNotificationProps } from '../types';
-export declare type NotificationsListProps<T> = {
+export type NotificationsListProps<T> = {
     onDismiss?: (id: Key) => void;
     items?: T[] | readonly T[];
     children: CollectionChildren<T>;
 } & (NotificationsListFactory<T> | NotificationsListStatic);
-export declare type NotificationsListFactory<T> = {
+export type NotificationsListFactory<T> = {
     items: T[] | readonly T[];
     children: (item: T) => CollectionElement<CubeNotificationProps>;
 };
-export declare type NotificationsListStatic = {
+export type NotificationsListStatic = {
     items?: 'You must either use factory or static children';
     children: CollectionElement<CubeNotificationProps> | CollectionElement<CubeNotificationProps>[];
 };
-export declare type NotificationListItemProps = {
+export type NotificationListItemProps = {
     onDismiss?: NotificationsListProps<unknown>['onDismiss'];
     item: NotificationItemNode<CubeNotificationProps>;
     state: NotificationsListState<CubeNotificationProps>;

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

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

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

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

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

@@ -1,11 +1,11 @@
 import { CollectionChildren, NotificationsListState } from './types';
 import type { HTMLAttributes, MutableRefObject } from 'react';
-export declare type UseNotificationsListPropsType<T, R> = {
+export type UseNotificationsListPropsType<T, R> = {
     items?: Iterable<T>;
     children: CollectionChildren<T, R>;
     ref: MutableRefObject<HTMLElement | null>;
 };
-export declare type UseNotificationsListReturnType<R> = {
+export type UseNotificationsListReturnType<R> = {
     listProps: HTMLAttributes<HTMLElement>;
     state: NotificationsListState<R>;
 };