@cube-dev/ui-kit 0.114.0 → 0.116.0

package/dist/components/overlays/Modal/Popover.js

@@ -0,0 +1,90 @@
+/** @license MIT | @cube-dev/ui-kit v0.116.0 | Cube Dev Team */
+import { tasty } from "../../../tasty/tasty.js";
+import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
+import { _Overlay } from "./Overlay.js";
+import { forwardRef, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useModal, useOverlay } from "react-aria";
+
+//#region src/components/overlays/Modal/Popover.tsx
+const PopoverElement = tasty({
+	role: "presentation",
+	styles: {
+		display: {
+			"": "none",
+			"entering | entered": "initial",
+			exiting: "initial",
+			exited: "none"
+		},
+		pointerEvents: "auto",
+		position: "absolute",
+		transition: "opacity .120s linear, visibility 0ms linear, transform .120s ease-in-out",
+		transform: {
+			"": "scale(1, .9)",
+			open: "initial"
+		},
+		opacity: {
+			"": 0,
+			open: ".9999"
+		},
+		transformOrigin: {
+			"": "top center",
+			"[data-placement=\"top\"]": "bottom center"
+		}
+	}
+});
+function Popover(props, ref) {
+	let { qa, style, styles, children, placement, arrowProps, onClose, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable = true, updatePosition, shouldCloseOnInteractOutside, ...otherProps } = props;
+	return /* @__PURE__ */ jsx(_Overlay, {
+		...otherProps,
+		children: /* @__PURE__ */ jsx(PopoverWrapper, {
+			ref,
+			qa,
+			style,
+			styles,
+			placement,
+			arrowProps,
+			shouldCloseOnBlur,
+			isKeyboardDismissDisabled,
+			isNonModal,
+			isDismissable,
+			updatePosition,
+			shouldCloseOnInteractOutside,
+			onClose,
+			children
+		})
+	});
+}
+const PopoverWrapper = forwardRef(function PopoverWrapper(props, ref) {
+	let { qa, children, placement = "bottom", arrowProps, isOpen, style, styles, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable, updatePosition, transitionState, shouldCloseOnInteractOutside, ...otherProps } = props;
+	let { overlayProps } = useOverlay({
+		...props,
+		isDismissable: isDismissable && isOpen
+	}, ref);
+	let { modalProps } = useModal({ isDisabled: isNonModal });
+	useEffect(() => {
+		if (transitionState === "entered") updatePosition?.();
+	}, [updatePosition, transitionState]);
+	return /* @__PURE__ */ jsx(PopoverElement, {
+		qa: qa || "Popover",
+		...mergeProps$1(otherProps, overlayProps, modalProps),
+		ref,
+		styles,
+		mods: {
+			open: isOpen,
+			entering: transitionState === "entering",
+			exiting: transitionState === "exiting",
+			exited: transitionState === "exited",
+			entered: transitionState === "entered"
+		},
+		"data-placement": placement,
+		style,
+		children
+	});
+});
+const _Popover = forwardRef(Popover);
+_Popover.displayName = "Popover";
+
+//#endregion
+export { _Popover };
+//# sourceMappingURL=Popover.js.map

package/dist/components/overlays/Modal/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":["Overlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Popover.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useEffect } from 'react';\nimport { OverlayProps, useModal, useOverlay } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { BaseProps, tasty } from '../../../tasty';\nimport { mergeProps } from '../../../utils/react';\n\nimport { Overlay } from './Overlay';\nimport { TransitionState, WithCloseBehavior } from './types';\n\nconst PopoverElement = tasty({\n  role: 'presentation',\n  styles: {\n    display: {\n      '': 'none',\n      'entering | entered': 'initial',\n      exiting: 'initial',\n      exited: 'none',\n    },\n    pointerEvents: 'auto',\n    position: 'absolute',\n    transition:\n      'opacity .120s linear, visibility 0ms linear, transform .120s ease-in-out',\n    transform: {\n      '': 'scale(1, .9)',\n      open: 'initial',\n    },\n    opacity: {\n      '': 0,\n      open: '.9999',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n    },\n  },\n});\n\nexport interface CubePopoverProps\n  extends BaseProps,\n    Omit<OverlayProps, 'children' | 'nodeRef'>,\n    WithCloseBehavior,\n    TransitionState {\n  container?: HTMLElement;\n  placement?: PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  hideArrow?: boolean;\n  isOpen?: boolean;\n  onClose?: () => void;\n  shouldCloseOnBlur?: boolean;\n  isNonModal?: boolean;\n  isDismissable?: boolean;\n  updatePosition?: () => void;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Popover(props: CubePopoverProps, ref) {\n  let {\n    qa,\n    style,\n    styles,\n    children,\n    placement,\n    arrowProps,\n    onClose,\n    shouldCloseOnBlur,\n    isKeyboardDismissDisabled,\n    isNonModal,\n    isDismissable = true,\n    updatePosition,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n\n  return (\n    <Overlay {...otherProps}>\n      <PopoverWrapper\n        ref={ref}\n        qa={qa}\n        style={style}\n        styles={styles}\n        placement={placement}\n        arrowProps={arrowProps}\n        shouldCloseOnBlur={shouldCloseOnBlur}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        isNonModal={isNonModal}\n        isDismissable={isDismissable}\n        updatePosition={updatePosition}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={onClose}\n      >\n        {children}\n      </PopoverWrapper>\n    </Overlay>\n  );\n}\n\nconst PopoverWrapper = forwardRef(function PopoverWrapper(\n  props: CubePopoverProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    placement = 'bottom',\n    arrowProps,\n    isOpen,\n    style,\n    styles,\n    shouldCloseOnBlur,\n    isKeyboardDismissDisabled,\n    isNonModal,\n    isDismissable,\n    updatePosition,\n    transitionState,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n  let { overlayProps } = useOverlay(\n    { ...props, isDismissable: isDismissable && isOpen },\n    // @ts-ignore\n    ref,\n  );\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  useEffect(() => {\n    if (transitionState === 'entered') {\n      updatePosition?.();\n    }\n  }, [updatePosition, transitionState]);\n\n  return (\n    <PopoverElement\n      qa={qa || 'Popover'}\n      {...mergeProps(otherProps, overlayProps, modalProps)}\n      ref={ref}\n      styles={styles}\n      mods={{\n        open: isOpen,\n        entering: transitionState === 'entering',\n        exiting: transitionState === 'exiting',\n        exited: transitionState === 'exited',\n        entered: transitionState === 'entered',\n      }}\n      data-placement={placement}\n      style={style}\n    >\n      {children}\n    </PopoverElement>\n  );\n});\n\nconst _Popover = forwardRef(Popover);\n\n_Popover.displayName = 'Popover';\n\nexport { _Popover as Popover };\n"],"mappings":";;;;;;;;;AAUA,MAAM,iBAAiB,MAAM;CAC3B,MAAM;CACN,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,sBAAsB;GACtB,SAAS;GACT,QAAQ;GACT;EACD,eAAe;EACf,UAAU;EACV,YACE;EACF,WAAW;GACT,IAAI;GACJ,MAAM;GACP;EACD,SAAS;GACP,IAAI;GACJ,MAAM;GACP;EACD,iBAAiB;GACf,IAAI;GACJ,4BAA0B;GAC3B;EACF;CACF,CAAC;AAoBF,SAAS,QAAQ,OAAyB,KAAK;CAC7C,IAAI,EACF,IACA,OACA,QACA,UACA,WACA,YACA,SACA,mBACA,2BACA,YACA,gBAAgB,MAChB,gBACA,8BACA,GAAG,eACD;AAEJ,QACE,oBAACA;EAAQ,GAAI;YACX,oBAAC;GACM;GACD;GACG;GACC;GACG;GACC;GACO;GACQ;GACf;GACG;GACC;GACc;GACrB;GAER;IACc;GACT;;AAId,MAAM,iBAAiB,WAAW,SAAS,eACzC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,YAAY,UACZ,YACA,QACA,OACA,QACA,mBACA,2BACA,YACA,eACA,gBACA,iBACA,8BACA,GAAG,eACD;CACJ,IAAI,EAAE,iBAAiB,WACrB;EAAE,GAAG;EAAO,eAAe,iBAAiB;EAAQ,EAEpD,IACD;CACD,IAAI,EAAE,eAAe,SAAS,EAC5B,YAAY,YACb,CAAC;AAEF,iBAAgB;AACd,MAAI,oBAAoB,UACtB,mBAAkB;IAEnB,CAAC,gBAAgB,gBAAgB,CAAC;AAErC,QACE,oBAAC;EACC,IAAI,MAAM;EACV,GAAIC,aAAW,YAAY,cAAc,WAAW;EAC/C;EACG;EACR,MAAM;GACJ,MAAM;GACN,UAAU,oBAAoB;GAC9B,SAAS,oBAAoB;GAC7B,QAAQ,oBAAoB;GAC5B,SAAS,oBAAoB;GAC9B;EACD,kBAAgB;EACT;EAEN;GACc;EAEnB;AAEF,MAAM,WAAW,WAAW,QAAQ;AAEpC,SAAS,cAAc"}

package/dist/components/overlays/Modal/Tray.d.ts

@@ -0,0 +1,5 @@
+
+import "../../../tasty/index.js";
+import "./types.js";
+import { ReactNode } from "react";
+import { OverlayProps } from "react-aria";

package/dist/components/overlays/Modal/Tray.js

@@ -0,0 +1,89 @@
+/** @license MIT | @cube-dev/ui-kit v0.116.0 | Cube Dev Team */
+import { tasty } from "../../../tasty/tasty.js";
+import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
+import { _Overlay } from "./Overlay.js";
+import { _Underlay } from "./Underlay.js";
+import { OVERLAY_WRAPPER_STYLES } from "./Modal.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useModal, useOverlay, usePreventScroll } from "react-aria";
+import { useDOMRef } from "@react-spectrum/utils";
+
+//#region src/components/overlays/Modal/Tray.tsx
+const TrayWrapperElement = tasty({
+	qa: "TrayWrapper",
+	styles: {
+		...OVERLAY_WRAPPER_STYLES,
+		placeContent: "end center",
+		placeItems: "end center"
+	}
+});
+const TrayElement = tasty({ styles: {
+	display: {
+		"": "none",
+		"entering | entered": "initial",
+		exiting: "initial",
+		exited: "none"
+	},
+	zIndex: 10,
+	height: "max 90dvh",
+	width: "$min-dialog-size 90vw",
+	pointerEvents: "auto",
+	transition: "transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear",
+	opacity: {
+		"": 0,
+		open: ".9999"
+	}
+} });
+function Tray(props, ref) {
+	let { qa, children, onClose, isFixedHeight, isNonModal, styles, ...otherProps } = props;
+	let domRef = useDOMRef(ref);
+	let { overlayProps, underlayProps } = useOverlay({
+		...props,
+		isDismissable: true
+	}, domRef);
+	return /* @__PURE__ */ jsxs(_Overlay, {
+		...otherProps,
+		children: [/* @__PURE__ */ jsx(_Underlay, { ...underlayProps }), /* @__PURE__ */ jsx(TrayWrapper, {
+			ref: domRef,
+			qa,
+			overlayProps,
+			isFixedHeight,
+			isNonModal,
+			styles,
+			onClose,
+			children
+		})]
+	});
+}
+let TrayWrapper = forwardRef(function TrayWrapper(props, ref) {
+	let { qa, children, isOpen, styles, isFixedHeight, isNonModal, overlayProps, transitionState, ...otherProps } = props;
+	usePreventScroll();
+	let { modalProps } = useModal({ isDisabled: isNonModal });
+	let domProps = mergeProps$1(otherProps, overlayProps);
+	return /* @__PURE__ */ jsx(TrayWrapperElement, {
+		mods: { open: isOpen },
+		children: /* @__PURE__ */ jsx(TrayElement, {
+			qa: qa || "Tray",
+			styles,
+			mods: {
+				open: isOpen,
+				entering: transitionState === "entering",
+				exiting: transitionState === "exiting",
+				exited: transitionState === "exited",
+				entered: transitionState === "entered",
+				"fixed-height": isFixedHeight
+			},
+			...domProps,
+			...modalProps,
+			ref,
+			children
+		})
+	});
+});
+let _Tray = forwardRef(Tray);
+_Tray.displayName = "Tray";
+
+//#endregion
+export { _Tray };
+//# sourceMappingURL=Tray.js.map

package/dist/components/overlays/Modal/Tray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tray.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Tray.tsx"],"sourcesContent":["import { useDOMRef } from '@react-spectrum/utils';\nimport { forwardRef, ReactNode } from 'react';\nimport {\n  OverlayProps,\n  useModal,\n  useOverlay,\n  usePreventScroll,\n} from 'react-aria';\n\nimport { BaseProps, Props, Styles, tasty } from '../../../tasty';\nimport { mergeProps } from '../../../utils/react';\n\nimport { OVERLAY_WRAPPER_STYLES } from './Modal';\nimport { Overlay } from './Overlay';\nimport { TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nconst TrayWrapperElement = tasty({\n  qa: 'TrayWrapper',\n  styles: {\n    ...OVERLAY_WRAPPER_STYLES,\n    placeContent: 'end center',\n    placeItems: 'end center',\n  },\n});\n\nconst TrayElement = tasty({\n  styles: {\n    display: {\n      '': 'none',\n      'entering | entered': 'initial',\n      exiting: 'initial',\n      exited: 'none',\n    },\n    zIndex: 10,\n    height: 'max 90dvh',\n    width: '$min-dialog-size 90vw',\n    pointerEvents: 'auto',\n    transition:\n      'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',\n    opacity: {\n      '': 0,\n      open: '.9999',\n    },\n  },\n});\n\nexport interface CubeTrayProps extends OverlayProps, WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  isFixedHeight?: boolean;\n  isNonModal?: boolean;\n  styles?: Styles;\n  children?: ReactNode;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n}\n\ninterface CubeTrayWrapperProps extends CubeTrayProps, TransitionState {\n  isOpen?: boolean;\n  overlayProps?: Props;\n}\n\nfunction Tray(props: CubeTrayProps, ref) {\n  let {\n    qa,\n    children,\n    onClose,\n    isFixedHeight,\n    isNonModal,\n    styles,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay(\n    { ...props, isDismissable: true },\n    domRef,\n  );\n\n  return (\n    <Overlay {...otherProps}>\n      <Underlay {...underlayProps} />\n      <TrayWrapper\n        ref={domRef}\n        qa={qa}\n        overlayProps={overlayProps}\n        isFixedHeight={isFixedHeight}\n        isNonModal={isNonModal}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n}\n\nlet TrayWrapper = forwardRef(function TrayWrapper(\n  props: CubeTrayWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    styles,\n    isFixedHeight,\n    isNonModal,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n  usePreventScroll();\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  let domProps = mergeProps(otherProps, overlayProps);\n\n  return (\n    <TrayWrapperElement\n      mods={{\n        open: isOpen,\n      }}\n    >\n      <TrayElement\n        qa={qa || 'Tray'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          entering: transitionState === 'entering',\n          exiting: transitionState === 'exiting',\n          exited: transitionState === 'exited',\n          entered: transitionState === 'entered',\n          'fixed-height': isFixedHeight,\n        }}\n        {...domProps}\n        {...modalProps}\n        ref={ref}\n      >\n        {children}\n      </TrayElement>\n    </TrayWrapperElement>\n  );\n});\n\nlet _Tray = forwardRef(Tray);\n\n_Tray.displayName = 'Tray';\n\nexport { _Tray as Tray };\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,qBAAqB,MAAM;CAC/B,IAAI;CACJ,QAAQ;EACN,GAAG;EACH,cAAc;EACd,YAAY;EACb;CACF,CAAC;AAEF,MAAM,cAAc,MAAM,EACxB,QAAQ;CACN,SAAS;EACP,IAAI;EACJ,sBAAsB;EACtB,SAAS;EACT,QAAQ;EACT;CACD,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,eAAe;CACf,YACE;CACF,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AAqBF,SAAS,KAAK,OAAsB,KAAK;CACvC,IAAI,EACF,IACA,UACA,SACA,eACA,YACA,QACA,GAAG,eACD;CACJ,IAAI,SAAS,UAAU,IAAI;CAE3B,IAAI,EAAE,cAAc,kBAAkB,WACpC;EAAE,GAAG;EAAO,eAAe;EAAM,EACjC,OACD;AAED,QACE,qBAACA;EAAQ,GAAI;aACX,oBAACC,aAAS,GAAI,gBAAiB,EAC/B,oBAAC;GACC,KAAK;GACD;GACU;GACC;GACH;GACJ;GACC;GAER;IACW;GACN;;AAId,IAAI,cAAc,WAAW,SAAS,YACpC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,QACA,QACA,eACA,YACA,cACA,iBACA,GAAG,eACD;AACJ,mBAAkB;CAClB,IAAI,EAAE,eAAe,SAAS,EAC5B,YAAY,YACb,CAAC;CAEF,IAAI,WAAWC,aAAW,YAAY,aAAa;AAEnD,QACE,oBAAC;EACC,MAAM,EACJ,MAAM,QACP;YAED,oBAAC;GACC,IAAI,MAAM;GACF;GACR,MAAM;IACJ,MAAM;IACN,UAAU,oBAAoB;IAC9B,SAAS,oBAAoB;IAC7B,QAAQ,oBAAoB;IAC5B,SAAS,oBAAoB;IAC7B,gBAAgB;IACjB;GACD,GAAI;GACJ,GAAI;GACC;GAEJ;IACW;GACK;EAEvB;AAEF,IAAI,QAAQ,WAAW,KAAK;AAE5B,MAAM,cAAc"}

package/dist/components/overlays/Modal/Underlay.d.ts

@@ -0,0 +1,3 @@
+
+import "./types.js";
+import { HTMLAttributes } from "react";

package/dist/components/overlays/Modal/Underlay.js

@@ -0,0 +1,43 @@
+/** @license MIT | @cube-dev/ui-kit v0.116.0 | Cube Dev Team */
+import { tasty } from "../../../tasty/tasty.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/overlays/Modal/Underlay.tsx
+const UnderlayElement = tasty({
+	qa: "Underlay",
+	"data-type": "primary",
+	styles: {
+		position: "fixed",
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0,
+		zIndex: 10,
+		transitionDelay: "0ms",
+		opacity: {
+			"": 0,
+			open: .9999
+		},
+		pointerEvents: {
+			"": "none",
+			open: "auto"
+		},
+		fill: "#black.30",
+		overflow: "hidden",
+		transition: "transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear"
+	}
+});
+function Underlay({ isOpen, transitionState, ...otherProps }, ref) {
+	return /* @__PURE__ */ jsx(UnderlayElement, {
+		ref,
+		mods: { open: isOpen },
+		...otherProps
+	});
+}
+let _Underlay = forwardRef(Underlay);
+_Underlay.displayName = "Underlay";
+
+//#endregion
+export { _Underlay };
+//# sourceMappingURL=Underlay.js.map

package/dist/components/overlays/Modal/Underlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Underlay.js","names":[],"sources":["../../../../src/components/overlays/Modal/Underlay.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, Ref } from 'react';\n\nimport { tasty } from '../../../tasty';\n\nimport { TransitionState } from './types';\n\nconst UnderlayElement = tasty({\n  qa: 'Underlay',\n  'data-type': 'primary',\n  styles: {\n    position: 'fixed',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    zIndex: 10,\n    transitionDelay: '0ms',\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n    pointerEvents: {\n      '': 'none',\n      open: 'auto',\n    },\n    fill: '#black.30',\n    overflow: 'hidden',\n    transition:\n      'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',\n  },\n});\n\nexport interface CubeUnderlayProps extends HTMLAttributes<HTMLElement> {\n  isOpen?: boolean;\n  transitionState?: TransitionState;\n}\n\nfunction Underlay(\n  { isOpen, transitionState, ...otherProps }: CubeUnderlayProps,\n  ref: Ref<HTMLElement>,\n) {\n  return (\n    <UnderlayElement\n      ref={ref}\n      mods={{\n        open: isOpen,\n      }}\n      {...otherProps}\n    />\n  );\n}\n\nlet _Underlay = forwardRef(Underlay);\n\n_Underlay.displayName = 'Underlay';\n\nexport { _Underlay as Underlay };\n"],"mappings":";;;;;;AAMA,MAAM,kBAAkB,MAAM;CAC5B,IAAI;CACJ,aAAa;CACb,QAAQ;EACN,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,iBAAiB;EACjB,SAAS;GACP,IAAI;GACJ,MAAM;GACP;EACD,eAAe;GACb,IAAI;GACJ,MAAM;GACP;EACD,MAAM;EACN,UAAU;EACV,YACE;EACH;CACF,CAAC;AAOF,SAAS,SACP,EAAE,QAAQ,iBAAiB,GAAG,cAC9B,KACA;AACA,QACE,oBAAC;EACM;EACL,MAAM,EACJ,MAAM,QACP;EACD,GAAI;GACJ;;AAIN,IAAI,YAAY,WAAW,SAAS;AAEpC,UAAU,cAAc"}

package/dist/components/overlays/Modal/index.d.ts

@@ -0,0 +1,7 @@
+
+import { WithCloseBehavior } from "./types.js";
+import "./Tray.js";
+import "./Modal.js";
+import "./Overlay.js";
+import "./Underlay.js";
+import "./Popover.js";

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

@@ -0,0 +1,12 @@
+
+import { ReactElement } from "react";
+import { OverlayProps } from "react-aria";
+import "react-transition-group";
+
+//#region src/components/overlays/Modal/types.d.ts
+interface WithCloseBehavior {
+  hideOnClose?: boolean;
+}
+//#endregion
+export { WithCloseBehavior };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1,38 @@
+
+import { NotificationProps } from "./types.js";
+
+//#region src/components/overlays/Notifications/Notification.d.ts
+/**
+ * Declarative Notification component that shows a notification while mounted.
+ * Only supports `mode: 'overlay'` (the default).
+ *
+ * Duration defaults are the same as for imperative `notify()`:
+ * - 3000ms for non-persistent, 5000ms for persistent notifications
+ * - Pass `duration={null}` explicitly to disable auto-dismiss.
+ *
+ * Semantics:
+ * - mount → show or update by `id`
+ * - unmount → remove from overlay and persistent list
+ *
+ * @example
+ * ```tsx
+ * <Notification
+ *   id="release:new-version"
+ *   theme="warning"
+ *   title="New release available"
+ *   description="2.0.0 can be installed now."
+ *   actions={
+ *     <>
+ *       <Notification.Action>Later</Notification.Action>
+ *       <Notification.Action onPress={() => openUpgradeDialog()}>
+ *         Upgrade
+ *       </Notification.Action>
+ *     </>
+ *   }
+ * />
+ * ```
+ */
+declare function Notification(props: NotificationProps): null;
+//#endregion
+export { Notification };
+//# sourceMappingURL=Notification.d.ts.map

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

@@ -0,0 +1,78 @@
+/** @license MIT | @cube-dev/ui-kit v0.116.0 | Cube Dev Team */
+import { useNotificationContext } from "./NotificationContext.js";
+import { useEffect, useRef } from "react";
+
+//#region src/components/overlays/Notifications/Notification.tsx
+/**
+* Declarative Notification component that shows a notification while mounted.
+* Only supports `mode: 'overlay'` (the default).
+*
+* Duration defaults are the same as for imperative `notify()`:
+* - 3000ms for non-persistent, 5000ms for persistent notifications
+* - Pass `duration={null}` explicitly to disable auto-dismiss.
+*
+* Semantics:
+* - mount → show or update by `id`
+* - unmount → remove from overlay and persistent list
+*
+* @example
+* ```tsx
+* <Notification
+*   id="release:new-version"
+*   theme="warning"
+*   title="New release available"
+*   description="2.0.0 can be installed now."
+*   actions={
+*     <>
+*       <Notification.Action>Later</Notification.Action>
+*       <Notification.Action onPress={() => openUpgradeDialog()}>
+*         Upgrade
+*       </Notification.Action>
+*     </>
+*   }
+* />
+* ```
+*/
+function Notification(props) {
+	const { addNotification, removeNotification, updateNotification, removePersistentItem } = useNotificationContext();
+	const notificationIdRef = useRef(null);
+	const renderCountRef = useRef(0);
+	useEffect(() => {
+		notificationIdRef.current = addNotification({
+			...props,
+			mode: "overlay"
+		});
+		return () => {
+			if (notificationIdRef.current != null) {
+				removeNotification(notificationIdRef.current, "api");
+				removePersistentItem(notificationIdRef.current);
+				notificationIdRef.current = null;
+			}
+		};
+	}, []);
+	useEffect(() => {
+		if (renderCountRef.current === 0) {
+			renderCountRef.current = 1;
+			return;
+		}
+		if (notificationIdRef.current != null) updateNotification(notificationIdRef.current, {
+			...props,
+			mode: "overlay"
+		});
+	}, [
+		props.id,
+		props.theme,
+		props.title,
+		props.description,
+		props.icon,
+		props.actions,
+		props.isDismissible,
+		props.persistent,
+		props.duration
+	]);
+	return null;
+}
+
+//#endregion
+export { Notification };
+//# sourceMappingURL=Notification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","names":[],"sources":["../../../../src/components/overlays/Notifications/Notification.tsx"],"sourcesContent":["import { Key, useEffect, useRef } from 'react';\n\nimport { useNotificationContext } from './NotificationContext';\n\nimport type { NotificationProps } from './types';\n\n/**\n * Declarative Notification component that shows a notification while mounted.\n * Only supports `mode: 'overlay'` (the default).\n *\n * Duration defaults are the same as for imperative `notify()`:\n * - 3000ms for non-persistent, 5000ms for persistent notifications\n * - Pass `duration={null}` explicitly to disable auto-dismiss.\n *\n * Semantics:\n * - mount → show or update by `id`\n * - unmount → remove from overlay and persistent list\n *\n * @example\n * ```tsx\n * <Notification\n *   id=\"release:new-version\"\n *   theme=\"warning\"\n *   title=\"New release available\"\n *   description=\"2.0.0 can be installed now.\"\n *   actions={\n *     <>\n *       <Notification.Action>Later</Notification.Action>\n *       <Notification.Action onPress={() => openUpgradeDialog()}>\n *         Upgrade\n *       </Notification.Action>\n *     </>\n *   }\n * />\n * ```\n */\nexport function Notification(props: NotificationProps): null {\n  const {\n    addNotification,\n    removeNotification,\n    updateNotification,\n    removePersistentItem,\n  } = useNotificationContext();\n  const notificationIdRef = useRef<Key | null>(null);\n  // Tracks how many times the update effect has run. The first run (0 → 1)\n  // coincides with mount and must be skipped because addNotification already\n  // handles the initial state.\n  const renderCountRef = useRef(0);\n\n  // Show notification on mount\n  useEffect(() => {\n    const id = addNotification({\n      ...props,\n      mode: 'overlay',\n    });\n\n    notificationIdRef.current = id;\n\n    return () => {\n      if (notificationIdRef.current != null) {\n        removeNotification(notificationIdRef.current, 'api');\n        removePersistentItem(notificationIdRef.current);\n        notificationIdRef.current = null;\n      }\n    };\n  }, []);\n\n  // Update notification when props change (skip initial mount)\n  useEffect(() => {\n    // Skip the first run — it coincides with the mount effect above\n    if (renderCountRef.current === 0) {\n      renderCountRef.current = 1;\n\n      return;\n    }\n\n    if (notificationIdRef.current != null) {\n      updateNotification(notificationIdRef.current, {\n        ...props,\n        mode: 'overlay',\n      });\n    }\n  }, [\n    props.id,\n    props.theme,\n    props.title,\n    props.description,\n    props.icon,\n    props.actions,\n    props.isDismissible,\n    props.persistent,\n    props.duration,\n  ]);\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,aAAa,OAAgC;CAC3D,MAAM,EACJ,iBACA,oBACA,oBACA,yBACE,wBAAwB;CAC5B,MAAM,oBAAoB,OAAmB,KAAK;CAIlD,MAAM,iBAAiB,OAAO,EAAE;AAGhC,iBAAgB;AAMd,oBAAkB,UALP,gBAAgB;GACzB,GAAG;GACH,MAAM;GACP,CAAC;AAIF,eAAa;AACX,OAAI,kBAAkB,WAAW,MAAM;AACrC,uBAAmB,kBAAkB,SAAS,MAAM;AACpD,yBAAqB,kBAAkB,QAAQ;AAC/C,sBAAkB,UAAU;;;IAG/B,EAAE,CAAC;AAGN,iBAAgB;AAEd,MAAI,eAAe,YAAY,GAAG;AAChC,kBAAe,UAAU;AAEzB;;AAGF,MAAI,kBAAkB,WAAW,KAC/B,oBAAmB,kBAAkB,SAAS;GAC5C,GAAG;GACH,MAAM;GACP,CAAC;IAEH;EACD,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACP,CAAC;AAEF,QAAO"}

package/dist/components/overlays/Notifications/NotificationAction.d.ts

@@ -0,0 +1,26 @@
+
+import { NotificationActionProps } from "./types.js";
+import { Key, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/overlays/Notifications/NotificationAction.d.ts
+/**
+ * Action button for use inside Notification components.
+ * Wraps ItemAction with auto-dismiss behavior.
+ *
+ * - `closeOnPress` (default: true) — auto-dismisses the notification after `onPress`.
+ * - An action with no `onPress` and `closeOnPress: true` acts as a dismiss-only action.
+ * - `isDismiss` — marks this action as the dismiss button; when present, the default
+ *   "Dismiss" button is auto-suppressed via context detection.
+ * - Type (primary/secondary/etc.) is set automatically via ItemActionProvider context.
+ */
+declare function NotificationAction({
+  children,
+  onPress,
+  closeOnPress,
+  isDisabled,
+  isDismiss
+}: NotificationActionProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NotificationAction };
+//# sourceMappingURL=NotificationAction.d.ts.map

package/dist/components/overlays/Notifications/NotificationAction.js

@@ -0,0 +1,55 @@
+/** @license MIT | @cube-dev/ui-kit v0.116.0 | Cube Dev Team */
+import { useEvent } from "../../../_internal/hooks/use-event.js";
+import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/overlays/Notifications/NotificationAction.tsx
+/**
+* Optional callback invoked BEFORE any action's onPress handler.
+* Provided by PersistentNotificationsList so the parent (e.g. popover)
+* can close itself when an action is triggered.
+*/
+const NotificationActionInterceptorContext = createContext(null);
+const NotificationDismissContext = createContext(null);
+function NotificationDismissProvider({ notificationId, onDismiss, children }) {
+	const dismiss = useEvent((reason) => {
+		onDismiss(notificationId, reason);
+	});
+	const value = useMemo(() => ({ dismiss }), [dismiss]);
+	return /* @__PURE__ */ jsx(NotificationDismissContext.Provider, {
+		value,
+		children
+	});
+}
+const DismissActionDetectedContext = createContext(null);
+/**
+* Action button for use inside Notification components.
+* Wraps ItemAction with auto-dismiss behavior.
+*
+* - `closeOnPress` (default: true) — auto-dismisses the notification after `onPress`.
+* - An action with no `onPress` and `closeOnPress: true` acts as a dismiss-only action.
+* - `isDismiss` — marks this action as the dismiss button; when present, the default
+*   "Dismiss" button is auto-suppressed via context detection.
+* - Type (primary/secondary/etc.) is set automatically via ItemActionProvider context.
+*/
+function NotificationAction({ children, onPress, closeOnPress = true, isDisabled, isDismiss }) {
+	const dismissCtx = useContext(NotificationDismissContext);
+	const dismissDetectedRef = useContext(DismissActionDetectedContext);
+	if (isDismiss && dismissDetectedRef) dismissDetectedRef.current = true;
+	const actionInterceptor = useContext(NotificationActionInterceptorContext);
+	return /* @__PURE__ */ jsx(ItemAction, {
+		type: "secondary",
+		isDisabled,
+		onPress: useEvent(async () => {
+			if (await onPress?.() === false) return;
+			actionInterceptor?.();
+			if (closeOnPress || actionInterceptor) dismissCtx?.dismiss(isDismiss ? "close" : "action");
+		}),
+		children
+	});
+}
+
+//#endregion
+export { DismissActionDetectedContext, NotificationAction, NotificationActionInterceptorContext, NotificationDismissProvider };
+//# sourceMappingURL=NotificationAction.js.map

package/dist/components/overlays/Notifications/NotificationAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationAction.js","names":[],"sources":["../../../../src/components/overlays/Notifications/NotificationAction.tsx"],"sourcesContent":["import {\n  createContext,\n  Key,\n  ReactNode,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\n\nimport type { NotificationActionProps } from './types';\n\n// ─── Notification Action Interceptor Context ─────────────────────────\n\n/**\n * Optional callback invoked BEFORE any action's onPress handler.\n * Provided by PersistentNotificationsList so the parent (e.g. popover)\n * can close itself when an action is triggered.\n */\nconst NotificationActionInterceptorContext = createContext<(() => void) | null>(\n  null,\n);\n\nexport { NotificationActionInterceptorContext };\n\n// ─── Notification Dismiss Context ────────────────────────────────────\n\ninterface NotificationDismissContextValue {\n  dismiss: (reason: 'action' | 'close') => void;\n}\n\nconst NotificationDismissContext =\n  createContext<NotificationDismissContextValue | null>(null);\n\nexport interface NotificationDismissProviderProps {\n  notificationId: Key;\n  onDismiss: (id: Key, reason: 'action' | 'close') => void;\n  children: ReactNode;\n}\n\nexport function NotificationDismissProvider({\n  notificationId,\n  onDismiss,\n  children,\n}: NotificationDismissProviderProps) {\n  const dismiss = useEvent((reason: 'action' | 'close') => {\n    onDismiss(notificationId, reason);\n  });\n\n  const value = useMemo(() => ({ dismiss }), [dismiss]);\n\n  return (\n    <NotificationDismissContext.Provider value={value}>\n      {children}\n    </NotificationDismissContext.Provider>\n  );\n}\n\n// ─── Dismiss Action Detection Context ────────────────────────────────\n//\n// Allows NotificationCard to detect whether any child NotificationAction\n// has `isDismiss` set, without requiring a separate `hasDismissAction` prop.\n//\n// Mechanism:\n// - DismissActionDetector provides a ref via context and resets it each render.\n// - NotificationAction writes to the ref during render when isDismiss is true.\n// - DefaultDismissGuard reads the ref to decide whether to show the default button.\n//\n// This relies on React's left-to-right sibling render order: {actions}\n// children render before <DefaultDismissGuard />, so the ref is populated\n// before it's read. The ref is reset at the provider level each render,\n// making it safe under StrictMode double-rendering.\n\nexport const DismissActionDetectedContext = createContext<ReturnType<\n  typeof useRef<boolean>\n> | null>(null);\n\n// ─── NotificationAction Component ────────────────────────────────────\n\n/**\n * Action button for use inside Notification components.\n * Wraps ItemAction with auto-dismiss behavior.\n *\n * - `closeOnPress` (default: true) — auto-dismisses the notification after `onPress`.\n * - An action with no `onPress` and `closeOnPress: true` acts as a dismiss-only action.\n * - `isDismiss` — marks this action as the dismiss button; when present, the default\n *   \"Dismiss\" button is auto-suppressed via context detection.\n * - Type (primary/secondary/etc.) is set automatically via ItemActionProvider context.\n */\nexport function NotificationAction({\n  children,\n  onPress,\n  closeOnPress = true,\n  isDisabled,\n  isDismiss,\n}: NotificationActionProps) {\n  const dismissCtx = useContext(NotificationDismissContext);\n  const dismissDetectedRef = useContext(DismissActionDetectedContext);\n\n  // Register isDismiss during render (synchronous, before DefaultDismissGuard renders).\n  // Safe under StrictMode: the ref is reset at the DismissActionDetector level each render.\n  if (isDismiss && dismissDetectedRef) {\n    dismissDetectedRef.current = true;\n  }\n\n  const actionInterceptor = useContext(NotificationActionInterceptorContext);\n\n  const handlePress = useEvent(async () => {\n    const result = await onPress?.();\n\n    if (result === false) {\n      return;\n    }\n\n    actionInterceptor?.();\n\n    if (closeOnPress || actionInterceptor) {\n      // isDismiss actions (dismiss button, Escape) use 'close' reason — the\n      // notification moves to the persistent list.\n      // Regular actions use 'action' reason — the notification is fully dismissed\n      // and won't reappear.\n      // When an actionInterceptor is present (persistent list), always dismiss\n      // regardless of closeOnPress — all actions remove the item permanently.\n      dismissCtx?.dismiss(isDismiss ? 'close' : 'action');\n    }\n  });\n\n  return (\n    <ItemAction type=\"secondary\" isDisabled={isDisabled} onPress={handlePress}>\n      {children}\n    </ItemAction>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,MAAM,uCAAuC,cAC3C,KACD;AAUD,MAAM,6BACJ,cAAsD,KAAK;AAQ7D,SAAgB,4BAA4B,EAC1C,gBACA,WACA,YACmC;CACnC,MAAM,UAAU,UAAU,WAA+B;AACvD,YAAU,gBAAgB,OAAO;GACjC;CAEF,MAAM,QAAQ,eAAe,EAAE,SAAS,GAAG,CAAC,QAAQ,CAAC;AAErD,QACE,oBAAC,2BAA2B;EAAgB;EACzC;GACmC;;AAmB1C,MAAa,+BAA+B,cAElC,KAAK;;;;;;;;;;;AAcf,SAAgB,mBAAmB,EACjC,UACA,SACA,eAAe,MACf,YACA,aAC0B;CAC1B,MAAM,aAAa,WAAW,2BAA2B;CACzD,MAAM,qBAAqB,WAAW,6BAA6B;AAInE,KAAI,aAAa,mBACf,oBAAmB,UAAU;CAG/B,MAAM,oBAAoB,WAAW,qCAAqC;AAsB1E,QACE,oBAAC;EAAW,MAAK;EAAwB;EAAY,SArBnC,SAAS,YAAY;AAGvC,OAFe,MAAM,WAAW,KAEjB,MACb;AAGF,wBAAqB;AAErB,OAAI,gBAAgB,kBAOlB,aAAY,QAAQ,YAAY,UAAU,SAAS;IAErD;EAIG;GACU"}

package/dist/components/overlays/Notifications/NotificationCard.d.ts

@@ -0,0 +1,56 @@
+
+import { DismissReason, NotificationType } from "./types.js";
+import { Key, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/overlays/Notifications/NotificationCard.d.ts
+interface NotificationCardProps {
+  qa?: string;
+  /** Notification theme */
+  theme?: NotificationType;
+  /** Primary text */
+  title?: ReactNode;
+  /** Secondary text */
+  description?: ReactNode;
+  /** Custom icon override (theme default used if omitted) */
+  icon?: ReactNode;
+  /** Action buttons rendered below description */
+  actions?: ReactNode;
+  /**
+   * Whether the notification shows the default dismiss UI (auto-appended
+   * "Dismiss" button and Escape key). Default: true.
+   *
+   * When false, no default "Dismiss" button is rendered and Escape does
+   * nothing, but actions with `closeOnPress` (default) can still close
+   * the notification.
+   */
+  isDismissible?: boolean;
+  /** When false the card drops its shadow (e.g. inside a list). Default: true. */
+  elevated?: boolean;
+  /** Notification id */
+  notificationId?: Key;
+  /** Called when the notification is dismissed */
+  onDismiss?: (id: Key, reason: DismissReason) => void;
+  /** Suffix content (e.g. timestamp) */
+  suffix?: ReactNode;
+}
+/**
+ * Shared presentational card used by both overlay NotificationItem
+ * and PersistentNotificationListItem.
+ */
+declare function NotificationCard({
+  qa,
+  theme,
+  title,
+  description,
+  icon: providedIcon,
+  actions,
+  isDismissible,
+  elevated,
+  notificationId,
+  onDismiss,
+  suffix
+}: NotificationCardProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NotificationCard, NotificationCardProps };
+//# sourceMappingURL=NotificationCard.d.ts.map