@cube-dev/ui-kit 0.182.0 → 0.184.0

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | 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";
@@ -94,34 +94,34 @@ function useContextMenu(Component, defaultTriggerProps, defaultMenuProps) {
 			y: rect.top + rect.height / 2
 		};
 	};
-	const open = useEvent((props = {}, triggerProps, event) => {
+	const open = useEvent((props = {}, triggerProps_0, event_0) => {
 		setupCheck();
 		if (targetRef.current) {
 			if (window.getComputedStyle(targetRef.current).position === "static") targetRef.current.style.position = "relative";
 		}
-		if (event && "preventDefault" in event && typeof event.preventDefault === "function") event.preventDefault();
-		const { x, y } = calculatePosition(event);
+		if (event_0 && "preventDefault" in event_0 && typeof event_0.preventDefault === "function") event_0.preventDefault();
+		const { x, y } = calculatePosition(event_0);
 		setAnchorPosition({
 			x,
 			y
 		});
 		setRuntimeProps(props);
-		setTriggerProps(triggerProps ?? null);
+		setTriggerProps(triggerProps_0 ?? null);
 		setIsOpen(true);
 	});
-	const update = useEvent((props, triggerProps) => {
+	const update = useEvent((props_0, triggerProps_1) => {
 		setupCheck();
-		setRuntimeProps(props);
-		setTriggerProps(triggerProps ?? null);
+		setRuntimeProps(props_0);
+		setTriggerProps(triggerProps_1 ?? null);
 	});
 	const close = useEvent(() => {
 		setIsOpen(false);
 		setAnchorPosition(null);
 	});
-	const onContextMenu = useEvent((event) => {
-		event.preventDefault();
-		if (isOpen) setAnchorPosition(calculatePosition(event));
-		else open(void 0, void 0, event);
+	const onContextMenu = useEvent((event_1) => {
+		event_1.preventDefault();
+		if (isOpen) setAnchorPosition(calculatePosition(event_1));
+		else open(void 0, void 0, event_1);
 	});
 	useEffect(() => {
 		const element = targetRef.current;

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

@@ -1 +1 @@
-{"version":3,"file":"use-context-menu.js","names":["MenuTrigger","mergeProps"],"sources":["../../../src/components/actions/use-context-menu.tsx"],"sourcesContent":["import { Pressable } from '@react-aria/interactions';\nimport {\n  ComponentProps,\n  ComponentType,\n  MouseEvent,\n  PointerEvent,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { VisuallyHidden } from 'react-aria';\nimport { createPortal } from 'react-dom';\n\nimport { useEvent } from '../../_internal';\nimport { useI18n } from '../../i18n';\nimport { generateRandomId } from '../../utils/random';\nimport { mergeProps } from '../../utils/react';\nimport { usePopoverSync } from '../../utils/react/usePopoverSync';\n\nimport { MenuTrigger } from './Menu';\n\ntype NativeMouseEvent = globalThis.MouseEvent;\ntype NativePointerEvent = globalThis.PointerEvent;\n\nexport interface UseContextMenuReturn<\n  E extends HTMLElement = HTMLElement,\n  P extends object = {},\n  T = ComponentProps<typeof MenuTrigger>,\n> {\n  /** Container element that receives context menu events. Attach this ref to your target element. */\n  targetRef: RefObject<E | null>;\n\n  /**\n   * Programmatically opens the menu at the specified coordinates or element center.\n   * Runtime props are merged with the CURRENT `defaultMenuProps` on every render\n   * (runtime props take precedence), so defaults that change while the menu is\n   * open reach it without an `update()` call.\n   *\n   * @param props - Props to pass to the menu component (optional, defaults to defaultMenuProps)\n   * @param triggerProps - Additional props for MenuTrigger (merged with defaultTriggerProps)\n   * @param event - The pointer/mouse event containing coordinates for positioning (optional, centers on element if not provided)\n   */\n  open(\n    props?: P,\n    triggerProps?: T,\n    event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent,\n  ): void;\n\n  /**\n   * Updates the RUNTIME props of the currently open menu without repositioning.\n   * Props are merged over the current `defaultMenuProps`. Only needed for props\n   * the caller owns — `defaultMenuProps` is re-read on every render.\n   */\n  update(props: P, triggerProps?: T): void;\n\n  /** Closes the menu programmatically. */\n  close(): void;\n\n  /** Current open/closed state of the menu. */\n  isOpen: boolean;\n\n  /**\n   * JSX element that must be rendered in your component tree.\n   * Contains the MenuTrigger and positioning logic.\n   * IMPORTANT: Must be placed directly inside the target container (the element with targetRef).\n   */\n  get rendered(): ReactElement | null;\n}\n\n/**\n * Generic hook to manage a context menu component that opens at pointer coordinates.\n *\n * @param Component - A React component that represents the menu content (Menu or CommandMenu).\n * @param defaultTriggerProps - Default props to pass to the MenuTrigger.\n * @param defaultMenuProps - Default props to pass to the Menu component.\n * @returns An object with `targetRef` to attach to the container element, `open` function to open the menu at event coordinates, `close` function to close the menu, and `rendered` JSX element to include in your component tree.\n */\nexport function useContextMenu<\n  E extends HTMLElement = HTMLElement,\n  P extends object = {},\n  T = ComponentProps<typeof MenuTrigger>,\n>(\n  Component: ComponentType<P>,\n  defaultTriggerProps?: Omit<\n    ComponentProps<typeof MenuTrigger>,\n    'children' | 'isOpen' | 'onOpenChange' | 'targetRef'\n  >,\n  defaultMenuProps?: P,\n): UseContextMenuReturn<E, P, T> {\n  const { t } = useI18n();\n  const [isOpen, setIsOpen] = useState(false);\n  /**\n   * The props the CALLER passed to `open()`/`update()`, on their own — never\n   * pre-merged with `defaultMenuProps`.\n   *\n   * Merging at open time snapshotted the defaults, so a consumer that keeps its\n   * menu content IN the defaults (`Tree`'s row menu does: `children` is part of\n   * the third argument) had a menu that was frozen the moment it opened. Items\n   * appearing, disappearing or flipping `isDisabled` while it was open stayed\n   * invisible until it was closed and reopened, and the only workaround was to\n   * mirror every render into an `update()` call. Keeping the overrides alone\n   * lets the merge happen at RENDER time, against the current defaults, while\n   * runtime props still win.\n   */\n  const [runtimeProps, setRuntimeProps] = useState<P | null>(null);\n  const [triggerProps, setTriggerProps] = useState<T | null>(null);\n  const [anchorPosition, setAnchorPosition] = useState<{\n    x: number;\n    y: number;\n  } | null>(null);\n  const targetRef = useRef<E>(null);\n  const invisibleAnchorRef = useRef<HTMLSpanElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const setupRef = useRef(false);\n\n  // Mark the container as a popover trigger so that other open menus' close-on-\n  // outside predicates treat clicks inside it (including programmatic\n  // open buttons rendered alongside a context-menu target) as a legitimate\n  // trigger interaction instead of a generic outside click. This mirrors the\n  // pattern in `useAnchoredMenu`.\n  useEffect(() => {\n    const el = targetRef.current;\n    if (el) {\n      el.dataset.popoverTrigger = '';\n      return () => {\n        delete el.dataset.popoverTrigger;\n      };\n    }\n  }, []);\n\n  // Generate a unique ID for this menu instance\n  const menuId = useMemo(() => generateRandomId(), []);\n\n  // Feed both the context-menu target (`triggerRef`) and the popover\n  // container (`containerRef`) into the sync. The container ref is shared with\n  // the rendered `MenuTrigger` via its `popoverRef` prop — the dummy\n  // `MenuTrigger` opts out of `usePopoverSync` (`enabled: !isDummy`), so\n  // without this the nested-popover guard would have no container to match\n  // against and a `SubMenuTrigger` opened inside this menu would close the\n  // whole menu.\n  usePopoverSync({\n    menuId,\n    isOpen,\n    onClose: () => {\n      setIsOpen(false);\n      setAnchorPosition(null);\n    },\n    triggerRef: targetRef as RefObject<HTMLElement | null>,\n    containerRef: popoverRef,\n  });\n\n  function setupCheck() {\n    if (!setupRef.current) {\n      throw new Error(\n        'useContextMenu: MenuTrigger must be rendered. Use `rendered` property to include it in your component tree.',\n      );\n    }\n  }\n\n  /**\n   * Where to put the invisible anchor, in **viewport** coordinates.\n   *\n   * Viewport rather than container-relative on purpose. The anchor is rendered\n   * into a fixed-position host pinned to the viewport origin (see\n   * `renderedMenu`), so the two agree by construction. Computing coordinates\n   * against the target element while the anchor's containing block was\n   * whichever positioned ancestor happened to enclose `rendered` is what used\n   * to open the menu one ancestor-origin away from the pointer.\n   */\n  const calculatePosition = (\n    event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent,\n  ) => {\n    if (event) {\n      const { clientX = 0, clientY = 0 } = event;\n\n      return { x: clientX, y: clientY };\n    }\n\n    // No event — a keyboard opening, which has no coordinates. Anchor on the\n    // target element's centre instead.\n    const container = targetRef.current;\n\n    if (!container) return { x: 0, y: 0 };\n\n    const rect = container.getBoundingClientRect();\n\n    return { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };\n  };\n\n  // 'open' accepts props, trigger props, and optional event for positioning, then opens the menu\n  const open = useEvent(\n    (\n      props: P = {} as P,\n      triggerProps?: T,\n      event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent,\n    ) => {\n      setupCheck();\n\n      // Ensure the target element can serve as a positioning context for the\n      // invisible target element. If the consumer hasn't explicitly set\n      // `position: relative | absolute | fixed | sticky` we switch it to\n      // `relative` so that absolutely-positioned children are laid out correctly.\n      if (targetRef.current) {\n        const computedStyle = window.getComputedStyle(targetRef.current);\n\n        if (computedStyle.position === 'static') {\n          targetRef.current.style.position = 'relative';\n        }\n      }\n\n      // Prevent default context menu if it's a context menu event\n      if (\n        event &&\n        'preventDefault' in event &&\n        typeof event.preventDefault === 'function'\n      ) {\n        event.preventDefault();\n      }\n\n      const { x, y } = calculatePosition(event);\n      setAnchorPosition({ x, y });\n\n      // Overrides only — `defaultMenuProps` is merged in on render.\n      setRuntimeProps(props);\n      setTriggerProps(triggerProps ?? null);\n      setIsOpen(true);\n    },\n  );\n\n  const update = useEvent((props: P, triggerProps?: T) => {\n    setupCheck();\n\n    setRuntimeProps(props);\n    setTriggerProps(triggerProps ?? null);\n  });\n\n  const close = useEvent(() => {\n    setIsOpen(false);\n    setAnchorPosition(null);\n  });\n\n  // Context menu event handler\n  const onContextMenu = useEvent(\n    (event: MouseEvent | PointerEvent | MouseEvent | PointerEvent) => {\n      event.preventDefault();\n      if (isOpen) {\n        const pos = calculatePosition(event);\n        setAnchorPosition(pos);\n      } else {\n        // No overrides: the defaults are merged in on every render, so\n        // passing them here would freeze the version this right-click saw.\n        open(undefined, undefined, event);\n      }\n    },\n  );\n\n  // Bind the onContextMenu event to targetRef\n  useEffect(() => {\n    const element = targetRef.current;\n    if (!element) return;\n\n    element.addEventListener('contextmenu', onContextMenu as any);\n\n    return () => {\n      element.removeEventListener('contextmenu', onContextMenu as any);\n    };\n  }, [onContextMenu]);\n\n  // Render the menu only when it has been opened at least once\n  const renderedMenu = useMemo(() => {\n    if (!runtimeProps || !anchorPosition) return null;\n\n    // Merged here rather than at open time, so the defaults an open menu\n    // renders are the CURRENT ones. Runtime props still take precedence.\n    const componentProps = defaultMenuProps\n      ? { ...defaultMenuProps, ...runtimeProps }\n      : runtimeProps;\n\n    return (\n      <>\n        {/*\n          Invisible anchor at the click coordinates.\n\n          Two things make those coordinates mean what they say:\n\n          1. A `fixed` host, so the containing block's origin is the viewport\n             rather than whichever positioned ancestor encloses `rendered` — the\n             table root, the tree row — which is what used to open the menu one\n             ancestor-origin away from the pointer.\n          2. A portal to `body`, because `position: fixed` is captured by any\n             ancestor carrying a transform, filter or `will-change`. A\n             virtualized row is usually translated, so the `fixed` host alone\n             would still be anchored to the row.\n        */}\n        {createPortal(\n          <div\n            style={{\n              position: 'fixed',\n              left: 0,\n              top: 0,\n              width: 0,\n              height: 0,\n            }}\n          >\n            <span\n              ref={invisibleAnchorRef}\n              style={{\n                position: 'absolute',\n                left: `${anchorPosition.x}px`,\n                top: `${anchorPosition.y}px`,\n                width: '0px',\n                height: '0px',\n                lineHeight: '0',\n                pointerEvents: 'none',\n                visibility: 'hidden',\n              }}\n            />\n          </div>,\n          document.body,\n        )}\n        <MenuTrigger\n          offset={0}\n          placement={\n            (triggerProps as ComponentProps<typeof MenuTrigger>)?.placement ||\n            defaultTriggerProps?.placement ||\n            'bottom start'\n          }\n          {...mergeProps(defaultTriggerProps, triggerProps || undefined)}\n          isDummy\n          isOpen={isOpen}\n          targetRef={invisibleAnchorRef}\n          popoverRef={popoverRef}\n          onOpenChange={setIsOpen}\n        >\n          <VisuallyHidden>\n            <Pressable>\n              <button\n                aria-label={t(\n                  'contextMenu.openContextMenu',\n                  'Open context menu',\n                )}\n              />\n            </Pressable>\n          </VisuallyHidden>\n          <Component {...componentProps} />\n        </MenuTrigger>\n      </>\n    );\n  }, [\n    runtimeProps,\n    defaultMenuProps,\n    triggerProps,\n    isOpen,\n    defaultTriggerProps,\n    anchorPosition,\n    t,\n  ]);\n\n  return {\n    targetRef,\n    open,\n    update,\n    close,\n    isOpen,\n    get rendered() {\n      setupRef.current = true;\n\n      return renderedMenu;\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-context-menu.js","names":["Pressable","ComponentProps","ComponentType","MouseEvent","PointerEvent","ReactElement","RefObject","useEffect","useMemo","useRef","useState","VisuallyHidden","createPortal","useEvent","useI18n","generateRandomId","mergeProps","usePopoverSync","MenuTrigger","NativeMouseEvent","globalThis","NativePointerEvent","UseContextMenuReturn","HTMLElement","targetRef","E","open","props","P","triggerProps","T","event","update","close","isOpen","rendered","useContextMenu","Component","defaultTriggerProps","Omit","defaultMenuProps","t","setIsOpen","runtimeProps","setRuntimeProps","setTriggerProps","anchorPosition","setAnchorPosition","x","y","invisibleAnchorRef","HTMLSpanElement","popoverRef","HTMLDivElement","setupRef","el","current","dataset","popoverTrigger","menuId","onClose","triggerRef","containerRef","setupCheck","Error","calculatePosition","clientX","clientY","container","rect","getBoundingClientRect","left","width","top","height","computedStyle","window","getComputedStyle","position","style","preventDefault","onContextMenu","pos","undefined","element","addEventListener","removeEventListener","renderedMenu","componentProps","lineHeight","pointerEvents","visibility","document","body","placement"],"sources":["../../../src/components/actions/use-context-menu.tsx"],"sourcesContent":["import { Pressable } from '@react-aria/interactions';\nimport {\n  ComponentProps,\n  ComponentType,\n  MouseEvent,\n  PointerEvent,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { VisuallyHidden } from 'react-aria';\nimport { createPortal } from 'react-dom';\n\nimport { useEvent } from '../../_internal';\nimport { useI18n } from '../../i18n';\nimport { generateRandomId } from '../../utils/random';\nimport { mergeProps } from '../../utils/react';\nimport { usePopoverSync } from '../../utils/react/usePopoverSync';\n\nimport { MenuTrigger } from './Menu';\n\ntype NativeMouseEvent = globalThis.MouseEvent;\ntype NativePointerEvent = globalThis.PointerEvent;\n\nexport interface UseContextMenuReturn<\n  E extends HTMLElement = HTMLElement,\n  P extends object = {},\n  T = ComponentProps<typeof MenuTrigger>,\n> {\n  /** Container element that receives context menu events. Attach this ref to your target element. */\n  targetRef: RefObject<E | null>;\n\n  /**\n   * Programmatically opens the menu at the specified coordinates or element center.\n   * Runtime props are merged with the CURRENT `defaultMenuProps` on every render\n   * (runtime props take precedence), so defaults that change while the menu is\n   * open reach it without an `update()` call.\n   *\n   * @param props - Props to pass to the menu component (optional, defaults to defaultMenuProps)\n   * @param triggerProps - Additional props for MenuTrigger (merged with defaultTriggerProps)\n   * @param event - The pointer/mouse event containing coordinates for positioning (optional, centers on element if not provided)\n   */\n  open(\n    props?: P,\n    triggerProps?: T,\n    event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent,\n  ): void;\n\n  /**\n   * Updates the RUNTIME props of the currently open menu without repositioning.\n   * Props are merged over the current `defaultMenuProps`. Only needed for props\n   * the caller owns — `defaultMenuProps` is re-read on every render.\n   */\n  update(props: P, triggerProps?: T): void;\n\n  /** Closes the menu programmatically. */\n  close(): void;\n\n  /** Current open/closed state of the menu. */\n  isOpen: boolean;\n\n  /**\n   * JSX element that must be rendered in your component tree.\n   * Contains the MenuTrigger and positioning logic.\n   * IMPORTANT: Must be placed directly inside the target container (the element with targetRef).\n   */\n  get rendered(): ReactElement | null;\n}\n\n/**\n * Generic hook to manage a context menu component that opens at pointer coordinates.\n *\n * @param Component - A React component that represents the menu content (Menu or CommandMenu).\n * @param defaultTriggerProps - Default props to pass to the MenuTrigger.\n * @param defaultMenuProps - Default props to pass to the Menu component.\n * @returns An object with `targetRef` to attach to the container element, `open` function to open the menu at event coordinates, `close` function to close the menu, and `rendered` JSX element to include in your component tree.\n */\nexport function useContextMenu<\n  E extends HTMLElement = HTMLElement,\n  P extends object = {},\n  T = ComponentProps<typeof MenuTrigger>,\n>(\n  Component: ComponentType<P>,\n  defaultTriggerProps?: Omit<\n    ComponentProps<typeof MenuTrigger>,\n    'children' | 'isOpen' | 'onOpenChange' | 'targetRef'\n  >,\n  defaultMenuProps?: P,\n): UseContextMenuReturn<E, P, T> {\n  const { t } = useI18n();\n  const [isOpen, setIsOpen] = useState(false);\n  /**\n   * The props the CALLER passed to `open()`/`update()`, on their own — never\n   * pre-merged with `defaultMenuProps`.\n   *\n   * Merging at open time snapshotted the defaults, so a consumer that keeps its\n   * menu content IN the defaults (`Tree`'s row menu does: `children` is part of\n   * the third argument) had a menu that was frozen the moment it opened. Items\n   * appearing, disappearing or flipping `isDisabled` while it was open stayed\n   * invisible until it was closed and reopened, and the only workaround was to\n   * mirror every render into an `update()` call. Keeping the overrides alone\n   * lets the merge happen at RENDER time, against the current defaults, while\n   * runtime props still win.\n   */\n  const [runtimeProps, setRuntimeProps] = useState<P | null>(null);\n  const [triggerProps, setTriggerProps] = useState<T | null>(null);\n  const [anchorPosition, setAnchorPosition] = useState<{\n    x: number;\n    y: number;\n  } | null>(null);\n  const targetRef = useRef<E>(null);\n  const invisibleAnchorRef = useRef<HTMLSpanElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const setupRef = useRef(false);\n\n  // Mark the container as a popover trigger so that other open menus' close-on-\n  // outside predicates treat clicks inside it (including programmatic\n  // open buttons rendered alongside a context-menu target) as a legitimate\n  // trigger interaction instead of a generic outside click. This mirrors the\n  // pattern in `useAnchoredMenu`.\n  useEffect(() => {\n    const el = targetRef.current;\n    if (el) {\n      el.dataset.popoverTrigger = '';\n      return () => {\n        delete el.dataset.popoverTrigger;\n      };\n    }\n  }, []);\n\n  // Generate a unique ID for this menu instance\n  const menuId = useMemo(() => generateRandomId(), []);\n\n  // Feed both the context-menu target (`triggerRef`) and the popover\n  // container (`containerRef`) into the sync. The container ref is shared with\n  // the rendered `MenuTrigger` via its `popoverRef` prop — the dummy\n  // `MenuTrigger` opts out of `usePopoverSync` (`enabled: !isDummy`), so\n  // without this the nested-popover guard would have no container to match\n  // against and a `SubMenuTrigger` opened inside this menu would close the\n  // whole menu.\n  usePopoverSync({\n    menuId,\n    isOpen,\n    onClose: () => {\n      setIsOpen(false);\n      setAnchorPosition(null);\n    },\n    triggerRef: targetRef as RefObject<HTMLElement | null>,\n    containerRef: popoverRef,\n  });\n\n  function setupCheck() {\n    if (!setupRef.current) {\n      throw new Error(\n        'useContextMenu: MenuTrigger must be rendered. Use `rendered` property to include it in your component tree.',\n      );\n    }\n  }\n\n  /**\n   * Where to put the invisible anchor, in **viewport** coordinates.\n   *\n   * Viewport rather than container-relative on purpose. The anchor is rendered\n   * into a fixed-position host pinned to the viewport origin (see\n   * `renderedMenu`), so the two agree by construction. Computing coordinates\n   * against the target element while the anchor's containing block was\n   * whichever positioned ancestor happened to enclose `rendered` is what used\n   * to open the menu one ancestor-origin away from the pointer.\n   */\n  const calculatePosition = (\n    event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent,\n  ) => {\n    if (event) {\n      const { clientX = 0, clientY = 0 } = event;\n\n      return { x: clientX, y: clientY };\n    }\n\n    // No event — a keyboard opening, which has no coordinates. Anchor on the\n    // target element's centre instead.\n    const container = targetRef.current;\n\n    if (!container) return { x: 0, y: 0 };\n\n    const rect = container.getBoundingClientRect();\n\n    return { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };\n  };\n\n  // 'open' accepts props, trigger props, and optional event for positioning, then opens the menu\n  const open = useEvent(\n    (\n      props: P = {} as P,\n      triggerProps?: T,\n      event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent,\n    ) => {\n      setupCheck();\n\n      // Ensure the target element can serve as a positioning context for the\n      // invisible target element. If the consumer hasn't explicitly set\n      // `position: relative | absolute | fixed | sticky` we switch it to\n      // `relative` so that absolutely-positioned children are laid out correctly.\n      if (targetRef.current) {\n        const computedStyle = window.getComputedStyle(targetRef.current);\n\n        if (computedStyle.position === 'static') {\n          targetRef.current.style.position = 'relative';\n        }\n      }\n\n      // Prevent default context menu if it's a context menu event\n      if (\n        event &&\n        'preventDefault' in event &&\n        typeof event.preventDefault === 'function'\n      ) {\n        event.preventDefault();\n      }\n\n      const { x, y } = calculatePosition(event);\n      setAnchorPosition({ x, y });\n\n      // Overrides only — `defaultMenuProps` is merged in on render.\n      setRuntimeProps(props);\n      setTriggerProps(triggerProps ?? null);\n      setIsOpen(true);\n    },\n  );\n\n  const update = useEvent((props: P, triggerProps?: T) => {\n    setupCheck();\n\n    setRuntimeProps(props);\n    setTriggerProps(triggerProps ?? null);\n  });\n\n  const close = useEvent(() => {\n    setIsOpen(false);\n    setAnchorPosition(null);\n  });\n\n  // Context menu event handler\n  const onContextMenu = useEvent(\n    (event: MouseEvent | PointerEvent | MouseEvent | PointerEvent) => {\n      event.preventDefault();\n      if (isOpen) {\n        const pos = calculatePosition(event);\n        setAnchorPosition(pos);\n      } else {\n        // No overrides: the defaults are merged in on every render, so\n        // passing them here would freeze the version this right-click saw.\n        open(undefined, undefined, event);\n      }\n    },\n  );\n\n  // Bind the onContextMenu event to targetRef\n  useEffect(() => {\n    const element = targetRef.current;\n    if (!element) return;\n\n    element.addEventListener('contextmenu', onContextMenu as any);\n\n    return () => {\n      element.removeEventListener('contextmenu', onContextMenu as any);\n    };\n  }, [onContextMenu]);\n\n  // Render the menu only when it has been opened at least once\n  const renderedMenu = useMemo(() => {\n    if (!runtimeProps || !anchorPosition) return null;\n\n    // Merged here rather than at open time, so the defaults an open menu\n    // renders are the CURRENT ones. Runtime props still take precedence.\n    const componentProps = defaultMenuProps\n      ? { ...defaultMenuProps, ...runtimeProps }\n      : runtimeProps;\n\n    return (\n      <>\n        {/*\n          Invisible anchor at the click coordinates.\n\n          Two things make those coordinates mean what they say:\n\n          1. A `fixed` host, so the containing block's origin is the viewport\n             rather than whichever positioned ancestor encloses `rendered` — the\n             table root, the tree row — which is what used to open the menu one\n             ancestor-origin away from the pointer.\n          2. A portal to `body`, because `position: fixed` is captured by any\n             ancestor carrying a transform, filter or `will-change`. A\n             virtualized row is usually translated, so the `fixed` host alone\n             would still be anchored to the row.\n        */}\n        {createPortal(\n          <div\n            style={{\n              position: 'fixed',\n              left: 0,\n              top: 0,\n              width: 0,\n              height: 0,\n            }}\n          >\n            <span\n              ref={invisibleAnchorRef}\n              style={{\n                position: 'absolute',\n                left: `${anchorPosition.x}px`,\n                top: `${anchorPosition.y}px`,\n                width: '0px',\n                height: '0px',\n                lineHeight: '0',\n                pointerEvents: 'none',\n                visibility: 'hidden',\n              }}\n            />\n          </div>,\n          document.body,\n        )}\n        <MenuTrigger\n          offset={0}\n          placement={\n            (triggerProps as ComponentProps<typeof MenuTrigger>)?.placement ||\n            defaultTriggerProps?.placement ||\n            'bottom start'\n          }\n          {...mergeProps(defaultTriggerProps, triggerProps || undefined)}\n          isDummy\n          isOpen={isOpen}\n          targetRef={invisibleAnchorRef}\n          popoverRef={popoverRef}\n          onOpenChange={setIsOpen}\n        >\n          <VisuallyHidden>\n            <Pressable>\n              <button\n                aria-label={t(\n                  'contextMenu.openContextMenu',\n                  'Open context menu',\n                )}\n              />\n            </Pressable>\n          </VisuallyHidden>\n          <Component {...componentProps} />\n        </MenuTrigger>\n      </>\n    );\n  }, [\n    runtimeProps,\n    defaultMenuProps,\n    triggerProps,\n    isOpen,\n    defaultTriggerProps,\n    anchorPosition,\n    t,\n  ]);\n\n  return {\n    targetRef,\n    open,\n    update,\n    close,\n    isOpen,\n    get rendered() {\n      setupRef.current = true;\n\n      return renderedMenu;\n    },\n  };\n}\n"],"mappings":"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"}

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

@@ -1,7 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | 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";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, Element, TEXT_STYLES, filterBaseProps } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -19,24 +20,89 @@ const DEFAULT_STYLES = {
 	transition: "theme"
 };
 const STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];
-function ActiveZone({ as, label, onClick, ...props }, ref) {
-	const isDisabled = props.isDisabled;
-	const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);
+function ActiveZone(t0, ref) {
+	const $ = c(27);
+	let as;
+	let isDisabled;
+	let label;
+	let onClick;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({as, label, onClick, ...props} = t0);
+		isDisabled = props.isDisabled;
+		t1 = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);
+		$[0] = t0;
+		$[1] = as;
+		$[2] = isDisabled;
+		$[3] = label;
+		$[4] = onClick;
+		$[5] = props;
+		$[6] = t1;
+	} else {
+		as = $[1];
+		isDisabled = $[2];
+		label = $[3];
+		onClick = $[4];
+		props = $[5];
+		t1 = $[6];
+	}
+	const styles = t1;
 	const domRef = useFocusableRef(ref);
-	let { hoverProps, isHovered } = useHover({ isDisabled });
-	let { focusProps, isFocused } = useFocus$1({ isDisabled });
-	let { focusableProps } = useFocusable(props, domRef);
-	return /* @__PURE__ */ jsx(Element, {
-		"data-hovered": isHovered && !isDisabled ? "" : null,
-		"data-focused": isFocused && !isDisabled ? "" : null,
-		"data-disabled": isDisabled || null,
-		"aria-label": label,
-		...mergeProps$1(hoverProps, focusProps, focusableProps, { onClick }, filterBaseProps(props, { eventProps: true })),
-		ref: domRef,
-		tabIndex: props.excludeFromTabOrder || isDisabled ? -1 : 0,
-		as,
-		styles
-	});
+	let t2;
+	if ($[7] !== isDisabled) {
+		t2 = { isDisabled };
+		$[7] = isDisabled;
+		$[8] = t2;
+	} else t2 = $[8];
+	const { hoverProps, isHovered } = useHover(t2);
+	let t3;
+	if ($[9] !== isDisabled) {
+		t3 = { isDisabled };
+		$[9] = isDisabled;
+		$[10] = t3;
+	} else t3 = $[10];
+	const { focusProps, isFocused } = useFocus$1(t3);
+	const { focusableProps } = useFocusable(props, domRef);
+	const t4 = isHovered && !isDisabled ? "" : null;
+	const t5 = isFocused && !isDisabled ? "" : null;
+	const t6 = isDisabled || null;
+	let t7;
+	if ($[11] !== focusProps || $[12] !== focusableProps || $[13] !== hoverProps || $[14] !== onClick || $[15] !== props) {
+		t7 = mergeProps$1(hoverProps, focusProps, focusableProps, { onClick }, filterBaseProps(props, { eventProps: true }));
+		$[11] = focusProps;
+		$[12] = focusableProps;
+		$[13] = hoverProps;
+		$[14] = onClick;
+		$[15] = props;
+		$[16] = t7;
+	} else t7 = $[16];
+	const t8 = props.excludeFromTabOrder || isDisabled ? -1 : 0;
+	let t9;
+	if ($[17] !== as || $[18] !== domRef || $[19] !== label || $[20] !== styles || $[21] !== t4 || $[22] !== t5 || $[23] !== t6 || $[24] !== t7 || $[25] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Element, {
+			"data-hovered": t4,
+			"data-focused": t5,
+			"data-disabled": t6,
+			"aria-label": label,
+			...t7,
+			ref: domRef,
+			tabIndex: t8,
+			as,
+			styles
+		});
+		$[17] = as;
+		$[18] = domRef;
+		$[19] = label;
+		$[20] = styles;
+		$[21] = t4;
+		$[22] = t5;
+		$[23] = t6;
+		$[24] = t7;
+		$[25] = t8;
+		$[26] = t9;
+	} else t9 = $[26];
+	return t9;
 }
 const _ActiveZone = forwardRef(ActiveZone);
 _ActiveZone.displayName = "ActiveZone";

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

@@ -1 +1 @@
-{"version":3,"file":"ActiveZone.js","names":["useFocus","mergeProps"],"sources":["../../../../src/components/content/ActiveZone/ActiveZone.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  BaseStyleProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Element,\n  filterBaseProps,\n  Styles,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef, MouseEventHandler } from 'react';\nimport { FocusableOptions, useFocusable, useHover } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { extractStyles } from '../../../utils/styles';\n\nexport interface CubeActiveZoneProps\n  extends BaseProps,\n    BaseStyleProps,\n    ContainerStyleProps,\n    TextStyleProps,\n    FocusableOptions {\n  label?: string;\n  onClick?: MouseEventHandler;\n}\n\nconst DEFAULT_STYLES: Styles = {\n  display: 'inline-grid',\n  position: 'relative',\n  opacity: {\n    '': 1,\n    disabled: 0.4,\n  },\n  transition: 'theme',\n} as const;\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nfunction ActiveZone(\n  { as, label, onClick, ...props }: CubeActiveZoneProps,\n  ref,\n) {\n  const isDisabled = props.isDisabled;\n  const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);\n  const domRef = useFocusableRef(ref);\n\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  let { focusProps, isFocused } = useFocus({ isDisabled });\n  let { focusableProps } = useFocusable(props, domRef);\n\n  return (\n    <Element\n      data-hovered={isHovered && !isDisabled ? '' : null}\n      data-focused={isFocused && !isDisabled ? '' : null}\n      data-disabled={isDisabled || null}\n      aria-label={label}\n      {...mergeProps(\n        hoverProps,\n        focusProps,\n        focusableProps,\n        { onClick },\n        filterBaseProps(props, { eventProps: true }),\n      )}\n      ref={domRef}\n      tabIndex={props.excludeFromTabOrder || isDisabled ? -1 : 0}\n      as={as}\n      styles={styles}\n    />\n  );\n}\n\nconst _ActiveZone = forwardRef(ActiveZone);\n\n_ActiveZone.displayName = 'ActiveZone';\n\nexport { _ActiveZone as ActiveZone };\n"],"mappings":";;;;;;;;;;;AA6BA,MAAM,iBAAyB;CAC7B,SAAS;CACT,UAAU;CACV,SAAS;EACP,IAAI;EACJ,UAAU;EACX;CACD,YAAY;CACb;AAED,MAAM,cAAc,CAAC,GAAG,kBAAkB,GAAG,YAAY;AAEzD,SAAS,WACP,EAAE,IAAI,OAAO,SAAS,GAAG,SACzB,KACA;CACA,MAAM,aAAa,MAAM;CACzB,MAAM,SAAS,cAAc,OAAO,aAAa,eAAe;CAChE,MAAM,SAAS,gBAAgB,IAAI;CAEnC,IAAI,EAAE,YAAY,cAAc,SAAS,EAAE,YAAY,CAAC;CACxD,IAAI,EAAE,YAAY,cAAcA,WAAS,EAAE,YAAY,CAAC;CACxD,IAAI,EAAE,mBAAmB,aAAa,OAAO,OAAO;AAEpD,QACE,oBAAC;EACC,gBAAc,aAAa,CAAC,aAAa,KAAK;EAC9C,gBAAc,aAAa,CAAC,aAAa,KAAK;EAC9C,iBAAe,cAAc;EAC7B,cAAY;EACZ,GAAIC,aACF,YACA,YACA,gBACA,EAAE,SAAS,EACX,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC,CAC7C;EACD,KAAK;EACL,UAAU,MAAM,uBAAuB,aAAa,KAAK;EACrD;EACI;GACR;;AAIN,MAAM,cAAc,WAAW,WAAW;AAE1C,YAAY,cAAc"}
+{"version":3,"file":"ActiveZone.js","names":["useFocusableRef","BaseProps","BaseStyleProps","CONTAINER_STYLES","ContainerStyleProps","Element","filterBaseProps","Styles","TEXT_STYLES","TextStyleProps","forwardRef","MouseEventHandler","FocusableOptions","useFocusable","useHover","mergeProps","useFocus","extractStyles","CubeActiveZoneProps","label","onClick","DEFAULT_STYLES","display","position","opacity","disabled","transition","const","STYLE_PROPS","ActiveZone","t0","ref","$","_c","as","isDisabled","props","t1","styles","domRef","t2","hoverProps","isHovered","t3","focusProps","isFocused","focusableProps","t4","t5","t6","t7","eventProps","t8","excludeFromTabOrder","t9","_ActiveZone","displayName"],"sources":["../../../../src/components/content/ActiveZone/ActiveZone.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  BaseStyleProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Element,\n  filterBaseProps,\n  Styles,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef, MouseEventHandler } from 'react';\nimport { FocusableOptions, useFocusable, useHover } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { extractStyles } from '../../../utils/styles';\n\nexport interface CubeActiveZoneProps\n  extends BaseProps,\n    BaseStyleProps,\n    ContainerStyleProps,\n    TextStyleProps,\n    FocusableOptions {\n  label?: string;\n  onClick?: MouseEventHandler;\n}\n\nconst DEFAULT_STYLES: Styles = {\n  display: 'inline-grid',\n  position: 'relative',\n  opacity: {\n    '': 1,\n    disabled: 0.4,\n  },\n  transition: 'theme',\n} as const;\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nfunction ActiveZone(\n  { as, label, onClick, ...props }: CubeActiveZoneProps,\n  ref,\n) {\n  const isDisabled = props.isDisabled;\n  const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);\n  const domRef = useFocusableRef(ref);\n\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  let { focusProps, isFocused } = useFocus({ isDisabled });\n  let { focusableProps } = useFocusable(props, domRef);\n\n  return (\n    <Element\n      data-hovered={isHovered && !isDisabled ? '' : null}\n      data-focused={isFocused && !isDisabled ? '' : null}\n      data-disabled={isDisabled || null}\n      aria-label={label}\n      {...mergeProps(\n        hoverProps,\n        focusProps,\n        focusableProps,\n        { onClick },\n        filterBaseProps(props, { eventProps: true }),\n      )}\n      ref={domRef}\n      tabIndex={props.excludeFromTabOrder || isDisabled ? -1 : 0}\n      as={as}\n      styles={styles}\n    />\n  );\n}\n\nconst _ActiveZone = forwardRef(ActiveZone);\n\n_ActiveZone.displayName = 'ActiveZone';\n\nexport { _ActiveZone as ActiveZone };\n"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -41,13 +42,23 @@ const AlertElement = tasty({
 	}
 });
 const Alert = forwardRef(function Alert(props, ref) {
+	const $ = c(5);
 	const { styles, mods, filteredProps } = useAlert(props);
-	return /* @__PURE__ */ jsx(AlertElement, {
-		...filteredProps,
-		ref,
-		mods,
-		styles
-	});
+	let t0;
+	if ($[0] !== filteredProps || $[1] !== mods || $[2] !== ref || $[3] !== styles) {
+		t0 = /* @__PURE__ */ jsx(AlertElement, {
+			...filteredProps,
+			ref,
+			mods,
+			styles
+		});
+		$[0] = filteredProps;
+		$[1] = mods;
+		$[2] = ref;
+		$[3] = styles;
+		$[4] = t0;
+	} else t0 = $[4];
+	return t0;
 });
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["THEMES"],"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      'type=disabled': THEMES.disabled.color,\n    },\n    fill: {\n      '': '#clear',\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      ...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,MAAM,eAAe,MAAM;CACzB,MAAM;CACN,MAAM;CACN,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,QAAQ;GACN,IAAI;GACJ,eAAe;GAChB;EACD,SAAS;EACT,QAAQ;EACR,OAAO;GACL,IAAI;GACJ,iBAAiBA,eAAO,SAAS;GAClC;EACD,MAAM;GACJ,IAAI;GACJ,GAAG,OAAO,KAAKA,eAAO,CAAC,QAAQ,KAAK,SAAS;AAC3C,QAAI,QAAQ,UAAUA,eAAO,MAAM;AAEnC,WAAO;MACN,EAAE,CAAC;GACP;EACD,QAAQ;GACN,IAAI;GACJ,GAAG,OAAO,KAAKA,eAAO,CAAC,QAAQ,KAAK,SAAS;AAC3C,QAAI,QAAQ,UAAUA,eAAO,MAAM;AAEnC,WAAO;MACN,EAAE,CAAC;GACN,eAAe;GAChB;EACF;CACF,CAAC;AAEF,MAAa,QAAQ,WAAW,SAAS,MACvC,OACA,KACA;CACA,MAAM,EAAE,QAAQ,MAAM,kBAAkB,SAAS,MAAM;AAEvD,QACE,oBAAC;EAAa,GAAI;EAAoB;EAAW;EAAc;GAAU;EAE3E"}
+{"version":3,"file":"Alert.js","names":["tasty","ForwardedRef","forwardRef","THEMES","CubeAlertProps","useAlert","AlertElement","name","role","qa","styles","display","flow","radius","padding","preset","color","disabled","fill","Object","keys","reduce","map","type","border","Alert","props","ref","$","_c","mods","filteredProps","t0"],"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      'type=disabled': THEMES.disabled.color,\n    },\n    fill: {\n      '': '#clear',\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      ...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;GAChB;EACDC,SAAS;EACTC,QAAQ;EACRC,OAAO;GACL,IAAI;GACJ,iBAAiBb,eAAOc,SAASD;GAClC;EACDE,MAAM;GACJ,IAAI;GACJ,GAAGC,OAAOC,KAAKjB,eAAO,CAACkB,QAAQC,KAAKC,SAAS;AAC3CD,QAAI,QAAQC,UAAUpB,eAAOoB,MAAML;AAEnC,WAAOI;MACN,EAAE,CAAA;GACN;EACDE,QAAQ;GACN,IAAI;GACJ,GAAGL,OAAOC,KAAKjB,eAAO,CAACkB,QAAQC,KAAKC,SAAS;AAC3CD,QAAI,QAAQC,UAAUpB,eAAOoB,MAAMC;AAEnC,WAAOF;MACN,EAAE,CAAC;GACN,eAAe;GACjB;EACF;CACD,CAAC;AAEF,MAAaG,QAAQvB,WAAW,SAAAuB,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAI9B,MAAA,EAAAnB,QAAAoB,MAAAC,kBAAwC1B,SAASqB,MAAM;CAAC,IAAAM;AAAA,KAAAJ,EAAA,OAAAG,iBAAAH,EAAA,OAAAE,QAAAF,EAAA,OAAAD,OAAAC,EAAA,OAAAlB,QAAA;AAGtDsB,OAAA,oBAAC;GAAY,GAAKD;GAAoBJ;GAAWG;GAAcpB;IAAU;AAAAkB,IAAA,KAAAG;AAAAH,IAAA,KAAAE;AAAAF,IAAA,KAAAD;AAAAC,IAAA,KAAAlB;AAAAkB,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QAAzEI;EAEF"}

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

@@ -1,27 +1,65 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps } from "@tenphi/tasty";
 
 //#region src/components/content/Alert/use-alert.ts
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
 function useAlert(props) {
-	const { type, isDisabled = false, theme, shape = "card", mods } = props;
-	const styles = extractStyles(props, STYLE_LIST);
-	useDeprecationWarning(typeof type === "undefined", {
-		property: "type",
-		name: "Alert",
-		betterAlternative: "theme"
-	});
-	return {
-		styles,
-		mods: {
+	const $ = c(13);
+	const { type, isDisabled: t0, theme, shape: t1, mods } = props;
+	const isDisabled = t0 === void 0 ? false : t0;
+	const shape = t1 === void 0 ? "card" : t1;
+	let t2;
+	if ($[0] !== props) {
+		t2 = extractStyles(props, STYLE_LIST);
+		$[0] = props;
+		$[1] = t2;
+	} else t2 = $[1];
+	const styles = t2;
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
+			property: "type",
+			name: "Alert",
+			betterAlternative: "theme"
+		};
+		$[2] = t3;
+	} else t3 = $[2];
+	useDeprecationWarning(typeof type === "undefined", t3);
+	const _theme = isDisabled ? "disabled" : theme ?? type ?? "note";
+	let t4;
+	if ($[3] !== _theme || $[4] !== mods || $[5] !== shape) {
+		t4 = {
 			shape,
-			type: isDisabled ? "disabled" : theme ?? type ?? "note",
+			type: _theme,
 			...mods
-		},
-		filteredProps: filterBaseProps(props, { 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;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"use-alert.js","names":[],"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,MAAM,aAAa,CAAC,GAAG,kBAAkB,GAAG,YAAY;AAExD,SAAgB,SAAS,OAAuB;CAC9C,MAAM,EAAE,MAAM,aAAa,OAAO,OAAO,QAAQ,QAAQ,SAAS;CAElE,MAAM,SAAS,cAAc,OAAO,WAAW;AAE/C,uBAAsB,OAAO,SAAS,aAAa;EACjD,UAAU;EACV,MAAM;EACN,mBAAmB;EACpB,CAAC;AAIF,QAAO;EACL;EACA,MAAM;GACJ;GACA,MANW,aAAa,aAAa,SAAS,QAAQ;GAOtD,GAAG;GACJ;EACD,eAAe,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC5D"}
+{"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"],"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,YAAY;AAExD,SAAOM,SAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,MAAAC,YAAAC,IAAAC,OAAAC,OAAAC,IAAAC,SAAkET;CAApD,MAAAI,aAAAC,OAAAK,SAAA,QAAAL;CAA2B,MAAAE,QAAAC,OAAAE,SAAA,SAAAF;CAAc,IAAAG;AAAA,KAAAV,EAAA,OAAAD,OAAA;AAExCW,OAAAhB,cAAcK,OAAOH,WAAW;AAAAI,IAAA,KAAAD;AAAAC,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAA/C,MAAAW,SAAeD;CAAiC,IAAAE;AAAA,KAAAZ,EAAA,OAAAa,OAAAC,IAAA,4BAAA,EAAA;AAEGF,OAAA;GAAAG,UACvC;GAAMC,MACV;GAAOC,mBACM;GACpB;AAAAjB,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;AAJDP,uBAAsB,OAAOS,SAAS,aAAaU,GAIjD;CAEF,MAAAM,SAAef,aAAA,aAA0BE,SAAAH,QAAA;CAAwB,IAAAiB;AAAA,KAAAnB,EAAA,OAAAkB,UAAAlB,EAAA,OAAAQ,QAAAR,EAAA,OAAAM,OAAA;AAIzDa,OAAA;GAAAb;GAAAJ,MAEEgB;GAAM,GACTV;GACJ;AAAAR,IAAA,KAAAkB;AAAAlB,IAAA,KAAAQ;AAAAR,IAAA,KAAAM;AAAAN,IAAA,KAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,OAAAD,OAAA;AACcqB,OAAA7B,gBAAgBQ,OAAO,EAAAsB,YAAc,MAAM,CAAC;AAAArB,IAAA,KAAAD;AAAAC,IAAA,KAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,OAAAW,UAAAX,EAAA,QAAAmB,MAAAnB,EAAA,QAAAoB,IAAA;AAPtDE,OAAA;GAAAX;GAAAH,MAECW;GAILI,eACcH;GAChB;AAAApB,IAAA,KAAAW;AAAAX,IAAA,MAAAmB;AAAAnB,IAAA,MAAAoB;AAAApB,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;AAAA,QARMsB"}

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

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsxs } from "react/jsx-runtime";
@@ -19,18 +20,55 @@ const DEFAULT_STYLES = {
 	lineHeight: "calc($avatar-size / 2)",
 	fontWeight: 500
 };
-const Avatar = forwardRef(function Avatar({ size = "4x", icon, children, ...props }, ref) {
-	const styles = extractStyles(props, CONTAINER_STYLES, {
-		...DEFAULT_STYLES,
-		"--avatar-size": size
-	});
-	return /* @__PURE__ */ jsxs(Element, {
-		...filterBaseProps(props, { eventProps: true }),
-		ref,
-		styles,
-		"data-theme": "special",
-		children: [icon, children]
-	});
+const Avatar = forwardRef(function Avatar(t0, ref) {
+	const $ = c(13);
+	let T0;
+	let children;
+	let icon;
+	let styles;
+	let t1;
+	if ($[0] !== t0) {
+		const { size: t2, icon: t3, children: t4, ...props } = t0;
+		icon = t3;
+		children = t4;
+		const size = t2 === void 0 ? "4x" : t2;
+		styles = extractStyles(props, CONTAINER_STYLES, {
+			...DEFAULT_STYLES,
+			"--avatar-size": size
+		});
+		T0 = Element;
+		t1 = filterBaseProps(props, { eventProps: true });
+		$[0] = t0;
+		$[1] = T0;
+		$[2] = children;
+		$[3] = icon;
+		$[4] = styles;
+		$[5] = t1;
+	} else {
+		T0 = $[1];
+		children = $[2];
+		icon = $[3];
+		styles = $[4];
+		t1 = $[5];
+	}
+	let t2;
+	if ($[6] !== T0 || $[7] !== children || $[8] !== icon || $[9] !== ref || $[10] !== styles || $[11] !== t1) {
+		t2 = /* @__PURE__ */ jsxs(T0, {
+			...t1,
+			ref,
+			styles,
+			"data-theme": "special",
+			children: [icon, children]
+		});
+		$[6] = T0;
+		$[7] = children;
+		$[8] = icon;
+		$[9] = ref;
+		$[10] = styles;
+		$[11] = t1;
+		$[12] = t2;
+	} else t2 = $[12];
+	return t2;
 });
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":[],"sources":["../../../../src/components/content/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Element,\n  filterBaseProps,\n  Styles,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\n\nimport { extractStyles } from '../../../utils/styles';\n\nconst DEFAULT_STYLES = {\n  display: 'grid',\n  gap: '1x',\n  flow: 'row',\n  fill: '#primary',\n  color: '#white',\n  radius: 'round',\n  placeContent: 'center',\n  width: '$avatar-size $avatar-size $avatar-size',\n  height: '$avatar-size $avatar-size $avatar-size',\n  fontSize: 'calc($avatar-size / 2)',\n  lineHeight: 'calc($avatar-size / 2)',\n  fontWeight: 500,\n};\n\nexport interface CubeAvatarProps extends BaseProps, ContainerStyleProps {\n  icon?: ReactNode;\n  size?: Styles['size'];\n}\n\nexport const Avatar = forwardRef(function Avatar(\n  { size = '4x', icon, children, ...props }: CubeAvatarProps,\n  ref,\n) {\n  const styles = extractStyles(props, CONTAINER_STYLES, {\n    ...DEFAULT_STYLES,\n    '--avatar-size': size,\n  });\n\n  return (\n    <Element\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n      data-theme=\"special\"\n    >\n      {icon}\n      {children}\n    </Element>\n  );\n});\n"],"mappings":";;;;;;;AAYA,MAAM,iBAAiB;CACrB,SAAS;CACT,KAAK;CACL,MAAM;CACN,MAAM;CACN,OAAO;CACP,QAAQ;CACR,cAAc;CACd,OAAO;CACP,QAAQ;CACR,UAAU;CACV,YAAY;CACZ,YAAY;CACb;AAOD,MAAa,SAAS,WAAW,SAAS,OACxC,EAAE,OAAO,MAAM,MAAM,UAAU,GAAG,SAClC,KACA;CACA,MAAM,SAAS,cAAc,OAAO,kBAAkB;EACpD,GAAG;EACH,iBAAiB;EAClB,CAAC;AAEF,QACE,qBAAC;EACC,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;EACR,cAAW;aAEV,MACA;GACO;EAEZ"}
+{"version":3,"file":"Avatar.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","Element","filterBaseProps","Styles","forwardRef","ReactNode","extractStyles","DEFAULT_STYLES","display","gap","flow","fill","color","radius","placeContent","width","height","fontSize","lineHeight","fontWeight","CubeAvatarProps","icon","size","Avatar","t0","ref","$","_c","T0","children","styles","t1","t2","t3","t4","props","undefined","eventProps"],"sources":["../../../../src/components/content/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Element,\n  filterBaseProps,\n  Styles,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\n\nimport { extractStyles } from '../../../utils/styles';\n\nconst DEFAULT_STYLES = {\n  display: 'grid',\n  gap: '1x',\n  flow: 'row',\n  fill: '#primary',\n  color: '#white',\n  radius: 'round',\n  placeContent: 'center',\n  width: '$avatar-size $avatar-size $avatar-size',\n  height: '$avatar-size $avatar-size $avatar-size',\n  fontSize: 'calc($avatar-size / 2)',\n  lineHeight: 'calc($avatar-size / 2)',\n  fontWeight: 500,\n};\n\nexport interface CubeAvatarProps extends BaseProps, ContainerStyleProps {\n  icon?: ReactNode;\n  size?: Styles['size'];\n}\n\nexport const Avatar = forwardRef(function Avatar(\n  { size = '4x', icon, children, ...props }: CubeAvatarProps,\n  ref,\n) {\n  const styles = extractStyles(props, CONTAINER_STYLES, {\n    ...DEFAULT_STYLES,\n    '--avatar-size': size,\n  });\n\n  return (\n    <Element\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n      data-theme=\"special\"\n    >\n      {icon}\n      {children}\n    </Element>\n  );\n});\n"],"mappings":";;;;;;;;AAYA,MAAMS,iBAAiB;CACrBC,SAAS;CACTC,KAAK;CACLC,MAAM;CACNC,MAAM;CACNC,OAAO;CACPC,QAAQ;CACRC,cAAc;CACdC,OAAO;CACPC,QAAQ;CACRC,UAAU;CACVC,YAAY;CACZC,YAAY;CACb;AAOD,MAAaI,SAASnB,WAAW,SAAAmB,OAAAC,IAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAR;CAAA,IAAAS;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAF,IAAA;EAC/B,MAAA,EAAAF,MAAAU,IAAAX,MAAAY,IAAAJ,UAAAK,IAAA,GAAAC,UAAAX;AAAAH,SAAAY;AAAAJ,aAAAK;EAAE,MAAAZ,OAAAU,OAAAI,SAAA,OAAAJ;AAGFF,WAAexB,cAAc6B,OAAOpC,kBAAkB;GAAA,GACjDQ;GAAc,iBACAe;GAClB,CAAC;AAGCM,OAAA3B;AACK8B,OAAA7B,gBAAgBiC,OAAO,EAAAE,YAAc,MAAM,CAAC;AAAAX,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAL;AAAAK,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAH,OAAAF,EAAA;AAAAG,aAAAH,EAAA;AAAAL,SAAAK,EAAA;AAAAI,WAAAJ,EAAA;AAAAK,OAAAL,EAAA;;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAE,MAAAF,EAAA,OAAAG,YAAAH,EAAA,OAAAL,QAAAK,EAAA,OAAAD,OAAAC,EAAA,QAAAI,UAAAJ,EAAA,QAAAK,IAAA;AADlDC,OAAA,qBAAC;GAAO,GACFD;GACCN;GACGK;GACG,cAAA;cAEVT,MACAQ;IACO;AAAAH,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAL;AAAAK,IAAA,KAAAD;AAAAC,IAAA,MAAAI;AAAAJ,IAAA,MAAAK;AAAAL,IAAA,MAAAM;OAAAA,MAAAN,EAAA;AAAA,QARVM;EAUF"}

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

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -39,16 +40,48 @@ const BadgeElement = tasty(_Item, {
 	}
 });
 function Badge(allProps, ref) {
-	let { type, theme = "special", children, size = "inline", ...props } = allProps;
+	const $ = c(12);
+	let children;
+	let props;
+	let t0;
+	let t1;
+	let type;
+	if ($[0] !== allProps) {
+		({type, theme: t0, children, size: t1, ...props} = allProps);
+		$[0] = allProps;
+		$[1] = children;
+		$[2] = props;
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = type;
+	} else {
+		children = $[1];
+		props = $[2];
+		t0 = $[3];
+		t1 = $[4];
+		type = $[5];
+	}
+	const theme = t0 === void 0 ? "special" : t0;
+	const size = t1 === void 0 ? "inline" : t1;
 	const badgeTheme = theme ?? type;
-	return /* @__PURE__ */ jsx(BadgeElement, {
-		ref,
-		size,
-		"data-type": "primary",
-		"data-theme": badgeTheme,
-		...props,
-		children
-	});
+	let t2;
+	if ($[6] !== badgeTheme || $[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== size) {
+		t2 = /* @__PURE__ */ jsx(BadgeElement, {
+			ref,
+			size,
+			"data-type": "primary",
+			"data-theme": badgeTheme,
+			...props,
+			children
+		});
+		$[6] = badgeTheme;
+		$[7] = children;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = size;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
 }
 const _Badge = forwardRef(Badge);
 _Badge.displayName = "Badge";

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["THEMES","Item"],"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: '#white',\n    fill: {\n      '': '#primary',\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,MAAM,cAAc,OAAO,KAAKA,eAAO,CAAC,QAAQ,KAAK,SAAS;AAC5D,KAAI,SAAS,UACX,SAAS,YAAYA,eAAO,MAAM,OAAOA,eAAO,MAAM;AAExD,QAAO;GACN,EAAE,CAAC;AAEN,MAAM,eAAe,MAAMC,OAAM;CAC/B,IAAI;CACJ,MAAM;CACN,MAAM;CACN,QAAQ;EACN,QAAQ;EACR,OAAO;EACP,MAAM;GACJ,IAAI;GACJ,GAAG;GACJ;EACD,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EACD,QAAQ,EAEN,gBAAgB,UACjB;EAED,mBAAmB;GACjB,IAAI;GACJ,eAAe;GAChB;EAED,OAAO;GACL,WAAW;GACX,WAAW;GACZ;EACF;CACF,CAAC;AAQF,SAAS,MAAM,UAA0B,KAAK;CAC5C,IAAI,EACF,MACA,QAAQ,WACR,UACA,OAAO,UACP,GAAG,UACD;CAEJ,MAAM,aAAa,SAAS;AAE5B,QACE,oBAAC;EACM;EACC;EACN,aAAU;EACV,cAAY;EACZ,GAAI;EAEH;GACY;;AAInB,MAAM,SAAS,WAAW,MAAM;AAEhC,OAAO,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","Label","textAlign","placeSelf","CubeBadgeProps","theme","Badge","allProps","ref","$","_c","children","props","t0","t1","undefined","badgeTheme","t2","_Badge","displayName"],"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: '#white',\n    fill: {\n      '': '#primary',\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,eAAO,CAACM,QAAQC,KAAKC,SAAS;AAC5DD,KAAI,SAASC,UACXA,SAAS,YAAYR,eAAOQ,MAAMC,OAAOT,eAAOQ,MAAME;AAExD,QAAOH;GACN,EAAE,CAAC;AAEN,MAAMI,eAAeb,MAAMI,OAAM;CAC/BU,IAAI;CACJC,MAAM;CACNC,MAAM;CACNC,QAAQ;EACNC,QAAQ;EACRN,OAAO;EACPD,MAAM;GACJ,IAAI;GACJ,GAAGN;GACJ;EACDc,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EACDC,QAAQ,EAEN,gBAAgB,UACjB;EAED,mBAAmB;GACjB,IAAI;GACJ,eAAe;GAChB;EAEDC,OAAO;GACLC,WAAW;GACXC,WAAW;GACb;EACF;CACD,CAAC;AAQF,SAAAG,MAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAxB;AAAA,KAAAmB,EAAA,OAAAF,UAAA;AACE,GAAA,CAAAjB,MAAAe,OAAAQ,IAAAF,UAAAf,MAAAkB,OAAAF,SAMIL;AAASE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAnB;QAAA;AAAAqB,aAAAF,EAAA;AAAAG,UAAAH,EAAA;AAAAI,OAAAJ,EAAA;AAAAK,OAAAL,EAAA;AAAAnB,SAAAmB,EAAA;;CAJX,MAAAJ,QAAAQ,OAAAE,SAAA,YAAAF;CAEA,MAAAjB,OAAAkB,OAAAC,SAAA,WAAAD;CAIF,MAAAE,aAAmBX,SAAAf;CAAc,IAAA2B;AAAA,KAAAR,EAAA,OAAAO,cAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,SAAAH,EAAA,OAAAD,OAAAC,EAAA,QAAAb,MAAA;AAG/BqB,OAAA,oBAAC;GACMT;GACCZ;GACI,aAAA;GACEoB,cAAAA;GAAU,GAClBJ;GAEHD;IACY;AAAAF,IAAA,KAAAO;AAAAP,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAD;AAAAC,IAAA,MAAAb;AAAAa,IAAA,MAAAQ;OAAAA,MAAAR,EAAA;AAAA,QARfQ;;AAYJ,MAAMC,SAASrC,WAAWyB,MAAM;AAEhCY,OAAOC,cAAc"}