@cube-dev/ui-kit 0.199.2 → 0.200.1

package/dist/components/actions/Menu/SubMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenuTrigger.js","names":["useSyncRef","tasty","React","Key","ReactElement","ReactNode","useEffect","useMemo","useRef","useState","AriaMenuTriggerProps","DismissButton","Placement","useMenuTrigger","useOverlayPosition","useMenuTriggerState","useEvent","generateRandomId","usePopoverSync","Popover","MenuContext","MenuContextValue","useMenuContext","SubmenuTriggerContext","DEFAULT_PLACEMENT","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","PointerAreaElement","styles","display","CubeSubMenuTriggerProps","placement","offset","crossOffset","shouldFlip","containerPadding","children","isDisabled","onAction","key","autoFocus","InternalSubMenuTriggerProps","targetKey","InternalSubMenuTrigger","props","overlayProps","menuTrigger","menu","Children","toArray","state","submenuId","domTriggerRef","HTMLElement","popoverRef","HTMLDivElement","menuRef","HTMLUListElement","menuId","isOpen","onClose","close","triggerRef","containerRef","menuTriggerProps","rawTriggerProps","menuProps","type","parentContext","onKeyDown","_mtOnKeyDown","onPress","_mtOnPress","onPressStart","_mtOnPressStart","onKeyUp","_mtOnKeyUp","positionProps","resolvedPlacement","targetRef","overlayRef","scrollRef","nestedMenuContext","ctx","ref","closeOnSelect","mods","popover","isClosing","hoverOpenTimerRef","current","clearTimeout","hoverCloseTimerRef","isHoveringRef","isHoveringSubmenuRef","handleKeyDown","e","KeyboardEvent","preventDefault","stopPropagation","open","nativeEvent","stopImmediatePropagation","ReturnType","setTimeout","checkShouldClose","handleMouseEnter","handleMouseLeave","handlePopoverMouseEnter","handlePopoverMouseLeave","mergeHandler","handler1","handler2","args","shouldCloseOnInteractOutside","el","Element","menuTriggerEl","closest","triggerContextValue","triggerProps","onMouseEnter","onMouseLeave","undefined","style","cloneElement","querySelector","focus","SubMenuTrigger","getCollectionNode","trigger","element","wrapper","displayName","Popover"],"sources":["../../../../src/components/actions/Menu/SubMenuTrigger.tsx"],"sourcesContent":["import { useSyncRef } from '@react-aria/utils';\nimport { tasty } from '@tenphi/tasty';\nimport React, {\n  Key,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AriaMenuTriggerProps,\n  DismissButton,\n  Placement,\n  useMenuTrigger,\n  useOverlayPosition,\n} from 'react-aria';\nimport { useMenuTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { Popover } from '../../overlays/Modal';\n\nimport { MenuContext, MenuContextValue, useMenuContext } from './context';\nimport { SubmenuTriggerContext } from './SubmenuTriggerContext';\n\n// Default placement & offset for sub-menus (matches Spectrum / Aria)\nconst DEFAULT_PLACEMENT: Placement = 'right top';\nconst DEFAULT_OFFSET = 4;\nconst DEFAULT_CROSS_OFFSET = -5;\n\n// Takes no box of its own: it only listens for the pointer entering and\n// leaving the sub-menu.\nconst PointerAreaElement = tasty({ styles: { display: 'contents' } });\n\nexport interface CubeSubMenuTriggerProps extends AriaMenuTriggerProps {\n  /** The preferred placement of the sub-menu relative to the trigger */\n  placement?: Placement;\n\n  /** Distance in pixels between the trigger and sub-menu */\n  offset?: number;\n\n  /** Distance in pixels along the cross axis from the default alignment */\n  crossOffset?: number;\n\n  /** Whether the sub-menu should flip to the opposite side when it would overflow */\n  shouldFlip?: boolean;\n\n  /** Minimum padding in pixels between the sub-menu and viewport edges */\n  containerPadding?: number;\n\n  /**\n   * Sub-menu trigger and the sub-menu itself. Must be exactly two React nodes.\n   *\n   * 1) Trigger – a `Menu.Item` with its semantic menuitem inside a list row.\n   * 2) Sub-menu – a `<Menu>` element.\n   */\n  children: [ReactNode, ReactElement];\n\n  /** Whether the trigger is disabled and cannot be activated */\n  isDisabled?: boolean;\n\n  /**\n   * Callback fired when an action is selected from the sub-menu.\n   * Bubbles the `onAction` event from the sub-menu to parent components.\n   */\n  onAction?: (key: Key) => void;\n\n  /**\n   * Controls focus behavior when the sub-menu opens.\n   * - `true` or `'first'`: Focus the first item\n   * - `'last'`: Focus the last item\n   * - `false`: Don't auto-focus any item\n   * @default 'first'\n   */\n  autoFocus?: boolean | 'first' | 'last';\n}\n\ninterface InternalSubMenuTriggerProps extends CubeSubMenuTriggerProps {\n  targetKey?: Key;\n}\n\n/**\n * Internal SubMenuTrigger that receives the already-rendered trigger element\n * from the collection system and wraps it with submenu behavior.\n */\nfunction InternalSubMenuTrigger(props: InternalSubMenuTriggerProps) {\n  const {\n    children,\n    placement = DEFAULT_PLACEMENT,\n    offset = DEFAULT_OFFSET,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    shouldFlip = true,\n    isDisabled,\n    autoFocus = 'first',\n    onAction,\n    targetKey,\n    ...overlayProps\n  } = props;\n\n  // Children: [menuTrigger (already rendered MenuItem), menu (Menu component)]\n  const [menuTrigger, menu] = React.Children.toArray(children) as [\n    ReactElement,\n    ReactElement,\n  ];\n\n  const state = useMenuTriggerState(props as AriaMenuTriggerProps);\n\n  // Generate a unique ID for this submenu instance\n  const submenuId = useMemo(() => generateRandomId(), []);\n\n  // Refs – trigger (MenuItem <li>) and overlay (<div> from Popover)\n  const domTriggerRef = useRef<HTMLElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  usePopoverSync({\n    menuId: submenuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: domTriggerRef,\n    containerRef: popoverRef,\n  });\n\n  // Strip keyboard/press handlers that we will implement ourselves\n  const { menuTriggerProps: rawTriggerProps, menuProps } = useMenuTrigger(\n    { type: 'menu', isDisabled },\n    state,\n    domTriggerRef,\n  );\n\n  // Get parent context to check if parent menu is closing\n  const parentContext = useMenuContext();\n\n  // Remove default onKeyDown/onPress handlers from trigger props – we implement custom ones\n  const {\n    onKeyDown: _mtOnKeyDown,\n    onPress: _mtOnPress,\n    onPressStart: _mtOnPressStart,\n    onKeyUp: _mtOnKeyUp,\n    ...menuTriggerProps\n  } = rawTriggerProps;\n\n  const { overlayProps: positionProps, placement: resolvedPlacement } =\n    useOverlayPosition({\n      targetRef: domTriggerRef,\n      overlayRef: popoverRef,\n      scrollRef: menuRef,\n      placement,\n      offset: offset as number,\n      crossOffset: crossOffset as number,\n      shouldFlip,\n      isOpen: state.isOpen,\n      onClose: state.close,\n    });\n\n  /**\n   * Build a MenuContext for the nested menu so it behaves just like a regular\n   * popover-based Menu (selection handling, focus management, etc.).\n   */\n  const nestedMenuContext = useMemo(() => {\n    const ctx: MenuContextValue = {\n      ...menuProps,\n      ref: menuRef,\n      // Pass the parent's onClose to close the entire menu hierarchy\n      onClose: () => {\n        // Close this submenu state immediately\n        state.close();\n\n        // Then close the parent menu\n        if (parentContext.onClose) {\n          parentContext.onClose();\n        }\n      },\n      closeOnSelect: true,\n      autoFocus,\n      mods: {\n        popover: true,\n      },\n      // Propagate closing state from parent\n      isClosing: parentContext.isClosing || !state.isOpen,\n    };\n\n    return ctx;\n  }, [\n    menuProps,\n    autoFocus,\n    state,\n    parentContext.onClose,\n    parentContext.isClosing,\n  ]);\n\n  // Sync the parent selection manager focus with DOM ref (for virtual focus scenarios)\n  useSyncRef(parentContext, domTriggerRef);\n\n  // Cleanup hover timers and reset refs on unmount\n  useEffect(() => {\n    return () => {\n      if (hoverOpenTimerRef.current) {\n        clearTimeout(hoverOpenTimerRef.current);\n      }\n      if (hoverCloseTimerRef.current) {\n        clearTimeout(hoverCloseTimerRef.current);\n      }\n      isHoveringRef.current = false;\n      isHoveringSubmenuRef.current = false;\n    };\n  }, []);\n\n  // ----- Render -----\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (isDisabled) return;\n\n    // Arrow right opens submenu\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      e.stopPropagation();\n      state.open();\n    }\n    // Enter or Space opens submenu. Preventing the default keeps `MenuItem`\n    // from passing the key on to React Aria's item handler, which would click\n    // the item and run its action as well.\n    else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      e.stopPropagation();\n      // Stop immediate propagation to prevent React Aria's handlers from running\n      e.nativeEvent.stopImmediatePropagation();\n      state.open();\n    }\n    // Arrow left closes submenu if open\n    else if (e.key === 'ArrowLeft' && state.isOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      state.close();\n    }\n  };\n\n  // Use refs to store timer IDs\n  const hoverOpenTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverCloseTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Track if mouse is over trigger or submenu\n  const isHoveringRef = useRef(false);\n  const isHoveringSubmenuRef = useRef(false);\n\n  const checkShouldClose = () => {\n    // Only close if mouse is not over trigger OR submenu\n    if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n      hoverCloseTimerRef.current = setTimeout(() => {\n        // Double check before closing\n        if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n          state.close();\n        }\n      }, 300);\n    }\n  };\n\n  // Handle mouse interactions on trigger\n  const handleMouseEnter = () => {\n    if (isDisabled) return;\n\n    isHoveringRef.current = true;\n\n    // Clear any pending close timer\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n\n    // Use a small delay to prevent accidental opens\n    if (!state.isOpen) {\n      hoverOpenTimerRef.current = setTimeout(() => {\n        if (isHoveringRef.current) {\n          state.open();\n        }\n      }, 200);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    isHoveringRef.current = false;\n\n    // Clear open timer if it exists\n    if (hoverOpenTimerRef.current) {\n      clearTimeout(hoverOpenTimerRef.current);\n      hoverOpenTimerRef.current = null;\n    }\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Handle mouse events on the submenu popover\n  const handlePopoverMouseEnter = () => {\n    isHoveringSubmenuRef.current = true;\n\n    // Clear any pending close timer when entering submenu\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n  };\n\n  const handlePopoverMouseLeave = () => {\n    isHoveringSubmenuRef.current = false;\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Merge event handlers\n  const mergeHandler = (handler1: any, handler2: any) => {\n    return (...args: any[]) => {\n      handler1?.(...args);\n      handler2?.(...args);\n    };\n  };\n\n  // Outside-click handling for the nested submenu Popover.\n  //\n  // React Aria's `useOverlay` keeps a module-level `visibleOverlays` stack and\n  // only invokes `onClose` for the topmost overlay (`onHide` gates on the\n  // stack tail). With root + N nested submenus open, a single outside click\n  // would otherwise only close the deepest submenu. Scheduling\n  // `parentContext.onClose()` here propagates the close upward; the existing\n  // `parentContext.isClosing` cascade (see `nestedMenuContext.isClosing` and\n  // the Popover's `isOpen={!parentContext.isClosing}`) collapses every\n  // intermediate submenu visually.\n  //\n  // Mirrors `MenuTrigger`'s predicate so clicks on `[data-popover-trigger]`\n  // and `[data-popover-dismiss]` elements behave consistently across nesting\n  // levels.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    if (!state.isOpen) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      if (el.closest('[data-popover-keep]')) return false;\n      if (el.closest('[data-popover-dismiss]')) {\n        // Let the button's onPress fire first, then collapse the chain.\n        setTimeout(() => parentContext.onClose?.(), 0);\n        return false;\n      }\n      // True outside click: schedule parent close so the entire hierarchy\n      // cascades. `useOverlay`'s own `onHide` will close this submenu via the\n      // topmost-overlay rule.\n      setTimeout(() => parentContext.onClose?.(), 0);\n      return true;\n    }\n    // Click landed on a popover trigger (parent menu item, sibling submenu\n    // trigger, or a different menu's button). Don't close ourselves here —\n    // either the trigger handles it or `usePopoverSync` closes us via\n    // `popover:open`.\n    return false;\n  });\n\n  // Provide context to the trigger element (already rendered MenuItem)\n  const triggerContextValue = useMemo(\n    () => ({\n      triggerRef: domTriggerRef,\n      triggerProps: menuTriggerProps,\n      isOpen: state.isOpen,\n      isDisabled,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onKeyDown: handleKeyDown,\n      onAction: isDisabled\n        ? undefined\n        : () => {\n            // A pointer press: Enter and Space open the submenu in\n            // `handleKeyDown` and never reach the item's action.\n            state.open();\n          },\n    }),\n    [\n      state,\n      isDisabled,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleKeyDown,\n      menuTriggerProps,\n    ],\n  );\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={triggerContextValue}>\n        {menuTrigger}\n      </SubmenuTriggerContext.Provider>\n      {state.isOpen && (\n        <Popover\n          ref={popoverRef}\n          hideArrow\n          isNonModal\n          isOpen={!parentContext.isClosing}\n          // oxlint-disable-next-line react/forbid-component-props -- React Aria's overlay positioning computes these coordinates\n          style={positionProps.style}\n          placement={resolvedPlacement ?? undefined}\n          shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n          onClose={state.close}\n          // Spread any additional overlay props\n          {...overlayProps}\n        >\n          {/* Wrap content in a div to capture mouse events */}\n          <PointerAreaElement\n            onMouseEnter={handlePopoverMouseEnter}\n            onMouseLeave={handlePopoverMouseLeave}\n          >\n            {/* Dismiss buttons for screen reader / keyboard support */}\n            <DismissButton onDismiss={state.close} />\n            {/* Provide updated menu context so nested menu behaves correctly */}\n            <MenuContext.Provider value={nestedMenuContext}>\n              {/* Clone nested menu to inject required props */}\n              {React.cloneElement(menu, {\n                ...(menu.props as any),\n                autoFocus,\n                onAction: (key: Key) => {\n                  // Call original menu onAction first\n                  (menu.props as any).onAction?.(key);\n                  onAction?.(key);\n                  // Don't close here - MenuItem will handle it via context.onClose\n                },\n                onKeyDown: (e: React.KeyboardEvent) => {\n                  // Handle keyboard navigation for closing submenu\n                  if (e.key === 'ArrowLeft' || e.key === 'Escape') {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    state.close();\n                    // Return focus to trigger\n                    (\n                      domTriggerRef.current?.querySelector<HTMLElement>(\n                        '[data-menu-native-primary]',\n                      ) ?? domTriggerRef.current\n                    )?.focus();\n                  }\n                  // Call original handler if exists\n                  (menu.props as any).onKeyDown?.(e);\n                },\n                ref: menuRef,\n              })}\n            </MenuContext.Provider>\n            <DismissButton onDismiss={state.close} />\n          </PointerAreaElement>\n        </Popover>\n      )}\n    </>\n  );\n}\n\n/**\n * Public SubMenuTrigger component that users interact with.\n * It just provides the getCollectionNode for the collection system.\n */\nexport function SubMenuTrigger(props: CubeSubMenuTriggerProps) {\n  // This component is never actually rendered directly.\n  // The collection system uses getCollectionNode to build the menu.\n  return null;\n}\n\n// Allow React Stately collection builder to treat SubMenuTrigger as an Item\n(SubMenuTrigger as any).getCollectionNode = function* (\n  props: CubeSubMenuTriggerProps,\n) {\n  const [trigger, menu] = React.Children.toArray(\n    props.children,\n  ) as ReactElement[];\n\n  // Yield a collection node that tells the Menu to wrap this item with InternalSubMenuTrigger\n  yield {\n    element: trigger,\n    wrapper: (element: ReactElement) => (\n      <InternalSubMenuTrigger\n        key={element.key || undefined}\n        targetKey={element.key || undefined}\n        {...props}\n      >\n        {element}\n        {menu}\n      </InternalSubMenuTrigger>\n    ),\n  };\n};\n\nSubMenuTrigger.displayName = 'SubMenuTrigger';\n"],"mappings":"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"}
+{"version":3,"file":"SubMenuTrigger.js","names":["useSyncRef","tasty","React","Key","ReactElement","ReactNode","useEffect","useMemo","useRef","useState","AriaMenuTriggerProps","DismissButton","Placement","useMenuTrigger","useOverlayPosition","useMenuTriggerState","useEvent","generateRandomId","usePopoverSync","Popover","MenuContext","MenuContextValue","useMenuContext","SubmenuTriggerContext","DEFAULT_PLACEMENT","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","PointerAreaElement","styles","display","CubeSubMenuTriggerProps","placement","offset","crossOffset","shouldFlip","containerPadding","children","isDisabled","onAction","key","autoFocus","InternalSubMenuTriggerProps","targetKey","InternalSubMenuTrigger","props","overlayProps","menuTrigger","menu","Children","toArray","state","submenuId","domTriggerRef","HTMLElement","popoverRef","HTMLDivElement","menuRef","HTMLUListElement","menuId","isOpen","onClose","close","triggerRef","containerRef","menuTriggerProps","rawTriggerProps","menuProps","type","parentContext","onKeyDown","_mtOnKeyDown","onPress","_mtOnPress","onPressStart","_mtOnPressStart","onKeyUp","_mtOnKeyUp","positionProps","resolvedPlacement","targetRef","overlayRef","scrollRef","nestedMenuContext","ctx","ref","closeOnSelect","mods","popover","isClosing","hoverOpenTimerRef","current","clearTimeout","hoverCloseTimerRef","isHoveringRef","isHoveringSubmenuRef","handleKeyDown","e","KeyboardEvent","preventDefault","stopPropagation","open","nativeEvent","stopImmediatePropagation","ReturnType","setTimeout","checkShouldClose","handleMouseEnter","handleMouseLeave","handlePopoverMouseEnter","handlePopoverMouseLeave","mergeHandler","handler1","handler2","args","shouldCloseOnInteractOutside","el","Element","menuTriggerEl","closest","triggerContextValue","triggerProps","onMouseEnter","onMouseLeave","undefined","style","cloneElement","querySelector","focus","SubMenuTrigger","getCollectionNode","trigger","element","wrapper","displayName","Popover"],"sources":["../../../../src/components/actions/Menu/SubMenuTrigger.tsx"],"sourcesContent":["import { useSyncRef } from '@react-aria/utils';\nimport { tasty } from '@tenphi/tasty';\nimport React, {\n  Key,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AriaMenuTriggerProps,\n  DismissButton,\n  Placement,\n  useMenuTrigger,\n  useOverlayPosition,\n} from 'react-aria';\nimport { useMenuTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { Popover } from '../../overlays/Modal';\n\nimport { MenuContext, MenuContextValue, useMenuContext } from './context';\nimport { SubmenuTriggerContext } from './SubmenuTriggerContext';\n\n// Default placement & offset for sub-menus (matches Spectrum / Aria)\nconst DEFAULT_PLACEMENT: Placement = 'right top';\nconst DEFAULT_OFFSET = 4;\nconst DEFAULT_CROSS_OFFSET = -5;\n\n// Takes no box of its own: it only listens for the pointer entering and\n// leaving the sub-menu.\nconst PointerAreaElement = tasty({ styles: { display: 'contents' } });\n\nexport interface CubeSubMenuTriggerProps extends AriaMenuTriggerProps {\n  /** The preferred placement of the sub-menu relative to the trigger */\n  placement?: Placement;\n\n  /** Distance in pixels between the trigger and sub-menu */\n  offset?: number;\n\n  /** Distance in pixels along the cross axis from the default alignment */\n  crossOffset?: number;\n\n  /** Whether the sub-menu should flip to the opposite side when it would overflow */\n  shouldFlip?: boolean;\n\n  /** Minimum padding in pixels between the sub-menu and viewport edges */\n  containerPadding?: number;\n\n  /**\n   * Sub-menu trigger and the sub-menu itself. Must be exactly two React nodes.\n   *\n   * 1) Trigger – a `Menu.Item` with its semantic menuitem inside a list row.\n   * 2) Sub-menu – a `<Menu>` element.\n   */\n  children: [ReactNode, ReactElement];\n\n  /** Whether the trigger is disabled and cannot be activated */\n  isDisabled?: boolean;\n\n  /**\n   * Callback fired when an action is selected from the sub-menu.\n   * Bubbles the `onAction` event from the sub-menu to parent components.\n   */\n  onAction?: (key: Key) => void;\n\n  /**\n   * Controls focus behavior when the sub-menu opens.\n   * - `true` or `'first'`: Focus the first item\n   * - `'last'`: Focus the last item\n   * - `false`: Don't auto-focus any item\n   * @default 'first'\n   */\n  autoFocus?: boolean | 'first' | 'last';\n}\n\ninterface InternalSubMenuTriggerProps extends CubeSubMenuTriggerProps {\n  targetKey?: Key;\n}\n\n/**\n * Internal SubMenuTrigger that receives the already-rendered trigger element\n * from the collection system and wraps it with submenu behavior.\n */\nfunction InternalSubMenuTrigger(props: InternalSubMenuTriggerProps) {\n  const {\n    children,\n    placement = DEFAULT_PLACEMENT,\n    offset = DEFAULT_OFFSET,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    shouldFlip = true,\n    isDisabled,\n    autoFocus = 'first',\n    onAction,\n    targetKey,\n    ...overlayProps\n  } = props;\n\n  // Children: [menuTrigger (already rendered MenuItem), menu (Menu component)]\n  const [menuTrigger, menu] = React.Children.toArray(children) as [\n    ReactElement,\n    ReactElement,\n  ];\n\n  const state = useMenuTriggerState(props as AriaMenuTriggerProps);\n\n  // Generate a unique ID for this submenu instance\n  const submenuId = useMemo(() => generateRandomId(), []);\n\n  // Refs – trigger (MenuItem <li>) and overlay (<div> from Popover)\n  const domTriggerRef = useRef<HTMLElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  usePopoverSync({\n    menuId: submenuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: domTriggerRef,\n    containerRef: popoverRef,\n  });\n\n  // Strip keyboard/press handlers that we will implement ourselves\n  const { menuTriggerProps: rawTriggerProps, menuProps } = useMenuTrigger(\n    { type: 'menu', isDisabled },\n    state,\n    domTriggerRef,\n  );\n\n  // Get parent context to check if parent menu is closing\n  const parentContext = useMenuContext();\n\n  // Remove default onKeyDown/onPress handlers from trigger props – we implement custom ones\n  const {\n    onKeyDown: _mtOnKeyDown,\n    onPress: _mtOnPress,\n    onPressStart: _mtOnPressStart,\n    onKeyUp: _mtOnKeyUp,\n    ...menuTriggerProps\n  } = rawTriggerProps;\n\n  const { overlayProps: positionProps, placement: resolvedPlacement } =\n    useOverlayPosition({\n      targetRef: domTriggerRef,\n      overlayRef: popoverRef,\n      scrollRef: menuRef,\n      placement,\n      offset: offset as number,\n      crossOffset: crossOffset as number,\n      shouldFlip,\n      isOpen: state.isOpen,\n      onClose: state.close,\n    });\n\n  /**\n   * Build a MenuContext for the nested menu so it behaves just like a regular\n   * popover-based Menu (selection handling, focus management, etc.).\n   */\n  const nestedMenuContext = useMemo(() => {\n    const ctx: MenuContextValue = {\n      ...menuProps,\n      ref: menuRef,\n      // Pass the parent's onClose to close the entire menu hierarchy\n      onClose: () => {\n        // Close this submenu state immediately\n        state.close();\n\n        // Then close the parent menu\n        if (parentContext.onClose) {\n          parentContext.onClose();\n        }\n      },\n      closeOnSelect: true,\n      autoFocus,\n      mods: {\n        popover: true,\n      },\n      // Propagate closing state from parent\n      isClosing: parentContext.isClosing || !state.isOpen,\n    };\n\n    return ctx;\n  }, [\n    menuProps,\n    autoFocus,\n    state,\n    parentContext.onClose,\n    parentContext.isClosing,\n  ]);\n\n  // Sync the parent selection manager focus with DOM ref (for virtual focus scenarios)\n  useSyncRef(parentContext, domTriggerRef);\n\n  // Cleanup hover timers and reset refs on unmount\n  useEffect(() => {\n    return () => {\n      if (hoverOpenTimerRef.current) {\n        clearTimeout(hoverOpenTimerRef.current);\n      }\n      if (hoverCloseTimerRef.current) {\n        clearTimeout(hoverCloseTimerRef.current);\n      }\n      isHoveringRef.current = false;\n      isHoveringSubmenuRef.current = false;\n    };\n  }, []);\n\n  // ----- Render -----\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (isDisabled) return;\n\n    // Arrow right opens submenu\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      e.stopPropagation();\n      state.open();\n    }\n    // Enter or Space opens submenu. Preventing the default keeps `MenuItem`\n    // from passing the key on to React Aria's item handler, which would click\n    // the item and run its action as well.\n    else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      e.stopPropagation();\n      // Stop immediate propagation to prevent React Aria's handlers from running\n      e.nativeEvent.stopImmediatePropagation();\n      state.open();\n    }\n    // Arrow left closes submenu if open\n    else if (e.key === 'ArrowLeft' && state.isOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      state.close();\n    }\n  };\n\n  // Use refs to store timer IDs\n  const hoverOpenTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverCloseTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Track if mouse is over trigger or submenu\n  const isHoveringRef = useRef(false);\n  const isHoveringSubmenuRef = useRef(false);\n\n  const checkShouldClose = () => {\n    // Only close if mouse is not over trigger OR submenu\n    if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n      hoverCloseTimerRef.current = setTimeout(() => {\n        // Double check before closing\n        if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n          state.close();\n        }\n      }, 300);\n    }\n  };\n\n  // Handle mouse interactions on trigger\n  const handleMouseEnter = () => {\n    if (isDisabled) return;\n\n    isHoveringRef.current = true;\n\n    // Clear any pending close timer\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n\n    // Use a small delay to prevent accidental opens\n    if (!state.isOpen) {\n      hoverOpenTimerRef.current = setTimeout(() => {\n        if (isHoveringRef.current) {\n          state.open();\n        }\n      }, 200);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    isHoveringRef.current = false;\n\n    // Clear open timer if it exists\n    if (hoverOpenTimerRef.current) {\n      clearTimeout(hoverOpenTimerRef.current);\n      hoverOpenTimerRef.current = null;\n    }\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Handle mouse events on the submenu popover\n  const handlePopoverMouseEnter = () => {\n    isHoveringSubmenuRef.current = true;\n\n    // Clear any pending close timer when entering submenu\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n  };\n\n  const handlePopoverMouseLeave = () => {\n    isHoveringSubmenuRef.current = false;\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Merge event handlers\n  const mergeHandler = (handler1: any, handler2: any) => {\n    return (...args: any[]) => {\n      handler1?.(...args);\n      handler2?.(...args);\n    };\n  };\n\n  // Outside-click handling for the nested submenu Popover.\n  //\n  // React Aria's `useOverlay` keeps a module-level `visibleOverlays` stack and\n  // only invokes `onClose` for the topmost overlay (`onHide` gates on the\n  // stack tail). With root + N nested submenus open, a single outside click\n  // would otherwise only close the deepest submenu. Scheduling\n  // `parentContext.onClose()` here propagates the close upward; the existing\n  // `parentContext.isClosing` cascade (see `nestedMenuContext.isClosing` and\n  // the Popover's `isOpen={!parentContext.isClosing}`) collapses every\n  // intermediate submenu visually.\n  //\n  // Mirrors `MenuTrigger`'s predicate so clicks on `[data-popover-trigger]`\n  // and `[data-popover-dismiss]` elements behave consistently across nesting\n  // levels.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    if (!state.isOpen) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      if (el.closest('[data-popover-keep]')) return false;\n      if (el.closest('[data-popover-dismiss]')) {\n        // Let the button's onPress fire first, then collapse the chain.\n        setTimeout(() => parentContext.onClose?.(), 0);\n        return false;\n      }\n      // True outside click: schedule parent close so the entire hierarchy\n      // cascades. `useOverlay`'s own `onHide` will close this submenu via the\n      // topmost-overlay rule.\n      setTimeout(() => parentContext.onClose?.(), 0);\n      return true;\n    }\n    // Click landed on a popover trigger (parent menu item, sibling submenu\n    // trigger, or a different menu's button). Don't close ourselves here —\n    // either the trigger handles it or `usePopoverSync` closes us via\n    // `popover:open`.\n    return false;\n  });\n\n  // Provide context to the trigger element (already rendered MenuItem)\n  const triggerContextValue = useMemo(\n    () => ({\n      triggerRef: domTriggerRef,\n      triggerProps: menuTriggerProps,\n      isOpen: state.isOpen,\n      isDisabled,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onKeyDown: handleKeyDown,\n      onAction: isDisabled\n        ? undefined\n        : () => {\n            // A pointer press: Enter and Space open the submenu in\n            // `handleKeyDown` and never reach the item's action.\n            state.open();\n          },\n    }),\n    [\n      state,\n      isDisabled,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleKeyDown,\n      menuTriggerProps,\n    ],\n  );\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={triggerContextValue}>\n        {menuTrigger}\n      </SubmenuTriggerContext.Provider>\n      {state.isOpen && (\n        <Popover\n          ref={popoverRef}\n          hideArrow\n          isNonModal\n          isOpen={!parentContext.isClosing}\n          // oxlint-disable-next-line tasty/no-style-prop -- React Aria's overlay positioning computes these coordinates\n          style={positionProps.style}\n          placement={resolvedPlacement ?? undefined}\n          shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n          onClose={state.close}\n          // Spread any additional overlay props\n          {...overlayProps}\n        >\n          {/* Wrap content in a div to capture mouse events */}\n          <PointerAreaElement\n            onMouseEnter={handlePopoverMouseEnter}\n            onMouseLeave={handlePopoverMouseLeave}\n          >\n            {/* Dismiss buttons for screen reader / keyboard support */}\n            <DismissButton onDismiss={state.close} />\n            {/* Provide updated menu context so nested menu behaves correctly */}\n            <MenuContext.Provider value={nestedMenuContext}>\n              {/* Clone nested menu to inject required props */}\n              {React.cloneElement(menu, {\n                ...(menu.props as any),\n                autoFocus,\n                onAction: (key: Key) => {\n                  // Call original menu onAction first\n                  (menu.props as any).onAction?.(key);\n                  onAction?.(key);\n                  // Don't close here - MenuItem will handle it via context.onClose\n                },\n                onKeyDown: (e: React.KeyboardEvent) => {\n                  // Handle keyboard navigation for closing submenu\n                  if (e.key === 'ArrowLeft' || e.key === 'Escape') {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    state.close();\n                    // Return focus to trigger\n                    (\n                      domTriggerRef.current?.querySelector<HTMLElement>(\n                        '[data-menu-native-primary]',\n                      ) ?? domTriggerRef.current\n                    )?.focus();\n                  }\n                  // Call original handler if exists\n                  (menu.props as any).onKeyDown?.(e);\n                },\n                ref: menuRef,\n              })}\n            </MenuContext.Provider>\n            <DismissButton onDismiss={state.close} />\n          </PointerAreaElement>\n        </Popover>\n      )}\n    </>\n  );\n}\n\n/**\n * Public SubMenuTrigger component that users interact with.\n * It just provides the getCollectionNode for the collection system.\n */\nexport function SubMenuTrigger(props: CubeSubMenuTriggerProps) {\n  // This component is never actually rendered directly.\n  // The collection system uses getCollectionNode to build the menu.\n  return null;\n}\n\n// Allow React Stately collection builder to treat SubMenuTrigger as an Item\n(SubMenuTrigger as any).getCollectionNode = function* (\n  props: CubeSubMenuTriggerProps,\n) {\n  const [trigger, menu] = React.Children.toArray(\n    props.children,\n  ) as ReactElement[];\n\n  // Yield a collection node that tells the Menu to wrap this item with InternalSubMenuTrigger\n  yield {\n    element: trigger,\n    wrapper: (element: ReactElement) => (\n      <InternalSubMenuTrigger\n        key={element.key || undefined}\n        targetKey={element.key || undefined}\n        {...props}\n      >\n        {element}\n        {menu}\n      </InternalSubMenuTrigger>\n    ),\n  };\n};\n\nSubMenuTrigger.displayName = 'SubMenuTrigger';\n"],"mappings":"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"}

package/dist/components/actions/Menu/SubmenuTriggerContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import React from "react";
 //#region src/components/actions/Menu/SubmenuTriggerContext.tsx
 const SubmenuTriggerContext = React.createContext(null);

package/dist/components/actions/Menu/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import React, { useContext } from "react";
 //#region src/components/actions/Menu/context.ts
 const MenuContext = React.createContext({});

package/dist/components/actions/Menu/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { DEFAULT_CLEAR_STYLES } from "../../../data/item-themes.js";
 import { Space } from "../../layout/Space.js";
 import { DEFAULT_BUTTON_STYLES } from "../Button/Button.js";
@@ -38,7 +38,7 @@ const StyledMenu = tasty({
 		display: "flex",
 		flow: "column",
 		gap: {
-			"": "1bw",
+			"": "$item-gap",
 			sections: false
 		},
 		boxSizing: "border-box",

package/dist/components/actions/Menu/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["mergeStyles","tasty","DEFAULT_CLEAR_STYLES","CubeSpaceProps","Space","DEFAULT_BUTTON_STYLES","StyledMenuWrapper","qa","styles","display","gridRows","fill","margin","padding","border","radius","width","popover","tray","shadow","height","boxSizing","StyledMenu","as","flow","gap","sections","section","overflow","scrollbar","StyledDivider","listStyle","flexShrink","StyledHeader","color","preset","placeContent","placeItems","whiteSpace","$size","StyledFooter","StyledSection","StyledItem","justifyContent","focused","selected","pressed","disabled","cursor","outline","Description","StyledSectionHeading","size","prefix"],"sources":["../../../../src/components/actions/Menu/styled.tsx"],"sourcesContent":["import { mergeStyles, tasty } from '@tenphi/tasty';\n\nimport { DEFAULT_CLEAR_STYLES } from '../../../data/item-themes';\nimport { CubeSpaceProps, Space } from '../../layout/Space';\nimport { DEFAULT_BUTTON_STYLES } from '../Button/Button';\n\nexport const StyledMenuWrapper = tasty({\n  qa: 'Menu',\n  styles: {\n    display: 'grid',\n    gridRows: 'max-content 1sf max-content',\n    fill: '#surface',\n    margin: 0,\n    padding: 0,\n    border: true,\n    radius: '(1cr + 1bw)',\n    width: {\n      '': 'auto',\n      popover: 'max-content',\n      tray: '100%',\n    },\n    shadow: {\n      '': '',\n      // Use the design-system `$shadow` token (resolves to\n      // `0 .5x 2x #shadow-md`) so the popover shadow follows the\n      // scheme-aware Glaze `#shadow-md` color. The previous literal\n      // `0px 5px 15px #dark.05` baked in `#dark` (now aliased to the\n      // adaptive `#surface-text`) which inverts to a *light* shadow on\n      // dark surfaces.\n      'popover | tray': '$shadow',\n    },\n    height: {\n      '': 'initial',\n      popover: 'initial max-content (50vh - 4x)',\n      // The tray caps the height, and the menu scrolls inside it.\n      tray: 'initial max-content inherit',\n    },\n    boxSizing: 'border-box',\n  },\n});\n\nexport const StyledMenu = tasty({\n  as: 'ul',\n  qa: 'MenuList',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: {\n      '': '1bw',\n      sections: false,\n    },\n    boxSizing: 'border-box',\n    margin: 0,\n    padding: {\n      '': '0.5x',\n      section: 0, // section menu\n    },\n    overflow: {\n      '': 'auto',\n      section: '',\n    },\n    scrollbar: 'styled',\n  },\n});\n\nexport const StyledDivider = tasty({\n  qa: 'Divider',\n  as: 'li',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    margin: '.5x',\n    listStyle: 'none',\n    fill: '#border',\n    height: '1bw',\n    flexShrink: 0,\n  },\n});\n\n// No `heading` role: a header can hold controls, and a heading would read\n// them as part of its title.\nexport const StyledHeader = tasty(Space, {\n  qa: 'Header',\n  as: 'div',\n  styles: {\n    color: '#dark-02',\n    preset: 't3',\n    placeContent: 'space-between',\n    placeItems: 'center',\n    whiteSpace: 'nowrap',\n    padding: '.5x 1.5x',\n    height: 'min $size',\n    boxSizing: 'border-box',\n    border: 'bottom',\n    radius: '1cr top',\n\n    $size: {\n      '': '$size-md',\n      'size=small': '$size-sm',\n      'size=medium': '$size-md',\n      'size=large': '$size-lg',\n    },\n  },\n});\n\nexport const StyledFooter = tasty(Space, {\n  qa: 'Footer',\n  as: 'div',\n  styles: {\n    color: '#dark-02',\n    preset: 't3',\n    placeContent: 'space-between',\n    placeItems: 'center',\n    whiteSpace: 'nowrap',\n    padding: '.5x 1.5x',\n    height: {\n      '': 'min $size-md',\n      'size=large': 'min $size-lg',\n    },\n    boxSizing: 'border-box',\n    border: 'top',\n    radius: '1cr bottom',\n  },\n});\n\nexport const StyledSection = tasty({\n  qa: 'Section',\n  as: 'li',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    margin: '0',\n    padding: '0',\n    listStyle: 'none',\n    fill: '#surface',\n  },\n});\n\nexport const StyledItem = tasty({\n  qa: 'Item',\n  as: 'li',\n  // Button's defaults with its `default.clear` theme, merged the way Button\n  // applies that variant, then the menu-specific overrides.\n  styles: mergeStyles(DEFAULT_BUTTON_STYLES, DEFAULT_CLEAR_STYLES, {\n    // Override specifics for menu context\n    display: 'flex',\n    flow: 'row',\n    justifyContent: 'stretch',\n    listStyle: 'none',\n    flexShrink: 0,\n    height: {\n      '': 'min $size-md',\n      'size=large': 'min $size-lg',\n    },\n    border: false,\n    boxSizing: 'border-box',\n    fill: {\n      '': '#clear',\n      focused: '#dark.03',\n      selected: '#dark.09',\n      'selected & focused': '#dark.12',\n      pressed: '#dark.09',\n      disabled: '#clear',\n    },\n    color: {\n      '': '#dark-02',\n      'selected | pressed': '#dark',\n      disabled: '#disabled-surface-text',\n    },\n    cursor: {\n      '': 'default',\n      disabled: 'not-allowed',\n    },\n    shadow: '#clear',\n    padding: {\n      '': '.5x 1x',\n      'selectionIcon & selectable & !selected': '.5x 1x .5x (1x + 3x)',\n    },\n    gap: '.75x',\n    outline: false,\n\n    Description: {\n      preset: 't4',\n      color: '#dark-03',\n    },\n  }),\n});\n\nexport const StyledSectionHeading = tasty<\n  CubeSpaceProps & { size?: 'small' | 'medium' | (string & {}) }\n>(Space, {\n  qa: 'SectionHeading',\n  as: 'div',\n  styles: {\n    color: '#dark-04',\n    preset: 'c2',\n    height: '3x',\n    placeContent: 'center space-between',\n    padding: {\n      '': '.5x .75x',\n      prefix: '0 .75x 0 .5x',\n    },\n\n    $size: {\n      '': '$size-md',\n      'size=small': '$size-sm',\n      'size=medium': '$size-md',\n      'size=large': '$size-lg',\n    },\n  },\n});\n"],"mappings":";;;;;;AAMA,MAAaM,oBAAoBL,MAAM;CACrCM,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,UAAU;EACVC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,QAAQ;EACRC,OAAO;GACL,IAAI;GACJC,SAAS;GACTC,MAAM;EACR;EACAC,QAAQ;GACN,IAAI;GAOJ,kBAAkB;EACpB;EACAC,QAAQ;GACN,IAAI;GACJH,SAAS;GAETC,MAAM;EACR;EACAG,WAAW;CACb;AACF,CAAC;AAED,MAAaC,aAAarB,MAAM;CAC9BsB,IAAI;CACJhB,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTe,MAAM;EACNC,KAAK;GACH,IAAI;GACJC,UAAU;EACZ;EACAL,WAAW;EACXT,QAAQ;EACRC,SAAS;GACP,IAAI;GACJc,SAAS;EACX;EACAC,UAAU;GACR,IAAI;GACJD,SAAS;EACX;EACAE,WAAW;CACb;AACF,CAAC;AAED,MAAaC,gBAAgB7B,MAAM;CACjCM,IAAI;CACJgB,IAAI;CACJf,QAAQ;EACNC,SAAS;EACTe,MAAM;EACNZ,QAAQ;EACRmB,WAAW;EACXpB,MAAM;EACNS,QAAQ;EACRY,YAAY;CACd;AACF,CAAC;AAID,MAAaC,eAAehC,MAAMG,OAAO;CACvCG,IAAI;CACJgB,IAAI;CACJf,QAAQ;EACN0B,OAAO;EACPC,QAAQ;EACRC,cAAc;EACdC,YAAY;EACZC,YAAY;EACZzB,SAAS;EACTO,QAAQ;EACRC,WAAW;EACXP,QAAQ;EACRC,QAAQ;EAERwB,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;EAChB;CACF;AACF,CAAC;AAED,MAAaC,eAAevC,MAAMG,OAAO;CACvCG,IAAI;CACJgB,IAAI;CACJf,QAAQ;EACN0B,OAAO;EACPC,QAAQ;EACRC,cAAc;EACdC,YAAY;EACZC,YAAY;EACZzB,SAAS;EACTO,QAAQ;GACN,IAAI;GACJ,cAAc;EAChB;EACAC,WAAW;EACXP,QAAQ;EACRC,QAAQ;CACV;AACF,CAAC;AAED,MAAa0B,gBAAgBxC,MAAM;CACjCM,IAAI;CACJgB,IAAI;CACJf,QAAQ;EACNC,SAAS;EACTe,MAAM;EACNZ,QAAQ;EACRC,SAAS;EACTkB,WAAW;EACXpB,MAAM;CACR;AACF,CAAC;AAEyBV,MAAM;CAC9BM,IAAI;CACJgB,IAAI;CAGJf,QAAQR,YAAYK,uBAAuBH,sBAAsB;EAE/DO,SAAS;EACTe,MAAM;EACNmB,gBAAgB;EAChBZ,WAAW;EACXC,YAAY;EACZZ,QAAQ;GACN,IAAI;GACJ,cAAc;EAChB;EACAN,QAAQ;EACRO,WAAW;EACXV,MAAM;GACJ,IAAI;GACJiC,SAAS;GACTC,UAAU;GACV,sBAAsB;GACtBC,SAAS;GACTC,UAAU;EACZ;EACAb,OAAO;GACL,IAAI;GACJ,sBAAsB;GACtBa,UAAU;EACZ;EACAC,QAAQ;GACN,IAAI;GACJD,UAAU;EACZ;EACA5B,QAAQ;EACRN,SAAS;GACP,IAAI;GACJ,0CAA0C;EAC5C;EACAY,KAAK;EACLwB,SAAS;EAETC,aAAa;GACXf,QAAQ;GACRD,OAAO;EACT;CACF,CAAC;AACH,CAAC;AAED,MAAaiB,uBAAuBlD,MAElCG,OAAO;CACPG,IAAI;CACJgB,IAAI;CACJf,QAAQ;EACN0B,OAAO;EACPC,QAAQ;EACRf,QAAQ;EACRgB,cAAc;EACdvB,SAAS;GACP,IAAI;GACJwC,QAAQ;EACV;EAEAd,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;EAChB;CACF;AACF,CAAC"}
+{"version":3,"file":"styled.js","names":["mergeStyles","tasty","DEFAULT_CLEAR_STYLES","CubeSpaceProps","Space","DEFAULT_BUTTON_STYLES","StyledMenuWrapper","qa","styles","display","gridRows","fill","margin","padding","border","radius","width","popover","tray","shadow","height","boxSizing","StyledMenu","as","flow","gap","sections","section","overflow","scrollbar","StyledDivider","listStyle","flexShrink","StyledHeader","color","preset","placeContent","placeItems","whiteSpace","$size","StyledFooter","StyledSection","StyledItem","justifyContent","focused","selected","pressed","disabled","cursor","outline","Description","StyledSectionHeading","size","prefix"],"sources":["../../../../src/components/actions/Menu/styled.tsx"],"sourcesContent":["import { mergeStyles, tasty } from '@tenphi/tasty';\n\nimport { DEFAULT_CLEAR_STYLES } from '../../../data/item-themes';\nimport { CubeSpaceProps, Space } from '../../layout/Space';\nimport { DEFAULT_BUTTON_STYLES } from '../Button/Button';\n\nexport const StyledMenuWrapper = tasty({\n  qa: 'Menu',\n  styles: {\n    display: 'grid',\n    gridRows: 'max-content 1sf max-content',\n    fill: '#surface',\n    margin: 0,\n    padding: 0,\n    border: true,\n    radius: '(1cr + 1bw)',\n    width: {\n      '': 'auto',\n      popover: 'max-content',\n      tray: '100%',\n    },\n    shadow: {\n      '': '',\n      // Use the design-system `$shadow` token (resolves to\n      // `0 .5x 2x #shadow-md`) so the popover shadow follows the\n      // scheme-aware Glaze `#shadow-md` color. The previous literal\n      // `0px 5px 15px #dark.05` baked in `#dark` (now aliased to the\n      // adaptive `#surface-text`) which inverts to a *light* shadow on\n      // dark surfaces.\n      'popover | tray': '$shadow',\n    },\n    height: {\n      '': 'initial',\n      popover: 'initial max-content (50vh - 4x)',\n      // The tray caps the height, and the menu scrolls inside it.\n      tray: 'initial max-content inherit',\n    },\n    boxSizing: 'border-box',\n  },\n});\n\nexport const StyledMenu = tasty({\n  as: 'ul',\n  qa: 'MenuList',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: {\n      '': '$item-gap',\n      sections: false,\n    },\n    boxSizing: 'border-box',\n    margin: 0,\n    padding: {\n      '': '0.5x',\n      section: 0, // section menu\n    },\n    overflow: {\n      '': 'auto',\n      section: '',\n    },\n    scrollbar: 'styled',\n  },\n});\n\nexport const StyledDivider = tasty({\n  qa: 'Divider',\n  as: 'li',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    margin: '.5x',\n    listStyle: 'none',\n    fill: '#border',\n    height: '1bw',\n    flexShrink: 0,\n  },\n});\n\n// No `heading` role: a header can hold controls, and a heading would read\n// them as part of its title.\nexport const StyledHeader = tasty(Space, {\n  qa: 'Header',\n  as: 'div',\n  styles: {\n    color: '#dark-02',\n    preset: 't3',\n    placeContent: 'space-between',\n    placeItems: 'center',\n    whiteSpace: 'nowrap',\n    padding: '.5x 1.5x',\n    height: 'min $size',\n    boxSizing: 'border-box',\n    border: 'bottom',\n    radius: '1cr top',\n\n    $size: {\n      '': '$size-md',\n      'size=small': '$size-sm',\n      'size=medium': '$size-md',\n      'size=large': '$size-lg',\n    },\n  },\n});\n\nexport const StyledFooter = tasty(Space, {\n  qa: 'Footer',\n  as: 'div',\n  styles: {\n    color: '#dark-02',\n    preset: 't3',\n    placeContent: 'space-between',\n    placeItems: 'center',\n    whiteSpace: 'nowrap',\n    padding: '.5x 1.5x',\n    height: {\n      '': 'min $size-md',\n      'size=large': 'min $size-lg',\n    },\n    boxSizing: 'border-box',\n    border: 'top',\n    radius: '1cr bottom',\n  },\n});\n\nexport const StyledSection = tasty({\n  qa: 'Section',\n  as: 'li',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    margin: '0',\n    padding: '0',\n    listStyle: 'none',\n    fill: '#surface',\n  },\n});\n\nexport const StyledItem = tasty({\n  qa: 'Item',\n  as: 'li',\n  // Button's defaults with its `default.clear` theme, merged the way Button\n  // applies that variant, then the menu-specific overrides.\n  styles: mergeStyles(DEFAULT_BUTTON_STYLES, DEFAULT_CLEAR_STYLES, {\n    // Override specifics for menu context\n    display: 'flex',\n    flow: 'row',\n    justifyContent: 'stretch',\n    listStyle: 'none',\n    flexShrink: 0,\n    height: {\n      '': 'min $size-md',\n      'size=large': 'min $size-lg',\n    },\n    border: false,\n    boxSizing: 'border-box',\n    fill: {\n      '': '#clear',\n      focused: '#dark.03',\n      selected: '#dark.09',\n      'selected & focused': '#dark.12',\n      pressed: '#dark.09',\n      disabled: '#clear',\n    },\n    color: {\n      '': '#dark-02',\n      'selected | pressed': '#dark',\n      disabled: '#disabled-surface-text',\n    },\n    cursor: {\n      '': 'default',\n      disabled: 'not-allowed',\n    },\n    shadow: '#clear',\n    padding: {\n      '': '.5x 1x',\n      'selectionIcon & selectable & !selected': '.5x 1x .5x (1x + 3x)',\n    },\n    gap: '.75x',\n    outline: false,\n\n    Description: {\n      preset: 't4',\n      color: '#dark-03',\n    },\n  }),\n});\n\nexport const StyledSectionHeading = tasty<\n  CubeSpaceProps & { size?: 'small' | 'medium' | (string & {}) }\n>(Space, {\n  qa: 'SectionHeading',\n  as: 'div',\n  styles: {\n    color: '#dark-04',\n    preset: 'c2',\n    height: '3x',\n    placeContent: 'center space-between',\n    padding: {\n      '': '.5x .75x',\n      prefix: '0 .75x 0 .5x',\n    },\n\n    $size: {\n      '': '$size-md',\n      'size=small': '$size-sm',\n      'size=medium': '$size-md',\n      'size=large': '$size-lg',\n    },\n  },\n});\n"],"mappings":"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"}

package/dist/components/actions/actions-run.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 //#region src/components/actions/actions-run.ts
 /**
 * Whether `element` — the node react-aria hands an overlay's dismiss predicate

package/dist/components/actions/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { ItemActionProvider, useItemActionContext } from "./ItemActionContext.js";
 import { openLink, parseTo, performClickHandler, useAction } from "./use-action.js";
 import { ItemAction } from "./ItemAction/ItemAction.js";

package/dist/components/actions/use-action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useWarn } from "../../_internal/hooks/use-warn.js";

package/dist/components/actions/use-anchored-menu.js

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

package/dist/components/actions/use-context-menu.js

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

package/dist/components/content/ActiveZone/ActiveZone.js

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

package/dist/components/content/Alert/Alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["tasty","ForwardedRef","forwardRef","THEMES","CubeAlertProps","useAlert","AlertElement","name","role","qa","styles","display","flow","radius","padding","preset","color","special","disabled","fill","Object","keys","reduce","map","type","border","Alert","props","ref","$","_c","mods","filteredProps","t0","THEMES","_c"],"sources":["../../../../src/components/content/Alert/Alert.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\n\nimport { CubeAlertProps } from './types';\nimport { useAlert } from './use-alert';\n\nconst AlertElement = tasty({\n  name: 'Alert',\n  role: 'alert',\n  qa: 'Alert',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    radius: {\n      '': '1cr',\n      'shape=sharp': '0',\n    },\n    padding: '1.5x',\n    preset: 't3',\n    color: {\n      '': '#dark-02',\n      // `color` in THEMES is Badge's fill for the status themes, so only these\n      // two read it as a label.\n      'type=special': THEMES.special.color,\n      'type=disabled': THEMES.disabled.color,\n    },\n    fill: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme fill states generated from THEMES\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].fill;\n\n        return map;\n      }, {}),\n    },\n    border: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme border states generated from THEMES\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].border;\n\n        return map;\n      }, {}),\n      'shape=sharp': '0',\n    },\n  },\n});\n\nexport const Alert = forwardRef(function Alert(\n  props: CubeAlertProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { styles, mods, filteredProps } = useAlert(props);\n\n  return (\n    <AlertElement {...filteredProps} ref={ref} mods={mods} styles={styles} />\n  );\n});\n"],"mappings":";;;;;;;;AAQA,MAAMM,eAAeN,MAAM;CACzBO,MAAM;CACNC,MAAM;CACNC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,QAAQ;GACN,IAAI;GACJ,eAAe;EACjB;EACAC,SAAS;EACTC,QAAQ;EACRC,OAAO;GACL,IAAI;GAGJ,gBAAgBb,eAAOc,QAAQD;GAC/B,iBAAiBb,eAAOe,SAASF;EACnC;EACAG,MAAM;GACJ,IAAI;GAEJ,GAAGC,OAAOC,KAAKlB,cAAM,CAAC,CAACmB,QAAQC,KAAKC,SAAS;IAC3CD,IAAI,QAAQC,UAAUrB,eAAOqB,KAAK,CAACL;IAEnC,OAAOI;GACT,GAAG,CAAC,CAAC;EACP;EACAE,QAAQ;GACN,IAAI;GAEJ,GAAGL,OAAOC,KAAKlB,cAAM,CAAC,CAACmB,QAAQC,KAAKC,SAAS;IAC3CD,IAAI,QAAQC,UAAUrB,eAAOqB,KAAK,CAACC;IAEnC,OAAOF;GACT,GAAG,CAAC,CAAC;GACL,eAAe;EACjB;CACF;AACF,CAAC;AAED,MAAaG,QAAQxB,WAAW,SAAAwB,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAI9B,MAAA,EAAApB,QAAAqB,MAAAC,kBAAwC3B,SAASsB,KAAK;CAAE,IAAAM;CAAA,IAAAJ,EAAA,OAAAG,iBAAAH,EAAA,OAAAE,QAAAF,EAAA,OAAAD,OAAAC,EAAA,OAAAnB,QAAA;EAGtDuB,KAAA,oBAAC,cAAD;GAAa,GAAKD;GAAoBJ;GAAWG;GAAcrB;EAAM,CAAA;EAAImB,EAAA,KAAAG;EAAAH,EAAA,KAAAE;EAAAF,EAAA,KAAAD;EAAAC,EAAA,KAAAnB;EAAAmB,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAAzEI;AAAyE,CAE5E"}
+{"version":3,"file":"Alert.js","names":["tasty","ForwardedRef","forwardRef","THEMES","CubeAlertProps","useAlert","AlertElement","name","role","qa","styles","display","flow","radius","padding","preset","color","special","disabled","fill","Object","keys","reduce","map","type","border","Alert","props","ref","$","_c","mods","filteredProps","t0","THEMES","_c"],"sources":["../../../../src/components/content/Alert/Alert.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\n\nimport { CubeAlertProps } from './types';\nimport { useAlert } from './use-alert';\n\nconst AlertElement = tasty({\n  name: 'Alert',\n  role: 'alert',\n  qa: 'Alert',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    radius: {\n      '': '1cr',\n      'shape=sharp': '0',\n    },\n    padding: '1.5x',\n    preset: 't3',\n    color: {\n      '': '#dark-02',\n      // `color` in THEMES is Badge's fill for the status themes, so only these\n      // two read it as a label.\n      'type=special': THEMES.special.color,\n      'type=disabled': THEMES.disabled.color,\n    },\n    fill: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme fill states generated from THEMES, not a shared base; the plugin can't lint the generated map either way, so it stays in one place\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].fill;\n\n        return map;\n      }, {}),\n    },\n    border: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme border states generated from THEMES must precede 'shape=sharp'; mergeStyles would append them after it and flip its priority\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].border;\n\n        return map;\n      }, {}),\n      'shape=sharp': '0',\n    },\n  },\n});\n\nexport const Alert = forwardRef(function Alert(\n  props: CubeAlertProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { styles, mods, filteredProps } = useAlert(props);\n\n  return (\n    <AlertElement {...filteredProps} ref={ref} mods={mods} styles={styles} />\n  );\n});\n"],"mappings":";;;;;;;;AAQA,MAAMM,eAAeN,MAAM;CACzBO,MAAM;CACNC,MAAM;CACNC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,QAAQ;GACN,IAAI;GACJ,eAAe;EACjB;EACAC,SAAS;EACTC,QAAQ;EACRC,OAAO;GACL,IAAI;GAGJ,gBAAgBb,eAAOc,QAAQD;GAC/B,iBAAiBb,eAAOe,SAASF;EACnC;EACAG,MAAM;GACJ,IAAI;GAEJ,GAAGC,OAAOC,KAAKlB,cAAM,CAAC,CAACmB,QAAQC,KAAKC,SAAS;IAC3CD,IAAI,QAAQC,UAAUrB,eAAOqB,KAAK,CAACL;IAEnC,OAAOI;GACT,GAAG,CAAC,CAAC;EACP;EACAE,QAAQ;GACN,IAAI;GAEJ,GAAGL,OAAOC,KAAKlB,cAAM,CAAC,CAACmB,QAAQC,KAAKC,SAAS;IAC3CD,IAAI,QAAQC,UAAUrB,eAAOqB,KAAK,CAACC;IAEnC,OAAOF;GACT,GAAG,CAAC,CAAC;GACL,eAAe;EACjB;CACF;AACF,CAAC;AAED,MAAaG,QAAQxB,WAAW,SAAAwB,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAI9B,MAAA,EAAApB,QAAAqB,MAAAC,kBAAwC3B,SAASsB,KAAK;CAAE,IAAAM;CAAA,IAAAJ,EAAA,OAAAG,iBAAAH,EAAA,OAAAE,QAAAF,EAAA,OAAAD,OAAAC,EAAA,OAAAnB,QAAA;EAGtDuB,KAAA,oBAAC,cAAD;GAAa,GAAKD;GAAoBJ;GAAWG;GAAcrB;EAAM,CAAA;EAAImB,EAAA,KAAAG;EAAAH,EAAA,KAAAE;EAAAF,EAAA,KAAAD;EAAAC,EAAA,KAAAnB;EAAAmB,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAAzEI;AAAyE,CAE5E"}

package/dist/components/content/Alert/use-alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { c } from "react/compiler-runtime";
@@ -29,36 +29,33 @@ function useAlert(props) {
 	useDeprecationWarning(typeof type === "undefined", t3);
 	const _theme = isDisabled ? "disabled" : theme ?? type ?? "note";
 	let t4;
-	if ($[3] !== _theme || $[4] !== mods || $[5] !== shape) {
+	if ($[3] !== _theme || $[4] !== mods || $[5] !== props || $[6] !== shape || $[7] !== styles) {
+		const { theme: _statusTheme, ...domProps } = props;
+		let t5;
+		if ($[9] !== _theme || $[10] !== mods || $[11] !== shape) {
+			t5 = {
+				shape,
+				type: _theme,
+				...mods
+			};
+			$[9] = _theme;
+			$[10] = mods;
+			$[11] = shape;
+			$[12] = t5;
+		} else t5 = $[12];
 		t4 = {
-			shape,
-			type: _theme,
-			...mods
+			styles,
+			mods: t5,
+			filteredProps: filterBaseProps(domProps, { eventProps: true })
 		};
 		$[3] = _theme;
 		$[4] = mods;
-		$[5] = shape;
-		$[6] = t4;
-	} else t4 = $[6];
-	let t5;
-	if ($[7] !== props) {
-		t5 = filterBaseProps(props, { eventProps: true });
-		$[7] = props;
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] !== styles || $[10] !== t4 || $[11] !== t5) {
-		t6 = {
-			styles,
-			mods: t4,
-			filteredProps: t5
-		};
-		$[9] = styles;
-		$[10] = t4;
-		$[11] = t5;
-		$[12] = t6;
-	} else t6 = $[12];
-	return t6;
+		$[5] = props;
+		$[6] = shape;
+		$[7] = styles;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
 }
 //#endregion
 export { useAlert };

package/dist/components/content/Alert/use-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-alert.js","names":["CONTAINER_STYLES","filterBaseProps","TEXT_STYLES","useDeprecationWarning","extractStyles","CubeAlertProps","STYLE_LIST","const","useAlert","props","$","_c","type","isDisabled","t0","theme","shape","t1","mods","undefined","t2","styles","t3","Symbol","for","property","name","betterAlternative","_theme","t4","t5","eventProps","t6","filteredProps","_c"],"sources":["../../../../src/components/content/Alert/use-alert.ts"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, TEXT_STYLES } from '@tenphi/tasty';\n\nimport { useDeprecationWarning } from '../../../_internal';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { CubeAlertProps } from './types';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES] as const;\n\nexport function useAlert(props: CubeAlertProps) {\n  const { type, isDisabled = false, theme, shape = 'card', mods } = props;\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  useDeprecationWarning(typeof type === 'undefined', {\n    property: 'type',\n    name: 'Alert',\n    betterAlternative: 'theme',\n  });\n\n  const _theme = isDisabled ? 'disabled' : (theme ?? type ?? 'note');\n\n  return {\n    styles,\n    mods: {\n      shape,\n      type: _theme,\n      ...mods,\n    },\n    filteredProps: filterBaseProps(props, { eventProps: true }),\n  };\n}\n"],"mappings":";;;;;;AAOA,MAAMM,aAAa,CAAC,GAAGN,kBAAkB,GAAGE,WAAW;AAEvD,SAAOM,SAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,MAAAC,YAAAC,IAAAC,OAAAC,OAAAC,IAAAC,SAAkET;CAApD,MAAAI,aAAAC,OAAAK,KAAAA,IAAA,QAAAL;CAA2B,MAAAE,QAAAC,OAAAE,KAAAA,IAAA,SAAAF;CAAc,IAAAG;CAAA,IAAAV,EAAA,OAAAD,OAAA;EAExCW,KAAAhB,cAAcK,OAAOH,UAAU;EAACI,EAAA,KAAAD;EAAAC,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAA/C,MAAAW,SAAeD;CAAiC,IAAAE;CAAA,IAAAZ,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEGF,KAAA;GAAAG,UACvC;GAAMC,MACV;GAAOC,mBACM;EACrB;EAACjB,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAJDP,sBAAsB,OAAOS,SAAS,aAAaU,EAIlD;CAED,MAAAM,SAAef,aAAA,aAA2BE,SAAAH,QAAA;CAAyB,IAAAiB;CAAA,IAAAnB,EAAA,OAAAkB,UAAAlB,EAAA,OAAAQ,QAAAR,EAAA,OAAAM,OAAA;EAI3Da,KAAA;GAAAb;GAAAJ,MAEEgB;GAAM,GACTV;EACL;EAACR,EAAA,KAAAkB;EAAAlB,EAAA,KAAAQ;EAAAR,EAAA,KAAAM;EAAAN,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAoB;CAAA,IAAApB,EAAA,OAAAD,OAAA;EACcqB,KAAA7B,gBAAgBQ,OAAO,EAAAsB,YAAc,KAAK,CAAC;EAACrB,EAAA,KAAAD;EAAAC,EAAA,KAAAoB;CAAA,OAAAA,KAAApB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,OAAAW,UAAAX,EAAA,QAAAmB,MAAAnB,EAAA,QAAAoB,IAAA;EAPtDE,KAAA;GAAAX;GAAAH,MAECW;GAILI,eACcH;EACjB;EAACpB,EAAA,KAAAW;EAAAX,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,OARMsB;AAQN"}
+{"version":3,"file":"use-alert.js","names":["CONTAINER_STYLES","filterBaseProps","TEXT_STYLES","useDeprecationWarning","extractStyles","CubeAlertProps","STYLE_LIST","const","useAlert","props","$","_c","type","isDisabled","t0","theme","shape","t1","mods","undefined","t2","styles","t3","Symbol","for","property","name","betterAlternative","_theme","t4","_statusTheme","domProps","t5","filteredProps","eventProps","_c"],"sources":["../../../../src/components/content/Alert/use-alert.ts"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, TEXT_STYLES } from '@tenphi/tasty';\n\nimport { useDeprecationWarning } from '../../../_internal';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { CubeAlertProps } from './types';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES] as const;\n\nexport function useAlert(props: CubeAlertProps) {\n  const { type, isDisabled = false, theme, shape = 'card', mods } = props;\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  useDeprecationWarning(typeof type === 'undefined', {\n    property: 'type',\n    name: 'Alert',\n    betterAlternative: 'theme',\n  });\n\n  const _theme = isDisabled ? 'disabled' : (theme ?? type ?? 'note');\n\n  // `theme` is the kit's status theme, rendered through the `type` mod. Tasty's\n  // `filterBaseProps` keeps its own `theme` prop and renders it as\n  // `data-theme`, so it comes out before filtering.\n  const { theme: _statusTheme, ...domProps } = props;\n\n  return {\n    styles,\n    mods: {\n      shape,\n      type: _theme,\n      ...mods,\n    },\n    filteredProps: filterBaseProps(domProps, { eventProps: true }),\n  };\n}\n"],"mappings":";;;;;;AAOA,MAAMM,aAAa,CAAC,GAAGN,kBAAkB,GAAGE,WAAW;AAEvD,SAAOM,SAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,MAAAC,YAAAC,IAAAC,OAAAC,OAAAC,IAAAC,SAAkET;CAApD,MAAAI,aAAAC,OAAAK,KAAAA,IAAA,QAAAL;CAA2B,MAAAE,QAAAC,OAAAE,KAAAA,IAAA,SAAAF;CAAc,IAAAG;CAAA,IAAAV,EAAA,OAAAD,OAAA;EAExCW,KAAAhB,cAAcK,OAAOH,UAAU;EAACI,EAAA,KAAAD;EAAAC,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAA/C,MAAAW,SAAeD;CAAiC,IAAAE;CAAA,IAAAZ,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEGF,KAAA;GAAAG,UACvC;GAAMC,MACV;GAAOC,mBACM;EACrB;EAACjB,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAJDP,sBAAsB,OAAOS,SAAS,aAAaU,EAIlD;CAED,MAAAM,SAAef,aAAA,aAA2BE,SAAAH,QAAA;CAAyB,IAAAiB;CAAA,IAAAnB,EAAA,OAAAkB,UAAAlB,EAAA,OAAAQ,QAAAR,EAAA,OAAAD,SAAAC,EAAA,OAAAM,SAAAN,EAAA,OAAAW,QAAA;EAKnE,MAAA,EAAAN,OAAAe,cAAA,GAAAC,aAA6CtB;EAAM,IAAAuB;EAAA,IAAAtB,EAAA,OAAAkB,UAAAlB,EAAA,QAAAQ,QAAAR,EAAA,QAAAM,OAAA;GAI3CgB,KAAA;IAAAhB;IAAAJ,MAEEgB;IAAM,GACTV;GACL;GAACR,EAAA,KAAAkB;GAAAlB,EAAA,MAAAQ;GAAAR,EAAA,MAAAM;GAAAN,EAAA,MAAAsB;EAAA,OAAAA,KAAAtB,EAAA;EANImB,KAAA;GAAAR;GAAAH,MAECc;GAILC,eACchC,gBAAgB8B,UAAU,EAAAG,YAAc,KAAK,CAAC;EAC/D;EAACxB,EAAA,KAAAkB;EAAAlB,EAAA,KAAAQ;EAAAR,EAAA,KAAAD;EAAAC,EAAA,KAAAM;EAAAN,EAAA,KAAAW;EAAAX,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,OARMmB;AAQN"}

package/dist/components/content/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";

package/dist/components/content/Badge/Badge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { Item as _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { c } from "react/compiler-runtime";
@@ -35,9 +35,13 @@ const BadgeElement = tasty(_Item, {
 			"": "max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))",
 			"size=inline": ".5x"
 		},
+		overflow: {
+			"": "clip",
+			"has-end-content": "visible"
+		},
 		Label: {
 			textAlign: "center",
-			placeSelf: "center"
+			placeSelf: "center stretch"
 		}
 	}
 });

package/dist/components/content/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["tasty","forwardRef","THEMES","CubeItemProps","Item","FILL_STYLES","Object","keys","reduce","map","type","fill","color","BadgeElement","qa","role","size","styles","radius","preset","border","Label","textAlign","placeSelf","CubeBadgeProps","theme","Badge","allProps","ref","$","_c","children","props","t0","t1","undefined","badgeTheme","t2","_Badge","displayName","THEMES","Item","_c"],"sources":["../../../../src/components/content/Badge/Badge.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\nimport { CubeItemProps, Item } from '../Item';\n\nconst FILL_STYLES = Object.keys(THEMES).reduce((map, type) => {\n  map[`theme=${type}`] =\n    type === 'special' ? THEMES[type].fill : THEMES[type].color;\n\n  return map;\n}, {});\n\nconst BadgeElement = tasty(Item, {\n  qa: 'Badge',\n  role: 'status',\n  size: 'inline',\n  styles: {\n    radius: 'round',\n    color: {\n      '': '#white',\n      // Every other theme fills with a fixed accent; `disabled` fills with the\n      // adaptive `#surface-text-soft-2`, which turns light in dark, so its label\n      // flips with it (a fixed `#white` fell to 3.59:1 there).\n      'theme=disabled': '#surface',\n    },\n    fill: {\n      '': '#primary',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme fill states generated from THEMES\n      ...FILL_STYLES,\n    },\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$inline-padding': {\n      '': 'max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))',\n      'size=inline': '.5x',\n    },\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeBadgeProps extends CubeItemProps {\n  /* @deprecated Use theme instead */\n  type?: keyof typeof THEMES | string;\n  theme?: keyof typeof THEMES | string;\n}\n\nfunction Badge(allProps: CubeBadgeProps, ref) {\n  let {\n    type,\n    theme = 'special',\n    children,\n    size = 'inline',\n    ...props\n  } = allProps;\n\n  const badgeTheme = theme ?? type;\n\n  return (\n    <BadgeElement\n      ref={ref}\n      size={size}\n      data-type=\"primary\"\n      data-theme={badgeTheme}\n      {...props}\n    >\n      {children}\n    </BadgeElement>\n  );\n}\n\nconst _Badge = forwardRef(Badge);\n\n_Badge.displayName = 'Badge';\n\nexport { _Badge as Badge };\n"],"mappings":";;;;;;;;AAMA,MAAMK,cAAcC,OAAOC,KAAKL,cAAM,CAAC,CAACM,QAAQC,KAAKC,SAAS;CAC5DD,IAAI,SAASC,UACXA,SAAS,YAAYR,eAAOQ,KAAK,CAACC,OAAOT,eAAOQ,KAAK,CAACE;CAExD,OAAOH;AACT,GAAG,CAAC,CAAC;AAEL,MAAMI,eAAeb,MAAMI,OAAM;CAC/BU,IAAI;CACJC,MAAM;CACNC,MAAM;CACNC,QAAQ;EACNC,QAAQ;EACRN,OAAO;GACL,IAAI;GAIJ,kBAAkB;EACpB;EACAD,MAAM;GACJ,IAAI;GAEJ,GAAGN;EACL;EACAc,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;EAC9B;EACAC,QAAQ,EAEN,gBAAgB,SAClB;EAEA,mBAAmB;GACjB,IAAI;GACJ,eAAe;EACjB;EAEAC,OAAO;GACLC,WAAW;GACXC,WAAW;EACb;CACF;AACF,CAAC;AAQD,SAAAG,MAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAxB;CAAA,IAAAmB,EAAA,OAAAF,UAAA;EACE,CAAA,CAAAjB,MAAAe,OAAAQ,IAAAF,UAAAf,MAAAkB,IAAA,GAAAF,SAMIL;EAASE,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAnB;CAAA,OAAA;EAAAqB,WAAAF,EAAA;EAAAG,QAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAnB,OAAAmB,EAAA;CAAA;CAJX,MAAAJ,QAAAQ,OAAAE,KAAAA,IAAA,YAAAF;CAEA,MAAAjB,OAAAkB,OAAAC,KAAAA,IAAA,WAAAD;CAIF,MAAAE,aAAmBX,SAAAf;CAAc,IAAA2B;CAAA,IAAAR,EAAA,OAAAO,cAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,SAAAH,EAAA,OAAAD,OAAAC,EAAA,QAAAb,MAAA;EAG/BqB,KAAA,oBAAC,cAAD;GACOT;GACCZ;GACI,aAAA;GACEoB,cAAAA;GAAU,GAClBJ;GAEHD;EAPU,CAAA;EAQEF,EAAA,KAAAO;EAAAP,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAD;EAAAC,EAAA,MAAAb;EAAAa,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OARfQ;AAQe;AAInB,MAAMC,SAASrC,WAAWyB,KAAK;AAE/BY,OAAOC,cAAc"}
+{"version":3,"file":"Badge.js","names":["tasty","forwardRef","THEMES","CubeItemProps","Item","FILL_STYLES","Object","keys","reduce","map","type","fill","color","BadgeElement","qa","role","size","styles","radius","preset","border","overflow","Label","textAlign","placeSelf","CubeBadgeProps","theme","Badge","allProps","ref","$","_c","children","props","t0","t1","undefined","badgeTheme","t2","_Badge","displayName","THEMES","Item","_c"],"sources":["../../../../src/components/content/Badge/Badge.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\nimport { CubeItemProps, Item } from '../Item';\n\nconst FILL_STYLES = Object.keys(THEMES).reduce((map, type) => {\n  map[`theme=${type}`] =\n    type === 'special' ? THEMES[type].fill : THEMES[type].color;\n\n  return map;\n}, {});\n\nconst BadgeElement = tasty(Item, {\n  qa: 'Badge',\n  role: 'status',\n  size: 'inline',\n  styles: {\n    radius: 'round',\n    color: {\n      '': '#white',\n      // Every other theme fills with a fixed accent; `disabled` fills with the\n      // adaptive `#surface-text-soft-2`, which turns light in dark, so its label\n      // flips with it (a fixed `#white` fell to 3.59:1 there).\n      'theme=disabled': '#surface',\n    },\n    fill: {\n      '': '#primary',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme fill states generated from THEMES, not a shared base; the plugin can't lint the generated map either way, so it stays in one place\n      ...FILL_STYLES,\n    },\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$inline-padding': {\n      '': 'max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))',\n      'size=inline': '.5x',\n    },\n\n    // Same squeeze as Tag's: keep the label's end-padding box after the icon\n    // and clip what passes the edge, unless end content zeroes that padding.\n    overflow: { '': 'clip', 'has-end-content': 'visible' },\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center stretch',\n    },\n  },\n});\n\nexport interface CubeBadgeProps extends CubeItemProps {\n  /* @deprecated Use theme instead */\n  type?: keyof typeof THEMES | string;\n  theme?: keyof typeof THEMES | string;\n}\n\nfunction Badge(allProps: CubeBadgeProps, ref) {\n  let {\n    type,\n    theme = 'special',\n    children,\n    size = 'inline',\n    ...props\n  } = allProps;\n\n  const badgeTheme = theme ?? type;\n\n  return (\n    <BadgeElement\n      ref={ref}\n      size={size}\n      data-type=\"primary\"\n      data-theme={badgeTheme}\n      {...props}\n    >\n      {children}\n    </BadgeElement>\n  );\n}\n\nconst _Badge = forwardRef(Badge);\n\n_Badge.displayName = 'Badge';\n\nexport { _Badge as Badge };\n"],"mappings":";;;;;;;;AAMA,MAAMK,cAAcC,OAAOC,KAAKL,cAAM,CAAC,CAACM,QAAQC,KAAKC,SAAS;CAC5DD,IAAI,SAASC,UACXA,SAAS,YAAYR,eAAOQ,KAAK,CAACC,OAAOT,eAAOQ,KAAK,CAACE;CAExD,OAAOH;AACT,GAAG,CAAC,CAAC;AAEL,MAAMI,eAAeb,MAAMI,OAAM;CAC/BU,IAAI;CACJC,MAAM;CACNC,MAAM;CACNC,QAAQ;EACNC,QAAQ;EACRN,OAAO;GACL,IAAI;GAIJ,kBAAkB;EACpB;EACAD,MAAM;GACJ,IAAI;GAEJ,GAAGN;EACL;EACAc,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;EAC9B;EACAC,QAAQ,EAEN,gBAAgB,SAClB;EAEA,mBAAmB;GACjB,IAAI;GACJ,eAAe;EACjB;EAIAC,UAAU;GAAE,IAAI;GAAQ,mBAAmB;EAAU;EAErDC,OAAO;GACLC,WAAW;GACXC,WAAW;EACb;CACF;AACF,CAAC;AAQD,SAAAG,MAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAzB;CAAA,IAAAoB,EAAA,OAAAF,UAAA;EACE,CAAA,CAAAlB,MAAAgB,OAAAQ,IAAAF,UAAAhB,MAAAmB,IAAA,GAAAF,SAMIL;EAASE,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAApB;CAAA,OAAA;EAAAsB,WAAAF,EAAA;EAAAG,QAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAApB,OAAAoB,EAAA;CAAA;CAJX,MAAAJ,QAAAQ,OAAAE,KAAAA,IAAA,YAAAF;CAEA,MAAAlB,OAAAmB,OAAAC,KAAAA,IAAA,WAAAD;CAIF,MAAAE,aAAmBX,SAAAhB;CAAc,IAAA4B;CAAA,IAAAR,EAAA,OAAAO,cAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,SAAAH,EAAA,OAAAD,OAAAC,EAAA,QAAAd,MAAA;EAG/BsB,KAAA,oBAAC,cAAD;GACOT;GACCb;GACI,aAAA;GACEqB,cAAAA;GAAU,GAClBJ;GAEHD;EAPU,CAAA;EAQEF,EAAA,KAAAO;EAAAP,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAD;EAAAC,EAAA,MAAAd;EAAAc,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OARfQ;AAQe;AAInB,MAAMC,SAAStC,WAAW0B,KAAK;AAE/BY,OAAOC,cAAc"}

package/dist/components/content/Card/Card.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Content.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -36,7 +36,7 @@ const CopyPasteBlockElement = tasty(Card, {
 		fill: "#surface-2",
 		radius: "1r",
 		padding: {
-			"": "0 1px",
+			"": "0 1bw",
 			":focus": "0"
 		},
 		color: {
@@ -45,7 +45,7 @@ const CopyPasteBlockElement = tasty(Card, {
 		},
 		border: {
 			"": "dashed #dark-03",
-			":focus": "2px dashed #primary-text",
+			":focus": "2bw dashed #primary-text",
 			error: "dashed #danger"
 		},
 		cursor: "$pointer",

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyPasteBlock.js","names":["POSITION_STYLES","PositionStyleProps","Styles","tasty","copy","ForwardedRef","forwardRef","ReactNode","useState","TextDropItem","useClipboard","useTimer","useI18n","CopyIcon","extractStyles","Button","useToast","Card","CubeCardProps","StyledBlock","styles","display","flow","placeContent","placeItems","gap","position","width","color","padding","userSelect","Label","whiteSpace","overflow","textOverflow","CopyPasteBlockElement","qa","fill","radius","error","border","cursor","preset","height","boxSizing","Grid","gridColumns","Shortcut","hide","CopyButton","type","icon","placeSelf","shadow","focused","outline","CubeCopyPasteBlockProps","Omit","value","placeholder","title","onPaste","text","Promise","onCopy","size","CopyPasteBlock","allProps","ref","HTMLDivElement","props","t","setError","toast","clipboardProps","items","pasted","all","filter","item","kind","types","has","map","getText","join","e","String","getItems","success","delay","callback","isDisabled","pristineValue","replace","_CopyPasteBlock","displayName"],"sources":["../../../../src/components/content/CopyPasteBlock/CopyPasteBlock.tsx"],"sourcesContent":["import {\n  POSITION_STYLES,\n  PositionStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport copy from 'clipboard-copy';\nimport { ForwardedRef, forwardRef, ReactNode, useState } from 'react';\nimport { TextDropItem, useClipboard } from 'react-aria';\n\nimport { useTimer } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { CopyIcon } from '../../../icons/CopyIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { useToast } from '../../overlays/Toast';\nimport { Card, CubeCardProps } from '../Card/Card';\n\nconst StyledBlock = tasty({\n  styles: {\n    display: 'grid',\n    flow: 'column',\n    placeContent: 'center space-between',\n    placeItems: 'center stretch',\n    gap: '1x',\n    position: 'relative',\n    width: 'max 100%',\n    color: 'inherit',\n    padding: '0 1.5x',\n    // height: {\n    //   '': '4.5x',\n    //   '[data-size=\"small\"]': '3.5x',\n    //   '[data-size=\"large\"]': '5.5x',\n    // },\n    userSelect: 'none',\n\n    Label: {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n  },\n});\n\nconst CopyPasteBlockElement = tasty(Card, {\n  qa: 'CopyPasteBlock',\n  styles: {\n    display: 'grid',\n    fill: '#surface-2',\n    radius: '1r',\n    padding: {\n      '': '0 1px',\n      ':focus': '0',\n    },\n    color: {\n      '': '#dark',\n      error: '#danger-text',\n    },\n    border: {\n      '': 'dashed #dark-03',\n      ':focus': '2px dashed #primary-text',\n      error: 'dashed #danger',\n    },\n    cursor: '$pointer',\n    preset: {\n      '': 't3',\n      'size=large': 't2',\n    },\n    height: {\n      '': '5x',\n      'size=small': '4x',\n      'size=large': '6x',\n    },\n    boxSizing: 'border-box',\n\n    Grid: {\n      display: 'grid',\n      flow: 'row',\n      gridColumns: 'minmax(0, 1fr) min-content',\n      placeContent: 'stretch',\n      width: 'min 20x',\n      radius: '1r',\n      position: 'relative',\n    },\n\n    Shortcut: {\n      display: 'inline',\n      hide: {\n        '': true,\n        ':focus & !error': false,\n      },\n    },\n  },\n});\n\nconst CopyButton = tasty(Button, {\n  type: 'clear',\n  icon: <CopyIcon />,\n  styles: {\n    placeSelf: 'stretch',\n    border: '#clear',\n    shadow: {\n      '': '0 0 0 1ow #purple-03.0 inset',\n      focused: '0 0 0 1ow #purple-03 inset',\n    },\n    radius: {\n      '': '0 1r 1r 0',\n      'multiline | has-scroll': '1r top-right',\n    },\n    height: 'auto',\n    outline: false,\n  },\n});\n\nexport interface CubeCopyPasteBlockProps\n  extends Omit<CubeCardProps, 'onPaste' | 'onCopy'>, PositionStyleProps {\n  padding?: Styles['padding'];\n  /** The code snippet */\n  value?: string;\n  placeholder?: ReactNode;\n  /** The title of the snippet */\n  title?: string;\n  onPaste?: (text: string) => void | Promise<void | string>;\n  onCopy?: () => void;\n  size?: 'small' | 'medium' | 'large';\n}\n\nfunction CopyPasteBlock(\n  allProps: CubeCopyPasteBlockProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    value = '',\n    onPaste,\n    placeholder,\n    title,\n    size = 'medium',\n    ...props\n  } = allProps;\n  const styles = extractStyles(props, POSITION_STYLES);\n\n  const { t } = useI18n();\n  const [error, setError] = useState<string | null>(null);\n  const toast = useToast();\n\n  const { clipboardProps } = useClipboard({\n    async onPaste(items) {\n      let pasted = await Promise.all(\n        items\n          .filter(\n            (item) => item.kind === 'text' && item.types.has('text/plain'),\n          )\n          .map((item) => (item as TextDropItem).getText('text/plain')),\n      );\n      try {\n        await onPaste?.(pasted.join('\\n'));\n      } catch (e) {\n        setError(String(e));\n      }\n    },\n    getItems() {\n      return value\n        ? [\n            {\n              'text/plain': value,\n            },\n          ]\n        : [];\n    },\n    onCopy() {\n      if (value) {\n        toast.success(\n          t('copyPasteBlock.copied', '{{title}} copied', {\n            title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n          }),\n        );\n      }\n    },\n  });\n\n  useTimer({\n    delay: 1000,\n    callback() {\n      setError(null);\n    },\n    isDisabled: !error,\n  });\n\n  async function onCopy() {\n    await copy(value);\n\n    toast.success(\n      t('copyPasteBlock.copied', '{{title}} copied', {\n        title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n      }),\n    );\n  }\n\n  const pristineValue = value.replace(/\\n/, ' ');\n\n  return (\n    <CopyPasteBlockElement\n      ref={ref}\n      mods={{ error: !!error }}\n      data-size={size}\n      styles={styles}\n      tabIndex={0}\n      {...props}\n      {...clipboardProps}\n    >\n      <div data-element=\"Grid\">\n        <StyledBlock\n          data-size={size}\n          mods={{\n            placeholder: !!placeholder || !value,\n          }}\n        >\n          <div data-element=\"Label\">\n            {error != null ? (\n              error || t('copyPasteBlock.invalidData', 'Invalid data')\n            ) : value ? (\n              pristineValue\n            ) : (\n              <>\n                {placeholder\n                  ? placeholder\n                  : t('copyPasteBlock.selectAndPaste', 'Select and paste')}\n              </>\n            )}\n          </div>\n          <span data-element=\"Shortcut\">\n            <kbd>Cmd</kbd> + <kbd>V</kbd>\n          </span>\n        </StyledBlock>\n        {value && !error && (\n          <CopyButton\n            size={size}\n            aria-label={t(\n              'copyPasteBlock.copyToClipboard',\n              'Copy {{title}} to clipboard',\n              {\n                title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n              },\n            )}\n            onPress={onCopy}\n          />\n        )}\n      </div>\n    </CopyPasteBlockElement>\n  );\n}\n\nconst _CopyPasteBlock = forwardRef(CopyPasteBlock);\n\n_CopyPasteBlock.displayName = 'CopyPasteBlock';\n\nexport { _CopyPasteBlock as CopyPasteBlock };\n"],"mappings":"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"}
+{"version":3,"file":"CopyPasteBlock.js","names":["POSITION_STYLES","PositionStyleProps","Styles","tasty","copy","ForwardedRef","forwardRef","ReactNode","useState","TextDropItem","useClipboard","useTimer","useI18n","CopyIcon","extractStyles","Button","useToast","Card","CubeCardProps","StyledBlock","styles","display","flow","placeContent","placeItems","gap","position","width","color","padding","userSelect","Label","whiteSpace","overflow","textOverflow","CopyPasteBlockElement","qa","fill","radius","error","border","cursor","preset","height","boxSizing","Grid","gridColumns","Shortcut","hide","CopyButton","type","icon","placeSelf","shadow","focused","outline","CubeCopyPasteBlockProps","Omit","value","placeholder","title","onPaste","text","Promise","onCopy","size","CopyPasteBlock","allProps","ref","HTMLDivElement","props","t","setError","toast","clipboardProps","items","pasted","all","filter","item","kind","types","has","map","getText","join","e","String","getItems","success","delay","callback","isDisabled","pristineValue","replace","_CopyPasteBlock","displayName"],"sources":["../../../../src/components/content/CopyPasteBlock/CopyPasteBlock.tsx"],"sourcesContent":["import {\n  POSITION_STYLES,\n  PositionStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport copy from 'clipboard-copy';\nimport { ForwardedRef, forwardRef, ReactNode, useState } from 'react';\nimport { TextDropItem, useClipboard } from 'react-aria';\n\nimport { useTimer } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { CopyIcon } from '../../../icons/CopyIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { useToast } from '../../overlays/Toast';\nimport { Card, CubeCardProps } from '../Card/Card';\n\nconst StyledBlock = tasty({\n  styles: {\n    display: 'grid',\n    flow: 'column',\n    placeContent: 'center space-between',\n    placeItems: 'center stretch',\n    gap: '1x',\n    position: 'relative',\n    width: 'max 100%',\n    color: 'inherit',\n    padding: '0 1.5x',\n    // height: {\n    //   '': '4.5x',\n    //   '[data-size=\"small\"]': '3.5x',\n    //   '[data-size=\"large\"]': '5.5x',\n    // },\n    userSelect: 'none',\n\n    Label: {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n  },\n});\n\nconst CopyPasteBlockElement = tasty(Card, {\n  qa: 'CopyPasteBlock',\n  styles: {\n    display: 'grid',\n    fill: '#surface-2',\n    radius: '1r',\n    padding: {\n      '': '0 1bw',\n      ':focus': '0',\n    },\n    color: {\n      '': '#dark',\n      error: '#danger-text',\n    },\n    border: {\n      '': 'dashed #dark-03',\n      ':focus': '2bw dashed #primary-text',\n      error: 'dashed #danger',\n    },\n    cursor: '$pointer',\n    preset: {\n      '': 't3',\n      'size=large': 't2',\n    },\n    height: {\n      '': '5x',\n      'size=small': '4x',\n      'size=large': '6x',\n    },\n    boxSizing: 'border-box',\n\n    Grid: {\n      display: 'grid',\n      flow: 'row',\n      gridColumns: 'minmax(0, 1fr) min-content',\n      placeContent: 'stretch',\n      width: 'min 20x',\n      radius: '1r',\n      position: 'relative',\n    },\n\n    Shortcut: {\n      display: 'inline',\n      hide: {\n        '': true,\n        ':focus & !error': false,\n      },\n    },\n  },\n});\n\nconst CopyButton = tasty(Button, {\n  type: 'clear',\n  icon: <CopyIcon />,\n  styles: {\n    placeSelf: 'stretch',\n    border: '#clear',\n    shadow: {\n      '': '0 0 0 1ow #purple-03.0 inset',\n      focused: '0 0 0 1ow #purple-03 inset',\n    },\n    radius: {\n      '': '0 1r 1r 0',\n      'multiline | has-scroll': '1r top-right',\n    },\n    height: 'auto',\n    outline: false,\n  },\n});\n\nexport interface CubeCopyPasteBlockProps\n  extends Omit<CubeCardProps, 'onPaste' | 'onCopy'>, PositionStyleProps {\n  padding?: Styles['padding'];\n  /** The code snippet */\n  value?: string;\n  placeholder?: ReactNode;\n  /** The title of the snippet */\n  title?: string;\n  onPaste?: (text: string) => void | Promise<void | string>;\n  onCopy?: () => void;\n  size?: 'small' | 'medium' | 'large';\n}\n\nfunction CopyPasteBlock(\n  allProps: CubeCopyPasteBlockProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    value = '',\n    onPaste,\n    placeholder,\n    title,\n    size = 'medium',\n    ...props\n  } = allProps;\n  const styles = extractStyles(props, POSITION_STYLES);\n\n  const { t } = useI18n();\n  const [error, setError] = useState<string | null>(null);\n  const toast = useToast();\n\n  const { clipboardProps } = useClipboard({\n    async onPaste(items) {\n      let pasted = await Promise.all(\n        items\n          .filter(\n            (item) => item.kind === 'text' && item.types.has('text/plain'),\n          )\n          .map((item) => (item as TextDropItem).getText('text/plain')),\n      );\n      try {\n        await onPaste?.(pasted.join('\\n'));\n      } catch (e) {\n        setError(String(e));\n      }\n    },\n    getItems() {\n      return value\n        ? [\n            {\n              'text/plain': value,\n            },\n          ]\n        : [];\n    },\n    onCopy() {\n      if (value) {\n        toast.success(\n          t('copyPasteBlock.copied', '{{title}} copied', {\n            title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n          }),\n        );\n      }\n    },\n  });\n\n  useTimer({\n    delay: 1000,\n    callback() {\n      setError(null);\n    },\n    isDisabled: !error,\n  });\n\n  async function onCopy() {\n    await copy(value);\n\n    toast.success(\n      t('copyPasteBlock.copied', '{{title}} copied', {\n        title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n      }),\n    );\n  }\n\n  const pristineValue = value.replace(/\\n/, ' ');\n\n  return (\n    <CopyPasteBlockElement\n      ref={ref}\n      mods={{ error: !!error }}\n      data-size={size}\n      styles={styles}\n      tabIndex={0}\n      {...props}\n      {...clipboardProps}\n    >\n      <div data-element=\"Grid\">\n        <StyledBlock\n          data-size={size}\n          mods={{\n            placeholder: !!placeholder || !value,\n          }}\n        >\n          <div data-element=\"Label\">\n            {error != null ? (\n              error || t('copyPasteBlock.invalidData', 'Invalid data')\n            ) : value ? (\n              pristineValue\n            ) : (\n              <>\n                {placeholder\n                  ? placeholder\n                  : t('copyPasteBlock.selectAndPaste', 'Select and paste')}\n              </>\n            )}\n          </div>\n          <span data-element=\"Shortcut\">\n            <kbd>Cmd</kbd> + <kbd>V</kbd>\n          </span>\n        </StyledBlock>\n        {value && !error && (\n          <CopyButton\n            size={size}\n            aria-label={t(\n              'copyPasteBlock.copyToClipboard',\n              'Copy {{title}} to clipboard',\n              {\n                title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n              },\n            )}\n            onPress={onCopy}\n          />\n        )}\n      </div>\n    </CopyPasteBlockElement>\n  );\n}\n\nconst _CopyPasteBlock = forwardRef(CopyPasteBlock);\n\n_CopyPasteBlock.displayName = 'CopyPasteBlock';\n\nexport { _CopyPasteBlock as CopyPasteBlock };\n"],"mappings":"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"}

package/dist/components/content/CopySnippet/CopySnippet.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { Tooltip as _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/Disclosure/Disclosure.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

package/dist/components/content/Divider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/Footer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/Header.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/HotKeys/HotKeys.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { Text as _Text } from "../Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/InfoBadge/InfoBadge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";