@cube-dev/ui-kit 0.0.0-canary-855d62e → 0.0.0-canary-29fafcf

package/dist/components/overlays/NewNotifications/Bar/TransitionComponent.js

@@ -1,64 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-855d62e | Cube Dev Team */
-import { tasty } from "../../../../tasty/tasty.js";
-import { forwardRef, useCallback, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { CSSTransition } from "react-transition-group";
-
-//#region src/components/overlays/NewNotifications/Bar/TransitionComponent.tsx
-const CSS_TRANSITION_CLASS_NAME = "cube-notifications-css-transition";
-const TRANSITION_TIMEOUT = 250;
-const TransitionElement = tasty({ styles: {
-	transitionProperty: "height, opacity, margin-top, margin-bottom",
-	transitionDuration: `${TRANSITION_TIMEOUT}ms`,
-	transitionTimingFunction: "cubic-bezier(0.34, 1.56, 0.64, 1)",
-	height: {
-		[`.${CSS_TRANSITION_CLASS_NAME}-enter`]: 0,
-		[`.${CSS_TRANSITION_CLASS_NAME}-enter-active`]: "$notification-size",
-		[`.${CSS_TRANSITION_CLASS_NAME}-exit`]: "$notification-size",
-		[`.${CSS_TRANSITION_CLASS_NAME}-exit-active`]: 0
-	},
-	opacity: {
-		[`.${CSS_TRANSITION_CLASS_NAME}-enter`]: 0,
-		[`.${CSS_TRANSITION_CLASS_NAME}-enter-active`]: 1,
-		[`.${CSS_TRANSITION_CLASS_NAME}-exit`]: 1,
-		[`.${CSS_TRANSITION_CLASS_NAME}-exit-active`]: 0
-	},
-	willChange: {
-		[`.${CSS_TRANSITION_CLASS_NAME}-enter`]: "height, opacity",
-		[`.${CSS_TRANSITION_CLASS_NAME}-enter-active`]: "height, opacity",
-		[`.${CSS_TRANSITION_CLASS_NAME}-exit`]: "height, opacity, margin-top",
-		[`.${CSS_TRANSITION_CLASS_NAME}-exit-active`]: "height, opacity"
-	},
-	marginTop: { [`.${CSS_TRANSITION_CLASS_NAME}-exit-active`]: "-1x" }
-} });
-const TransitionWrapper = forwardRef(function TransitionWrapper({ children }, ref) {
-	return /* @__PURE__ */ jsx(TransitionElement, {
-		ref,
-		children
-	});
-});
-function TransitionComponent(props) {
-	const { children, ...transitionProps } = props;
-	const notificationRef = useRef(null);
-	const calculateNotificationSize = useCallback(() => {
-		if (notificationRef.current) notificationRef.current.style.setProperty("--notification-size", `${notificationRef.current.scrollHeight}px`);
-	}, []);
-	return /* @__PURE__ */ jsx(CSSTransition, {
-		unmountOnExit: true,
-		mountOnEnter: true,
-		nodeRef: notificationRef,
-		timeout: TRANSITION_TIMEOUT,
-		classNames: CSS_TRANSITION_CLASS_NAME,
-		onEnter: calculateNotificationSize,
-		onExit: calculateNotificationSize,
-		...transitionProps,
-		children: /* @__PURE__ */ jsx(TransitionWrapper, {
-			ref: notificationRef,
-			children
-		})
-	});
-}
-
-//#endregion
-export { TransitionComponent };
-//# sourceMappingURL=TransitionComponent.js.map

package/dist/components/overlays/NewNotifications/Bar/TransitionComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TransitionComponent.js","names":[],"sources":["../../../../../src/components/overlays/NewNotifications/Bar/TransitionComponent.tsx"],"sourcesContent":["import { forwardRef, PropsWithChildren, useCallback, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { tasty } from '../../../../tasty';\n\nimport type { TransitionProps } from 'react-transition-group/Transition';\n\nconst CSS_TRANSITION_CLASS_NAME = 'cube-notifications-css-transition';\nconst TRANSITION_TIMEOUT = 250;\n\nexport type TransitionComponentProps = PropsWithChildren<\n  Partial<TransitionProps>\n>;\n\nconst TransitionElement = tasty({\n  styles: {\n    transitionProperty: 'height, opacity, margin-top, margin-bottom',\n    transitionDuration: `${TRANSITION_TIMEOUT}ms`,\n    transitionTimingFunction: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n\n    height: {\n      [`.${CSS_TRANSITION_CLASS_NAME}-enter`]: 0,\n      [`.${CSS_TRANSITION_CLASS_NAME}-enter-active`]: '$notification-size',\n      [`.${CSS_TRANSITION_CLASS_NAME}-exit`]: '$notification-size',\n      [`.${CSS_TRANSITION_CLASS_NAME}-exit-active`]: 0,\n    },\n    opacity: {\n      [`.${CSS_TRANSITION_CLASS_NAME}-enter`]: 0,\n      [`.${CSS_TRANSITION_CLASS_NAME}-enter-active`]: 1,\n      [`.${CSS_TRANSITION_CLASS_NAME}-exit`]: 1,\n      [`.${CSS_TRANSITION_CLASS_NAME}-exit-active`]: 0,\n    },\n    willChange: {\n      [`.${CSS_TRANSITION_CLASS_NAME}-enter`]: 'height, opacity',\n      [`.${CSS_TRANSITION_CLASS_NAME}-enter-active`]: 'height, opacity',\n      [`.${CSS_TRANSITION_CLASS_NAME}-exit`]: 'height, opacity, margin-top',\n      [`.${CSS_TRANSITION_CLASS_NAME}-exit-active`]: 'height, opacity',\n    },\n    marginTop: {\n      [`.${CSS_TRANSITION_CLASS_NAME}-exit-active`]: '-1x',\n    },\n  },\n});\n\nconst TransitionWrapper = forwardRef<HTMLDivElement, PropsWithChildren>(\n  function TransitionWrapper({ children }, ref) {\n    return <TransitionElement ref={ref}>{children}</TransitionElement>;\n  },\n);\n\nexport function TransitionComponent(props: TransitionComponentProps) {\n  const { children, ...transitionProps } = props;\n  const notificationRef = useRef<HTMLDivElement | null>(null);\n\n  const calculateNotificationSize = useCallback(() => {\n    if (notificationRef.current) {\n      notificationRef.current.style.setProperty(\n        '--notification-size',\n        `${notificationRef.current.scrollHeight}px`,\n      );\n    }\n  }, []);\n\n  return (\n    <CSSTransition\n      unmountOnExit\n      mountOnEnter\n      nodeRef={notificationRef}\n      timeout={TRANSITION_TIMEOUT}\n      classNames={CSS_TRANSITION_CLASS_NAME}\n      onEnter={calculateNotificationSize}\n      onExit={calculateNotificationSize}\n      {...transitionProps}\n    >\n      <TransitionWrapper ref={notificationRef}>{children}</TransitionWrapper>\n    </CSSTransition>\n  );\n}\n"],"mappings":";;;;;;;AAOA,MAAM,4BAA4B;AAClC,MAAM,qBAAqB;AAM3B,MAAM,oBAAoB,MAAM,EAC9B,QAAQ;CACN,oBAAoB;CACpB,oBAAoB,GAAG,mBAAmB;CAC1C,0BAA0B;CAE1B,QAAQ;GACL,IAAI,0BAA0B,UAAU;GACxC,IAAI,0BAA0B,iBAAiB;GAC/C,IAAI,0BAA0B,SAAS;GACvC,IAAI,0BAA0B,gBAAgB;EAChD;CACD,SAAS;GACN,IAAI,0BAA0B,UAAU;GACxC,IAAI,0BAA0B,iBAAiB;GAC/C,IAAI,0BAA0B,SAAS;GACvC,IAAI,0BAA0B,gBAAgB;EAChD;CACD,YAAY;GACT,IAAI,0BAA0B,UAAU;GACxC,IAAI,0BAA0B,iBAAiB;GAC/C,IAAI,0BAA0B,SAAS;GACvC,IAAI,0BAA0B,gBAAgB;EAChD;CACD,WAAW,GACR,IAAI,0BAA0B,gBAAgB,OAChD;CACF,EACF,CAAC;AAEF,MAAM,oBAAoB,WACxB,SAAS,kBAAkB,EAAE,YAAY,KAAK;AAC5C,QAAO,oBAAC;EAAuB;EAAM;GAA6B;EAErE;AAED,SAAgB,oBAAoB,OAAiC;CACnE,MAAM,EAAE,UAAU,GAAG,oBAAoB;CACzC,MAAM,kBAAkB,OAA8B,KAAK;CAE3D,MAAM,4BAA4B,kBAAkB;AAClD,MAAI,gBAAgB,QAClB,iBAAgB,QAAQ,MAAM,YAC5B,uBACA,GAAG,gBAAgB,QAAQ,aAAa,IACzC;IAEF,EAAE,CAAC;AAEN,QACE,oBAAC;EACC;EACA;EACA,SAAS;EACT,SAAS;EACT,YAAY;EACZ,SAAS;EACT,QAAQ;EACR,GAAI;YAEJ,oBAAC;GAAkB,KAAK;GAAkB;IAA6B;GACzD"}

package/dist/components/overlays/NewNotifications/Dialog/NotificationsDialogContext.js

@@ -1,19 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-855d62e | Cube Dev Team */
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/overlays/NewNotifications/Dialog/NotificationsDialogContext.tsx
-const NotificationsDialogContext = createContext(null);
-function NotificationsDialogProvider({ children }) {
-	return /* @__PURE__ */ jsx(NotificationsDialogContext.Provider, {
-		value: { insideNotificationsDialog: true },
-		children
-	});
-}
-function useNotificationsDialogContext() {
-	return useContext(NotificationsDialogContext)?.insideNotificationsDialog ?? false;
-}
-
-//#endregion
-export { NotificationsDialogProvider, useNotificationsDialogContext };
-//# sourceMappingURL=NotificationsDialogContext.js.map

package/dist/components/overlays/NewNotifications/Dialog/NotificationsDialogContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationsDialogContext.js","names":[],"sources":["../../../../../src/components/overlays/NewNotifications/Dialog/NotificationsDialogContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\nexport interface NotificationsDialogContextValue {\n  insideNotificationsDialog: boolean;\n}\n\nexport const NotificationsDialogContext =\n  createContext<NotificationsDialogContextValue | null>(null);\n\nexport function NotificationsDialogProvider({\n  children,\n}: {\n  children: ReactNode;\n}) {\n  return (\n    <NotificationsDialogContext.Provider\n      value={{ insideNotificationsDialog: true }}\n    >\n      {children}\n    </NotificationsDialogContext.Provider>\n  );\n}\n\nexport function useNotificationsDialogContext() {\n  const context = useContext(NotificationsDialogContext);\n  return context?.insideNotificationsDialog ?? false;\n}\n"],"mappings":";;;;;AAMA,MAAa,6BACX,cAAsD,KAAK;AAE7D,SAAgB,4BAA4B,EAC1C,YAGC;AACD,QACE,oBAAC,2BAA2B;EAC1B,OAAO,EAAE,2BAA2B,MAAM;EAEzC;GACmC;;AAI1C,SAAgB,gCAAgC;AAE9C,QADgB,WAAW,2BAA2B,EACtC,6BAA6B"}

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

@@ -1,20 +0,0 @@
-
-import { CubeDialogProps } from "../../Dialog/Dialog.js";
-import { CubeDialogTriggerProps } from "../../Dialog/DialogTrigger.js";
-import "../../Dialog/index.js";
-import { CubeNotifyApiPropsWithID } from "../types.js";
-import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.d.ts
-type NotificationsDialogTriggerProps = Omit<CubeDialogTriggerProps, 'type'> & {
-  onCloseNotificationInBar?: (props: CubeNotifyApiPropsWithID) => void;
-};
-declare function NotificationsDialogTrigger(props: NotificationsDialogTriggerProps): react_jsx_runtime0.JSX.Element;
-type NotificationsDialogProps = {
-  title?: ReactNode;
-} & CubeDialogProps;
-declare function NotificationsDialog(props: NotificationsDialogProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { NotificationsDialog, NotificationsDialogProps, NotificationsDialogTrigger, NotificationsDialogTriggerProps };
-//# sourceMappingURL=NotificationsDialogTrigger.d.ts.map

package/dist/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js

@@ -1,41 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-855d62e | Cube Dev Team */
-import { tasty } from "../../../../tasty/tasty.js";
-import { ClearSlots } from "../../../../utils/react/Slots.js";
-import { _Title } from "../../../content/Title.js";
-import { Flex } from "../../../layout/Flex.js";
-import { Dialog } from "../../Dialog/Dialog.js";
-import { DialogTrigger } from "../../Dialog/DialogTrigger.js";
-import { useNotificationsObserver } from "../hooks/use-notifications-observer.js";
-import { NotificationsDialogProvider } from "./NotificationsDialogContext.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { VisuallyHidden } from "react-aria";
-
-//#region src/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.tsx
-function NotificationsDialogTrigger(props) {
-	const { onCloseNotificationInBar, ...dialogTriggerProps } = props;
-	useNotificationsObserver((args) => onCloseNotificationInBar?.(args));
-	return /* @__PURE__ */ jsx(DialogTrigger, {
-		...dialogTriggerProps,
-		type: "popover"
-	});
-}
-const StyledDialog = tasty(Dialog, { height: "auto calc(100vh - 12x)" });
-const StyledDialogContent = tasty(Flex, { styles: {
-	flow: "column",
-	placeItems: "start start",
-	scrollbar: "styled",
-	height: "100%",
-	radius: "0.5x",
-	overflow: "auto"
-} });
-function NotificationsDialog(props) {
-	const { children, title = "Notifications", ...dialogProps } = props;
-	return /* @__PURE__ */ jsxs(StyledDialog, {
-		...dialogProps,
-		children: [/* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(_Title, { children: title }) }), /* @__PURE__ */ jsx(StyledDialogContent, { children: /* @__PURE__ */ jsx(NotificationsDialogProvider, { children: /* @__PURE__ */ jsx(ClearSlots, { children }) }) })]
-	});
-}
-
-//#endregion
-export { NotificationsDialog, NotificationsDialogTrigger };
-//# sourceMappingURL=NotificationsDialogTrigger.js.map

package/dist/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationsDialogTrigger.js","names":["Title"],"sources":["../../../../../src/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { VisuallyHidden } from 'react-aria';\n\nimport { tasty } from '../../../../tasty';\nimport { ClearSlots } from '../../../../utils/react';\nimport { Title } from '../../../content/Title';\nimport { Flex } from '../../../layout/Flex';\nimport {\n  CubeDialogProps,\n  CubeDialogTriggerProps,\n  Dialog,\n  DialogTrigger,\n} from '../../Dialog';\nimport { useNotificationsObserver } from '../hooks';\nimport { CubeNotifyApiPropsWithID } from '../types';\n\nimport { NotificationsDialogProvider } from './NotificationsDialogContext';\n\nexport type NotificationsDialogTriggerProps = Omit<\n  CubeDialogTriggerProps,\n  'type'\n> & {\n  onCloseNotificationInBar?: (props: CubeNotifyApiPropsWithID) => void;\n};\n\nexport function NotificationsDialogTrigger(\n  props: NotificationsDialogTriggerProps,\n) {\n  const { onCloseNotificationInBar, ...dialogTriggerProps } = props;\n\n  useNotificationsObserver((args) => onCloseNotificationInBar?.(args));\n\n  return <DialogTrigger {...dialogTriggerProps} type=\"popover\" />;\n}\n\nconst StyledDialog = tasty(Dialog, { height: 'auto calc(100vh - 12x)' });\n\nconst StyledDialogContent = tasty(Flex, {\n  styles: {\n    flow: 'column',\n    placeItems: 'start start',\n    scrollbar: 'styled',\n    height: '100%',\n    radius: '0.5x',\n    overflow: 'auto',\n  },\n});\n\nexport type NotificationsDialogProps = { title?: ReactNode } & CubeDialogProps;\n\nexport function NotificationsDialog(props: NotificationsDialogProps) {\n  const { children, title = 'Notifications', ...dialogProps } = props;\n\n  return (\n    <StyledDialog {...dialogProps}>\n      <VisuallyHidden>\n        <Title>{title}</Title>\n      </VisuallyHidden>\n\n      <StyledDialogContent>\n        <NotificationsDialogProvider>\n          <ClearSlots>{children}</ClearSlots>\n        </NotificationsDialogProvider>\n      </StyledDialogContent>\n    </StyledDialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAyBA,SAAgB,2BACd,OACA;CACA,MAAM,EAAE,0BAA0B,GAAG,uBAAuB;AAE5D,2BAA0B,SAAS,2BAA2B,KAAK,CAAC;AAEpE,QAAO,oBAAC;EAAc,GAAI;EAAoB,MAAK;GAAY;;AAGjE,MAAM,eAAe,MAAM,QAAQ,EAAE,QAAQ,0BAA0B,CAAC;AAExE,MAAM,sBAAsB,MAAM,MAAM,EACtC,QAAQ;CACN,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,UAAU;CACX,EACF,CAAC;AAIF,SAAgB,oBAAoB,OAAiC;CACnE,MAAM,EAAE,UAAU,QAAQ,iBAAiB,GAAG,gBAAgB;AAE9D,QACE,qBAAC;EAAa,GAAI;aAChB,oBAAC,4BACC,oBAACA,oBAAO,QAAc,GACP,EAEjB,oBAAC,iCACC,oBAAC,yCACC,oBAAC,cAAY,WAAsB,GACP,GACV;GACT"}

package/dist/components/overlays/NewNotifications/Dialog/index.d.ts

@@ -1,2 +0,0 @@
-
-import { NotificationsDialog, NotificationsDialogProps, NotificationsDialogTrigger, NotificationsDialogTriggerProps } from "./NotificationsDialogTrigger.js";

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

@@ -1,25 +0,0 @@
-
-import { CubeNotifyApiProps } from "./types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/overlays/NewNotifications/Notification.d.ts
-type NotificationProps = {
-  /**
-   * If set to true, when the component gets unmounted, notifications will not be removed from the bar
-   *
-   * @default false
-   */
-  disableRemoveOnUnmount?: boolean;
-} & CubeNotifyApiProps;
-/**
- * Declarative wrap over the `useNotificationsApi` hook
- */
-declare function Notification(props: NotificationProps): null;
-declare namespace Notification {
-  var Success: (props: NotificationProps) => react_jsx_runtime0.JSX.Element;
-  var Danger: (props: NotificationProps) => react_jsx_runtime0.JSX.Element;
-  var Attention: (props: NotificationProps) => react_jsx_runtime0.JSX.Element;
-}
-//#endregion
-export { Notification, NotificationProps };
-//# sourceMappingURL=Notification.d.ts.map

package/dist/components/overlays/NewNotifications/Notification.js

@@ -1,51 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-855d62e | Cube Dev Team */
-import { useId as useId$1 } from "../../../utils/react/useId.js";
-import { useSyncRef } from "../../../_internal/hooks/use-sync-ref.js";
-import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { useNotificationsApi } from "./hooks/use-notifications-api.js";
-import { useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/overlays/NewNotifications/Notification.tsx
-/**
-* Declarative wrap over the `useNotificationsApi` hook
-*/
-function Notification(props) {
-	const { id: propsId, disableRemoveOnUnmount = false } = props;
-	const defaultId = useId$1();
-	const disableRemoveOnUnmountRef = useSyncRef(disableRemoveOnUnmount);
-	const { notify, update, remove } = useNotificationsApi();
-	const id = propsId ?? defaultId;
-	const removeNotification = useEvent((id) => disableRemoveOnUnmountRef.current ? void 0 : remove(id));
-	useEffect(() => {
-		notify({
-			id,
-			...props
-		});
-	}, [id]);
-	useEffect(() => () => removeNotification(id), [id, removeNotification]);
-	useEffect(() => update(id, props));
-	return null;
-}
-Notification.Success = function NotificationSuccess(props) {
-	return /* @__PURE__ */ jsx(Notification, {
-		type: "success",
-		...props
-	});
-};
-Notification.Danger = function NotificationDanger(props) {
-	return /* @__PURE__ */ jsx(Notification, {
-		type: "danger",
-		...props
-	});
-};
-Notification.Attention = function NotificationAttention(props) {
-	return /* @__PURE__ */ jsx(Notification, {
-		type: "attention",
-		...props
-	});
-};
-
-//#endregion
-export { Notification };
-//# sourceMappingURL=Notification.js.map

package/dist/components/overlays/NewNotifications/Notification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Notification.js","names":["useId"],"sources":["../../../../src/components/overlays/NewNotifications/Notification.tsx"],"sourcesContent":["import { Key, useEffect } from 'react';\n\nimport { useEvent, useSyncRef } from '../../../_internal';\nimport { useId } from '../../../utils/react/useId';\n\nimport { useNotificationsApi } from './hooks';\nimport { CubeNotifyApiProps } from './types';\n\nexport type NotificationProps = {\n  /**\n   * If set to true, when the component gets unmounted, notifications will not be removed from the bar\n   *\n   * @default false\n   */\n\n  disableRemoveOnUnmount?: boolean;\n} & CubeNotifyApiProps;\n\n/**\n * Declarative wrap over the `useNotificationsApi` hook\n */\nexport function Notification(props: NotificationProps) {\n  const { id: propsId, disableRemoveOnUnmount = false } = props;\n\n  const defaultId = useId();\n  const disableRemoveOnUnmountRef = useSyncRef(disableRemoveOnUnmount);\n  const { notify, update, remove } = useNotificationsApi();\n\n  const id = propsId ?? defaultId;\n\n  const removeNotification = useEvent((id: Key) =>\n    disableRemoveOnUnmountRef.current ? void 0 : remove(id),\n  );\n\n  useEffect(() => {\n    notify({ id, ...props });\n    // We can safety ignore props, bc we update notification in the another effect, this effect only mounts a notification.\n  }, [id]);\n  useEffect(() => () => removeNotification(id), [id, removeNotification]);\n  useEffect(() => update(id, props));\n\n  return null;\n}\n\nNotification.Success = function NotificationSuccess(props: NotificationProps) {\n  return <Notification type=\"success\" {...props} />;\n};\n\nNotification.Danger = function NotificationDanger(props: NotificationProps) {\n  return <Notification type=\"danger\" {...props} />;\n};\n\nNotification.Attention = function NotificationAttention(\n  props: NotificationProps,\n) {\n  return <Notification type=\"attention\" {...props} />;\n};\n"],"mappings":";;;;;;;;;;;;AAqBA,SAAgB,aAAa,OAA0B;CACrD,MAAM,EAAE,IAAI,SAAS,yBAAyB,UAAU;CAExD,MAAM,YAAYA,SAAO;CACzB,MAAM,4BAA4B,WAAW,uBAAuB;CACpE,MAAM,EAAE,QAAQ,QAAQ,WAAW,qBAAqB;CAExD,MAAM,KAAK,WAAW;CAEtB,MAAM,qBAAqB,UAAU,OACnC,0BAA0B,UAAU,KAAK,IAAI,OAAO,GAAG,CACxD;AAED,iBAAgB;AACd,SAAO;GAAE;GAAI,GAAG;GAAO,CAAC;IAEvB,CAAC,GAAG,CAAC;AACR,uBAAsB,mBAAmB,GAAG,EAAE,CAAC,IAAI,mBAAmB,CAAC;AACvE,iBAAgB,OAAO,IAAI,MAAM,CAAC;AAElC,QAAO;;AAGT,aAAa,UAAU,SAAS,oBAAoB,OAA0B;AAC5E,QAAO,oBAAC;EAAa,MAAK;EAAU,GAAI;GAAS;;AAGnD,aAAa,SAAS,SAAS,mBAAmB,OAA0B;AAC1E,QAAO,oBAAC;EAAa,MAAK;EAAS,GAAI;GAAS;;AAGlD,aAAa,YAAY,SAAS,sBAChC,OACA;AACA,QAAO,oBAAC;EAAa,MAAK;EAAY,GAAI;GAAS"}

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

@@ -1,21 +0,0 @@
-
-import { CubeButtonProps } from "../../../actions/Button/Button.js";
-import "../../../actions/index.js";
-import { PropsWithChildren } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/overlays/NewNotifications/NotificationView/NotificationAction.d.ts
-type NotificationActionProps = PropsWithChildren<{
-  type?: 'primary' | 'secondary';
-  /**
-   * @default false
-   */
-  disableCloseOnAction?: boolean;
-}> & Omit<CubeButtonProps, 'type' | 'size' | 'mods'>;
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-declare function NotificationAction(props: NotificationActionProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { NotificationAction, NotificationActionProps };
-//# sourceMappingURL=NotificationAction.d.ts.map

package/dist/components/overlays/NewNotifications/NotificationView/NotificationAction.js

@@ -1,44 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-855d62e | Cube Dev Team */
-import { tasty } from "../../../../tasty/tasty.js";
-import { useEvent } from "../../../../_internal/hooks/use-event.js";
-import { Button } from "../../../actions/index.js";
-import { useNotificationContext } from "./NotificationProvider.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/overlays/NewNotifications/NotificationView/NotificationAction.tsx
-const Action = tasty(Button, { styles: {
-	display: "block",
-	whiteSpace: "nowrap",
-	textOverflow: "ellipsis",
-	overflow: "hidden",
-	color: {
-		"": "#primary-text",
-		primary: "#primary-text",
-		secondary: "#dark-03"
-	}
-} });
-/**
-* @internal This component is unstable and must not be used outside of `NotificationView`.
-*/
-function NotificationAction(props) {
-	const { children, onPress, type = "primary", disableCloseOnAction = type !== "primary", ...buttonProps } = props;
-	const { onClose } = useNotificationContext();
-	const onPressEvent = useEvent((e) => {
-		onPress?.(e);
-		if (!disableCloseOnAction) onClose?.();
-	});
-	return /* @__PURE__ */ jsx(Action, {
-		...buttonProps,
-		type: "link",
-		mods: {
-			primary: type === "primary",
-			secondary: type === "secondary"
-		},
-		onPress: onPressEvent,
-		children
-	});
-}
-
-//#endregion
-export { NotificationAction };
-//# sourceMappingURL=NotificationAction.js.map

package/dist/components/overlays/NewNotifications/NotificationView/NotificationAction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationAction.js","names":[],"sources":["../../../../../src/components/overlays/NewNotifications/NotificationView/NotificationAction.tsx"],"sourcesContent":["import { PressEvent } from '@react-types/shared/src/events';\nimport { PropsWithChildren } from 'react';\n\nimport { useEvent } from '../../../../_internal';\nimport { tasty } from '../../../../tasty';\nimport { Button, CubeButtonProps } from '../../../actions';\n\nimport { useNotificationContext } from './NotificationProvider';\n\nexport type NotificationActionProps = PropsWithChildren<{\n  type?: 'primary' | 'secondary';\n  /**\n   * @default false\n   */\n  disableCloseOnAction?: boolean;\n}> &\n  Omit<CubeButtonProps, 'type' | 'size' | 'mods'>;\n\nconst Action = tasty(Button, {\n  styles: {\n    display: 'block',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    color: {\n      '': '#primary-text',\n      primary: '#primary-text',\n      secondary: '#dark-03',\n    },\n  },\n});\n\n/**\n * @internal This component is unstable and must not be used outside of `NotificationView`.\n */\nexport function NotificationAction(props: NotificationActionProps) {\n  const {\n    children,\n    onPress,\n    type = 'primary',\n    disableCloseOnAction = type !== 'primary',\n    ...buttonProps\n  } = props;\n  const { onClose } = useNotificationContext();\n\n  const onPressEvent = useEvent((e: PressEvent) => {\n    onPress?.(e);\n\n    if (!disableCloseOnAction) {\n      onClose?.();\n    }\n  });\n\n  return (\n    <Action\n      {...buttonProps}\n      type=\"link\"\n      mods={{ primary: type === 'primary', secondary: type === 'secondary' }}\n      onPress={onPressEvent}\n    >\n      {children}\n    </Action>\n  );\n}\n"],"mappings":";;;;;;;;AAkBA,MAAM,SAAS,MAAM,QAAQ,EAC3B,QAAQ;CACN,SAAS;CACT,YAAY;CACZ,cAAc;CACd,UAAU;CACV,OAAO;EACL,IAAI;EACJ,SAAS;EACT,WAAW;EACZ;CACF,EACF,CAAC;;;;AAKF,SAAgB,mBAAmB,OAAgC;CACjE,MAAM,EACJ,UACA,SACA,OAAO,WACP,uBAAuB,SAAS,WAChC,GAAG,gBACD;CACJ,MAAM,EAAE,YAAY,wBAAwB;CAE5C,MAAM,eAAe,UAAU,MAAkB;AAC/C,YAAU,EAAE;AAEZ,MAAI,CAAC,qBACH,YAAW;GAEb;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,MAAM;GAAE,SAAS,SAAS;GAAW,WAAW,SAAS;GAAa;EACtE,SAAS;EAER;GACM"}

package/dist/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js

@@ -1,26 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-855d62e | Cube Dev Team */
-import { tasty } from "../../../../tasty/tasty.js";
-import { CloseIcon } from "../../../../icons/CloseIcon.js";
-import { Button } from "../../../actions/index.js";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.tsx
-const CloseButton = tasty(Button, {
-	icon: /* @__PURE__ */ jsx(CloseIcon, {}),
-	label: "Close the notification",
-	qa: "NotificationCloseButton",
-	type: "neutral",
-	styles: {
-		gridArea: "close",
-		display: "flex"
-	}
-});
-const NotificationCloseButton = memo(function NotificationCloseButton(props) {
-	const { onPress } = props;
-	return /* @__PURE__ */ jsx(CloseButton, { onPress });
-});
-
-//#endregion
-export { NotificationCloseButton };
-//# sourceMappingURL=NotificationCloseButton.js.map

package/dist/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationCloseButton.js","names":[],"sources":["../../../../../src/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { CloseIcon } from '../../../../icons';\nimport { tasty } from '../../../../tasty';\nimport { Button } from '../../../actions';\n\nexport type NotificationCloseButtonProps = {\n  onPress: () => void;\n};\n\nconst CloseButton = tasty(Button, {\n  icon: <CloseIcon />,\n  label: 'Close the notification',\n  qa: 'NotificationCloseButton',\n  type: 'neutral',\n  styles: { gridArea: 'close', display: 'flex' },\n});\n\nexport const NotificationCloseButton = memo(function NotificationCloseButton(\n  props: NotificationCloseButtonProps,\n) {\n  const { onPress } = props;\n\n  return <CloseButton onPress={onPress} />;\n});\n"],"mappings":";;;;;;;;AAUA,MAAM,cAAc,MAAM,QAAQ;CAChC,MAAM,oBAAC,cAAY;CACnB,OAAO;CACP,IAAI;CACJ,MAAM;CACN,QAAQ;EAAE,UAAU;EAAS,SAAS;EAAQ;CAC/C,CAAC;AAEF,MAAa,0BAA0B,KAAK,SAAS,wBACnD,OACA;CACA,MAAM,EAAE,YAAY;AAEpB,QAAO,oBAAC,eAAqB,UAAW;EACxC"}

package/dist/components/overlays/NewNotifications/NotificationView/NotificationDescription.js

@@ -1,36 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-855d62e | Cube Dev Team */
-import { tasty } from "../../../../tasty/tasty.js";
-import { mergeProps } from "../../../../utils/react/mergeProps.js";
-import { Paragraph } from "../../../content/Paragraph.js";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/overlays/NewNotifications/NotificationView/NotificationDescription.tsx
-const Description = tasty(Paragraph, {
-	as: "p",
-	preset: "t4",
-	styles: {
-		gridArea: "description",
-		display: "-webkit-box",
-		"-webkit-line-clamp": 3,
-		"-webkit-box-orient": "vertical",
-		overflow: "hidden"
-	}
-});
-/**
-* @internal This component is unstable and must not be used outside of `NotificationView`.
-*/
-const NotificationDescription = memo(function NotificationDescription(props) {
-	const { description, ...descriptionProps } = props;
-	return /* @__PURE__ */ jsx(Description, {
-		...mergeProps(descriptionProps, {
-			onPointerDown: (e) => e.stopPropagation(),
-			onMouseDown: (e) => e.stopPropagation()
-		}),
-		children: description
-	});
-});
-
-//#endregion
-export { NotificationDescription };
-//# sourceMappingURL=NotificationDescription.js.map

package/dist/components/overlays/NewNotifications/NotificationView/NotificationDescription.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationDescription.js","names":[],"sources":["../../../../../src/components/overlays/NewNotifications/NotificationView/NotificationDescription.tsx"],"sourcesContent":["import { HTMLAttributes, memo } from 'react';\n\nimport { tasty } from '../../../../tasty';\nimport { mergeProps } from '../../../../utils/react';\nimport { Paragraph } from '../../../content/Paragraph';\n\nimport { NotificationProps } from './types';\n\nexport type NotificationDescriptionProps = {\n  description: NotificationProps['description'];\n} & HTMLAttributes<HTMLElement>;\n\nconst Description = tasty(Paragraph, {\n  as: 'p',\n  preset: 't4',\n  styles: {\n    gridArea: 'description',\n    display: '-webkit-box',\n    '-webkit-line-clamp': 3,\n    '-webkit-box-orient': 'vertical',\n    overflow: 'hidden',\n  },\n});\n\n/**\n * @internal This component is unstable and must not be used outside of `NotificationView`.\n */\nexport const NotificationDescription = memo(function NotificationDescription(\n  props: NotificationDescriptionProps,\n) {\n  const { description, ...descriptionProps } = props;\n\n  return (\n    <Description\n      {...mergeProps(descriptionProps, {\n        // To make a proper user selection\n        onPointerDown: (e) => e.stopPropagation(),\n        onMouseDown: (e) => e.stopPropagation(),\n      })}\n    >\n      {description}\n    </Description>\n  );\n});\n"],"mappings":";;;;;;;;AAYA,MAAM,cAAc,MAAM,WAAW;CACnC,IAAI;CACJ,QAAQ;CACR,QAAQ;EACN,UAAU;EACV,SAAS;EACT,sBAAsB;EACtB,sBAAsB;EACtB,UAAU;EACX;CACF,CAAC;;;;AAKF,MAAa,0BAA0B,KAAK,SAAS,wBACnD,OACA;CACA,MAAM,EAAE,aAAa,GAAG,qBAAqB;AAE7C,QACE,oBAAC;EACC,GAAI,WAAW,kBAAkB;GAE/B,gBAAgB,MAAM,EAAE,iBAAiB;GACzC,cAAc,MAAM,EAAE,iBAAiB;GACxC,CAAC;YAED;GACW;EAEhB"}

package/dist/components/overlays/NewNotifications/NotificationView/NotificationFooter.js

@@ -1,49 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-855d62e | Cube Dev Team */
-import { tasty } from "../../../../tasty/tasty.js";
-import { ButtonGroup } from "../../../actions/ButtonGroup/ButtonGroup.js";
-import React, { isValidElement, memo } from "react";
-import { jsx } from "react/jsx-runtime";
-import * as flattenModule from "react-keyed-flatten-children";
-
-//#region src/components/overlays/NewNotifications/NotificationView/NotificationFooter.tsx
-const flatten = (() => {
-	const mod = flattenModule;
-	if (typeof mod === "function") return mod;
-	if (typeof mod.default === "function") return mod.default;
-	if (mod.default && typeof mod.default === "object" && "default" in mod.default && typeof mod.default.default === "function") return mod.default.default;
-	throw new Error("Failed to resolve react-keyed-flatten-children");
-})();
-const FooterArea = tasty(ButtonGroup, { styles: {
-	gridArea: "footer",
-	gap: "1x 2x",
-	flow: "row wrap",
-	margin: {
-		"": "0.5x top",
-		"has-description": "1x top",
-		":empty": "0"
-	}
-} });
-/**
-* @internal This component is unstable and must not be used outside of `NotificationView`.
-*/
-const NotificationFooter = memo(function NotificationFooter(props) {
-	const { actions, onClose, onDismiss, hasDescription } = props;
-	return /* @__PURE__ */ jsx(FooterArea, {
-		mods: { "has-description": hasDescription },
-		children: flatten(typeof actions === "function" ? actions({
-			onClose,
-			onDismiss
-		}) : actions).filter((action) => isValidElement(action)).map((action, index) => {
-			const { props } = action;
-			const defaultType = index === 0 ? "primary" : "secondary";
-			return React.cloneElement(action, {
-				...props,
-				type: props.type ?? defaultType
-			}, props.children);
-		})
-	});
-});
-
-//#endregion
-export { NotificationFooter };
-//# sourceMappingURL=NotificationFooter.js.map

package/dist/components/overlays/NewNotifications/NotificationView/NotificationFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationFooter.js","names":[],"sources":["../../../../../src/components/overlays/NewNotifications/NotificationView/NotificationFooter.tsx"],"sourcesContent":["import React, { isValidElement, memo, ReactElement, ReactNode } from 'react';\nimport * as flattenModule from 'react-keyed-flatten-children';\n\nimport { tasty } from '../../../../tasty';\nimport { ButtonGroup } from '../../../actions';\nimport { CubeNotificationProps, NotificationActionComponent } from '../types';\n\ntype FlattenFn = (children: ReactNode) => (ReactElement | string | number)[];\n\n// Handle CJS/ESM interop - the package exports via `exports.default`\n// Vite's __toESM can create nested default: { default: fn } structure\nconst flatten: FlattenFn = (() => {\n  const mod = flattenModule as Record<string, unknown>;\n  if (typeof mod === 'function') return mod as unknown as FlattenFn;\n  if (typeof mod.default === 'function') return mod.default as FlattenFn;\n  if (\n    mod.default &&\n    typeof mod.default === 'object' &&\n    'default' in mod.default &&\n    typeof (mod.default as Record<string, unknown>).default === 'function'\n  ) {\n    return (mod.default as Record<string, unknown>).default as FlattenFn;\n  }\n  throw new Error('Failed to resolve react-keyed-flatten-children');\n})();\n\ninterface NotificationFooterProps {\n  hasDescription: boolean;\n  actions: CubeNotificationProps['actions'];\n  onClose: () => void;\n  onDismiss: () => void;\n}\n\nconst FooterArea = tasty(ButtonGroup, {\n  styles: {\n    gridArea: 'footer',\n    gap: '1x 2x',\n    flow: 'row wrap',\n    margin: {\n      '': '0.5x top',\n      'has-description': '1x top',\n      ':empty': '0',\n    },\n  },\n});\n\n/**\n * @internal This component is unstable and must not be used outside of `NotificationView`.\n */\nexport const NotificationFooter = memo(function NotificationFooter(\n  props: NotificationFooterProps,\n) {\n  const { actions, onClose, onDismiss, hasDescription } = props;\n\n  return (\n    <FooterArea mods={{ 'has-description': hasDescription }}>\n      {flatten(\n        typeof actions === 'function'\n          ? actions({ onClose, onDismiss })\n          : actions,\n      )\n        .filter((action) => isValidElement(action))\n        .map((action, index) => {\n          const { props } = action as NotificationActionComponent;\n          const defaultType = index === 0 ? 'primary' : 'secondary';\n\n          return React.cloneElement(\n            action as NotificationActionComponent,\n            {\n              ...props,\n              type: props.type ?? defaultType,\n            },\n            props.children,\n          );\n        })}\n    </FooterArea>\n  );\n});\n"],"mappings":";;;;;;;;AAWA,MAAM,iBAA4B;CAChC,MAAM,MAAM;AACZ,KAAI,OAAO,QAAQ,WAAY,QAAO;AACtC,KAAI,OAAO,IAAI,YAAY,WAAY,QAAO,IAAI;AAClD,KACE,IAAI,WACJ,OAAO,IAAI,YAAY,YACvB,aAAa,IAAI,WACjB,OAAQ,IAAI,QAAoC,YAAY,WAE5D,QAAQ,IAAI,QAAoC;AAElD,OAAM,IAAI,MAAM,iDAAiD;IAC/D;AASJ,MAAM,aAAa,MAAM,aAAa,EACpC,QAAQ;CACN,UAAU;CACV,KAAK;CACL,MAAM;CACN,QAAQ;EACN,IAAI;EACJ,mBAAmB;EACnB,UAAU;EACX;CACF,EACF,CAAC;;;;AAKF,MAAa,qBAAqB,KAAK,SAAS,mBAC9C,OACA;CACA,MAAM,EAAE,SAAS,SAAS,WAAW,mBAAmB;AAExD,QACE,oBAAC;EAAW,MAAM,EAAE,mBAAmB,gBAAgB;YACpD,QACC,OAAO,YAAY,aACf,QAAQ;GAAE;GAAS;GAAW,CAAC,GAC/B,QACL,CACE,QAAQ,WAAW,eAAe,OAAO,CAAC,CAC1C,KAAK,QAAQ,UAAU;GACtB,MAAM,EAAE,UAAU;GAClB,MAAM,cAAc,UAAU,IAAI,YAAY;AAE9C,UAAO,MAAM,aACX,QACA;IACE,GAAG;IACH,MAAM,MAAM,QAAQ;IACrB,EACD,MAAM,SACP;IACD;GACO;EAEf"}

package/dist/components/overlays/NewNotifications/NotificationView/NotificationHeader.js

@@ -1,30 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-855d62e | Cube Dev Team */
-import { tasty } from "../../../../tasty/tasty.js";
-import { _Title } from "../../../content/Title.js";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/overlays/NewNotifications/NotificationView/NotificationHeader.tsx
-const Header = tasty(_Title, {
-	as: "div",
-	preset: "h6",
-	styles: {
-		gridArea: "header",
-		cursor: "default",
-		"&:not(:empty)": { margin: "0.25x 0 0.5x" }
-	}
-});
-/**
-* @internal This component is unstable and must not be used outside of `NotificationView`.
-*/
-const NotificationHeader = memo(function NotificationHeader(props) {
-	const { header, ...headerProps } = props;
-	return /* @__PURE__ */ jsx(Header, {
-		...headerProps,
-		children: header
-	});
-});
-
-//#endregion
-export { NotificationHeader };
-//# sourceMappingURL=NotificationHeader.js.map

package/dist/components/overlays/NewNotifications/NotificationView/NotificationHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationHeader.js","names":["Title"],"sources":["../../../../../src/components/overlays/NewNotifications/NotificationView/NotificationHeader.tsx"],"sourcesContent":["import { HTMLAttributes, memo } from 'react';\n\nimport { tasty } from '../../../../tasty';\nimport { Title } from '../../../content/Title';\n\nimport { NotificationProps } from './types';\n\nexport type NotificationHeaderProps = {\n  header: NotificationProps['header'];\n} & HTMLAttributes<HTMLElement>;\n\nconst Header = tasty(Title, {\n  as: 'div',\n  preset: 'h6',\n  styles: {\n    gridArea: 'header',\n    cursor: 'default',\n\n    '&:not(:empty)': {\n      margin: '0.25x 0 0.5x',\n    },\n  },\n});\n\n/**\n * @internal This component is unstable and must not be used outside of `NotificationView`.\n */\nexport const NotificationHeader = memo(function NotificationHeader(\n  props: NotificationHeaderProps,\n) {\n  const { header, ...headerProps } = props;\n\n  return <Header {...headerProps}>{header}</Header>;\n});\n"],"mappings":";;;;;;;AAWA,MAAM,SAAS,MAAMA,QAAO;CAC1B,IAAI;CACJ,QAAQ;CACR,QAAQ;EACN,UAAU;EACV,QAAQ;EAER,iBAAiB,EACf,QAAQ,gBACT;EACF;CACF,CAAC;;;;AAKF,MAAa,qBAAqB,KAAK,SAAS,mBAC9C,OACA;CACA,MAAM,EAAE,QAAQ,GAAG,gBAAgB;AAEnC,QAAO,oBAAC;EAAO,GAAI;YAAc;GAAgB;EACjD"}

package/dist/components/overlays/NewNotifications/NotificationView/NotificationIcon.js

@@ -1,72 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-855d62e | Cube Dev Team */
-import { tasty } from "../../../../tasty/tasty.js";
-import { wrapIcon } from "../../../../icons/wrap-icon.js";
-import { DangerIcon } from "../../../../icons/DangerIcon.js";
-import { ExclamationIcon } from "../../../../icons/ExclamationIcon.js";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/overlays/NewNotifications/NotificationView/NotificationIcon.tsx
-const SuccessIcon = wrapIcon("SuccessIcon", /* @__PURE__ */ jsx("svg", {
-	fill: "currentColor",
-	viewBox: "0 0 16 16",
-	xmlns: "http://www.w3.org/2000/svg",
-	children: /* @__PURE__ */ jsx("path", { d: "m13.67 5.88-5.8 5.8a1.1 1.1 0 0 1-1.55 0l-3-3a1.1 1.1 0 0 1 1.56-1.55l2.21 2.21 5.03-5.02a1.1 1.1 0 0 1 1.55 1.56Z" })
-}));
-const IconContainer = tasty({ styles: {
-	boxSizing: "border-box",
-	display: "flex",
-	alignSelf: "start",
-	gridArea: "icon",
-	minHeight: "3x",
-	placeContent: "center"
-} });
-const IconPreset = tasty({ styles: {
-	boxSizing: "border-box",
-	display: "flex",
-	fill: {
-		"": "#warning-bg",
-		attention: "#warning-bg",
-		success: "#success-bg",
-		danger: "#danger-bg"
-	},
-	color: {
-		"": "#warning-text",
-		attention: "#warning-text",
-		success: "#success-text",
-		danger: "#danger-text"
-	},
-	radius: "1r",
-	width: "3x",
-	height: "3x",
-	padding: "0.5x",
-	alignItems: "center",
-	justifyContent: "center",
-	"& svg": {
-		width: "100%",
-		height: "100%"
-	}
-} });
-/**
-* @internal This component is unstable and must not be used outside of `NotificationView`.
-*/
-const NotificationIcon = memo(function NotificationIcon(props) {
-	const { icon, type } = props;
-	return /* @__PURE__ */ jsx(IconContainer, { children: icon ? icon : /* @__PURE__ */ jsx(IconPreset, {
-		mods: {
-			attention: type === "attention",
-			success: type === "success",
-			danger: type === "danger"
-		},
-		children: iconsByType[type]
-	}) });
-});
-const iconsByType = {
-	attention: /* @__PURE__ */ jsx(ExclamationIcon, {}),
-	success: /* @__PURE__ */ jsx(SuccessIcon, {}),
-	danger: /* @__PURE__ */ jsx(DangerIcon, {})
-};
-
-//#endregion
-export { NotificationIcon };
-//# sourceMappingURL=NotificationIcon.js.map

package/dist/components/overlays/NewNotifications/NotificationView/NotificationIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationIcon.js","names":[],"sources":["../../../../../src/components/overlays/NewNotifications/NotificationView/NotificationIcon.tsx"],"sourcesContent":["import { memo, ReactNode } from 'react';\n\nimport { DangerIcon, ExclamationIcon } from '../../../../icons';\nimport { wrapIcon } from '../../../../icons/wrap-icon';\nimport { tasty } from '../../../../tasty';\n\nimport { NotificationIconProps } from './types';\n\nexport const SuccessIcon = wrapIcon(\n  'SuccessIcon',\n  <svg\n    fill=\"currentColor\"\n    viewBox=\"0 0 16 16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"m13.67 5.88-5.8 5.8a1.1 1.1 0 0 1-1.55 0l-3-3a1.1 1.1 0 0 1 1.56-1.55l2.21 2.21 5.03-5.02a1.1 1.1 0 0 1 1.55 1.56Z\" />\n  </svg>,\n);\n\nconst IconContainer = tasty({\n  styles: {\n    boxSizing: 'border-box',\n    display: 'flex',\n    alignSelf: 'start',\n    gridArea: 'icon',\n    minHeight: '3x',\n    placeContent: 'center',\n  },\n});\n\nconst IconPreset = tasty({\n  styles: {\n    boxSizing: 'border-box',\n    display: 'flex',\n    fill: {\n      '': '#warning-bg',\n      attention: '#warning-bg',\n      success: '#success-bg',\n      danger: '#danger-bg',\n    },\n    color: {\n      '': '#warning-text',\n      attention: '#warning-text',\n      success: '#success-text',\n      danger: '#danger-text',\n    },\n    radius: '1r',\n    width: '3x',\n    height: '3x',\n    padding: '0.5x',\n    alignItems: 'center',\n    justifyContent: 'center',\n    '& svg': {\n      width: '100%',\n      height: '100%',\n    },\n  },\n});\n\n/**\n * @internal This component is unstable and must not be used outside of `NotificationView`.\n */\nexport const NotificationIcon = memo(function NotificationIcon(\n  props: NotificationIconProps,\n) {\n  const { icon, type } = props;\n\n  return (\n    <IconContainer>\n      {icon ? (\n        icon\n      ) : (\n        <IconPreset\n          mods={{\n            attention: type === 'attention',\n            success: type === 'success',\n            danger: type === 'danger',\n          }}\n        >\n          {iconsByType[type]}\n        </IconPreset>\n      )}\n    </IconContainer>\n  );\n});\n\nconst iconsByType: Record<NotificationIconProps['type'], ReactNode> = {\n  attention: <ExclamationIcon />,\n  success: <SuccessIcon />,\n  danger: <DangerIcon />,\n};\n"],"mappings":";;;;;;;;;AAQA,MAAa,cAAc,SACzB,eACA,oBAAC;CACC,MAAK;CACL,SAAQ;CACR,OAAM;WAEN,oBAAC,UAAK,GAAE,uHAAuH;EAC3H,CACP;AAED,MAAM,gBAAgB,MAAM,EAC1B,QAAQ;CACN,WAAW;CACX,SAAS;CACT,WAAW;CACX,UAAU;CACV,WAAW;CACX,cAAc;CACf,EACF,CAAC;AAEF,MAAM,aAAa,MAAM,EACvB,QAAQ;CACN,WAAW;CACX,SAAS;CACT,MAAM;EACJ,IAAI;EACJ,WAAW;EACX,SAAS;EACT,QAAQ;EACT;CACD,OAAO;EACL,IAAI;EACJ,WAAW;EACX,SAAS;EACT,QAAQ;EACT;CACD,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,SAAS;EACP,OAAO;EACP,QAAQ;EACT;CACF,EACF,CAAC;;;;AAKF,MAAa,mBAAmB,KAAK,SAAS,iBAC5C,OACA;CACA,MAAM,EAAE,MAAM,SAAS;AAEvB,QACE,oBAAC,2BACE,OACC,OAEA,oBAAC;EACC,MAAM;GACJ,WAAW,SAAS;GACpB,SAAS,SAAS;GAClB,QAAQ,SAAS;GAClB;YAEA,YAAY;GACF,GAED;EAElB;AAEF,MAAM,cAAgE;CACpE,WAAW,oBAAC,oBAAkB;CAC9B,SAAS,oBAAC,gBAAc;CACxB,QAAQ,oBAAC,eAAa;CACvB"}

package/dist/components/overlays/NewNotifications/NotificationView/NotificationProvider.js

@@ -1,26 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-855d62e | Cube Dev Team */
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-import invariant from "tiny-invariant";
-
-//#region src/components/overlays/NewNotifications/NotificationView/NotificationProvider.tsx
-const NotificationContext = createContext(null);
-/**
-* @internal This component is unstable and must not be used outside of `NotificationView`.
-*/
-function NotificationProvider(props) {
-	const { children, ...value } = props;
-	return /* @__PURE__ */ jsx(NotificationContext.Provider, {
-		value,
-		children
-	});
-}
-function useNotificationContext() {
-	const context = useContext(NotificationContext);
-	invariant(context, "This component cannot be used outside of <Notification />");
-	return context;
-}
-
-//#endregion
-export { NotificationProvider, useNotificationContext };
-//# sourceMappingURL=NotificationProvider.js.map

package/dist/components/overlays/NewNotifications/NotificationView/NotificationProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationProvider.js","names":[],"sources":["../../../../../src/components/overlays/NewNotifications/NotificationView/NotificationProvider.tsx"],"sourcesContent":["import { createContext, PropsWithChildren, useContext } from 'react';\nimport invariant from 'tiny-invariant';\n\ninterface NotificationContextType {\n  onClose?: () => void;\n}\n\nconst NotificationContext = createContext<NotificationContextType | null>(null);\n\n/**\n * @internal This component is unstable and must not be used outside of `NotificationView`.\n */\nexport function NotificationProvider(\n  props: PropsWithChildren<NotificationContextType>,\n) {\n  const { children, ...value } = props;\n\n  return (\n    <NotificationContext.Provider value={value}>\n      {children}\n    </NotificationContext.Provider>\n  );\n}\n\nexport function useNotificationContext() {\n  const context = useContext(NotificationContext);\n\n  invariant(\n    context,\n    'This component cannot be used outside of <Notification />',\n  );\n\n  return context;\n}\n"],"mappings":";;;;;;AAOA,MAAM,sBAAsB,cAA8C,KAAK;;;;AAK/E,SAAgB,qBACd,OACA;CACA,MAAM,EAAE,UAAU,GAAG,UAAU;AAE/B,QACE,oBAAC,oBAAoB;EAAgB;EAClC;GAC4B;;AAInC,SAAgB,yBAAyB;CACvC,MAAM,UAAU,WAAW,oBAAoB;AAE/C,WACE,SACA,4DACD;AAED,QAAO"}

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

@@ -1,5 +0,0 @@
-
-import "../../../../_internal/index.js";
-import "../types.js";
-import "../../../../index.js";
-import "react";