@cube-dev/ui-kit 0.147.3 → 0.149.0

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["Overlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Popover.tsx"],"sourcesContent":["import { BaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes } from 'react';\nimport { OverlayProps, useModal, useOverlay } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\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      'enter | entered': 'initial',\n      exit: 'initial',\n      unmounted: '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  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    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        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    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  return (\n    <PopoverElement\n      qa={qa || 'Popover'}\n      {...mergeProps(otherProps, overlayProps, modalProps)}\n      ref={ref}\n      styles={styles}\n      mods={{\n        open: isOpen,\n        enter: transitionState === 'enter',\n        exit: transitionState === 'exit',\n        unmounted: transitionState === 'unmounted',\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,mBAAmB;GACnB,MAAM;GACN,WAAW;GACZ;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;AAmBF,SAAS,QAAQ,OAAyB,KAAK;CAC7C,IAAI,EACF,IACA,OACA,QACA,UACA,WACA,YACA,SACA,mBACA,2BACA,YACA,gBAAgB,MAChB,8BACA,GAAG,eACD;AAEJ,QACE,oBAACA;EAAQ,GAAI;YACX,oBAAC;GACM;GACD;GACG;GACC;GACG;GACC;GACO;GACQ;GACf;GACG;GACe;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,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,QACE,oBAAC;EACC,IAAI,MAAM;EACV,GAAIC,aAAW,YAAY,cAAc,WAAW;EAC/C;EACG;EACR,MAAM;GACJ,MAAM;GACN,OAAO,oBAAoB;GAC3B,MAAM,oBAAoB;GAC1B,WAAW,oBAAoB;GAC/B,SAAS,oBAAoB;GAC9B;EACD,kBAAgB;EACT;EAEN;GACc;EAEnB;AAEF,MAAM,WAAW,WAAW,QAAQ;AAEpC,SAAS,cAAc"}
+{"version":3,"file":"Popover.js","names":["Overlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Popover.tsx"],"sourcesContent":["import { BaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes } from 'react';\nimport { OverlayProps, useModal, useOverlay } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\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: 'initial',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\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  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    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        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    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  return (\n    <PopoverElement\n      qa={qa || 'Popover'}\n      {...mergeProps(otherProps, overlayProps, modalProps)}\n      ref={ref}\n      styles={styles}\n      mods={{\n        open: isOpen,\n        enter: transitionState === 'enter',\n        exit: transitionState === 'exit',\n        unmounted: transitionState === 'unmounted',\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;EACT,MAAM;GACJ,IAAI;GACJ,mBAAmB;GACnB,MAAM;GACN,WAAW;GACZ;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;AAmBF,SAAS,QAAQ,OAAyB,KAAK;CAC7C,IAAI,EACF,IACA,OACA,QACA,UACA,WACA,YACA,SACA,mBACA,2BACA,YACA,gBAAgB,MAChB,8BACA,GAAG,eACD;AAEJ,QACE,oBAACA;EAAQ,GAAI;YACX,oBAAC;GACM;GACD;GACG;GACC;GACG;GACC;GACO;GACQ;GACf;GACG;GACe;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,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,QACE,oBAAC;EACC,IAAI,MAAM;EACV,GAAIC,aAAW,YAAY,cAAc,WAAW;EAC/C;EACG;EACR,MAAM;GACJ,MAAM;GACN,OAAO,oBAAoB;GAC3B,MAAM,oBAAoB;GAC1B,WAAW,oBAAoB;GAC/B,SAAS,oBAAoB;GAC9B;EACD,kBAAgB;EACT;EAEN;GACc;EAEnB;AAEF,MAAM,WAAW,WAAW,QAAQ;AAEpC,SAAS,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";
@@ -19,11 +19,12 @@ const TrayWrapperElement = tasty({
 	}
 });
 const TrayElement = tasty({ styles: {
-	display: {
-		"": "none",
-		"enter | entered": "initial",
-		exit: "initial",
-		unmounted: "none"
+	display: "initial",
+	hide: {
+		"": true,
+		"enter | entered": false,
+		exit: false,
+		unmounted: true
 	},
 	zIndex: 10,
 	height: "max 90dvh",

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

@@ -1 +1 @@
-{"version":3,"file":"Tray.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Tray.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Props, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport {\n  OverlayProps,\n  useModal,\n  useOverlay,\n  usePreventScroll,\n} from 'react-aria';\n\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      'enter | entered': 'initial',\n      exit: 'initial',\n      unmounted: '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   * Predicate that decides whether the overlay should close in response to an\n   * interaction outside of it. When the function returns `false`, react-aria's\n   * `useOverlay` no longer calls `stopPropagation`/`preventDefault` on the\n   * outside event, which lets sibling triggers receive the click.\n   */\n  shouldCloseOnInteractOutside?: (element: Element) => 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    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay(\n    { ...props, isDismissable: true, shouldCloseOnInteractOutside },\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          enter: transitionState === 'enter',\n          exit: transitionState === 'exit',\n          unmounted: transitionState === 'unmounted',\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,mBAAmB;EACnB,MAAM;EACN,WAAW;EACZ;CACD,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,eAAe;CACf,YACE;CACF,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AA4BF,SAAS,KAAK,OAAsB,KAAK;CACvC,IAAI,EACF,IACA,UACA,SACA,eACA,YACA,QACA,8BACA,GAAG,eACD;CACJ,IAAI,SAAS,aAAa,IAAI;CAE9B,IAAI,EAAE,cAAc,kBAAkB,WACpC;EAAE,GAAG;EAAO,eAAe;EAAM;EAA8B,EAC/D,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,OAAO,oBAAoB;IAC3B,MAAM,oBAAoB;IAC1B,WAAW,oBAAoB;IAC/B,SAAS,oBAAoB;IAC7B,gBAAgB;IACjB;GACD,GAAI;GACJ,GAAI;GACC;GAEJ;IACW;GACK;EAEvB;AAEF,IAAI,QAAQ,WAAW,KAAK;AAE5B,MAAM,cAAc"}
+{"version":3,"file":"Tray.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Tray.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Props, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport {\n  OverlayProps,\n  useModal,\n  useOverlay,\n  usePreventScroll,\n} from 'react-aria';\n\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: 'initial',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\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   * Predicate that decides whether the overlay should close in response to an\n   * interaction outside of it. When the function returns `false`, react-aria's\n   * `useOverlay` no longer calls `stopPropagation`/`preventDefault` on the\n   * outside event, which lets sibling triggers receive the click.\n   */\n  shouldCloseOnInteractOutside?: (element: Element) => 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    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay(\n    { ...props, isDismissable: true, shouldCloseOnInteractOutside },\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          enter: transitionState === 'enter',\n          exit: transitionState === 'exit',\n          unmounted: transitionState === 'unmounted',\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;CACT,MAAM;EACJ,IAAI;EACJ,mBAAmB;EACnB,MAAM;EACN,WAAW;EACZ;CACD,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,eAAe;CACf,YACE;CACF,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AA4BF,SAAS,KAAK,OAAsB,KAAK;CACvC,IAAI,EACF,IACA,UACA,SACA,eACA,YACA,QACA,8BACA,GAAG,eACD;CACJ,IAAI,SAAS,aAAa,IAAI;CAE9B,IAAI,EAAE,cAAc,kBAAkB,WACpC;EAAE,GAAG;EAAO,eAAe;EAAM;EAA8B,EAC/D,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,OAAO,oBAAoB;IAC3B,MAAM,oBAAoB;IAC1B,WAAW,oBAAoB;IAC/B,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.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useNotificationContext } from "./NotificationContext.js";
 import { useEffect, useRef } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.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";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { Space } from "../../layout/Space.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/overlays/Notifications/NotificationContext.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { NotificationCard } from "./NotificationCard.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { NotificationContext, PersistentNotificationsContext, ToastContext, useNotificationContext, useToastContext } from "./NotificationContext.js";
 import { OverlayContainer } from "./OverlayContainer.js";
 import { useNotificationState } from "./use-notification-state.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/overlays/Notifications/dismissed-storage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/components/overlays/Notifications/dismissed-storage.ts
 const STORAGE_KEY = "cube-ui-dismissed-notifications";
 const TTL_MS = 864e5;

package/dist/components/overlays/Notifications/format-relative-time.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/components/overlays/Notifications/format-relative-time.ts
 /**
 * Lightweight relative time formatter.

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useToastContext } from "./NotificationContext.js";
 import { NotificationAction } from "./NotificationAction.js";
 import { NotificationCard } from "./NotificationCard.js";

package/dist/components/overlays/Notifications/use-notification-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 

package/dist/components/overlays/Notifications/use-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { useNotificationContext } from "./NotificationContext.js";

package/dist/components/overlays/Notifications/use-overlay-timers.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useRef } from "react";
 

package/dist/components/overlays/Notifications/use-persistent-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { usePersistentNotificationsContext } from "./NotificationContext.js";
 import { useMemo } from "react";
 

package/dist/components/overlays/Notifications/use-persistent-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cleanupAndGetValidIds, saveDismissedId } from "./dismissed-storage.js";
 import { useRef, useState } from "react";

package/dist/components/overlays/Notifications/use-toast-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 

package/dist/components/overlays/Toast/ToastItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { getThemeIcon } from "./useToast.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/overlays/Toast/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useToastContext } from "../Notifications/NotificationContext.js";
 import { useProgressToast } from "./useProgressToast.js";
 import { getThemeIcon, useToast } from "./useToast.js";

package/dist/components/overlays/Toast/useProgressToast.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/overlays/Toast/useToast.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { DangerIcon } from "../../../icons/DangerIcon.js";
 import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/overlays/Tooltip/TooltipProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
 import { isValidElement, useEffect, useState } from "react";

package/dist/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { TooltipContext } from "./context.js";
 import { Block } from "../../Block.js";
 import { _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";

package/dist/components/overlays/Tooltip/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import React from "react";
 
 //#region src/components/overlays/Tooltip/context.ts

package/dist/components/portal/Portal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/portal/PortalProvider.ts

package/dist/components/portal/usePortal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { useEffect, useRef, useState } from "react";
 import invariant from "tiny-invariant";

package/dist/components/shared/DraggableCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { ListDropTargetDelegate, ListKeyboardDelegate, mergeProps, useDraggableCollection, useDroppableCollection } from "react-aria";

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/shared/ValidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/Cube.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -16,7 +16,7 @@ const CubeElement = tasty({
 		left: "$cube-border-compensation",
 		width: "$cube-size",
 		height: "$cube-size",
-		border: "$cube-border-width solid transparent",
+		border: "$cube-border-width solid #clear",
 		overflow: "hidden",
 		contain: "size layout style paint",
 		pointerEvents: "none",

package/dist/components/status/Spin/Cube.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cube.js","names":[],"sources":["../../../../src/components/status/Spin/Cube.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { memo } from 'react';\n\nimport { SpinCubeProps } from './types';\n\nconst CubeElement = tasty({\n  role: 'presentation',\n  styles: {\n    '$cube-border-width': '(4 / 100 * $cube-spin-size)',\n    '$cube-border-compensation': '(-1 * $cube-border-width)',\n    '$cube-size': '((100% - 2 * $cube-border-width) / 2)',\n\n    boxSizing: 'content-box',\n    position: 'absolute',\n    top: '$cube-border-compensation',\n    left: '$cube-border-compensation',\n    width: '$cube-size',\n    height: '$cube-size',\n    border: '$cube-border-width solid transparent',\n    overflow: 'hidden',\n    contain: 'size layout style paint',\n    pointerEvents: 'none',\n    userSelect: 'none',\n\n    animationName: {\n      '': 'none',\n      'position=top': 'cube-spin-top',\n      'position=right': 'cube-spin-right',\n      'position=bottom': 'cube-spin-bottom',\n    },\n    animationDuration: '2.2s',\n    animationIterationCount: 'infinite',\n    animationTimingFunction: 'cubic-bezier(0.5, 0.05, 0.3, 0.95)',\n    animationPlayState: {\n      '': 'running',\n      '@media(prefers-reduced-motion)': 'paused',\n    },\n\n    '&::before': {\n      '$cube-round-radius': '(4 / 100 * $cube-spin-size)',\n      content: '\"\"',\n      display: 'block',\n      width: '100%',\n      height: '100%',\n      radius: '$cube-round-radius',\n      fill: {\n        'position=top': '#7a77ff',\n        'position=right': '#727290',\n        'position=bottom': '#ff6492',\n      },\n    },\n\n    '@keyframes': {\n      'cube-spin-top': {\n        '0%': { transform: 'translate(0%, 0)' },\n        '8%': { transform: 'translate(100%, 0)' },\n        '17%': { transform: 'translate(100%, 0)' },\n        '25%': { transform: 'translate(100%, 0)' },\n        '33%': { transform: 'translate(100%, 100%)' },\n        '42%': { transform: 'translate(100%, 100%)' },\n        '50%': { transform: 'translate(100%, 100%)' },\n        '58%': { transform: 'translate(0, 100%)' },\n        '67%': { transform: 'translate(0, 100%)' },\n        '75%': { transform: 'translate(0, 100%)' },\n        '83%': { transform: 'translate(0, 0)' },\n        '92%': { transform: 'translate(0, 0)' },\n        '100%': { transform: 'translate(0, 0)' },\n      },\n      'cube-spin-right': {\n        '0%': { transform: 'translate(100%, 100%)' },\n        '8%': { transform: 'translate(100%, 100%)' },\n        '17%': { transform: 'translate(100%, 100%)' },\n        '25%': { transform: 'translate(0, 100%)' },\n        '33%': { transform: 'translate(0, 100%)' },\n        '42%': { transform: 'translate(0, 100%)' },\n        '50%': { transform: 'translate(0, 0)' },\n        '58%': { transform: 'translate(0, 0)' },\n        '67%': { transform: 'translate(0, 0)' },\n        '75%': { transform: 'translate(100%, 0)' },\n        '83%': { transform: 'translate(100%, 0)' },\n        '92%': { transform: 'translate(100%, 0)' },\n        '100%': { transform: 'translate(100%, 100%)' },\n      },\n      'cube-spin-bottom': {\n        '0%': { transform: 'translate(0, 100%)' },\n        '8%': { transform: 'translate(0, 100%)' },\n        '17%': { transform: 'translate(0, 0)' },\n        '25%': { transform: 'translate(0, 0)' },\n        '33%': { transform: 'translate(0, 0)' },\n        '42%': { transform: 'translate(100%, 0)' },\n        '50%': { transform: 'translate(100%, 0)' },\n        '58%': { transform: 'translate(100%, 0)' },\n        '67%': { transform: 'translate(100%, 100%)' },\n        '75%': { transform: 'translate(100%, 100%)' },\n        '83%': { transform: 'translate(100%, 100%)' },\n        '92%': { transform: 'translate(0, 100%)' },\n        '100%': { transform: 'translate(0, 100%)' },\n      },\n    },\n  },\n});\n\nexport const Cube = memo(function Cube({ $position }: SpinCubeProps) {\n  return <CubeElement mods={{ position: $position }} />;\n});\n"],"mappings":";;;;;;AAKA,MAAM,cAAc,MAAM;CACxB,MAAM;CACN,QAAQ;EACN,sBAAsB;EACtB,6BAA6B;EAC7B,cAAc;EAEd,WAAW;EACX,UAAU;EACV,KAAK;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,SAAS;EACT,eAAe;EACf,YAAY;EAEZ,eAAe;GACb,IAAI;GACJ,gBAAgB;GAChB,kBAAkB;GAClB,mBAAmB;GACpB;EACD,mBAAmB;EACnB,yBAAyB;EACzB,yBAAyB;EACzB,oBAAoB;GAClB,IAAI;GACJ,kCAAkC;GACnC;EAED,aAAa;GACX,sBAAsB;GACtB,SAAS;GACT,SAAS;GACT,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,MAAM;IACJ,gBAAgB;IAChB,kBAAkB;IAClB,mBAAmB;IACpB;GACF;EAED,cAAc;GACZ,iBAAiB;IACf,MAAM,EAAE,WAAW,oBAAoB;IACvC,MAAM,EAAE,WAAW,sBAAsB;IACzC,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,QAAQ,EAAE,WAAW,mBAAmB;IACzC;GACD,mBAAmB;IACjB,MAAM,EAAE,WAAW,yBAAyB;IAC5C,MAAM,EAAE,WAAW,yBAAyB;IAC5C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,QAAQ,EAAE,WAAW,yBAAyB;IAC/C;GACD,oBAAoB;IAClB,MAAM,EAAE,WAAW,sBAAsB;IACzC,MAAM,EAAE,WAAW,sBAAsB;IACzC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,QAAQ,EAAE,WAAW,sBAAsB;IAC5C;GACF;EACF;CACF,CAAC;AAEF,MAAa,OAAO,KAAK,SAAS,KAAK,EAAE,aAA4B;AACnE,QAAO,oBAAC,eAAY,MAAM,EAAE,UAAU,WAAW,GAAI;EACrD"}
+{"version":3,"file":"Cube.js","names":[],"sources":["../../../../src/components/status/Spin/Cube.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { memo } from 'react';\n\nimport { SpinCubeProps } from './types';\n\nconst CubeElement = tasty({\n  role: 'presentation',\n  styles: {\n    '$cube-border-width': '(4 / 100 * $cube-spin-size)',\n    '$cube-border-compensation': '(-1 * $cube-border-width)',\n    '$cube-size': '((100% - 2 * $cube-border-width) / 2)',\n\n    boxSizing: 'content-box',\n    position: 'absolute',\n    top: '$cube-border-compensation',\n    left: '$cube-border-compensation',\n    width: '$cube-size',\n    height: '$cube-size',\n    border: '$cube-border-width solid #clear',\n    overflow: 'hidden',\n    contain: 'size layout style paint',\n    pointerEvents: 'none',\n    userSelect: 'none',\n\n    animationName: {\n      '': 'none',\n      'position=top': 'cube-spin-top',\n      'position=right': 'cube-spin-right',\n      'position=bottom': 'cube-spin-bottom',\n    },\n    animationDuration: '2.2s',\n    animationIterationCount: 'infinite',\n    animationTimingFunction: 'cubic-bezier(0.5, 0.05, 0.3, 0.95)',\n    animationPlayState: {\n      '': 'running',\n      '@media(prefers-reduced-motion)': 'paused',\n    },\n\n    '&::before': {\n      '$cube-round-radius': '(4 / 100 * $cube-spin-size)',\n      content: '\"\"',\n      display: 'block',\n      width: '100%',\n      height: '100%',\n      radius: '$cube-round-radius',\n      fill: {\n        'position=top': '#7a77ff',\n        'position=right': '#727290',\n        'position=bottom': '#ff6492',\n      },\n    },\n\n    '@keyframes': {\n      'cube-spin-top': {\n        '0%': { transform: 'translate(0%, 0)' },\n        '8%': { transform: 'translate(100%, 0)' },\n        '17%': { transform: 'translate(100%, 0)' },\n        '25%': { transform: 'translate(100%, 0)' },\n        '33%': { transform: 'translate(100%, 100%)' },\n        '42%': { transform: 'translate(100%, 100%)' },\n        '50%': { transform: 'translate(100%, 100%)' },\n        '58%': { transform: 'translate(0, 100%)' },\n        '67%': { transform: 'translate(0, 100%)' },\n        '75%': { transform: 'translate(0, 100%)' },\n        '83%': { transform: 'translate(0, 0)' },\n        '92%': { transform: 'translate(0, 0)' },\n        '100%': { transform: 'translate(0, 0)' },\n      },\n      'cube-spin-right': {\n        '0%': { transform: 'translate(100%, 100%)' },\n        '8%': { transform: 'translate(100%, 100%)' },\n        '17%': { transform: 'translate(100%, 100%)' },\n        '25%': { transform: 'translate(0, 100%)' },\n        '33%': { transform: 'translate(0, 100%)' },\n        '42%': { transform: 'translate(0, 100%)' },\n        '50%': { transform: 'translate(0, 0)' },\n        '58%': { transform: 'translate(0, 0)' },\n        '67%': { transform: 'translate(0, 0)' },\n        '75%': { transform: 'translate(100%, 0)' },\n        '83%': { transform: 'translate(100%, 0)' },\n        '92%': { transform: 'translate(100%, 0)' },\n        '100%': { transform: 'translate(100%, 100%)' },\n      },\n      'cube-spin-bottom': {\n        '0%': { transform: 'translate(0, 100%)' },\n        '8%': { transform: 'translate(0, 100%)' },\n        '17%': { transform: 'translate(0, 0)' },\n        '25%': { transform: 'translate(0, 0)' },\n        '33%': { transform: 'translate(0, 0)' },\n        '42%': { transform: 'translate(100%, 0)' },\n        '50%': { transform: 'translate(100%, 0)' },\n        '58%': { transform: 'translate(100%, 0)' },\n        '67%': { transform: 'translate(100%, 100%)' },\n        '75%': { transform: 'translate(100%, 100%)' },\n        '83%': { transform: 'translate(100%, 100%)' },\n        '92%': { transform: 'translate(0, 100%)' },\n        '100%': { transform: 'translate(0, 100%)' },\n      },\n    },\n  },\n});\n\nexport const Cube = memo(function Cube({ $position }: SpinCubeProps) {\n  return <CubeElement mods={{ position: $position }} />;\n});\n"],"mappings":";;;;;;AAKA,MAAM,cAAc,MAAM;CACxB,MAAM;CACN,QAAQ;EACN,sBAAsB;EACtB,6BAA6B;EAC7B,cAAc;EAEd,WAAW;EACX,UAAU;EACV,KAAK;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,SAAS;EACT,eAAe;EACf,YAAY;EAEZ,eAAe;GACb,IAAI;GACJ,gBAAgB;GAChB,kBAAkB;GAClB,mBAAmB;GACpB;EACD,mBAAmB;EACnB,yBAAyB;EACzB,yBAAyB;EACzB,oBAAoB;GAClB,IAAI;GACJ,kCAAkC;GACnC;EAED,aAAa;GACX,sBAAsB;GACtB,SAAS;GACT,SAAS;GACT,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,MAAM;IACJ,gBAAgB;IAChB,kBAAkB;IAClB,mBAAmB;IACpB;GACF;EAED,cAAc;GACZ,iBAAiB;IACf,MAAM,EAAE,WAAW,oBAAoB;IACvC,MAAM,EAAE,WAAW,sBAAsB;IACzC,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,QAAQ,EAAE,WAAW,mBAAmB;IACzC;GACD,mBAAmB;IACjB,MAAM,EAAE,WAAW,yBAAyB;IAC5C,MAAM,EAAE,WAAW,yBAAyB;IAC5C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,QAAQ,EAAE,WAAW,yBAAyB;IAC/C;GACD,oBAAoB;IAClB,MAAM,EAAE,WAAW,sBAAsB;IACzC,MAAM,EAAE,WAAW,sBAAsB;IACzC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,QAAQ,EAAE,WAAW,sBAAsB;IAC5C;GACF;EACF;CACF,CAAC;AAEF,MAAa,OAAO,KAAK,SAAS,KAAK,EAAE,aAA4B;AACnE,QAAO,oBAAC,eAAY,MAAM,EAAE,UAAU,WAAW,GAAI;EACrD"}

package/dist/components/status/Spin/InternalSpinner.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/Spin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/SpinsContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-accent-text",

package/dist/data/themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/data/themes.ts
 var themes_default = {
 	special: {

package/dist/i18n/I18nProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { UIKIT_I18N_NAMESPACE, getI18n } from "./instance.js";
 import { jsx } from "react/jsx-runtime";
 import { I18nProvider } from "react-aria";

package/dist/i18n/createFormatter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/i18n/createFormatter.ts
 const cache = /* @__PURE__ */ new Map();
 function getIntl(kind, Ctor, locale, options) {

package/dist/i18n/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { LOCALE_LABELS, SUPPORTED_LOCALES, isSupportedLocale } from "./locales.js";
 import { UIKIT_I18N_NAMESPACE, createUIKitI18n, getI18n } from "./instance.js";
 import { useI18n } from "./useI18n.js";

package/dist/i18n/instance.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { SUPPORTED_LOCALES } from "./locales.js";
 import uikit_default from "./locales/de-DE/uikit.js";
 import uikit_default$1 from "./locales/en-US/uikit.js";

package/dist/i18n/locales/de-DE/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/i18n/locales/de-DE/uikit.json
 var uikit_default = {
 	alertDialog: {
@@ -15,6 +15,10 @@ var uikit_default = {
 		"optional": "(optional)",
 		"internalError": "Interner Fehler"
 	},
+	infoBadge: {
+		"learnMore": "Klicken Sie, um mehr zu erfahren.",
+		"ariaLabel": "Weitere Informationen"
+	},
 	notifications: {
 		"dismiss": "Schließen",
 		"ariaLabel": "Benachrichtigungen",

package/dist/i18n/locales/en-US/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/i18n/locales/en-US/uikit.json
 var uikit_default = {
 	alertDialog: {
@@ -15,6 +15,10 @@ var uikit_default = {
 		"optional": "(optional)",
 		"internalError": "Internal error"
 	},
+	infoBadge: {
+		"learnMore": "Click to learn more.",
+		"ariaLabel": "More information"
+	},
 	notifications: {
 		"dismiss": "Dismiss",
 		"ariaLabel": "Notifications",

package/dist/i18n/locales/en-US/uikit.json.d.ts

@@ -17,10 +17,15 @@ declare namespace form {
   let optional: string;
   let internalError: string;
 }
+declare namespace infoBadge {
+  let learnMore: string;
+  let ariaLabel: string;
+}
 declare namespace notifications {
   let dismiss_1: string;
   export { dismiss_1 as dismiss };
-  export let ariaLabel: string;
+  let ariaLabel_1: string;
+  export { ariaLabel_1 as ariaLabel };
   export let empty: string;
 }
 declare namespace relativeTime {
@@ -108,8 +113,8 @@ declare namespace placeholder {
   let contentIsLoading: string;
 }
 declare namespace loadingAnimation {
-  let ariaLabel_1: string;
-  export { ariaLabel_1 as ariaLabel };
+  let ariaLabel_2: string;
+  export { ariaLabel_2 as ariaLabel };
 }
 declare namespace layout {
   let closePanel: string;
@@ -133,7 +138,7 @@ declare namespace contextMenu {
   export { contextMenu_1 as contextMenu };
 }
 declare namespace __json_default_export {
-  export { alertDialog, dialog, dialogForm, form, notifications, relativeTime, toast, listBox, filterListBox, picker, comboBox, commandMenu, listBoxPopover, datePicker, fileInput, passwordInput, numberInput, textInputMapper, copySnippet, copyPasteBlock, tag, placeholder, loadingAnimation, layout, tree, banner, tabs, contextMenu };
+  export { alertDialog, dialog, dialogForm, form, infoBadge, notifications, relativeTime, toast, listBox, filterListBox, picker, comboBox, commandMenu, listBoxPopover, datePicker, fileInput, passwordInput, numberInput, textInputMapper, copySnippet, copyPasteBlock, tag, placeholder, loadingAnimation, layout, tree, banner, tabs, contextMenu };
 }
 //#endregion
 export { __json_default_export };

package/dist/i18n/locales/es-ES/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/i18n/locales/es-ES/uikit.json
 var uikit_default = {
 	alertDialog: {
@@ -15,6 +15,10 @@ var uikit_default = {
 		"optional": "(opcional)",
 		"internalError": "Error interno"
 	},
+	infoBadge: {
+		"learnMore": "Haz clic para saber más.",
+		"ariaLabel": "Más información"
+	},
 	notifications: {
 		"dismiss": "Cerrar",
 		"ariaLabel": "Notificaciones",

package/dist/i18n/locales/es-MX/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/i18n/locales/es-MX/uikit.json
 var uikit_default = {
 	alertDialog: {
@@ -15,6 +15,10 @@ var uikit_default = {
 		"optional": "(opcional)",
 		"internalError": "Error interno"
 	},
+	infoBadge: {
+		"learnMore": "Haz clic para obtener más información.",
+		"ariaLabel": "Más información"
+	},
 	notifications: {
 		"dismiss": "Cerrar",
 		"ariaLabel": "Notificaciones",

package/dist/i18n/locales/fr-FR/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/i18n/locales/fr-FR/uikit.json
 var uikit_default = {
 	alertDialog: {
@@ -15,6 +15,10 @@ var uikit_default = {
 		"optional": "(facultatif)",
 		"internalError": "Erreur interne"
 	},
+	infoBadge: {
+		"learnMore": "Cliquez pour en savoir plus.",
+		"ariaLabel": "Plus d'informations"
+	},
 	notifications: {
 		"dismiss": "Fermer",
 		"ariaLabel": "Notifications",

package/dist/i18n/locales/it-IT/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/i18n/locales/it-IT/uikit.json
 var uikit_default = {
 	alertDialog: {
@@ -15,6 +15,10 @@ var uikit_default = {
 		"optional": "(facoltativo)",
 		"internalError": "Errore interno"
 	},
+	infoBadge: {
+		"learnMore": "Fai clic per saperne di più.",
+		"ariaLabel": "Maggiori informazioni"
+	},
 	notifications: {
 		"dismiss": "Chiudi",
 		"ariaLabel": "Notifiche",

package/dist/i18n/locales/ja-JP/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/i18n/locales/ja-JP/uikit.json
 var uikit_default = {
 	alertDialog: {
@@ -15,6 +15,10 @@ var uikit_default = {
 		"optional": "（任意）",
 		"internalError": "内部エラー"
 	},
+	infoBadge: {
+		"learnMore": "クリックすると詳細が表示されます。",
+		"ariaLabel": "詳細情報"
+	},
 	notifications: {
 		"dismiss": "閉じる",
 		"ariaLabel": "通知",