@cube-dev/ui-kit 0.206.3 → 0.208.0

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["createDOMRef","DOMRefValue","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","ForwardedRef","forwardRef","useContext","useImperativeHandle","useRef","AriaTooltipProps","useTooltip","PlacementAxis","mergeProps","mergeRefs","useLayoutEffect","extractStyles","useModalLayerRef","TooltipContext","TooltipElement","styles","display","fill","light","color","width","radius","padding","preset","backdropFilter","whiteSpace","overflowWrap","pointerEvents","material","filter","transition","translate","transformOrigin","scale","opacity","Description","$","TooltipTipElement","position","height","border","borderTop","borderBottom","top","left","right","bottom","transform","CubeTooltipProps","tipStyles","showIcon","placement","isMaterial","isOpen","isLight","onOpenChange","defaultOpen","shouldFlip","Tooltip","props","ref","_c","overlayRef","transitionRef","arrowProps","state","overlayProps","isMaterialContext","isLightContext","phase","isShown","updatePosition","tooltipProviderProps","defaultRef","layerRef","t0","t1","combinedRef","finalOverlayRef","t2","t3","t4","otherProps","undefined","tooltipProps","t5","placementDirection","split","t6","t7","open","mods","t8","t9","Symbol","for","t10","t11","qa","children","_Tooltip","displayName","_c","mergeProps"],"sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import { createDOMRef } from '@react-spectrum/utils';\nimport { DOMRefValue } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { AriaTooltipProps, useTooltip } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useModalLayerRef } from '../Modal/modal-containment';\n\nimport { TooltipContext } from './context';\n\nexport type { AriaTooltipProps };\n\nconst TooltipElement = tasty({\n  styles: {\n    display: 'block',\n    // The DEFAULT (dark) tooltip is intentionally scheme-invariant:\n    // `#surface-inverse.85` + `#white` keep it the \"always dark\" tooltip in\n    // light, dark, and high-contrast schemes — matching the legacy `#dark.85`\n    // + `#white` design.\n    //\n    // The `light` variant uses the adaptive surface tokens (`#surface` +\n    // `#surface-text-soft`) so it follows the page scheme. This restores the\n    // softer legacy `#dark-02` look in light mode (cr≈9.2) and stays AA-safe\n    // in dark mode (the previous fixed `#surface-inverse` was much darker\n    // than the legacy `#dark-02`, and pairing the fixed `#white` fill with\n    // the adaptive `#surface-text-soft` text — the LEGACY_ALIASES port of\n    // `#dark-02` — would collapse to cr≈1.8 in dark schemes; using `#surface`\n    // for the fill keeps both ends of the pair adapting together).\n    fill: {\n      '': '#surface-inverse.85',\n      light: '#surface',\n    },\n    color: {\n      '': '#white',\n      light: '#surface-text-soft',\n    },\n    width: 'initial min(36x, (100dvw - 4x)) max-content',\n    radius: true,\n    padding: '.75x 1x',\n    preset: 't4',\n    backdropFilter: 'blur(.5x)',\n    whiteSpace: 'pre-line',\n    // The tooltip is width-capped (`min(36x, …)`) with `max-width: max-content`,\n    // so a run with no spaces — a URL, a token, an identifier, an error string —\n    // stays on one line and spills straight out of the bubble. `anywhere` breaks\n    // it at the cap instead. It inherits, so tooltip children wrap too.\n    overflowWrap: 'anywhere',\n    pointerEvents: {\n      '': 'none',\n      material: 'auto',\n    },\n    // A one-device-pixel halo outlines the light tooltip.\n    '$shadow-blur': '1px',\n    filter: {\n      '': false,\n      light: 'drop-shadow(0 0 $shadow-blur #surface-text-soft.2)',\n    },\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & [data-placement=\"bottom\"]': '0 0',\n      '!open & [data-placement=\"bottom\"]': '0 -1x',\n      'open & [data-placement=\"left\"]': '0 0',\n      '!open & [data-placement=\"left\"]': '1x 0',\n      'open & [data-placement=\"right\"]': '0 0',\n      '!open & [data-placement=\"right\"]': '-1x 0',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n      '[data-placement=\"left\"]': 'right center',\n      '[data-placement=\"right\"]': 'left center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .8',\n      '!open & ([data-placement=\"left\"] | [data-placement=\"right\"])': '.8 1',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n\n    // A secondary line under the title — the description an auto tooltip\n    // shows when a row's label and description are both cut off. Lighter and\n    // dimmed like the row's own description, from the tooltip's own color, so\n    // it follows the `light` variant. Direct children only: a tooltip whose\n    // body is an `Item` keeps that item's description as it is.\n    Description: {\n      $: '>',\n      display: 'block',\n      preset: 't4n',\n      opacity: 0.75,\n    },\n  },\n});\n\nconst TooltipTipElement = tasty({\n  styles: {\n    position: 'absolute',\n    // The arrow is drawn by its borders around a one-device-pixel core.\n    '$tip-size': '1px',\n    width: '$tip-size',\n    height: '$tip-size',\n    border: '.5x #clear',\n    borderTop: {\n      '': '.5x solid #surface-inverse.85',\n      light: '.5x solid #surface',\n    },\n    borderBottom: '0',\n    top: {\n      '': 'initial',\n      '[data-placement=\"left\"] | [data-placement=\"right\"]': '50%',\n      '[data-placement=\"top\"]': '100%',\n    },\n    left: {\n      '': 'initial',\n      '[data-placement=\"top\"] | [data-placement=\"bottom\"]': '50%',\n      '[data-placement=\"left\"]': '100%',\n    },\n    right: {\n      '': 'initial',\n      '[data-placement=\"right\"]': '100%',\n    },\n    bottom: {\n      '': 'initial',\n      '[data-placement=\"bottom\"]': '100%',\n    },\n    transform: {\n      '': 'translate((-.375x - $tip-size), 0)',\n      '[data-placement=\"bottom\"]':\n        'translate((-.375x - $tip-size), 0) rotate(180deg)',\n      '[data-placement=\"left\"]': 'translate(-.25x, -.25x) rotate(270deg)',\n      '[data-placement=\"right\"]': 'translate(.25x, -.25x) rotate(90deg)',\n    },\n    transition: 'theme',\n  },\n});\n\nexport interface CubeTooltipProps\n  extends BaseProps, ContainerStyleProps, AriaTooltipProps {\n  tipStyles?: Styles;\n  /**\n   * @deprecated Has no effect. No icon is ever rendered.\n   */\n  showIcon?: boolean;\n  placement?: PlacementAxis;\n  isMaterial?: boolean;\n  isOpen?: boolean;\n  isLight?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip moves to the opposite side of its trigger when there\n   * is not enough room on the requested one.\n   * @default true\n   */\n  shouldFlip?: boolean;\n}\n\nfunction Tooltip(\n  props: CubeTooltipProps,\n  ref: ForwardedRef<DOMRefValue<HTMLDivElement>>,\n) {\n  let {\n    ref: overlayRef,\n    transitionRef,\n    arrowProps,\n    state,\n    overlayProps,\n    isMaterial: isMaterialContext,\n    isLight: isLightContext,\n    phase,\n    isShown,\n    updatePosition,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n\n  const defaultRef = useRef<HTMLDivElement>(null);\n  // Opened inside a modal, the tooltip stays readable while the modal hides\n  // the page.\n  const layerRef = useModalLayerRef();\n  const combinedRef = mergeRefs(\n    transitionRef,\n    overlayRef ?? defaultRef,\n    layerRef,\n  );\n  const finalOverlayRef = overlayRef ?? defaultRef;\n\n  props = mergeProps(props, tooltipProviderProps);\n\n  let {\n    placement = 'top',\n    isOpen,\n    tipStyles,\n    isMaterial = isMaterialContext,\n    isLight = isLightContext,\n    ...otherProps\n  } = props;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let { tooltipProps } = useTooltip(props, state);\n\n  // Sync ref with overlayRef from context.\n  useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || placement || 'top';\n\n  const mods = {\n    material: isMaterial,\n    light: isLight,\n    open: isShown ?? isOpen,\n  };\n\n  // Update position when tooltip becomes visible\n  useLayoutEffect(() => {\n    updatePosition?.();\n  }, []);\n\n  return (\n    <TooltipElement\n      {...tooltipProps}\n      {...overlayProps}\n      ref={combinedRef}\n      // `qa` is typed through `BaseProps` but nothing forwarded it, so a test\n      // had no way to tell one control's tooltip from another's.\n      qa={otherProps.qa}\n      styles={styles}\n      mods={mods}\n      data-placement={placementDirection}\n      data-phase={phase}\n    >\n      {props.children}\n      <TooltipTipElement\n        data-placement={placementDirection}\n        styles={tipStyles}\n        mods={mods}\n        {...arrowProps}\n      />\n    </TooltipElement>\n  );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = forwardRef(Tooltip);\n\n_Tooltip.displayName = 'Tooltip';\n\nexport { _Tooltip as Tooltip };\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["createDOMRef","DOMRefValue","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","ForwardedRef","forwardRef","useContext","useImperativeHandle","useRef","AriaTooltipProps","useTooltip","mergeProps","mergeRefs","useLayoutEffect","extractStyles","useModalLayerRef","TooltipContext","PlacementAxis","TooltipElement","styles","display","fill","light","color","width","radius","padding","preset","backdropFilter","whiteSpace","overflowWrap","pointerEvents","material","filter","transition","translate","transformOrigin","scale","opacity","Description","$","TooltipTipElement","position","height","border","borderTop","borderBottom","top","left","right","bottom","transform","CubeTooltipProps","tipStyles","showIcon","placement","isMaterial","isOpen","isLight","onOpenChange","defaultOpen","shouldFlip","Tooltip","props","ref","_c","overlayRef","transitionRef","arrowProps","state","overlayProps","isMaterialContext","isLightContext","phase","isShown","updatePosition","tooltipProviderProps","defaultRef","layerRef","t0","t1","combinedRef","finalOverlayRef","t2","t3","t4","otherProps","undefined","tooltipProps","t5","placementDirection","split","t6","t7","open","mods","t8","t9","Symbol","for","t10","t11","qa","children","_Tooltip","displayName","_c","mergeProps"],"sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import { createDOMRef } from '@react-spectrum/utils';\nimport { DOMRefValue } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { AriaTooltipProps, useTooltip } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { extractStyles } from '../../../utils/styles';\nimport { useModalLayerRef } from '../Modal/modal-containment';\n\nimport { TooltipContext } from './context';\n\nimport type { PlacementAxis } from '../../../shared';\n\nexport type { AriaTooltipProps };\n\nconst TooltipElement = tasty({\n  styles: {\n    display: 'block',\n    // The DEFAULT (dark) tooltip is intentionally scheme-invariant:\n    // `#surface-inverse.85` + `#white` keep it the \"always dark\" tooltip in\n    // light, dark, and high-contrast schemes — matching the legacy `#dark.85`\n    // + `#white` design.\n    //\n    // The `light` variant uses the adaptive surface tokens (`#surface` +\n    // `#surface-text-soft`) so it follows the page scheme. This restores the\n    // softer legacy `#dark-02` look in light mode (cr≈9.2) and stays AA-safe\n    // in dark mode (the previous fixed `#surface-inverse` was much darker\n    // than the legacy `#dark-02`, and pairing the fixed `#white` fill with\n    // the adaptive `#surface-text-soft` text — the LEGACY_ALIASES port of\n    // `#dark-02` — would collapse to cr≈1.8 in dark schemes; using `#surface`\n    // for the fill keeps both ends of the pair adapting together).\n    fill: {\n      '': '#surface-inverse.85',\n      light: '#surface',\n    },\n    color: {\n      '': '#white',\n      light: '#surface-text-soft',\n    },\n    width: 'initial min(36x, (100dvw - 4x)) max-content',\n    radius: true,\n    padding: '.75x 1x',\n    preset: 't4',\n    backdropFilter: 'blur(.5x)',\n    whiteSpace: 'pre-line',\n    // The tooltip is width-capped (`min(36x, …)`) with `max-width: max-content`,\n    // so a run with no spaces — a URL, a token, an identifier, an error string —\n    // stays on one line and spills straight out of the bubble. `anywhere` breaks\n    // it at the cap instead. It inherits, so tooltip children wrap too.\n    overflowWrap: 'anywhere',\n    pointerEvents: {\n      '': 'none',\n      material: 'auto',\n    },\n    // A one-device-pixel halo outlines the light tooltip.\n    '$shadow-blur': '1px',\n    filter: {\n      '': false,\n      light: 'drop-shadow(0 0 $shadow-blur #surface-text-soft.2)',\n    },\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & [data-placement=\"bottom\"]': '0 0',\n      '!open & [data-placement=\"bottom\"]': '0 -1x',\n      'open & [data-placement=\"left\"]': '0 0',\n      '!open & [data-placement=\"left\"]': '1x 0',\n      'open & [data-placement=\"right\"]': '0 0',\n      '!open & [data-placement=\"right\"]': '-1x 0',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n      '[data-placement=\"left\"]': 'right center',\n      '[data-placement=\"right\"]': 'left center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .8',\n      '!open & ([data-placement=\"left\"] | [data-placement=\"right\"])': '.8 1',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n\n    // A secondary line under the title — the description an auto tooltip\n    // shows when a row's label and description are both cut off. Lighter and\n    // dimmed like the row's own description, from the tooltip's own color, so\n    // it follows the `light` variant. Direct children only: a tooltip whose\n    // body is an `Item` keeps that item's description as it is.\n    Description: {\n      $: '>',\n      display: 'block',\n      preset: 't4n',\n      opacity: 0.75,\n    },\n  },\n});\n\nconst TooltipTipElement = tasty({\n  styles: {\n    position: 'absolute',\n    // The arrow is drawn by its borders around a one-device-pixel core.\n    '$tip-size': '1px',\n    width: '$tip-size',\n    height: '$tip-size',\n    border: '.5x #clear',\n    borderTop: {\n      '': '.5x solid #surface-inverse.85',\n      light: '.5x solid #surface',\n    },\n    borderBottom: '0',\n    top: {\n      '': 'initial',\n      '[data-placement=\"left\"] | [data-placement=\"right\"]': '50%',\n      '[data-placement=\"top\"]': '100%',\n    },\n    left: {\n      '': 'initial',\n      '[data-placement=\"top\"] | [data-placement=\"bottom\"]': '50%',\n      '[data-placement=\"left\"]': '100%',\n    },\n    right: {\n      '': 'initial',\n      '[data-placement=\"right\"]': '100%',\n    },\n    bottom: {\n      '': 'initial',\n      '[data-placement=\"bottom\"]': '100%',\n    },\n    transform: {\n      '': 'translate((-.375x - $tip-size), 0)',\n      '[data-placement=\"bottom\"]':\n        'translate((-.375x - $tip-size), 0) rotate(180deg)',\n      '[data-placement=\"left\"]': 'translate(-.25x, -.25x) rotate(270deg)',\n      '[data-placement=\"right\"]': 'translate(.25x, -.25x) rotate(90deg)',\n    },\n    transition: 'theme',\n  },\n});\n\nexport interface CubeTooltipProps\n  extends BaseProps, ContainerStyleProps, AriaTooltipProps {\n  tipStyles?: Styles;\n  /**\n   * @deprecated Has no effect. No icon is ever rendered.\n   */\n  showIcon?: boolean;\n  placement?: PlacementAxis;\n  isMaterial?: boolean;\n  isOpen?: boolean;\n  isLight?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip moves to the opposite side of its trigger when there\n   * is not enough room on the requested one.\n   * @default true\n   */\n  shouldFlip?: boolean;\n}\n\nfunction Tooltip(\n  props: CubeTooltipProps,\n  ref: ForwardedRef<DOMRefValue<HTMLDivElement>>,\n) {\n  let {\n    ref: overlayRef,\n    transitionRef,\n    arrowProps,\n    state,\n    overlayProps,\n    isMaterial: isMaterialContext,\n    isLight: isLightContext,\n    phase,\n    isShown,\n    updatePosition,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n\n  const defaultRef = useRef<HTMLDivElement>(null);\n  // Opened inside a modal, the tooltip stays readable while the modal hides\n  // the page.\n  const layerRef = useModalLayerRef();\n  const combinedRef = mergeRefs(\n    transitionRef,\n    overlayRef ?? defaultRef,\n    layerRef,\n  );\n  const finalOverlayRef = overlayRef ?? defaultRef;\n\n  props = mergeProps(props, tooltipProviderProps);\n\n  let {\n    placement = 'top',\n    isOpen,\n    tipStyles,\n    isMaterial = isMaterialContext,\n    isLight = isLightContext,\n    ...otherProps\n  } = props;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let { tooltipProps } = useTooltip(props, state);\n\n  // Sync ref with overlayRef from context.\n  useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || placement || 'top';\n\n  const mods = {\n    material: isMaterial,\n    light: isLight,\n    open: isShown ?? isOpen,\n  };\n\n  // Update position when tooltip becomes visible\n  useLayoutEffect(() => {\n    updatePosition?.();\n  }, []);\n\n  return (\n    <TooltipElement\n      {...tooltipProps}\n      {...overlayProps}\n      ref={combinedRef}\n      // `qa` is typed through `BaseProps` but nothing forwarded it, so a test\n      // had no way to tell one control's tooltip from another's.\n      qa={otherProps.qa}\n      styles={styles}\n      mods={mods}\n      data-placement={placementDirection}\n      data-phase={phase}\n    >\n      {props.children}\n      <TooltipTipElement\n        data-placement={placementDirection}\n        styles={tipStyles}\n        mods={mods}\n        {...arrowProps}\n      />\n    </TooltipElement>\n  );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = forwardRef(Tooltip);\n\n_Tooltip.displayName = 'Tooltip';\n\nexport { _Tooltip as Tooltip };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { Tooltip as _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,9 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
-import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { isDevEnv } from "../../../utils/is-dev-env.js";
 import { TooltipContext } from "./context.js";
 import { Tooltip as _Tooltip } from "./Tooltip.js";
+import { useEvent } from "../../../_internal/hooks/use-event.js";
+import { isDevEnv } from "../../../utils/is-dev-env.js";
 import { isFocusRestoration } from "../../../utils/react/programmaticFocus.js";
 import { Block } from "../../Block.js";
 import { ActiveZone as _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","names":["FocusableProvider","Children","ContextType","createContext","FocusEvent","HTMLAttributes","isValidElement","ReactElement","ReactNode","RefObject","useContext","useEffectEvent","useRef","useState","Placement","TooltipTriggerProps","useOverlayPosition","useTooltipTrigger","useTooltipTriggerState","useEvent","isDevEnv","isFocusRestoration","useLayoutEffect","Block","ActiveZone","DisplayTransition","DisplayTransitionProps","Portal","TooltipContext","CubeTooltipProps","Tooltip","TooltipPositionOptions","Pick","Parameters","onClose","TooltipPositionContext","TooltipTransition","props","$","_c","hasShown","setHasShown","isShown","t0","Box","DOMRect","overlaps","a","b","bottom","top","right","left","isInView","trigger","Element","scrolled","EventTarget","rect","getBoundingClientRect","viewport","window","innerHeight","innerWidth","PositionedTooltip","tooltip","contextValue","t1","options","overlayProps","arrowProps","placement","updatePosition","t2","targetRef","current","event","target","Node","contains","HTMLInputElement","HTMLTextAreaElement","onScroll","t3","isOpen","listener","event_0","addEventListener","removeEventListener","t4","t5","t6","t7","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","isTriggerFunction","value","TooltipTriggerFunction","isReactElement","P","isEmptyTooltip","type","toArray","children","every","child","triggerProps","HTMLElement","ref","CubeTooltipTriggerProps","crossOffset","offset","isMaterial","isLight","activeWrap","onOpenChange","defaultOpen","isDisabled","delay","closeDelay","disableFocusableProvider","TooltipTrigger","externalRef","triggerAction","shouldCloseOnPress","undefined","rawChildrenArray","Array","isArray","Error","console","warn","internalRef","tooltipTriggerRef","overlayRef","state","isTooltipDisabled","rawTriggerProps","tooltipProps","onFocus","close","positionOptions","shouldFlip","tooltipContextValue","tooltipContent","phase","transitionRef","Symbol","for","onClick","e","currentTarget","parentNode","click","t8","triggerContent","_c","Tooltip","ActiveZone"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n  Children,\n  ContextType,\n  createContext,\n  FocusEvent,\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useContext,\n  useEffectEvent,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Placement,\n  TooltipTriggerProps,\n  useOverlayPosition,\n  useTooltipTrigger,\n} from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { isFocusRestoration } from '../../../utils/react/programmaticFocus';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport {\n  DisplayTransition,\n  DisplayTransitionProps,\n} from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\n\nimport { TooltipContext } from './context';\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\n\ntype TooltipPositionOptions = Pick<\n  Parameters<typeof useOverlayPosition>[0],\n  | 'placement'\n  | 'targetRef'\n  | 'overlayRef'\n  | 'offset'\n  | 'crossOffset'\n  | 'isOpen'\n  | 'shouldFlip'\n> & {\n  onClose: () => void;\n};\n\n// DisplayTransition preserves its last shown render prop during exit. Position\n// subscriptions must still see the current target, configuration and open state.\nconst TooltipPositionContext = createContext<TooltipPositionOptions>(null!);\n\nfunction TooltipTransition(\n  props: Pick<DisplayTransitionProps, 'children' | 'isShown'>,\n) {\n  const [hasShown, setHasShown] = useState(props.isShown);\n\n  // Once opened, retain the transition owner through closing and reopening.\n  // A never-opened tooltip has no animation resources to maintain.\n  if (props.isShown && !hasShown) setHasShown(true);\n  if (!hasShown && !props.isShown) return null;\n\n  return <DisplayTransition {...props} />;\n}\n\ntype Box = Pick<DOMRect, 'top' | 'right' | 'bottom' | 'left'>;\n\nfunction overlaps(a: Box, b: Box) {\n  return (\n    a.bottom > b.top && a.top < b.bottom && a.right > b.left && a.left < b.right\n  );\n}\n\n/**\n * Whether the trigger is still visible after `scrolled` scrolled: it overlaps\n * the viewport and, when an element scrolled, that element's box.\n */\nfunction isInView(trigger: Element, scrolled: EventTarget | null) {\n  const rect = trigger.getBoundingClientRect();\n  const viewport = {\n    top: 0,\n    left: 0,\n    bottom: window.innerHeight,\n    right: window.innerWidth,\n  };\n\n  return (\n    overlaps(rect, viewport) &&\n    (!(scrolled instanceof Element) ||\n      overlaps(rect, scrolled.getBoundingClientRect()))\n  );\n}\n\nfunction PositionedTooltip({\n  tooltip,\n  contextValue,\n}: {\n  tooltip: ReactElement;\n  contextValue: ContextType<typeof TooltipContext>;\n}) {\n  const { onClose, ...options } = useContext(TooltipPositionContext);\n  const { overlayProps, arrowProps, placement, updatePosition } =\n    useOverlayPosition(options);\n\n  // A scroll of the page or of an element that contains the trigger moves the\n  // trigger. The tooltip follows it while it stays in view, and closes once it\n  // is scrolled out. Closing on any scroll, as a popover does, would close the\n  // tooltip a keyboard user just opened: focus scrolls a trigger into view —\n  // the browser at once, a list a frame later — and the scroll is reported\n  // after the tooltip opened.\n  const onScroll = useEffectEvent((event: Event) => {\n    const trigger = options.targetRef.current;\n    const { target } = event;\n\n    if (\n      !trigger ||\n      (target instanceof Node && !target.contains(trigger)) ||\n      // A text field scrolls its own text to keep the caret in view.\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement\n    ) {\n      return;\n    }\n\n    if (isInView(trigger, target)) {\n      updatePosition();\n    } else {\n      onClose();\n    }\n  });\n\n  // Subscribed at commit, with the positioning, so a scroll reported on the\n  // next frame is never missed.\n  useLayoutEffect(() => {\n    if (!options.isOpen) return;\n\n    const listener = (event: Event) => onScroll(event);\n\n    window.addEventListener('scroll', listener, true);\n\n    return () => window.removeEventListener('scroll', listener, true);\n  }, [options.isOpen]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        ...contextValue,\n        placement: placement || options.placement || 'top',\n        overlayProps,\n        arrowProps,\n        updatePosition,\n      }}\n    >\n      {tooltip}\n    </TooltipContext.Provider>\n  );\n}\n\nconst DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\n// Type guards\nfunction isTriggerFunction(value: unknown): value is TooltipTriggerFunction {\n  return typeof value === 'function';\n}\n\nfunction isReactElement<P = unknown>(value: unknown): value is ReactElement<P> {\n  return isValidElement(value);\n}\n\n/**\n * Whether a `Tooltip` has nothing to show. The docs turn a tooltip off with\n * `title={null}`, and opening it anyway drew an empty bubble and described the\n * trigger by it. Only a `Tooltip` is inspected: another component may render\n * content of its own.\n */\nfunction isEmptyTooltip(tooltip: ReactElement<CubeTooltipProps>): boolean {\n  return (\n    tooltip.type === Tooltip &&\n    Children.toArray(tooltip.props.children).every((child) => child === '')\n  );\n}\n\nexport type TooltipTriggerFunction = (\n  triggerProps: HTMLAttributes<HTMLElement>,\n  ref: RefObject<HTMLElement>,\n) => ReactNode;\n\nexport interface CubeTooltipTriggerProps extends TooltipTriggerProps {\n  children: [ReactElement | string | TooltipTriggerFunction, ReactElement];\n  crossOffset?: number;\n  offset?: number;\n  placement?: Placement;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  /**\n   * @deprecated Use function-as-first-child pattern instead.\n   * Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.\n   * Otherwise, tooltip won't work.\n   */\n  activeWrap?: boolean;\n  /**\n   * External ref to use instead of internal ref (optional).\n   */\n  targetRef?: RefObject<HTMLElement>;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip should be disabled, independent of the trigger.\n   */\n  isDisabled?: boolean;\n  /**\n   * The delay time for the tooltip to show up.\n   * @default 250\n   */\n  delay?: number;\n  /**\n   * The delay time for the tooltip to close.\n   * @default 500\n   */\n  closeDelay?: number;\n  /**\n   * By default, opens for both focus and hover. Can be made to open only for focus.\n   */\n  trigger?: 'focus';\n  /**\n   * When true, FocusableProvider won't be applied to the trigger.\n   * Useful when trigger already handles focus or uses render props pattern.\n   */\n  disableFocusableProvider?: boolean;\n}\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: CubeTooltipTriggerProps) {\n  let {\n    children,\n    activeWrap,\n    targetRef: externalRef,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    isMaterial,\n    isLight,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    delay = 250,\n    shouldCloseOnPress,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n    disableFocusableProvider,\n  } = props;\n\n  // Extract both children without using React.Children.toArray so we don't lose\n  // function-as-child (render-prop) which React.Children filters out.\n  const rawChildrenArray = Array.isArray(children)\n    ? (children as unknown[])\n    : ([children] as unknown[]);\n\n  const [trigger, tooltip] = rawChildrenArray;\n\n  // Type guard the tooltip\n  if (!isReactElement<CubeTooltipProps>(tooltip)) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).',\n    );\n  }\n\n  // Type guard the trigger\n  if (\n    !isTriggerFunction(trigger) &&\n    !isReactElement(trigger) &&\n    typeof trigger !== 'string'\n  ) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.',\n    );\n  }\n\n  // Show deprecation warning for activeWrap\n  if (activeWrap && isDevEnv()) {\n    console.warn(\n      'CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.',\n    );\n  }\n\n  let internalRef = useRef<HTMLElement>(null!);\n  let tooltipTriggerRef = externalRef ?? internalRef;\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let state = useTooltipTriggerState({ delay, ...props });\n\n  // A tooltip with nothing to show is a disabled one.\n  const isTooltipDisabled = isDisabled || isEmptyTooltip(tooltip);\n\n  let { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(\n    {\n      // Without it a disabled tooltip still opened — invisibly, since nothing\n      // renders it — and while open React Aria's document-level listener eats\n      // every `Escape`, so a Dialog under the pointer would not close.\n      isDisabled: isTooltipDisabled,\n      trigger: triggerAction,\n      delay,\n      isOpen,\n      onOpenChange,\n      defaultOpen,\n      shouldCloseOnPress,\n    },\n    state,\n    tooltipTriggerRef,\n  );\n\n  // A tooltip answers a user arriving at the trigger. Focus handed back by a\n  // component — a popup returning it to the trigger it came from — is not that\n  // arrival, but the DOM event is identical and the modality is still\n  // \"keyboard\", so React Aria would show the tooltip anyway. It then absorbs\n  // the user's next `Escape` from its own document-level listener, which is\n  // how a Dialog ended up needing two presses to close (CUB-4839).\n  //\n  // Dropping the focus handler rather than closing after the fact: React Aria\n  // decides to show inside it, so this never starts and nothing flashes.\n  //\n  // Covers both restore paths — ours and a `FocusScope`'s — see\n  // `programmaticFocus`.\n  const onFocus = useEvent((event: FocusEvent<HTMLElement>) => {\n    if (isFocusRestoration()) return;\n\n    rawTriggerProps.onFocus?.(event);\n  });\n\n  const triggerProps = {\n    ...rawTriggerProps,\n    onFocus,\n    // A controlled `isOpen` still opens a disabled tooltip's state, and nothing\n    // is rendered to describe the trigger by.\n    'aria-describedby': isTooltipDisabled\n      ? undefined\n      : rawTriggerProps['aria-describedby'],\n  };\n\n  const positionOptions: TooltipPositionOptions = {\n    placement: props.placement || 'top',\n    targetRef: tooltipTriggerRef,\n    overlayRef,\n    offset,\n    crossOffset,\n    isOpen: state.isOpen,\n    // Documented on `Tooltip`, which renders inside the positioned layer, so\n    // it is read from the element here.\n    shouldFlip: tooltip.props.shouldFlip,\n    // Called once a scroll carries the trigger out of view.\n    onClose: () => state.close(true),\n  };\n\n  const tooltipContextValue = {\n    state,\n    ref: overlayRef,\n    isMaterial,\n    isLight,\n    ...tooltipProps,\n  };\n\n  // Closed triggers retain their interaction state, but positioning resources\n  // belong to the overlay's visible/closing lifetime rather than every label.\n  const tooltipContent = (\n    <TooltipPositionContext.Provider value={positionOptions}>\n      <TooltipTransition isShown={state.isOpen && !isTooltipDisabled}>\n        {({ phase, isShown, ref: transitionRef }) => (\n          <Portal>\n            <PositionedTooltip\n              tooltip={tooltip}\n              contextValue={{\n                ...tooltipContextValue,\n                phase,\n                isShown,\n                ref: overlayRef,\n                transitionRef,\n              }}\n            />\n          </Portal>\n        )}\n      </TooltipTransition>\n    </TooltipPositionContext.Provider>\n  );\n\n  // Function trigger pattern (new)\n  if (isTriggerFunction(trigger)) {\n    return (\n      <>\n        {trigger(triggerProps, tooltipTriggerRef)}\n        {tooltipContent}\n      </>\n    );\n  }\n\n  // Legacy element/string trigger pattern\n  if (!activeWrap && typeof trigger === 'string') {\n    console.warn(\n      'CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.',\n    );\n\n    return <Block>{trigger}</Block>;\n  }\n\n  function onClick(e) {\n    e?.currentTarget?.parentNode.click();\n  }\n\n  const triggerContent = (\n    <>\n      {activeWrap ? (\n        <ActiveZone onClick={onClick}>{trigger}</ActiveZone>\n      ) : (\n        trigger\n      )}\n      {tooltipContent}\n    </>\n  );\n\n  if (disableFocusableProvider) {\n    return triggerContent;\n  }\n\n  return (\n    <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n      {triggerContent}\n    </FocusableProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAsDA,MAAMmC,yBAAyBhC,cAAsC,IAAK;AAE1E,SAAAiC,kBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAGE,MAAA,CAAAC,UAAAC,eAAgC5B,SAASwB,MAAKK,OAAQ;CAItD,IAAIL,MAAKK,WAAL,CAAkBF,UAAUC,YAAY,IAAI;CAChD,IAAI,CAACD,YAAD,CAAcH,MAAKK,SAAQ,OAAS;CAAK,IAAAC;CAAA,IAAAL,EAAA,OAAAD,OAAA;EAEtCM,KAAA,oBAAC,mBAAD,EAAkB,GAAKN,MAAK,CAAA;EAAIC,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAAhCK;AAAgC;AAKzC,SAASG,SAASC,GAAQC,GAAQ;CAChC,OACED,EAAEE,SAASD,EAAEE,OAAOH,EAAEG,MAAMF,EAAEC,UAAUF,EAAEI,QAAQH,EAAEI,QAAQL,EAAEK,OAAOJ,EAAEG;AAE3E;;;;;AAMA,SAASE,SAASC,SAAkBE,UAA8B;CAChE,MAAME,OAAOJ,QAAQK,sBAAsB;CAQ3C,OACEb,SAASY,MAAME;EAPfV,KAAK;EACLE,MAAM;EACNH,QAAQY,OAAOC;EACfX,OAAOU,OAAOE;CAICH,CAAQ,MACtB,EAAEJ,oBAAoBD,YACrBT,SAASY,MAAMF,SAASG,sBAAsB,CAAC;AAErD;AAEA,SAAAK,kBAAArB,IAAA;CAAA,MAAAL,IAAAC,EAAA,EAAA;CAA2B,MAAA,EAAA0B,SAAAC,iBAAAvB;CAOO,MAAAwB,KAAAzD,WAAWyB,sBAAsB;CAAC,IAAAD;CAAA,IAAAkC;CAAA,IAAA9B,EAAA,OAAA6B,IAAA;EAAlE,CAAA,CAAAjC,SAAA,GAAAkC,WAAgCD;EAAmC7B,EAAA,KAAA6B;EAAA7B,EAAA,KAAAJ;EAAAI,EAAA,KAAA8B;CAAA,OAAA;EAAAlC,UAAAI,EAAA;EAAA8B,UAAA9B,EAAA;CAAA;CACnE,MAAA,EAAA+B,cAAAC,YAAAC,WAAAC,mBACExD,mBAAmBoD,OAAO;CAAE,IAAAK;CAAA,IAAAnC,EAAA,OAAAJ,WAAAI,EAAA,OAAA8B,QAAAM,UAAAC,WAAArC,EAAA,OAAAkC,gBAAA;EAQEC,MAAAG,UAAA;GAC9B,MAAAtB,UAAgBc,QAAOM,UAAUC;GACjC,MAAA,EAAAE,WAAmBD;GAEnB,IACE,CAACtB,WACAuB,kBAAkBC,QAAlB,CAA2BD,OAAME,SAAUzB,OAAO,KAEnDuB,kBAAkBG,oBAClBH,kBAAkBI,qBAAmB;GAKvC,IAAI5B,SAASC,SAASuB,MAAM,GAC1BL,eAAe;QAEftC,QAAQ;EACT;EACFI,EAAA,KAAAJ;EAAAI,EAAA,KAAA8B,QAAAM,UAAAC;EAAArC,EAAA,KAAAkC;EAAAlC,EAAA,KAAAmC;CAAA,OAAAA,KAAAnC,EAAA;CAnBD,MAAA4C,WAAiBvE,eAAe8D,EAmB/B;CAAE,IAAAU;CAAA,IAAA7C,EAAA,OAAA4C,YAAA5C,EAAA,OAAA8B,QAAAgB,QAAA;EAIaD,WAAA;GACd,IAAI,CAACf,QAAOgB,QAAO;GAEnB,MAAAC,YAAiBC,YAAkBJ,SAASN,OAAK;GAEjDf,OAAM0B,iBAAkB,UAAUF,UAAU,IAAI;GAAC,aAEpCxB,OAAM2B,oBAAqB,UAAUH,UAAU,IAAI;EAAC;EAClE/C,EAAA,KAAA4C;EAAA5C,EAAA,KAAA8B,QAAAgB;EAAA9C,EAAA,KAAA6C;CAAA,OAAAA,KAAA7C,EAAA;CAAA,IAAAmD;CAAA,IAAAnD,EAAA,QAAA8B,QAAAgB,QAAA;EAAEK,KAAA,CAACrB,QAAOgB,MAAO;EAAC9C,EAAA,MAAA8B,QAAAgB;EAAA9C,EAAA,MAAAmD;CAAA,OAAAA,KAAAnD,EAAA;CARnBhB,kBAAgB6D,IAQbM,EAAgB;CAMF,MAAAC,KAAAnB,aAAaH,QAAOG,aAApB;CAAuC,IAAAoB;CAAA,IAAArD,EAAA,QAAAgC,cAAAhC,EAAA,QAAA4B,gBAAA5B,EAAA,QAAA+B,gBAAA/B,EAAA,QAAAoD,MAAApD,EAAA,QAAAkC,gBAAA;EAF7CmB,KAAA;GAAA,GACFzB;GAAYK,WACJmB;GAAuCrB;GAAAC;GAAAE;EAIpD;EAAClC,EAAA,MAAAgC;EAAAhC,EAAA,MAAA4B;EAAA5B,EAAA,MAAA+B;EAAA/B,EAAA,MAAAoD;EAAApD,EAAA,MAAAkC;EAAAlC,EAAA,MAAAqD;CAAA,OAAAA,KAAArD,EAAA;CAAA,IAAAsD;CAAA,IAAAtD,EAAA,QAAAqD,MAAArD,EAAA,QAAA2B,SAAA;EAPH2B,KAAA,oBAAA,eAAA,UAAA;GACS,OAAAD;GAQN1B,UAAAA;EACH,CAAA;EAA0B3B,EAAA,MAAAqD;EAAArD,EAAA,MAAA2B;EAAA3B,EAAA,MAAAsD;CAAA,OAAAA,KAAAtD,EAAA;CAAA,OAV1BsD;AAU0B;AAI9B,MAAMC,iBAAiB;AACvB,MAAMC,uBAAuB;AAG7B,SAASC,kBAAkBC,OAAiD;CAC1E,OAAO,OAAOA,UAAU;AAC1B;AAEA,SAASE,eAA4BF,OAA0C;CAC7E,OAAO1F,eAAe0F,KAAK;AAC7B;;;;;;;AAQA,SAASI,eAAenC,SAAkD;CACxE,OACEA,QAAQoC,SAASvE,YACjB7B,SAASqG,QAAQrC,QAAQ5B,MAAMkE,QAAQ,CAAC,CAACC,OAAOC,UAAUA,UAAU,EAAE;AAE1E;;;;;;AAyDA,SAAOgB,eAAApF,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAgE,UAAAW,YAAAxC,WAAAgD,aAAAZ,aAAAnE,IAAA0E,YAAAL,YAAAC,SAAAF,QAAA5C,IAAAb,SAAAqE,eAAAL,OAAA7C,IAAAmD,oBAAAxC,QAAA+B,cAAAC,aAAAI,6BAgBInF;CAZF,MAAAyE,cAAAnE,OAAAkF,KAAAA,IAAA/B,uBAAAnD;CAIA,MAAAoE,SAAA5C,OAAA0D,KAAAA,IAAAhC,iBAAA1B;CAEA,MAAAmD,QAAA7C,OAAAoD,KAAAA,IAAA,MAAApD;CAcF,MAAA,CAAAnB,SAAAW,WAJyB8D,MAAKC,QAASzB,QAEX,IADvBA,WACA,CAACA,QAAQ;CAKd,IAAI,CAACL,eAAiCjC,OAAO,GAC3C,MAAM,IAAIgE,MACR,qGACF;CAIF,IACE,CAAClC,kBAAkBzC,OAAO,KAA1B,CACC4C,eAAe5C,OAAO,KACvB,OAAOA,YAAY,UAEnB,MAAM,IAAI2E,MACR,+FACF;CAIF,IAAIf,cAAc9F,SAAS,GACzB8G,QAAOC,KACL,8FACF;CAGF,MAAAC,cAAkBxH,OAAoB,IAAK;CAC3C,MAAAyH,oBAAwBX,eAAAU;CACxB,MAAAE,aAAiB1H,OAAuB,IAAI;CAAE,IAAAuE;CAAA,IAAA7C,EAAA,OAAAgF,SAAAhF,EAAA,OAAAD,OAAA;EAEX8C,KAAA;GAAAmC;GAAA,GAAYjF;EAAM;EAACC,EAAA,KAAAgF;EAAAhF,EAAA,KAAAD;EAAAC,EAAA,KAAA6C;CAAA,OAAAA,KAAA7C,EAAA;CAAtD,MAAAiG,QAAYrH,uBAAuBiE,EAAmB;CAGtD,MAAAqD,oBAA0BnB,cAAcjB,eAAenC,OAAO;CAE9D,MAAA,EAAAyC,cAAA+B,iBAAAC,iBAAsDzH,kBACpD;EAAAoG,YAIcmB;EAAiBlF,SACpBqE;EAAaL;EAAAlC;EAAA+B;EAAAC;EAAAQ;CAMxB,GACAW,OACAF,iBACF;CAAE,IAAA5C;CAAA,IAAAnD,EAAA,OAAAmG,iBAAA;EAcuBhD,MAAAb,UAAA;GACvB,IAAIvD,mBAAmB,GAAC;GAExBoH,gBAAeE,UAAW/D,KAAK;EAAC;EACjCtC,EAAA,KAAAmG;EAAAnG,EAAA,KAAAmD;CAAA,OAAAA,KAAAnD,EAAA;CAJD,MAAAqG,UAAgBxH,SAASsE,EAIxB;CAED,MAAAiB,eAAqB;EAAA,GAChB+B;EAAeE;EAAA,oBAIEH,oBAAAX,KAAAA,IAEhBY,gBAAgB;CACtB;CAAE,IAAA/C;CAAA,IAAApD,EAAA,OAAAiG,OAAA;EAaS7C,WAAM6C,MAAKK,MAAO,IAAI;EAACtG,EAAA,KAAAiG;EAAAjG,EAAA,KAAAoD;CAAA,OAAAA,KAAApD,EAAA;CAXlC,MAAAuG,kBAAgD;EAAAtE,WACnClC,MAAKkC,aAAL;EAAwBG,WACxB2D;EAAiBC;EAAAvB;EAAAD;EAAA1B,QAIpBmD,MAAKnD;EAAO0D,YAGR7E,QAAO5B,MAAMyG;EAAW5G,SAE3BwD;CACX;CAEA,MAAAqD,sBAA4B;EAAAR;EAAA3B,KAErB0B;EAAUtB;EAAAC;EAAA,GAGZyB;CACL;CAIA,MAAAM,iBACE,oBAAA,uBAAA,UAAA;EAAwCH,OAAAA;EACtC,UAAA,oBAAC,mBAAD;GAA4B,SAAAN,MAAKnD,UAAL,CAAiBoD;GAC1C7C,WAAAA,OAAA;IAAC,MAAA,EAAAsD,OAAAvG,SAAAkE,KAAAsC,kBAAAvD;IAAsC,OACtC,oBAAC,QAAD,EAAA,UACE,oBAAC,mBAAD;KACW1B;KACK,cAAA;MAAA,GACT8E;MAAmBE;MAAAvG;MAAAkE,KAGjB0B;MAAUY;KAEjB;IAAC,CAAA,EATE,CAAA;GAWE;EAbK,CAAA;CAgBpB,CAAA;CAIF,IAAInD,kBAAkBzC,OAAO,GAAC,OAE1B,qBAAA,YAAA,EAAA,UAAA,CACGA,QAAQoD,cAAc2B,iBAAiB,GACvCW,cAAc,EAAA,CAAA;CAMrB,IAAI,CAAC9B,cAAc,OAAO5D,YAAY,UAAQ;EAC5C4E,QAAOC,KACL,wTACF;EAAC,IAAAvC;EAAA,IAAAtD,EAAA,OAAAgB,SAAA;GAEMsC,KAAA,oBAAC,OAAD,EAAA,UAAQtC,QAAF,CAAA;GAAkBhB,EAAA,KAAAgB;GAAAhB,EAAA,KAAAsD;EAAA,OAAAA,KAAAtD,EAAA;EAAA,OAAxBsD;CAAwB;CAChC,IAAAA;CAAA,IAAAtD,EAAA,OAAA6G,OAAAC,IAAA,2BAAA,GAAA;EAEDxD,KAAA,SAAAyD,QAAAC,GAAA;GACEA,GAACC,eAA2BC,WAAMC,MAAC;EAAC;EACrCnH,EAAA,KAAAsD;CAAA,OAAAA,KAAAtD,EAAA;CAFD,MAAA+G,UAAAzD;CAEC,IAAA8D;CAAA,IAAApH,EAAA,QAAA4E,cAAA5E,EAAA,QAAAgB,SAAA;EAIIoG,KAAAxC,aACC,oBAAC4C,aAAD;GAAqBT;GAAU/F,UAAAA;EAApB,CAAA,IADZA;EAIAhB,EAAA,MAAA4E;EAAA5E,EAAA,MAAAgB;EAAAhB,EAAA,MAAAoH;CAAA,OAAAA,KAAApH,EAAA;CANL,MAAAqH,iBACE,qBAAA,YAAA,EAAA,UAAA,CACGD,IAKAV,cAAc,EAAA,CAAA;CAInB,IAAIxB,0BAAwB,OACnBmC;CACR,OAGC,oBAAC,mBAAD;EAAkB,GAAKjD;EAAmB2B,KAAAA;EACvCsB,UAAAA;CADe,CAAA;AAEE"}
+{"version":3,"file":"TooltipTrigger.js","names":["FocusableProvider","Children","ContextType","createContext","FocusEvent","HTMLAttributes","isValidElement","ReactElement","ReactNode","RefObject","useContext","useEffectEvent","useRef","useState","Placement","TooltipTriggerProps","useOverlayPosition","useTooltipTrigger","useTooltipTriggerState","useEvent","isDevEnv","isFocusRestoration","useLayoutEffect","Block","ActiveZone","DisplayTransition","DisplayTransitionProps","Portal","TooltipContext","CubeTooltipProps","Tooltip","TooltipPositionOptions","Pick","Parameters","onClose","TooltipPositionContext","TooltipTransition","props","$","_c","hasShown","setHasShown","isShown","t0","Box","DOMRect","overlaps","a","b","bottom","top","right","left","isInView","trigger","Element","scrolled","EventTarget","rect","getBoundingClientRect","viewport","window","innerHeight","innerWidth","PositionedTooltip","tooltip","contextValue","t1","options","overlayProps","arrowProps","placement","updatePosition","t2","targetRef","current","event","target","Node","contains","HTMLInputElement","HTMLTextAreaElement","onScroll","t3","isOpen","listener","event_0","addEventListener","removeEventListener","t4","t5","t6","t7","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","isTriggerFunction","value","TooltipTriggerFunction","isReactElement","P","isEmptyTooltip","type","toArray","children","every","child","triggerProps","HTMLElement","ref","CubeTooltipTriggerProps","crossOffset","offset","isMaterial","isLight","activeWrap","onOpenChange","defaultOpen","isDisabled","delay","closeDelay","disableFocusableProvider","TooltipTrigger","externalRef","triggerAction","shouldCloseOnPress","undefined","rawChildrenArray","Array","isArray","Error","console","warn","internalRef","tooltipTriggerRef","overlayRef","state","isTooltipDisabled","rawTriggerProps","tooltipProps","onFocus","close","positionOptions","shouldFlip","tooltipContextValue","tooltipContent","phase","transitionRef","Symbol","for","onClick","e","currentTarget","parentNode","click","t8","triggerContent","_c","Tooltip","ActiveZone"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n  Children,\n  ContextType,\n  createContext,\n  FocusEvent,\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useContext,\n  useEffectEvent,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Placement,\n  TooltipTriggerProps,\n  useOverlayPosition,\n  useTooltipTrigger,\n} from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { isFocusRestoration } from '../../../utils/react/programmaticFocus';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport {\n  DisplayTransition,\n  DisplayTransitionProps,\n} from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal/Portal';\n\nimport { TooltipContext } from './context';\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\n\ntype TooltipPositionOptions = Pick<\n  Parameters<typeof useOverlayPosition>[0],\n  | 'placement'\n  | 'targetRef'\n  | 'overlayRef'\n  | 'offset'\n  | 'crossOffset'\n  | 'isOpen'\n  | 'shouldFlip'\n> & {\n  onClose: () => void;\n};\n\n// DisplayTransition preserves its last shown render prop during exit. Position\n// subscriptions must still see the current target, configuration and open state.\nconst TooltipPositionContext = createContext<TooltipPositionOptions>(null!);\n\nfunction TooltipTransition(\n  props: Pick<DisplayTransitionProps, 'children' | 'isShown'>,\n) {\n  const [hasShown, setHasShown] = useState(props.isShown);\n\n  // Once opened, retain the transition owner through closing and reopening.\n  // A never-opened tooltip has no animation resources to maintain.\n  if (props.isShown && !hasShown) setHasShown(true);\n  if (!hasShown && !props.isShown) return null;\n\n  return <DisplayTransition {...props} />;\n}\n\ntype Box = Pick<DOMRect, 'top' | 'right' | 'bottom' | 'left'>;\n\nfunction overlaps(a: Box, b: Box) {\n  return (\n    a.bottom > b.top && a.top < b.bottom && a.right > b.left && a.left < b.right\n  );\n}\n\n/**\n * Whether the trigger is still visible after `scrolled` scrolled: it overlaps\n * the viewport and, when an element scrolled, that element's box.\n */\nfunction isInView(trigger: Element, scrolled: EventTarget | null) {\n  const rect = trigger.getBoundingClientRect();\n  const viewport = {\n    top: 0,\n    left: 0,\n    bottom: window.innerHeight,\n    right: window.innerWidth,\n  };\n\n  return (\n    overlaps(rect, viewport) &&\n    (!(scrolled instanceof Element) ||\n      overlaps(rect, scrolled.getBoundingClientRect()))\n  );\n}\n\nfunction PositionedTooltip({\n  tooltip,\n  contextValue,\n}: {\n  tooltip: ReactElement;\n  contextValue: ContextType<typeof TooltipContext>;\n}) {\n  const { onClose, ...options } = useContext(TooltipPositionContext);\n  const { overlayProps, arrowProps, placement, updatePosition } =\n    useOverlayPosition(options);\n\n  // A scroll of the page or of an element that contains the trigger moves the\n  // trigger. The tooltip follows it while it stays in view, and closes once it\n  // is scrolled out. Closing on any scroll, as a popover does, would close the\n  // tooltip a keyboard user just opened: focus scrolls a trigger into view —\n  // the browser at once, a list a frame later — and the scroll is reported\n  // after the tooltip opened.\n  const onScroll = useEffectEvent((event: Event) => {\n    const trigger = options.targetRef.current;\n    const { target } = event;\n\n    if (\n      !trigger ||\n      (target instanceof Node && !target.contains(trigger)) ||\n      // A text field scrolls its own text to keep the caret in view.\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement\n    ) {\n      return;\n    }\n\n    if (isInView(trigger, target)) {\n      updatePosition();\n    } else {\n      onClose();\n    }\n  });\n\n  // Subscribed at commit, with the positioning, so a scroll reported on the\n  // next frame is never missed.\n  useLayoutEffect(() => {\n    if (!options.isOpen) return;\n\n    const listener = (event: Event) => onScroll(event);\n\n    window.addEventListener('scroll', listener, true);\n\n    return () => window.removeEventListener('scroll', listener, true);\n  }, [options.isOpen]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        ...contextValue,\n        placement: placement || options.placement || 'top',\n        overlayProps,\n        arrowProps,\n        updatePosition,\n      }}\n    >\n      {tooltip}\n    </TooltipContext.Provider>\n  );\n}\n\nconst DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\n// Type guards\nfunction isTriggerFunction(value: unknown): value is TooltipTriggerFunction {\n  return typeof value === 'function';\n}\n\nfunction isReactElement<P = unknown>(value: unknown): value is ReactElement<P> {\n  return isValidElement(value);\n}\n\n/**\n * Whether a `Tooltip` has nothing to show. The docs turn a tooltip off with\n * `title={null}`, and opening it anyway drew an empty bubble and described the\n * trigger by it. Only a `Tooltip` is inspected: another component may render\n * content of its own.\n */\nfunction isEmptyTooltip(tooltip: ReactElement<CubeTooltipProps>): boolean {\n  return (\n    tooltip.type === Tooltip &&\n    Children.toArray(tooltip.props.children).every((child) => child === '')\n  );\n}\n\nexport type TooltipTriggerFunction = (\n  triggerProps: HTMLAttributes<HTMLElement>,\n  ref: RefObject<HTMLElement>,\n) => ReactNode;\n\nexport interface CubeTooltipTriggerProps extends TooltipTriggerProps {\n  children: [ReactElement | string | TooltipTriggerFunction, ReactElement];\n  crossOffset?: number;\n  offset?: number;\n  placement?: Placement;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  /**\n   * @deprecated Use function-as-first-child pattern instead.\n   * Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.\n   * Otherwise, tooltip won't work.\n   */\n  activeWrap?: boolean;\n  /**\n   * External ref to use instead of internal ref (optional).\n   */\n  targetRef?: RefObject<HTMLElement>;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip should be disabled, independent of the trigger.\n   */\n  isDisabled?: boolean;\n  /**\n   * The delay time for the tooltip to show up.\n   * @default 250\n   */\n  delay?: number;\n  /**\n   * The delay time for the tooltip to close.\n   * @default 500\n   */\n  closeDelay?: number;\n  /**\n   * By default, opens for both focus and hover. Can be made to open only for focus.\n   */\n  trigger?: 'focus';\n  /**\n   * When true, FocusableProvider won't be applied to the trigger.\n   * Useful when trigger already handles focus or uses render props pattern.\n   */\n  disableFocusableProvider?: boolean;\n}\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: CubeTooltipTriggerProps) {\n  let {\n    children,\n    activeWrap,\n    targetRef: externalRef,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    isMaterial,\n    isLight,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    delay = 250,\n    shouldCloseOnPress,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n    disableFocusableProvider,\n  } = props;\n\n  // Extract both children without using React.Children.toArray so we don't lose\n  // function-as-child (render-prop) which React.Children filters out.\n  const rawChildrenArray = Array.isArray(children)\n    ? (children as unknown[])\n    : ([children] as unknown[]);\n\n  const [trigger, tooltip] = rawChildrenArray;\n\n  // Type guard the tooltip\n  if (!isReactElement<CubeTooltipProps>(tooltip)) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).',\n    );\n  }\n\n  // Type guard the trigger\n  if (\n    !isTriggerFunction(trigger) &&\n    !isReactElement(trigger) &&\n    typeof trigger !== 'string'\n  ) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.',\n    );\n  }\n\n  // Show deprecation warning for activeWrap\n  if (activeWrap && isDevEnv()) {\n    console.warn(\n      'CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.',\n    );\n  }\n\n  let internalRef = useRef<HTMLElement>(null!);\n  let tooltipTriggerRef = externalRef ?? internalRef;\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let state = useTooltipTriggerState({ delay, ...props });\n\n  // A tooltip with nothing to show is a disabled one.\n  const isTooltipDisabled = isDisabled || isEmptyTooltip(tooltip);\n\n  let { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(\n    {\n      // Without it a disabled tooltip still opened — invisibly, since nothing\n      // renders it — and while open React Aria's document-level listener eats\n      // every `Escape`, so a Dialog under the pointer would not close.\n      isDisabled: isTooltipDisabled,\n      trigger: triggerAction,\n      delay,\n      isOpen,\n      onOpenChange,\n      defaultOpen,\n      shouldCloseOnPress,\n    },\n    state,\n    tooltipTriggerRef,\n  );\n\n  // A tooltip answers a user arriving at the trigger. Focus handed back by a\n  // component — a popup returning it to the trigger it came from — is not that\n  // arrival, but the DOM event is identical and the modality is still\n  // \"keyboard\", so React Aria would show the tooltip anyway. It then absorbs\n  // the user's next `Escape` from its own document-level listener, which is\n  // how a Dialog ended up needing two presses to close (CUB-4839).\n  //\n  // Dropping the focus handler rather than closing after the fact: React Aria\n  // decides to show inside it, so this never starts and nothing flashes.\n  //\n  // Covers both restore paths — ours and a `FocusScope`'s — see\n  // `programmaticFocus`.\n  const onFocus = useEvent((event: FocusEvent<HTMLElement>) => {\n    if (isFocusRestoration()) return;\n\n    rawTriggerProps.onFocus?.(event);\n  });\n\n  const triggerProps = {\n    ...rawTriggerProps,\n    onFocus,\n    // A controlled `isOpen` still opens a disabled tooltip's state, and nothing\n    // is rendered to describe the trigger by.\n    'aria-describedby': isTooltipDisabled\n      ? undefined\n      : rawTriggerProps['aria-describedby'],\n  };\n\n  const positionOptions: TooltipPositionOptions = {\n    placement: props.placement || 'top',\n    targetRef: tooltipTriggerRef,\n    overlayRef,\n    offset,\n    crossOffset,\n    isOpen: state.isOpen,\n    // Documented on `Tooltip`, which renders inside the positioned layer, so\n    // it is read from the element here.\n    shouldFlip: tooltip.props.shouldFlip,\n    // Called once a scroll carries the trigger out of view.\n    onClose: () => state.close(true),\n  };\n\n  const tooltipContextValue = {\n    state,\n    ref: overlayRef,\n    isMaterial,\n    isLight,\n    ...tooltipProps,\n  };\n\n  // Closed triggers retain their interaction state, but positioning resources\n  // belong to the overlay's visible/closing lifetime rather than every label.\n  const tooltipContent = (\n    <TooltipPositionContext.Provider value={positionOptions}>\n      <TooltipTransition isShown={state.isOpen && !isTooltipDisabled}>\n        {({ phase, isShown, ref: transitionRef }) => (\n          <Portal>\n            <PositionedTooltip\n              tooltip={tooltip}\n              contextValue={{\n                ...tooltipContextValue,\n                phase,\n                isShown,\n                ref: overlayRef,\n                transitionRef,\n              }}\n            />\n          </Portal>\n        )}\n      </TooltipTransition>\n    </TooltipPositionContext.Provider>\n  );\n\n  // Function trigger pattern (new)\n  if (isTriggerFunction(trigger)) {\n    return (\n      <>\n        {trigger(triggerProps, tooltipTriggerRef)}\n        {tooltipContent}\n      </>\n    );\n  }\n\n  // Legacy element/string trigger pattern\n  if (!activeWrap && typeof trigger === 'string') {\n    console.warn(\n      'CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.',\n    );\n\n    return <Block>{trigger}</Block>;\n  }\n\n  function onClick(e) {\n    e?.currentTarget?.parentNode.click();\n  }\n\n  const triggerContent = (\n    <>\n      {activeWrap ? (\n        <ActiveZone onClick={onClick}>{trigger}</ActiveZone>\n      ) : (\n        trigger\n      )}\n      {tooltipContent}\n    </>\n  );\n\n  if (disableFocusableProvider) {\n    return triggerContent;\n  }\n\n  return (\n    <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n      {triggerContent}\n    </FocusableProvider>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import React from "react";
 //#region src/components/overlays/Tooltip/context.ts
 const TooltipContext = React.createContext({});

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["React","HTMLAttributes","RefCallback","RefObject","Placement","TooltipTriggerState","PlacementAxis","Props","Phase","TooltipContextProps","state","ref","HTMLDivElement","transitionRef","placement","arrowProps","HTMLElement","overlayProps","isMaterial","isLight","phase","isShown","updatePosition","TooltipContext","createContext"],"sources":["../../../../src/components/overlays/Tooltip/context.ts"],"sourcesContent":["import React, { HTMLAttributes, RefCallback, RefObject } from 'react';\nimport { Placement } from 'react-aria';\nimport { TooltipTriggerState } from 'react-stately';\n\nimport { PlacementAxis } from '../../../shared';\n\nimport type { Props } from '../../../props';\n\ntype Phase = 'enter' | 'entered' | 'exit' | 'unmounted';\n\ninterface TooltipContextProps {\n  state?: TooltipTriggerState;\n  ref?: RefObject<HTMLDivElement | null>;\n  transitionRef?: RefCallback<HTMLDivElement>;\n  placement?: Placement | PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  overlayProps?: Props;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  phase?: Phase;\n  isShown?: boolean;\n  updatePosition?: () => void;\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n"],"mappings":";;;AAwBA,MAAauB,iBAAiBvB,MAAMwB,cAAmC,CAAC,CAAC"}
+{"version":3,"file":"context.js","names":["React","HTMLAttributes","RefCallback","RefObject","Placement","TooltipTriggerState","Props","PlacementAxis","Phase","TooltipContextProps","state","ref","HTMLDivElement","transitionRef","placement","arrowProps","HTMLElement","overlayProps","isMaterial","isLight","phase","isShown","updatePosition","TooltipContext","createContext"],"sources":["../../../../src/components/overlays/Tooltip/context.ts"],"sourcesContent":["import React, { HTMLAttributes, RefCallback, RefObject } from 'react';\nimport { Placement } from 'react-aria';\nimport { TooltipTriggerState } from 'react-stately';\n\nimport type { Props } from '../../../props';\nimport type { PlacementAxis } from '../../../shared';\n\ntype Phase = 'enter' | 'entered' | 'exit' | 'unmounted';\n\ninterface TooltipContextProps {\n  state?: TooltipTriggerState;\n  ref?: RefObject<HTMLDivElement | null>;\n  transitionRef?: RefCallback<HTMLDivElement>;\n  placement?: Placement | PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  overlayProps?: Props;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  phase?: Phase;\n  isShown?: boolean;\n  updatePosition?: () => void;\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n"],"mappings":";;;AAuBA,MAAauB,iBAAiBvB,MAAMwB,cAAmC,CAAC,CAAC"}

package/dist/components/overlays/Tooltip/split-trigger-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 //#region src/components/overlays/Tooltip/split-trigger-props.ts
 /**

package/dist/components/portal/Portal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { c } from "react/compiler-runtime";
 import { TastyBatchProvider } from "@tenphi/tasty";

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 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.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent, useState } from "react";

package/dist/components/shared/DraggableCollection.js

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

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/shared/InvalidIcon.tsx

package/dist/components/shared/ValidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/shared/ValidIcon.tsx

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { Block } from "../../Block.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingAnimation.js","names":["tasty","RefObject","useRef","useI18n","useLayoutEffect","Block","CubeBlockProps","CubeElement","as","styles","display","position","width","height","animationName","animationDuration","animationIterationCount","animationTimingFunction","zIndex","transform","dice0","from","to","dice1","dice2","useTimelineSyncedAnimation","ref","isAnimated","$","_c","t0","element","current","getAnimations","animation","timeline","ownerDocument","startTime","t1","CubeProps","index","base","Cube","t2","t3","t4","Symbol","for","t5","SIZE_MAP","small","medium","large","CubeLoadingAnimationProps","size","LoadingAnimation","props","undefined","t","numSize","t6","t7","t8","t9","t10","_c"],"sources":["../../../../src/components/status/LoadingAnimation/LoadingAnimation.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { RefObject, useRef } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Block, CubeBlockProps } from '../../Block';\n\nconst CubeElement = tasty({\n  as: 'svg',\n  styles: {\n    display: 'block',\n    position: 'absolute',\n    width: '50%',\n    height: '50%',\n\n    // The three visible faces of the cube get their colors via the SVG\n    // `fill=\"…\"` attribute on each `<path>` (see the JSX below), NOT via a\n    // tasty `fill` style. Tasty's `fill` is a typed shorthand for\n    // `background-color` — applying it to an SVG `<path>` would inject\n    // `background-color: …` which paths simply ignore (this was the\n    // \"invisible cube\" bug). Pointing the SVG `fill` attribute at the\n    // adaptive `--loading-face-N-color` CSS variables published by Glaze\n    // (defined in `src/tokens/palette.ts`) keeps the three faces driven by\n    // the design system without going through a style property tasty would\n    // re-route to the wrong CSS slot.\n    //\n    // Those three tokens are the kit's shared isometric-cube ramp — `NoDataIcon`\n    // draws its crate from the same ones — and they are pinned by a WCAG floor\n    // against `surface` rather than by a tone delta, so the faces hold the same\n    // separation in light, dark, and high contrast. See the recipe's comment for\n    // why that matters.\n\n    animationName: {\n      '': 'none',\n      'index=0': 'dice0',\n      'index=1': 'dice1',\n      'index=2': 'dice2',\n    },\n    animationDuration: {\n      '': '0s',\n      // oxlint-disable-next-line tasty/no-raw-motion-duration -- the length of one dice loop, tuned with its keyframes; not a UI transition\n      'index=0 | index=1 | index=2': '2s',\n    },\n    animationIterationCount: {\n      '': 1,\n      'index=0 | index=1 | index=2': 'infinite',\n    },\n    animationTimingFunction: {\n      '': 'ease',\n      'index=0 | index=1 | index=2': 'ease',\n    },\n    zIndex: {\n      '': 0,\n      'index=0 | index=1 | index=2': 0,\n    },\n    // The three cubes of the base row stand still; the animated ones move\n    // through the keyframes below.\n    transform: {\n      '': 'none',\n      'base=left': 'translate(0%, 72.5%)',\n      'base=right': 'translate(98%, 72.5%)',\n      'base=bottom': 'translate(49%, 96.5%)',\n    },\n\n    '@keyframes': {\n      dice0: {\n        from: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '25%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '50%': { transform: 'translate(0%, 25%)', zIndex: 0 },\n        '51%': { zIndex: 1 },\n        '75%': { zIndex: 1 },\n        to: { transform: 'translate(0%, 25%)', zIndex: 1 },\n      },\n      dice1: {\n        from: { transform: 'translate(0%, 25%)', zIndex: 3 },\n        '25%': { transform: 'translate(49%, 49%)', zIndex: 3 },\n        '75%': { transform: 'translate(49%, 49%)', zIndex: 2 },\n        to: { transform: 'translate(98%, 25%)', zIndex: 1 },\n      },\n      dice2: {\n        from: { transform: 'translate(98%, 25%)', zIndex: 1 },\n        '50%': { transform: 'translate(98%, 25%)', zIndex: 0 },\n        '75%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        to: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n      },\n    },\n  },\n});\n\n/**\n * Phase-lock a cube's `dice*` animation to the document timeline.\n *\n * A page under load mounts these animations at whatever moment each level of\n * the tree resolves — a route shell, then a panel, then the table inside it —\n * and every wrapper that appears around a running `LoadingAnimation` remounts\n * it. A CSS animation is created with its start time at \"now\", so each of\n * those events snapped the cubes back to the first frame: the visible symptom\n * is a loader that keeps stuttering back to the start while the page settles.\n *\n * Moving the start time to 0 puts it at the origin of the document timeline,\n * so the cube's position is a function of the timeline's current reading and\n * nothing else. Two consequences: a remount picks up exactly where the removed\n * element was, and every instance in the document runs in lockstep, because\n * they all read the same clock.\n *\n * Done through the animation object in a layout effect (before the first paint\n * of the new element) rather than through a negative `animation-delay`: the\n * delay would have to be computed during render from `Date.now()`, which is\n * both a different clock than the one the animation runs on — so the phase\n * would be off by the render-to-paint gap — and a value that differs between\n * the server and the client, i.e. a hydration mismatch on every render.\n */\nfunction useTimelineSyncedAnimation(\n  ref: RefObject<SVGSVGElement | null>,\n  isAnimated: boolean,\n) {\n  useLayoutEffect(() => {\n    const element = ref.current;\n\n    // `getAnimations` is absent in jsdom, where there is nothing to sync.\n    if (!isAnimated || !element?.getAnimations) return;\n\n    for (const animation of element.getAnimations()) {\n      // These elements carry nothing but the `dice*` animation, and it always\n      // runs on the document timeline — the one timeline an explicit numeric\n      // start time is meaningful against.\n      if (animation.timeline === element.ownerDocument.timeline) {\n        animation.startTime = 0;\n      }\n    }\n  }, [isAnimated]);\n}\n\ninterface CubeProps {\n  index?: 0 | 1 | 2;\n  base?: 'left' | 'right' | 'bottom';\n}\n\nfunction Cube({ index, base }: CubeProps) {\n  const ref = useRef<SVGSVGElement>(null);\n\n  useTimelineSyncedAnimation(ref, index != null);\n\n  return (\n    <CubeElement\n      ref={ref}\n      mods={{ index, base }}\n      viewBox=\"0 0 36 41\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n    >\n      <path\n        fill=\"var(--loading-face-1-color)\"\n        d=\"M35.899 10.351l-18 10.25L.1 10.25l18-10.25L35.9 10.351z\"\n      />\n      <path\n        fill=\"var(--loading-face-2-color)\"\n        d=\"M18 41L0 30.75l.101-20.5L18 20.5\"\n      />\n      <path\n        fill=\"var(--loading-face-3-color)\"\n        d=\"M36 30.75L18 41V20.6l17.899-10.25L36 30.75z\"\n      />\n    </CubeElement>\n  );\n}\n\nconst SIZE_MAP = {\n  small: 32,\n  medium: 64,\n  large: 96,\n};\n\nexport interface CubeLoadingAnimationProps extends CubeBlockProps {\n  size?: 'small' | 'medium' | 'large' | number;\n}\n\nexport function LoadingAnimation({\n  size = 'medium',\n  ...props\n}: CubeLoadingAnimationProps) {\n  const { t } = useI18n();\n  const numSize: number = SIZE_MAP[size] || size || SIZE_MAP.medium;\n\n  return (\n    <Block\n      role=\"img\"\n      aria-label={t('loadingAnimation.ariaLabel', 'Loading animation')}\n      width={numSize}\n      height={numSize * 1.1388888889}\n      position=\"relative\"\n      {...props}\n    >\n      <Cube base=\"left\" />\n      <Cube base=\"right\" />\n      <Cube base=\"bottom\" />\n      <Cube index={0} />\n      <Cube index={1} />\n      <Cube index={2} />\n    </Block>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LoadingAnimation.js","names":["tasty","RefObject","useRef","useI18n","useLayoutEffect","Block","CubeBlockProps","CubeElement","as","styles","display","position","width","height","animationName","animationDuration","animationIterationCount","animationTimingFunction","zIndex","transform","dice0","from","to","dice1","dice2","useTimelineSyncedAnimation","ref","isAnimated","$","_c","t0","element","current","getAnimations","animation","timeline","ownerDocument","startTime","t1","CubeProps","index","base","Cube","t2","t3","t4","Symbol","for","t5","SIZE_MAP","small","medium","large","CubeLoadingAnimationProps","size","LoadingAnimation","props","undefined","t","numSize","t6","t7","t8","t9","t10","_c"],"sources":["../../../../src/components/status/LoadingAnimation/LoadingAnimation.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { RefObject, useRef } from 'react';\n\nimport { useI18n } from '../../../i18n/useI18n';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Block, CubeBlockProps } from '../../Block';\n\nconst CubeElement = tasty({\n  as: 'svg',\n  styles: {\n    display: 'block',\n    position: 'absolute',\n    width: '50%',\n    height: '50%',\n\n    // The three visible faces of the cube get their colors via the SVG\n    // `fill=\"…\"` attribute on each `<path>` (see the JSX below), NOT via a\n    // tasty `fill` style. Tasty's `fill` is a typed shorthand for\n    // `background-color` — applying it to an SVG `<path>` would inject\n    // `background-color: …` which paths simply ignore (this was the\n    // \"invisible cube\" bug). Pointing the SVG `fill` attribute at the\n    // adaptive `--loading-face-N-color` CSS variables published by Glaze\n    // (defined in `src/tokens/palette.ts`) keeps the three faces driven by\n    // the design system without going through a style property tasty would\n    // re-route to the wrong CSS slot.\n    //\n    // Those three tokens are the kit's shared isometric-cube ramp — `NoDataIcon`\n    // draws its crate from the same ones — and they are pinned by a WCAG floor\n    // against `surface` rather than by a tone delta, so the faces hold the same\n    // separation in light, dark, and high contrast. See the recipe's comment for\n    // why that matters.\n\n    animationName: {\n      '': 'none',\n      'index=0': 'dice0',\n      'index=1': 'dice1',\n      'index=2': 'dice2',\n    },\n    animationDuration: {\n      '': '0s',\n      // oxlint-disable-next-line tasty/no-raw-motion-duration -- the length of one dice loop, tuned with its keyframes; not a UI transition\n      'index=0 | index=1 | index=2': '2s',\n    },\n    animationIterationCount: {\n      '': 1,\n      'index=0 | index=1 | index=2': 'infinite',\n    },\n    animationTimingFunction: {\n      '': 'ease',\n      'index=0 | index=1 | index=2': 'ease',\n    },\n    zIndex: {\n      '': 0,\n      'index=0 | index=1 | index=2': 0,\n    },\n    // The three cubes of the base row stand still; the animated ones move\n    // through the keyframes below.\n    transform: {\n      '': 'none',\n      'base=left': 'translate(0%, 72.5%)',\n      'base=right': 'translate(98%, 72.5%)',\n      'base=bottom': 'translate(49%, 96.5%)',\n    },\n\n    '@keyframes': {\n      dice0: {\n        from: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '25%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '50%': { transform: 'translate(0%, 25%)', zIndex: 0 },\n        '51%': { zIndex: 1 },\n        '75%': { zIndex: 1 },\n        to: { transform: 'translate(0%, 25%)', zIndex: 1 },\n      },\n      dice1: {\n        from: { transform: 'translate(0%, 25%)', zIndex: 3 },\n        '25%': { transform: 'translate(49%, 49%)', zIndex: 3 },\n        '75%': { transform: 'translate(49%, 49%)', zIndex: 2 },\n        to: { transform: 'translate(98%, 25%)', zIndex: 1 },\n      },\n      dice2: {\n        from: { transform: 'translate(98%, 25%)', zIndex: 1 },\n        '50%': { transform: 'translate(98%, 25%)', zIndex: 0 },\n        '75%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        to: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n      },\n    },\n  },\n});\n\n/**\n * Phase-lock a cube's `dice*` animation to the document timeline.\n *\n * A page under load mounts these animations at whatever moment each level of\n * the tree resolves — a route shell, then a panel, then the table inside it —\n * and every wrapper that appears around a running `LoadingAnimation` remounts\n * it. A CSS animation is created with its start time at \"now\", so each of\n * those events snapped the cubes back to the first frame: the visible symptom\n * is a loader that keeps stuttering back to the start while the page settles.\n *\n * Moving the start time to 0 puts it at the origin of the document timeline,\n * so the cube's position is a function of the timeline's current reading and\n * nothing else. Two consequences: a remount picks up exactly where the removed\n * element was, and every instance in the document runs in lockstep, because\n * they all read the same clock.\n *\n * Done through the animation object in a layout effect (before the first paint\n * of the new element) rather than through a negative `animation-delay`: the\n * delay would have to be computed during render from `Date.now()`, which is\n * both a different clock than the one the animation runs on — so the phase\n * would be off by the render-to-paint gap — and a value that differs between\n * the server and the client, i.e. a hydration mismatch on every render.\n */\nfunction useTimelineSyncedAnimation(\n  ref: RefObject<SVGSVGElement | null>,\n  isAnimated: boolean,\n) {\n  useLayoutEffect(() => {\n    const element = ref.current;\n\n    // `getAnimations` is absent in jsdom, where there is nothing to sync.\n    if (!isAnimated || !element?.getAnimations) return;\n\n    for (const animation of element.getAnimations()) {\n      // These elements carry nothing but the `dice*` animation, and it always\n      // runs on the document timeline — the one timeline an explicit numeric\n      // start time is meaningful against.\n      if (animation.timeline === element.ownerDocument.timeline) {\n        animation.startTime = 0;\n      }\n    }\n  }, [isAnimated]);\n}\n\ninterface CubeProps {\n  index?: 0 | 1 | 2;\n  base?: 'left' | 'right' | 'bottom';\n}\n\nfunction Cube({ index, base }: CubeProps) {\n  const ref = useRef<SVGSVGElement>(null);\n\n  useTimelineSyncedAnimation(ref, index != null);\n\n  return (\n    <CubeElement\n      ref={ref}\n      mods={{ index, base }}\n      viewBox=\"0 0 36 41\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n    >\n      <path\n        fill=\"var(--loading-face-1-color)\"\n        d=\"M35.899 10.351l-18 10.25L.1 10.25l18-10.25L35.9 10.351z\"\n      />\n      <path\n        fill=\"var(--loading-face-2-color)\"\n        d=\"M18 41L0 30.75l.101-20.5L18 20.5\"\n      />\n      <path\n        fill=\"var(--loading-face-3-color)\"\n        d=\"M36 30.75L18 41V20.6l17.899-10.25L36 30.75z\"\n      />\n    </CubeElement>\n  );\n}\n\nconst SIZE_MAP = {\n  small: 32,\n  medium: 64,\n  large: 96,\n};\n\nexport interface CubeLoadingAnimationProps extends CubeBlockProps {\n  size?: 'small' | 'medium' | 'large' | number;\n}\n\nexport function LoadingAnimation({\n  size = 'medium',\n  ...props\n}: CubeLoadingAnimationProps) {\n  const { t } = useI18n();\n  const numSize: number = SIZE_MAP[size] || size || SIZE_MAP.medium;\n\n  return (\n    <Block\n      role=\"img\"\n      aria-label={t('loadingAnimation.ariaLabel', 'Loading animation')}\n      width={numSize}\n      height={numSize * 1.1388888889}\n      position=\"relative\"\n      {...props}\n    >\n      <Cube base=\"left\" />\n      <Cube base=\"right\" />\n      <Cube base=\"bottom\" />\n      <Cube index={0} />\n      <Cube index={1} />\n      <Cube index={2} />\n    </Block>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 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.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
@@ -54,11 +54,7 @@ const DEFAULT_PRIMARY_STYLES = {
 		"": "0 #primary-accent-text.0",
 		focused: "$ring-width #primary-accent-text"
 	},
-	border: {
-		"": "#primary-accent-surface-border",
-		pressed: "#primary-accent-surface-border",
-		disabled: "#clear"
-	},
+	border: "#clear",
 	fill: {
 		"": "#primary-accent-surface",
 		hovered: "#primary-accent-surface-2",
@@ -172,11 +168,7 @@ const DANGER_PRIMARY_STYLES = {
 		"": "0 #primary-accent-text.0",
 		focused: "$ring-width #primary-accent-text"
 	},
-	border: {
-		"": "#white.2",
-		pressed: "#danger-accent-text",
-		disabled: "#clear"
-	},
+	border: "#clear",
 	fill: {
 		"": "#danger-accent-surface",
 		hovered: "#danger-accent-surface-2",
@@ -282,11 +274,7 @@ const SUCCESS_PRIMARY_STYLES = {
 		"": "0 #primary-accent-text.0",
 		focused: "$ring-width #primary-accent-text"
 	},
-	border: {
-		"": "#white.2",
-		pressed: "#success-accent-text",
-		disabled: "#clear"
-	},
+	border: "#clear",
 	fill: {
 		"": "#success-accent-surface",
 		hovered: "#success-accent-surface-2",
@@ -392,11 +380,7 @@ const WARNING_PRIMARY_STYLES = {
 		"": "0 #primary-accent-text.0",
 		focused: "$ring-width #primary-accent-text"
 	},
-	border: {
-		"": "#white.2",
-		pressed: "#warning-accent-text",
-		disabled: "#clear"
-	},
+	border: "#clear",
 	fill: {
 		"": "#warning-accent-surface",
 		hovered: "#warning-accent-surface-2",
@@ -502,11 +486,7 @@ const NOTE_PRIMARY_STYLES = {
 		"": "0 #primary-accent-text.0",
 		focused: "$ring-width #primary-accent-text"
 	},
-	border: {
-		"": "#white.2",
-		pressed: "#note-accent-text",
-		disabled: "#clear"
-	},
+	border: "#clear",
 	fill: {
 		"": "#note-accent-surface",
 		hovered: "#note-accent-surface-2",
@@ -612,11 +592,7 @@ const SPECIAL_PRIMARY_STYLES = {
 		"": "0 #special-accent-text.0",
 		focused: "$ring-width #special-accent-text"
 	},
-	border: {
-		"": "#special-accent-surface-border",
-		pressed: "#special-accent-surface-border",
-		disabled: "#clear"
-	},
+	border: "#clear",
 	fill: {
 		"": "#special-accent-surface",
 		hovered: "#special-accent-surface-2",
@@ -797,7 +773,7 @@ const CURRENT_OUTLINE_2_STYLES = mergeStyles(CURRENT_FOCUS_RING, {
 });
 const CURRENT_PRIMARY_STYLES = mergeStyles(CURRENT_FOCUS_RING, {
 	border: {
-		"": "#current-fill.25",
+		"": "#clear",
 		disabled: "#surface-text.2"
 	},
 	fill: {