@cube-dev/ui-kit 0.0.0-canary-3d3ce79 → 0.0.0-canary-99f0327

package/es/utils/modules.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * Released under the MIT license.
  */
 

package/es/utils/promise.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * Released under the MIT license.
  */
 

package/es/utils/random.js

@@ -0,0 +1,14 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
+ * Released under the MIT license.
+ */
+
+export function random(min, max) {
+    const realMin = min < max ? min : max;
+    const realMax = min < max ? max : min;
+    return realMin + Math.random() * (realMax - realMin);
+}
+
+        

package/es/utils/range.js

@@ -0,0 +1,12 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
+ * Released under the MIT license.
+ */
+
+export function range(count) {
+    return Array.from({ length: count }, (_, i) => i);
+}
+
+        

package/es/utils/react/Slots.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * Released under the MIT license.
  */
 
@@ -11,26 +11,21 @@ import { mergeProps } from './mergeProps';
 const INITIAL_VALUE = {};
 let SlotContext = createContext(INITIAL_VALUE);
 export function useSlotProps(props, defaultSlot) {
-    var _a;
     let slot = props.slot || defaultSlot;
-    let allSlots = (_a = useContext(SlotContext)) !== null && _a !== void 0 ? _a : INITIAL_VALUE;
+    let allSlots = useContext(SlotContext) ?? INITIAL_VALUE;
     let slotProps = allSlots[slot];
     return mergeProps(slotProps, props);
 }
 export function SlotProvider(props) {
-    var _a;
-    let parentSlots = (_a = useContext(SlotContext)) !== null && _a !== void 0 ? _a : INITIAL_VALUE;
+    let parentSlots = useContext(SlotContext) ?? INITIAL_VALUE;
     let { slots = {}, children } = props;
     // Merge props for each slot from parent context and props
     let value = useMemo(() => Object.keys(parentSlots)
         .concat(Object.keys(slots))
-        .reduce((o, p) => {
-        var _a, _b;
-        return ({
-            ...o,
-            [p]: mergeProps((_a = parentSlots[p]) !== null && _a !== void 0 ? _a : {}, (_b = slots[p]) !== null && _b !== void 0 ? _b : {}),
-        });
-    }, {}), [parentSlots, slots]);
+        .reduce((o, p) => ({
+        ...o,
+        [p]: mergeProps(parentSlots[p] ?? {}, slots[p] ?? {}),
+    }), {}), [parentSlots, slots]);
     return _jsx(SlotContext.Provider, { value: value, children: children }, void 0);
 }
 export function ClearSlots(props) {

package/es/utils/react/chain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * 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.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * 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.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * 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.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * 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.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * 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.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * Released under the MIT license.
  */
 
@@ -40,8 +40,8 @@ export function mergeProps(...args) {
                 typeof props.styles === 'object') {
                 result[key] = mergeStyles(result[key], props[key]);
             }
-            else if (key === 'id' && result.id && (props === null || props === void 0 ? void 0 : props.id)) {
-                result.id = mergeIds(result.id, props === null || props === void 0 ? void 0 : props.id);
+            else if (key === 'id' && result.id && props?.id) {
+                result.id = mergeIds(result.id, props?.id);
                 // Override others
             }
             else {

package/es/utils/react/nullableValue.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * 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.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * 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.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * Released under the MIT license.
  */
 
 import * as React from 'react';
 // During SSR, React emits a warning when calling useLayoutEffect.
 // Since neither useLayoutEffect nor useEffect run on the server,
-// we can suppress this by replace it with a noop on the server.
+// we can suppress this by replacing it with a noop on the server.
 export const useLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 
         

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * 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.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * 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.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * 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.0.0-canary-3d3ce79
+ * @cube-dev/ui-kit v0.0.0-canary-99f0327
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-3d3ce79",
+  "version": "0.0.0-canary-99f0327",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -14,22 +14,56 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@react-spectrum/utils": "3.7.3",
-    "@react-types/button": "3.6.1",
-    "@react-types/checkbox": "3.3.3",
-    "@react-types/combobox": "3.5.3",
-    "@react-types/dialog": "3.4.3",
+    "@react-aria/button": "^3.3.4",
+    "@react-aria/checkbox": "^3.3.1",
+    "@react-aria/combobox": "^3.2.1",
+    "@react-aria/dialog": "^3.1.4",
+    "@react-aria/focus": "^3.5.0",
+    "@react-aria/i18n": "^3.3.4",
+    "@react-aria/interactions": "^3.7.0",
+    "@react-aria/listbox": "^3.5.0",
+    "@react-aria/menu": "3.6.1",
+    "@react-aria/numberfield": "^3.1.1",
+    "@react-aria/overlays": "^3.7.5",
+    "@react-aria/radio": "^3.1.6",
+    "@react-aria/searchfield": "^3.2.2",
+    "@react-aria/select": "^3.7.1",
+    "@react-aria/selection": "^3.9.1",
+    "@react-aria/separator": "3.1.6",
+    "@react-aria/ssr": "^3.2.0",
+    "@react-aria/switch": "^3.1.3",
+    "@react-aria/textfield": "^3.5.0",
+    "@react-aria/tooltip": "^3.1.3",
+    "@react-aria/utils": "^3.11.0",
+    "@react-aria/visually-hidden": "^3.3.1",
+    "@react-spectrum/utils": "^3.6.3",
+    "@react-stately/checkbox": "^3.1.0",
+    "@react-stately/collections": "^3.3.4",
+    "@react-stately/combobox": "3.0.1",
+    "@react-stately/list": "^3.5.1",
+    "@react-stately/menu": "3.4.1",
+    "@react-stately/numberfield": "^3.0.2",
+    "@react-stately/overlays": "^3.1.6",
+    "@react-stately/radio": "^3.3.2",
+    "@react-stately/searchfield": "^3.1.3",
+    "@react-stately/select": "^3.2.1",
+    "@react-stately/toggle": "^3.2.3",
+    "@react-stately/tooltip": "^3.0.8",
+    "@react-stately/tree": "^3.3.1",
+    "@react-stately/utils": "^3.5.0",
+    "@react-types/button": "^3.4.1",
+    "@react-types/checkbox": "^3.2.5",
+    "@react-types/combobox": "^3.2.1",
+    "@react-types/dialog": "^3.3.4",
     "@react-types/menu": "3.7.1",
-    "@react-types/numberfield": "3.3.3",
-    "@react-types/overlays": "3.6.3",
-    "@react-types/radio": "3.2.3",
-    "@react-types/select": "3.6.3",
-    "@react-types/shared": "3.14.1",
-    "@react-types/switch": "3.2.3",
-    "@react-types/textfield": "3.5.3",
-    "@react-types/tooltip": "3.2.3",
-    "react-aria": "3.19.0",
-    "react-stately": "3.17.0",
+    "@react-types/numberfield": "^3.1.3",
+    "@react-types/overlays": "^3.5.5",
+    "@react-types/radio": "^3.1.2",
+    "@react-types/select": "^3.6.1",
+    "@react-types/shared": "^3.10.1",
+    "@react-types/switch": "^3.1.2",
+    "@react-types/textfield": "^3.3.0",
+    "@react-types/tooltip": "^3.1.5",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "email-validator": "^2.0.4",

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

@@ -9,4 +9,7 @@ export declare type FloatingNotificationProps = {
     item: NotificationItemNode<CubeNotifyApiPropsWithID>;
     state: NotificationsListState<CubeNotifyApiPropsWithID>;
 };
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationsBar`.
+ */
 export declare const FloatingNotification: import("react").NamedExoticComponent<FloatingNotificationProps>;

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

@@ -6,7 +6,15 @@ export declare type NotificationsBarProps = {
     children: CollectionChildren<CubeNotifyApiPropsWithID>;
     onRemoveNotification: (id: Key) => void;
     onDismissNotification: (id: Key) => void;
+    /**
+     * Defines the amount of notifications that can be displayed at once.
+     * @default 5
+     */
+    limit?: number;
 };
+/**
+ * @internal Do not use it
+ */
 export declare function NotificationsBar(props: NotificationsBarProps): JSX.Element;
 export declare namespace NotificationsBar {
     var Item: (props: CubeNotifyApiPropsWithID) => null;

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

@@ -8,6 +8,9 @@ export declare type NotificationProps = {
      */
     disableRemoveOnUnmount?: boolean;
 } & CubeNotifyApiProps;
+/**
+ * Declarative wrap over the `useNotificationsApi` hook
+ */
 export declare function Notification(props: NotificationProps): null;
 export declare namespace Notification {
     var Success: (props: NotificationProps) => JSX.Element;

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

@@ -7,4 +7,7 @@ export declare type NotificationActionProps = PropsWithChildren<{
      */
     disableCloseOnAction?: boolean;
 }> & Omit<CubeButtonProps, 'type' | 'size' | 'mods'>;
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 export declare function NotificationAction(props: NotificationActionProps): JSX.Element;

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

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

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

@@ -3,6 +3,9 @@ import { NotificationProps } from './types';
 export declare type NotificationDescriptionProps = {
     description: NotificationProps['description'];
 } & HTMLAttributes<HTMLElement>;
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 export declare const NotificationDescription: import("react").NamedExoticComponent<{
     description: NotificationProps['description'];
 } & HTMLAttributes<HTMLElement>>;

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

@@ -6,5 +6,8 @@ interface NotificationFooterProps {
     onClose: () => void;
     onDismiss: () => void;
 }
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 export declare const NotificationFooter: React.NamedExoticComponent<NotificationFooterProps>;
 export {};

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

@@ -3,6 +3,9 @@ import { NotificationProps } from './types';
 export declare type NotificationHeaderProps = {
     header: NotificationProps['header'];
 } & HTMLAttributes<HTMLElement>;
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 export declare const NotificationHeader: import("react").NamedExoticComponent<{
     header: NotificationProps['header'];
 } & HTMLAttributes<HTMLElement>>;

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
 import { NotificationIconProps } from './types';
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 export declare const NotificationIcon: import("react").NamedExoticComponent<NotificationIconProps>;

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

@@ -2,6 +2,9 @@ import { PropsWithChildren } from 'react';
 interface NotificationContextType {
     onClose?: () => void;
 }
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 export declare function NotificationProvider(props: PropsWithChildren<NotificationContextType>): JSX.Element;
 export declare function useNotificationContext(): NotificationContextType;
 export {};

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

@@ -1,4 +1,7 @@
 /// <reference types="react" />
+/**
+ * @internal This component is unstable and is a subject to change.
+ */
 export declare const NotificationView: import("react").ForwardRefExoticComponent<{
     qa?: string | undefined;
     attributes?: import("react").HTMLAttributes<HTMLDivElement> | undefined;

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

@@ -2,7 +2,7 @@ import { Key, RefObject } from 'react';
 import { CubeNotificationsApi, CubeNotifyApiPropsWithID } from '../types';
 export declare function useNotifications(rootRef: RefObject<HTMLElement | null> | null): {
     readonly api: CubeNotificationsApi;
-    readonly toasts: CubeNotifyApiPropsWithID[];
+    readonly notifications: CubeNotifyApiPropsWithID[];
     readonly onDismissNotification: (id: Key) => void;
     readonly addOnDismissListener: (listener: (notification: CubeNotifyApiPropsWithID) => void) => () => void | undefined;
 };

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { NotificationsListProps } from './types';
+/**
+ * Provides ability to show notifications as a list.
+ *
+ * @example
+ *   <NotificationsList>
+ *     <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
+ *     <NotificationsList.Item key="id_2" type="attention" description="Edit and test your schema without affecting the production." />
+ *     <NotificationsList.Item key="id_3" type="danger" description="Edit and test your schema without affecting the production." />
+ *   </NotificationsList>
+ *
+ * @example Removing a notification
+ *   <NotificationsList onDismiss={(id) => removeNotification(id)}>
+ *     <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
+ *   </NotificationsList>
+ */
+export declare function NotificationsList<T extends object>(props: NotificationsListProps<T>): JSX.Element;
+export declare namespace NotificationsList {
+    var Item: (props: Omit<import("../types").BaseNotificationProps, "onDismiss">) => null;
+}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { NotificationListItemProps } from './types';
+/**
+ * @internal This component is not intended to be used
+ */
+export declare function NotificationListItem(props: NotificationListItemProps): JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './NotificationsList';
+export type { NotificationsListProps } from './types';

package/types/components/overlays/NewNotifications/{NotificationsList.d.ts → NotificationsList/types.d.ts}

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import { Key } from 'react';
 import { CollectionElement } from '@react-types/shared';
-import { CollectionChildren } from './hooks';
-import type { CubeNotificationProps } from './types';
+import { CollectionChildren, NotificationItemNode, NotificationsListState } from '../hooks';
+import { CubeNotificationProps } from '../types';
 export declare type NotificationsListProps<T> = {
+    onDismiss?: (id: Key) => void;
     items?: T[] | readonly T[];
     children: CollectionChildren<T>;
 } & (NotificationsListFactory<T> | NotificationsListStatic);
@@ -14,7 +15,8 @@ export declare type NotificationsListStatic = {
     items?: 'You must either use factory or static children';
     children: CollectionElement<CubeNotificationProps> | CollectionElement<CubeNotificationProps>[];
 };
-export declare function NotificationsList<T extends object>(props: NotificationsListProps<T>): JSX.Element;
-export declare namespace NotificationsList {
-    var Item: (props: import("./types").BaseNotificationProps) => null;
-}
+export declare type NotificationListItemProps = {
+    onDismiss?: NotificationsListProps<unknown>['onDismiss'];
+    item: NotificationItemNode<CubeNotificationProps>;
+    state: NotificationsListState<CubeNotificationProps>;
+};

package/types/tasty/utils/styles.d.ts

@@ -57,7 +57,7 @@ export declare const CUSTOM_UNITS: {
     lh: string;
     rp: string;
     gp: string;
-    wh: (num: any) => string;
+    dvh: (num: any) => string;
     sp: (num: any) => string;
 };
 export declare const DIRECTIONS: string[];

package/types/utils/random.d.ts

@@ -0,0 +1 @@
+export declare function random(min: number, max: number): number;

package/types/utils/range.d.ts

@@ -0,0 +1 @@
+export declare function range<Length extends number>(count: Length): Array<number>;

package/cjs/components/overlays/NewNotifications/NotificationsList.js

@@ -1,43 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3d3ce79
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotificationsList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const collections_1 = require("@react-stately/collections");
-const tasty_1 = require("../../../tasty");
-const NotificationView_1 = require("./NotificationView");
-const hooks_1 = require("./hooks");
-const NotificationListContainer = (0, tasty_1.tasty)({
-    styles: { boxSizing: 'border-box', width: '100%' },
-});
-function NotificationsList(props) {
-    const { items, children } = props;
-    const ref = (0, react_1.useRef)(null);
-    const { state, listProps } = (0, hooks_1.useNotificationsList)({
-        items,
-        children,
-        ref,
-    });
-    return ((0, jsx_runtime_1.jsx)(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => ((0, jsx_runtime_1.jsx)(NotificationListItem, { item: item, state: state }, item.key))) }, void 0));
-}
-exports.NotificationsList = NotificationsList;
-NotificationsList.Item = collections_1.Item;
-const NotificationListItemWrap = (0, tasty_1.tasty)({
-    styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
-});
-function NotificationListItem(props) {
-    const { item, state } = props;
-    const { key, props: notificationProps } = item;
-    const ref = (0, react_1.useRef)(null);
-    const { itemProps } = (0, hooks_1.useNotificationListItem)({ ref, key, state });
-    return ((0, jsx_runtime_1.jsx)(NotificationListItemWrap, { children: (0, jsx_runtime_1.jsx)(NotificationView_1.NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: false }, void 0) }, void 0));
-}
-
-        

package/es/components/overlays/NewNotifications/NotificationsList.js

@@ -1,39 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3d3ce79
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef } from 'react';
-import { Item } from '@react-stately/collections';
-import { tasty } from '../../../tasty';
-import { NotificationView } from './NotificationView';
-import { useNotificationListItem, useNotificationsList, } from './hooks';
-const NotificationListContainer = tasty({
-    styles: { boxSizing: 'border-box', width: '100%' },
-});
-export function NotificationsList(props) {
-    const { items, children } = props;
-    const ref = useRef(null);
-    const { state, listProps } = useNotificationsList({
-        items,
-        children,
-        ref,
-    });
-    return (_jsx(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => (_jsx(NotificationListItem, { item: item, state: state }, item.key))) }, void 0));
-}
-NotificationsList.Item = Item;
-const NotificationListItemWrap = tasty({
-    styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
-});
-function NotificationListItem(props) {
-    const { item, state } = props;
-    const { key, props: notificationProps } = item;
-    const ref = useRef(null);
-    const { itemProps } = useNotificationListItem({ ref, key, state });
-    return (_jsx(NotificationListItemWrap, { children: _jsx(NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: false }, void 0) }, void 0));
-}
-
-