@refraction-ui/react 0.21.0 → 0.23.0

package/dist/react-dropdown-menu.js

@@ -6,7 +6,7 @@ import {
   cva,
   devWarn,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-dropdown-menu/dist/index.js
 import * as React from "react";
@@ -138,11 +138,13 @@ function DropdownMenu({
     apiRef.current = createDropdownMenu({ open });
   }
   const api = apiRef.current;
+  const triggerRef = React.useRef(null);
   const ctx = React.useMemo(
     () => ({
       open,
       onOpenChange: handleOpenChange,
-      contentId: api.ids.content
+      contentId: api.ids.content,
+      triggerRef
     }),
     [open, handleOpenChange, api.ids.content]
   );
@@ -150,7 +152,12 @@ function DropdownMenu({
 }
 var DropdownMenuTrigger = React.forwardRef(
   function DropdownMenuTrigger2({ asChild = false, onClick, children, ...props }, ref) {
-    const { open, onOpenChange, contentId } = useDropdownMenuContext();
+    const { open, onOpenChange, contentId, triggerRef } = useDropdownMenuContext();
+    const setRefs = (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    };
     const handleClick = (e) => {
       onOpenChange(!open);
       onClick?.(e);
@@ -181,20 +188,63 @@ var DropdownMenuTrigger = React.forwardRef(
           if (!e.defaultPrevented) handleClick(e);
         },
         ref: (node) => {
-          if (typeof ref === "function") ref(node);
-          else if (ref) ref.current = node;
+          setRefs(node);
           if (typeof childRef === "function") childRef(node);
           else if (childRef) childRef.current = node;
         }
       };
       return React.cloneElement(child, mergedProps);
     }
-    return React.createElement("button", { ref, ...triggerProps }, children);
+    return React.createElement("button", { ref: setRefs, ...triggerProps }, children);
   }
 );
+var DEFAULT_SIDE_OFFSET = 4;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+function computeMenuPosition(trigger, contentWidth, align, sideOffset) {
+  const left = align === "end" ? trigger.right - contentWidth : align === "center" ? trigger.left + trigger.width / 2 - contentWidth / 2 : trigger.left;
+  return { position: "fixed", top: trigger.bottom + sideOffset, left: Math.max(0, left), minWidth: trigger.width };
+}
 var DropdownMenuContent = React.forwardRef(
-  function DropdownMenuContent2({ className, children, onKeyDown, ...props }, ref) {
-    const { open, onOpenChange, contentId } = useDropdownMenuContext();
+  function DropdownMenuContent2({ className, children, onKeyDown, align = "start", sideOffset = DEFAULT_SIDE_OFFSET, style, ...props }, forwardedRef) {
+    const { open, onOpenChange, contentId, triggerRef } = useDropdownMenuContext();
+    const contentRef = React.useRef(null);
+    const ref = React.useCallback(
+      (node) => {
+        contentRef.current = node;
+        if (typeof forwardedRef === "function") forwardedRef(node);
+        else if (forwardedRef) forwardedRef.current = node;
+      },
+      [forwardedRef]
+    );
+    const [position, setPosition] = React.useState(null);
+    useIsomorphicLayoutEffect(() => {
+      if (!open) return;
+      const update = () => {
+        const trigger = triggerRef.current;
+        const content2 = contentRef.current;
+        if (!trigger) return;
+        setPosition(
+          computeMenuPosition(trigger.getBoundingClientRect(), content2?.offsetWidth ?? 0, align, sideOffset)
+        );
+      };
+      update();
+      window.addEventListener("resize", update);
+      window.addEventListener("scroll", update, true);
+      return () => {
+        window.removeEventListener("resize", update);
+        window.removeEventListener("scroll", update, true);
+      };
+    }, [open, align, sideOffset, triggerRef]);
+    React.useEffect(() => {
+      if (!open) return;
+      const onPointerDown = (event) => {
+        const target = event.target;
+        if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) return;
+        onOpenChange(false);
+      };
+      document.addEventListener("pointerdown", onPointerDown);
+      return () => document.removeEventListener("pointerdown", onPointerDown);
+    }, [open, onOpenChange, triggerRef]);
     const handleKeyDown = (e) => {
       const handler = createKeyboardHandler({
         Escape: (ev) => {
@@ -214,6 +264,8 @@ var DropdownMenuContent = React.forwardRef(
         id: contentId,
         "data-state": open ? "open" : "closed",
         className: cn(menuContentVariants(), className),
+        style: position ? { ...position, ...style } : style,
+        "data-align": align,
         onKeyDown: handleKeyDown,
         tabIndex: -1,
         ...props
@@ -286,6 +338,7 @@ export {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
+  computeMenuPosition,
   menuContentVariants,
   menuItemVariants
 };

package/dist/react-dropdown-menu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../dropdown-menu/src/dropdown-menu.ts", "../../dropdown-menu/src/dropdown-menu.styles.ts", "../../react-dropdown-menu/src/dropdown-menu.tsx"],
-  "sourcesContent": ["import type { AccessibilityProps, KeyboardHandlerMap } from '@refraction-ui/shared'\nimport { createMachine, Keys, generateId } from '@refraction-ui/shared'\n\nexport interface DropdownMenuProps {\n  /** Whether the menu is open (controlled) */\n  open?: boolean\n  /** Whether the menu starts open (uncontrolled) */\n  defaultOpen?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n}\n\nexport interface MenuItemProps {\n  /** Whether the item is disabled */\n  disabled?: boolean\n  /** Callback when the item is selected */\n  onSelect?: () => void\n}\n\nexport interface DropdownMenuState {\n  open: boolean\n}\n\nexport interface DropdownMenuAPI {\n  /** Current menu state */\n  state: DropdownMenuState\n  /** ARIA attributes for the trigger button */\n  triggerProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** ARIA attributes for the menu content */\n  contentProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** Factory for menu item props */\n  getItemProps(item: MenuItemProps): Partial<AccessibilityProps> & Record<string, unknown>\n  /** Open the menu */\n  open(): void\n  /** Close the menu */\n  close(): void\n  /** Toggle the menu */\n  toggle(): void\n  /** Keyboard handlers for the menu */\n  keyboardHandlers: KeyboardHandlerMap\n  /** Generated IDs for aria linking */\n  ids: {\n    content: string\n  }\n}\n\nexport function createDropdownMenu(props: DropdownMenuProps = {}): DropdownMenuAPI {\n  const { open: controlledOpen, defaultOpen = false, onOpenChange } = props\n\n  const machine = createMachine<'open' | 'closed', 'OPEN' | 'CLOSE'>({\n    initial: controlledOpen ?? defaultOpen ? 'open' : 'closed',\n    states: {\n      closed: { on: { OPEN: 'open' } },\n      open: { on: { CLOSE: 'closed' } },\n    },\n  })\n\n  const contentId = generateId('rfr-dropdown-menu')\n\n  function isOpen(): boolean {\n    if (controlledOpen !== undefined) return controlledOpen\n    return machine.matches('open')\n  }\n\n  function openMenu(): void {\n    machine.send('OPEN')\n    onOpenChange?.(true)\n  }\n\n  function closeMenu(): void {\n    machine.send('CLOSE')\n    onOpenChange?.(false)\n  }\n\n  function toggleMenu(): void {\n    if (isOpen()) {\n      closeMenu()\n    } else {\n      openMenu()\n    }\n  }\n\n  function getItemProps(item: MenuItemProps): Partial<AccessibilityProps> & Record<string, unknown> {\n    return {\n      role: 'menuitem',\n      tabIndex: item.disabled ? -1 : 0,\n      'data-disabled': item.disabled ? '' : undefined,\n      'aria-disabled': item.disabled || undefined,\n    }\n  }\n\n  const keyboardHandlers: KeyboardHandlerMap = {\n    [Keys.Escape]: (e: KeyboardEvent) => {\n      e.preventDefault()\n      closeMenu()\n    },\n    [Keys.ArrowDown]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.ArrowUp]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.Enter]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.Home]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.End]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n  }\n\n  const triggerProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    'aria-expanded': isOpen(),\n    'aria-controls': contentId,\n    'aria-haspopup': 'menu',\n  }\n\n  const contentProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    role: 'menu',\n    id: contentId,\n    'data-state': isOpen() ? 'open' : 'closed',\n  }\n\n  return {\n    state: { open: isOpen() },\n    triggerProps,\n    contentProps,\n    getItemProps,\n    open: openMenu,\n    close: closeMenu,\n    toggle: toggleMenu,\n    keyboardHandlers,\n    ids: {\n      content: contentId,\n    },\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\n\nexport const menuContentVariants = cva({\n  base: 'z-50 rounded-md border bg-popover shadow-md',\n})\n\nexport const menuItemVariants = cva({\n  base: 'relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n})\n", "import * as React from 'react'\nimport * as ReactDOM from 'react-dom'\nimport {\n  createDropdownMenu,\n  menuContentVariants,\n  menuItemVariants,\n  type DropdownMenuProps as CoreDropdownMenuProps,\n  type MenuItemProps as CoreMenuItemProps,\n} from '@refraction-ui/dropdown-menu'\nimport { cn, createKeyboardHandler, devWarn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface DropdownMenuContextValue {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  contentId: string\n}\n\nconst DropdownMenuContext = React.createContext<DropdownMenuContextValue | null>(null)\n\nfunction useDropdownMenuContext(): DropdownMenuContextValue {\n  const ctx = React.useContext(DropdownMenuContext)\n  if (!ctx) {\n    devWarn(\n      'react-dropdown-menu/context-outside-provider',\n      'DropdownMenu compound components (DropdownMenuTrigger/DropdownMenuContent/DropdownMenuItem/etc.) must be rendered inside a <DropdownMenu>. The missing DropdownMenuContext makes this throw.',\n    )\n    throw new Error('DropdownMenu compound components must be used within <DropdownMenu>')\n  }\n  return ctx\n}\n\n// ---------------------------------------------------------------------------\n// DropdownMenu (root provider)\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuProps {\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  children?: React.ReactNode\n}\n\nexport function DropdownMenu({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n}: DropdownMenuProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next)\n      }\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  // Use the headless core to get stable IDs\n  const apiRef = React.useRef<ReturnType<typeof createDropdownMenu> | null>(null)\n  if (apiRef.current === null) {\n    apiRef.current = createDropdownMenu({ open })\n  }\n  const api = apiRef.current\n\n  const ctx = React.useMemo<DropdownMenuContextValue>(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      contentId: api.ids.content,\n    }),\n    [open, handleOpenChange, api.ids.content],\n  )\n\n  return React.createElement(DropdownMenuContext.Provider, { value: ctx }, children)\n}\n\n// ---------------------------------------------------------------------------\n// DropdownMenuTrigger\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Merge the trigger's props/behavior onto the child element instead of\n   * rendering a `<button>` around it (Radix-style `asChild`). Use it with\n   * styled triggers like `<Button>` — otherwise you'd nest a button in a\n   * button (invalid HTML and a hydration error). */\n  asChild?: boolean\n}\n\nexport const DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  function DropdownMenuTrigger({ asChild = false, onClick, children, ...props }, ref) {\n    const { open, onOpenChange, contentId } = useDropdownMenuContext()\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onOpenChange(!open)\n      onClick?.(e)\n    }\n\n    const triggerProps = {\n      type: 'button' as const,\n      'aria-expanded': open,\n      'aria-controls': contentId,\n      'aria-haspopup': 'menu' as const,\n      onClick: handleClick,\n      ...props,\n    }\n\n    if (asChild) {\n      if (!React.isValidElement(children)) {\n        devWarn(\n          'dropdown-menu-trigger-asChild-child',\n          'DropdownMenuTrigger: `asChild` expects a single React element child; rendering nothing.',\n        )\n        return null\n      }\n      const child = children as React.ReactElement<\n        Record<string, unknown>\n      > & { ref?: React.Ref<HTMLButtonElement> }\n      const childOnClick = child.props.onClick as\n        | ((e: React.MouseEvent<HTMLButtonElement>) => void)\n        | undefined\n      const childRef = child.ref\n      const mergedProps = {\n        ...triggerProps,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          childOnClick?.(e)\n          if (!e.defaultPrevented) handleClick(e)\n        },\n        ref: (node: HTMLButtonElement | null) => {\n          if (typeof ref === 'function') ref(node)\n          else if (ref) ref.current = node\n          if (typeof childRef === 'function') childRef(node)\n          else if (childRef) childRef.current = node\n        },\n      }\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      return React.cloneElement(child, mergedProps as any)\n    }\n\n    return React.createElement('button', { ref, ...triggerProps }, children)\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuContent\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  function DropdownMenuContent({ className, children, onKeyDown, ...props }, ref) {\n    const { open, onOpenChange, contentId } = useDropdownMenuContext()\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const handler = createKeyboardHandler({\n        Escape: (ev) => {\n          ev.preventDefault()\n          onOpenChange(false)\n        },\n      })\n      handler(e.nativeEvent)\n      onKeyDown?.(e)\n    }\n\n    if (!open) return null\n\n    const content = React.createElement(\n      'div',\n      {\n        ref,\n        role: 'menu',\n        id: contentId,\n        'data-state': open ? 'open' : 'closed',\n        className: cn(menuContentVariants(), className),\n        onKeyDown: handleKeyDown,\n        tabIndex: -1,\n        ...props,\n      },\n      children,\n    )\n\n    // Render via portal if document is available (client-side)\n    if (typeof document !== 'undefined') {\n      return ReactDOM.createPortal(content, document.body)\n    }\n\n    // SSR fallback: render inline\n    return content\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuItem\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  disabled?: boolean\n  onSelect?: () => void\n}\n\nexport const DropdownMenuItem = React.forwardRef<HTMLDivElement, DropdownMenuItemProps>(\n  function DropdownMenuItem({ className, disabled, onSelect, onClick, children, ...props }, ref) {\n    const { onOpenChange } = useDropdownMenuContext()\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n      onSelect?.()\n      onOpenChange(false)\n      onClick?.(e)\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        onSelect?.()\n        onOpenChange(false)\n      }\n    }\n\n    return React.createElement(\n      'div',\n      {\n        ref,\n        role: 'menuitem',\n        tabIndex: disabled ? -1 : 0,\n        'data-disabled': disabled ? '' : undefined,\n        'aria-disabled': disabled || undefined,\n        className: cn(menuItemVariants(), className),\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuSeparator\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DropdownMenuSeparator = React.forwardRef<HTMLDivElement, DropdownMenuSeparatorProps>(\n  function DropdownMenuSeparator({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      role: 'separator',\n      className: cn('-mx-1 my-1 h-px bg-muted', className),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuLabel\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DropdownMenuLabel = React.forwardRef<HTMLDivElement, DropdownMenuLabelProps>(\n  function DropdownMenuLabel({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      className: cn('px-2 py-1.5 text-sm font-semibold', className),\n      ...props,\n    })\n  },\n)\n"],
-  "mappings": "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",
-  "names": ["DropdownMenuTrigger", "DropdownMenuContent", "DropdownMenuItem", "DropdownMenuSeparator", "DropdownMenuLabel"]
+  "sourcesContent": ["import type { AccessibilityProps, KeyboardHandlerMap } from '@refraction-ui/shared'\nimport { createMachine, Keys, generateId } from '@refraction-ui/shared'\n\nexport interface DropdownMenuProps {\n  /** Whether the menu is open (controlled) */\n  open?: boolean\n  /** Whether the menu starts open (uncontrolled) */\n  defaultOpen?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n}\n\nexport interface MenuItemProps {\n  /** Whether the item is disabled */\n  disabled?: boolean\n  /** Callback when the item is selected */\n  onSelect?: () => void\n}\n\nexport interface DropdownMenuState {\n  open: boolean\n}\n\nexport interface DropdownMenuAPI {\n  /** Current menu state */\n  state: DropdownMenuState\n  /** ARIA attributes for the trigger button */\n  triggerProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** ARIA attributes for the menu content */\n  contentProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** Factory for menu item props */\n  getItemProps(item: MenuItemProps): Partial<AccessibilityProps> & Record<string, unknown>\n  /** Open the menu */\n  open(): void\n  /** Close the menu */\n  close(): void\n  /** Toggle the menu */\n  toggle(): void\n  /** Keyboard handlers for the menu */\n  keyboardHandlers: KeyboardHandlerMap\n  /** Generated IDs for aria linking */\n  ids: {\n    content: string\n  }\n}\n\nexport function createDropdownMenu(props: DropdownMenuProps = {}): DropdownMenuAPI {\n  const { open: controlledOpen, defaultOpen = false, onOpenChange } = props\n\n  const machine = createMachine<'open' | 'closed', 'OPEN' | 'CLOSE'>({\n    initial: controlledOpen ?? defaultOpen ? 'open' : 'closed',\n    states: {\n      closed: { on: { OPEN: 'open' } },\n      open: { on: { CLOSE: 'closed' } },\n    },\n  })\n\n  const contentId = generateId('rfr-dropdown-menu')\n\n  function isOpen(): boolean {\n    if (controlledOpen !== undefined) return controlledOpen\n    return machine.matches('open')\n  }\n\n  function openMenu(): void {\n    machine.send('OPEN')\n    onOpenChange?.(true)\n  }\n\n  function closeMenu(): void {\n    machine.send('CLOSE')\n    onOpenChange?.(false)\n  }\n\n  function toggleMenu(): void {\n    if (isOpen()) {\n      closeMenu()\n    } else {\n      openMenu()\n    }\n  }\n\n  function getItemProps(item: MenuItemProps): Partial<AccessibilityProps> & Record<string, unknown> {\n    return {\n      role: 'menuitem',\n      tabIndex: item.disabled ? -1 : 0,\n      'data-disabled': item.disabled ? '' : undefined,\n      'aria-disabled': item.disabled || undefined,\n    }\n  }\n\n  const keyboardHandlers: KeyboardHandlerMap = {\n    [Keys.Escape]: (e: KeyboardEvent) => {\n      e.preventDefault()\n      closeMenu()\n    },\n    [Keys.ArrowDown]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.ArrowUp]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.Enter]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.Home]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.End]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n  }\n\n  const triggerProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    'aria-expanded': isOpen(),\n    'aria-controls': contentId,\n    'aria-haspopup': 'menu',\n  }\n\n  const contentProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    role: 'menu',\n    id: contentId,\n    'data-state': isOpen() ? 'open' : 'closed',\n  }\n\n  return {\n    state: { open: isOpen() },\n    triggerProps,\n    contentProps,\n    getItemProps,\n    open: openMenu,\n    close: closeMenu,\n    toggle: toggleMenu,\n    keyboardHandlers,\n    ids: {\n      content: contentId,\n    },\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\n\nexport const menuContentVariants = cva({\n  base: 'z-50 rounded-md border bg-popover shadow-md',\n})\n\nexport const menuItemVariants = cva({\n  base: 'relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n})\n", "import * as React from 'react'\nimport * as ReactDOM from 'react-dom'\nimport {\n  createDropdownMenu,\n  menuContentVariants,\n  menuItemVariants,\n  type DropdownMenuProps as CoreDropdownMenuProps,\n  type MenuItemProps as CoreMenuItemProps,\n} from '@refraction-ui/dropdown-menu'\nimport { cn, createKeyboardHandler, devWarn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface DropdownMenuContextValue {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  contentId: string\n  /** The trigger element, so the portalled content can anchor to it. */\n  triggerRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst DropdownMenuContext = React.createContext<DropdownMenuContextValue | null>(null)\n\nfunction useDropdownMenuContext(): DropdownMenuContextValue {\n  const ctx = React.useContext(DropdownMenuContext)\n  if (!ctx) {\n    devWarn(\n      'react-dropdown-menu/context-outside-provider',\n      'DropdownMenu compound components (DropdownMenuTrigger/DropdownMenuContent/DropdownMenuItem/etc.) must be rendered inside a <DropdownMenu>. The missing DropdownMenuContext makes this throw.',\n    )\n    throw new Error('DropdownMenu compound components must be used within <DropdownMenu>')\n  }\n  return ctx\n}\n\n// ---------------------------------------------------------------------------\n// DropdownMenu (root provider)\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuProps {\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  children?: React.ReactNode\n}\n\nexport function DropdownMenu({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n}: DropdownMenuProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next)\n      }\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  // Use the headless core to get stable IDs\n  const apiRef = React.useRef<ReturnType<typeof createDropdownMenu> | null>(null)\n  if (apiRef.current === null) {\n    apiRef.current = createDropdownMenu({ open })\n  }\n  const api = apiRef.current\n\n  const triggerRef = React.useRef<HTMLElement | null>(null)\n\n  const ctx = React.useMemo<DropdownMenuContextValue>(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      contentId: api.ids.content,\n      triggerRef,\n    }),\n    [open, handleOpenChange, api.ids.content],\n  )\n\n  return React.createElement(DropdownMenuContext.Provider, { value: ctx }, children)\n}\n\n// ---------------------------------------------------------------------------\n// DropdownMenuTrigger\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Merge the trigger's props/behavior onto the child element instead of\n   * rendering a `<button>` around it (Radix-style `asChild`). Use it with\n   * styled triggers like `<Button>` — otherwise you'd nest a button in a\n   * button (invalid HTML and a hydration error). */\n  asChild?: boolean\n}\n\nexport const DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  function DropdownMenuTrigger({ asChild = false, onClick, children, ...props }, ref) {\n    const { open, onOpenChange, contentId, triggerRef } = useDropdownMenuContext()\n    const setRefs = (node: HTMLButtonElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    }\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onOpenChange(!open)\n      onClick?.(e)\n    }\n\n    const triggerProps = {\n      type: 'button' as const,\n      'aria-expanded': open,\n      'aria-controls': contentId,\n      'aria-haspopup': 'menu' as const,\n      onClick: handleClick,\n      ...props,\n    }\n\n    if (asChild) {\n      if (!React.isValidElement(children)) {\n        devWarn(\n          'dropdown-menu-trigger-asChild-child',\n          'DropdownMenuTrigger: `asChild` expects a single React element child; rendering nothing.',\n        )\n        return null\n      }\n      const child = children as React.ReactElement<\n        Record<string, unknown>\n      > & { ref?: React.Ref<HTMLButtonElement> }\n      const childOnClick = child.props.onClick as\n        | ((e: React.MouseEvent<HTMLButtonElement>) => void)\n        | undefined\n      const childRef = child.ref\n      const mergedProps = {\n        ...triggerProps,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          childOnClick?.(e)\n          if (!e.defaultPrevented) handleClick(e)\n        },\n        ref: (node: HTMLButtonElement | null) => {\n          setRefs(node)\n          if (typeof childRef === 'function') childRef(node)\n          else if (childRef) childRef.current = node\n        },\n      }\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      return React.cloneElement(child, mergedProps as any)\n    }\n\n    return React.createElement('button', { ref: setRefs, ...triggerProps }, children)\n  },\n)\n\n// ---------------------------------------------------------------------------\n// Positioning\n// ---------------------------------------------------------------------------\n\nexport type DropdownMenuAlign = 'start' | 'center' | 'end'\n\nconst DEFAULT_SIDE_OFFSET = 4\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\n/**\n * Fixed-position coordinates that place a menu under its trigger, aligned to\n * the trigger's start, centre or end edge. Pure, so it is unit-testable.\n */\nexport function computeMenuPosition(\n  trigger: { top: number; bottom: number; left: number; right: number; width: number },\n  contentWidth: number,\n  align: DropdownMenuAlign,\n  sideOffset: number,\n): React.CSSProperties {\n  const left =\n    align === 'end'\n      ? trigger.right - contentWidth\n      : align === 'center'\n        ? trigger.left + trigger.width / 2 - contentWidth / 2\n        : trigger.left\n  return { position: 'fixed', top: trigger.bottom + sideOffset, left: Math.max(0, left), minWidth: trigger.width }\n}\n\n// ---------------------------------------------------------------------------\n// DropdownMenuContent\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Horizontal alignment to the trigger. Defaults to `start`. */\n  align?: DropdownMenuAlign\n  /** Gap between trigger and menu in px. Defaults to 4. */\n  sideOffset?: number\n}\n\nexport const DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  function DropdownMenuContent(\n    { className, children, onKeyDown, align = 'start', sideOffset = DEFAULT_SIDE_OFFSET, style, ...props },\n    forwardedRef,\n  ) {\n    const { open, onOpenChange, contentId, triggerRef } = useDropdownMenuContext()\n    const contentRef = React.useRef<HTMLDivElement | null>(null)\n    const ref = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        contentRef.current = node\n        if (typeof forwardedRef === 'function') forwardedRef(node)\n        else if (forwardedRef) forwardedRef.current = node\n      },\n      [forwardedRef],\n    )\n    const [position, setPosition] = React.useState<React.CSSProperties | null>(null)\n\n    // The content is portalled to <body>, so anchor it to the trigger with\n    // fixed coordinates, and follow the trigger on scroll / resize.\n    useIsomorphicLayoutEffect(() => {\n      if (!open) return\n      const update = () => {\n        const trigger = triggerRef.current\n        const content = contentRef.current\n        if (!trigger) return\n        setPosition(\n          computeMenuPosition(trigger.getBoundingClientRect(), content?.offsetWidth ?? 0, align, sideOffset),\n        )\n      }\n      update()\n      window.addEventListener('resize', update)\n      window.addEventListener('scroll', update, true)\n      return () => {\n        window.removeEventListener('resize', update)\n        window.removeEventListener('scroll', update, true)\n      }\n    }, [open, align, sideOffset, triggerRef])\n\n    // Close on a pointer press outside the menu and its trigger.\n    React.useEffect(() => {\n      if (!open) return\n      const onPointerDown = (event: PointerEvent) => {\n        const target = event.target as Node\n        if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) return\n        onOpenChange(false)\n      }\n      document.addEventListener('pointerdown', onPointerDown)\n      return () => document.removeEventListener('pointerdown', onPointerDown)\n    }, [open, onOpenChange, triggerRef])\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const handler = createKeyboardHandler({\n        Escape: (ev) => {\n          ev.preventDefault()\n          onOpenChange(false)\n        },\n      })\n      handler(e.nativeEvent)\n      onKeyDown?.(e)\n    }\n\n    if (!open) return null\n\n    const content = React.createElement(\n      'div',\n      {\n        ref,\n        role: 'menu',\n        id: contentId,\n        'data-state': open ? 'open' : 'closed',\n        className: cn(menuContentVariants(), className),\n        style: position ? { ...position, ...style } : style,\n        'data-align': align,\n        onKeyDown: handleKeyDown,\n        tabIndex: -1,\n        ...props,\n      },\n      children,\n    )\n\n    // Render via portal if document is available (client-side)\n    if (typeof document !== 'undefined') {\n      return ReactDOM.createPortal(content, document.body)\n    }\n\n    // SSR fallback: render inline\n    return content\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuItem\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  disabled?: boolean\n  onSelect?: () => void\n}\n\nexport const DropdownMenuItem = React.forwardRef<HTMLDivElement, DropdownMenuItemProps>(\n  function DropdownMenuItem({ className, disabled, onSelect, onClick, children, ...props }, ref) {\n    const { onOpenChange } = useDropdownMenuContext()\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n      onSelect?.()\n      onOpenChange(false)\n      onClick?.(e)\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        onSelect?.()\n        onOpenChange(false)\n      }\n    }\n\n    return React.createElement(\n      'div',\n      {\n        ref,\n        role: 'menuitem',\n        tabIndex: disabled ? -1 : 0,\n        'data-disabled': disabled ? '' : undefined,\n        'aria-disabled': disabled || undefined,\n        className: cn(menuItemVariants(), className),\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuSeparator\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DropdownMenuSeparator = React.forwardRef<HTMLDivElement, DropdownMenuSeparatorProps>(\n  function DropdownMenuSeparator({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      role: 'separator',\n      className: cn('-mx-1 my-1 h-px bg-muted', className),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuLabel\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DropdownMenuLabel = React.forwardRef<HTMLDivElement, DropdownMenuLabelProps>(\n  function DropdownMenuLabel({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      className: cn('px-2 py-1.5 text-sm font-semibold', className),\n      ...props,\n    })\n  },\n)\n"],
+  "mappings": "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",
+  "names": ["DropdownMenuTrigger", "DropdownMenuContent", "content", "DropdownMenuItem", "DropdownMenuSeparator", "DropdownMenuLabel"]
 }

package/dist/react-editor-status-bar.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-editor-status-bar/dist/index.js
 import * as React from "react";

package/dist/react-editor-tabs.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-editor-tabs/dist/index.js
 import * as React from "react";

package/dist/react-emoji-picker.js

@@ -22,10 +22,10 @@ import {
   searchEmojis,
   twemojiAssetUrl,
   twemojiFilename
-} from "./chunk-533MCMSU.js";
+} from "./chunk-3I3DYDHR.js";
 import {
   cn
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-emoji-picker/dist/index.js
 import * as React from "react";

package/dist/react-empty-state.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-empty-state/dist/index.js
 import * as React from "react";

package/dist/react-feedback-dialog.js

@@ -1,11 +1,11 @@
 import {
   createDialog
-} from "./chunk-VK3EQ34F.js";
+} from "./chunk-V24GDHUX.js";
 import {
   cn,
   cva,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-feedback-dialog/dist/index.js
 import * as React from "react";

package/dist/react-file-tree.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-file-tree/dist/index.js
 import * as React from "react";

package/dist/react-file-upload.js

@@ -2,7 +2,7 @@ import {
   cn,
   cva,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-file-upload/dist/index.js
 import * as React from "react";

package/dist/react-floating-reactions.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-floating-reactions/dist/index.js
 import * as React from "react";

package/dist/react-flow-editor.js

@@ -1,10 +1,10 @@
 import {
   InfiniteCanvas
-} from "./chunk-AMK4VCBG.js";
+} from "./chunk-WYKPPK3W.js";
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-flow-editor/dist/index.js
 import * as React from "react";

package/dist/react-footer.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-footer/dist/index.js
 import * as React from "react";

package/dist/react-funnel-chart.js

@@ -0,0 +1,105 @@
+import {
+  cn
+} from "./chunk-2Q6HHFAN.js";
+
+// ../react-funnel-chart/dist/index.js
+import * as React from "react";
+
+// ../funnel-chart/dist/index.js
+var DEFAULT_FUNNEL_MIN_BAR_PERCENT = 6;
+var percentOf = (part, whole) => whole ? part / whole * 100 : 0;
+function computeFunnel(steps, minBarPercent = DEFAULT_FUNNEL_MIN_BAR_PERCENT) {
+  const top = steps.length ? steps[0].value : 0;
+  return steps.map((step, i) => {
+    const shareOfTop = percentOf(step.value, top);
+    const following = steps[i + 1];
+    return {
+      step,
+      shareOfTop,
+      barPercent: Math.min(100, Math.max(shareOfTop, minBarPercent)),
+      next: following ? {
+        conversion: percentOf(following.value, step.value),
+        dropped: step.value - following.value
+      } : void 0
+    };
+  });
+}
+var funnelChartDefaults = {
+  formatValue: (value) => value.toLocaleString("en-US"),
+  formatPercent: (percent) => `${percent.toFixed(1)}%`,
+  shareLabel: (share) => `${share} of top`,
+  conversionLabel: (percent) => `${percent} continue`,
+  droppedLabel: (count) => `\u2212${count} dropped`
+};
+var funnelChartClasses = {
+  root: "m-0 grid list-none p-0",
+  bar: "relative flex items-center gap-3 overflow-hidden rounded-lg border border-border bg-background px-3.5 py-3",
+  fill: "absolute inset-y-0 left-0 border-r-2 border-primary bg-accent",
+  chevron: "relative shrink-0 text-primary",
+  text: "relative grid min-w-0 flex-1",
+  label: "text-[13px] font-bold text-foreground",
+  description: "text-[11px] text-muted-foreground",
+  figure: "relative grid text-right",
+  value: "text-[15px] font-bold tabular-nums text-foreground",
+  share: "text-[10.5px] text-muted-foreground",
+  transition: "flex items-center gap-2 py-1.5 pl-[18px] text-[11px] text-muted-foreground",
+  conversion: "font-semibold text-success",
+  dropped: "font-semibold text-destructive"
+};
+
+// ../react-funnel-chart/dist/index.js
+import { jsx, jsxs } from "react/jsx-runtime";
+function Chevron() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: funnelChartClasses.chevron,
+      width: "15",
+      height: "15",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+var FunnelChart = React.forwardRef(function FunnelChart2({
+  steps,
+  formatValue = funnelChartDefaults.formatValue,
+  formatPercent = funnelChartDefaults.formatPercent,
+  minBarPercent = DEFAULT_FUNNEL_MIN_BAR_PERCENT,
+  shareLabel = funnelChartDefaults.shareLabel,
+  conversionLabel = funnelChartDefaults.conversionLabel,
+  droppedLabel = funnelChartDefaults.droppedLabel,
+  className,
+  ...rest
+}, ref) {
+  const rows = React.useMemo(() => computeFunnel(steps, minBarPercent), [steps, minBarPercent]);
+  return /* @__PURE__ */ jsx("ol", { ref, className: cn(funnelChartClasses.root, className), "data-slot": "funnel-chart", ...rest, children: rows.map((row) => /* @__PURE__ */ jsxs("li", { children: [
+    /* @__PURE__ */ jsxs("div", { className: funnelChartClasses.bar, children: [
+      /* @__PURE__ */ jsx("div", { className: funnelChartClasses.fill, style: { width: `${row.barPercent}%` }, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx(Chevron, {}),
+      /* @__PURE__ */ jsxs("div", { className: funnelChartClasses.text, children: [
+        /* @__PURE__ */ jsx("b", { className: funnelChartClasses.label, children: row.step.label }),
+        row.step.description && /* @__PURE__ */ jsx("span", { className: funnelChartClasses.description, children: row.step.description })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: funnelChartClasses.figure, children: [
+        /* @__PURE__ */ jsx("b", { className: funnelChartClasses.value, children: formatValue(row.step.value) }),
+        /* @__PURE__ */ jsx("span", { className: funnelChartClasses.share, children: shareLabel(formatPercent(row.shareOfTop)) })
+      ] })
+    ] }),
+    row.next && /* @__PURE__ */ jsxs("div", { className: funnelChartClasses.transition, children: [
+      /* @__PURE__ */ jsx("span", { className: funnelChartClasses.conversion, children: conversionLabel(formatPercent(row.next.conversion)) }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+      /* @__PURE__ */ jsx("span", { className: funnelChartClasses.dropped, children: droppedLabel(formatValue(row.next.dropped)) })
+    ] })
+  ] }, row.step.id)) });
+});
+export {
+  FunnelChart
+};
+//# sourceMappingURL=react-funnel-chart.js.map

package/dist/react-funnel-chart.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../funnel-chart/src/funnel-chart.ts", "../../funnel-chart/src/funnel-chart.styles.ts", "../../react-funnel-chart/src/funnel-chart.tsx"],
+  "sourcesContent": ["export interface FunnelChartStep {\n  /** Stable key. */\n  id: string\n  /** Step name. */\n  label: string\n  /** Secondary line under the label. */\n  description?: string\n  /** Count at this step. */\n  value: number\n}\n\nexport interface FunnelChartTransition {\n  /** Percent (0–100) of this step that reached the next one. */\n  conversion: number\n  /** Absolute count lost between this step and the next. */\n  dropped: number\n}\n\nexport interface FunnelChartRow {\n  step: FunnelChartStep\n  /** Percent (0–100) of the first step's value. */\n  shareOfTop: number\n  /** Width the bar draws at, in percent — never below `minBarPercent`. */\n  barPercent: number\n  /** Transition to the following step; absent on the last step. */\n  next?: FunnelChartTransition\n}\n\n/** Smallest bar width in percent, so a tiny step stays visible. */\nexport const DEFAULT_FUNNEL_MIN_BAR_PERCENT = 6\n\nconst percentOf = (part: number, whole: number) => (whole ? (part / whole) * 100 : 0)\n\n/**\n * Derive every row of a stepped conversion funnel: each step's share of the top\n * step, the bar width it draws at, and between two steps the continue-rate and\n * how many were lost. Pure and deterministic.\n */\nexport function computeFunnel(\n  steps: FunnelChartStep[],\n  minBarPercent: number = DEFAULT_FUNNEL_MIN_BAR_PERCENT,\n): FunnelChartRow[] {\n  const top = steps.length ? steps[0].value : 0\n  return steps.map((step, i) => {\n    const shareOfTop = percentOf(step.value, top)\n    const following = steps[i + 1]\n    return {\n      step,\n      shareOfTop,\n      barPercent: Math.min(100, Math.max(shareOfTop, minBarPercent)),\n      next: following\n        ? {\n            conversion: percentOf(following.value, step.value),\n            dropped: step.value - following.value,\n          }\n        : undefined,\n    }\n  })\n}\n\n/** Default copy + number formatting; every one is overridable by a prop. */\nexport const funnelChartDefaults = {\n  formatValue: (value: number) => value.toLocaleString('en-US'),\n  formatPercent: (percent: number) => `${percent.toFixed(1)}%`,\n  shareLabel: (share: string) => `${share} of top`,\n  conversionLabel: (percent: string) => `${percent} continue`,\n  droppedLabel: (count: string) => `−${count} dropped`,\n}\n", "/** Token-class styles for FunnelChart; no colour literals. */\nexport const funnelChartClasses = {\n  root: 'm-0 grid list-none p-0',\n  bar: 'relative flex items-center gap-3 overflow-hidden rounded-lg border border-border bg-background px-3.5 py-3',\n  fill: 'absolute inset-y-0 left-0 border-r-2 border-primary bg-accent',\n  chevron: 'relative shrink-0 text-primary',\n  text: 'relative grid min-w-0 flex-1',\n  label: 'text-[13px] font-bold text-foreground',\n  description: 'text-[11px] text-muted-foreground',\n  figure: 'relative grid text-right',\n  value: 'text-[15px] font-bold tabular-nums text-foreground',\n  share: 'text-[10.5px] text-muted-foreground',\n  transition: 'flex items-center gap-2 py-1.5 pl-[18px] text-[11px] text-muted-foreground',\n  conversion: 'font-semibold text-success',\n  dropped: 'font-semibold text-destructive',\n} as const\n", "import * as React from 'react'\nimport {\n  computeFunnel,\n  funnelChartClasses as c,\n  funnelChartDefaults,\n  DEFAULT_FUNNEL_MIN_BAR_PERCENT,\n  type FunnelChartStep,\n} from '@refraction-ui/funnel-chart'\nimport { cn } from '@refraction-ui/shared'\n\nexport type { FunnelChartStep }\n\nexport interface FunnelChartProps extends Omit<React.HTMLAttributes<HTMLOListElement>, 'children'> {\n  /** The funnel steps, top first. */\n  steps: FunnelChartStep[]\n  /** Formats a count. */\n  formatValue?: (value: number) => string\n  /** Formats a percent (already 0–100). */\n  formatPercent?: (percent: number) => string\n  /** Smallest bar width in percent, so a tiny step stays visible. Defaults to 6. */\n  minBarPercent?: number\n  /** Copy — a step's share of the top step. */\n  shareLabel?: (share: string) => string\n  /** Copy — continue-rate between two steps. */\n  conversionLabel?: (percent: string) => string\n  /** Copy — count lost between two steps. */\n  droppedLabel?: (count: string) => string\n}\n\nfunction Chevron() {\n  return (\n    <svg\n      className={c.chevron}\n      width=\"15\"\n      height=\"15\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  )\n}\n\n/**\n * FunnelChart — a vertical conversion funnel: one bar per step, filled to its\n * share of the first step, with the continue-rate and drop-off between steps.\n * Renders an ordered list, so the figures are real text for assistive tech.\n */\nexport const FunnelChart = React.forwardRef<HTMLOListElement, FunnelChartProps>(function FunnelChart(\n  {\n    steps,\n    formatValue = funnelChartDefaults.formatValue,\n    formatPercent = funnelChartDefaults.formatPercent,\n    minBarPercent = DEFAULT_FUNNEL_MIN_BAR_PERCENT,\n    shareLabel = funnelChartDefaults.shareLabel,\n    conversionLabel = funnelChartDefaults.conversionLabel,\n    droppedLabel = funnelChartDefaults.droppedLabel,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const rows = React.useMemo(() => computeFunnel(steps, minBarPercent), [steps, minBarPercent])\n  return (\n    <ol ref={ref} className={cn(c.root, className)} data-slot=\"funnel-chart\" {...rest}>\n      {rows.map((row) => (\n        <li key={row.step.id}>\n          <div className={c.bar}>\n            <div className={c.fill} style={{ width: `${row.barPercent}%` }} aria-hidden=\"true\" />\n            <Chevron />\n            <div className={c.text}>\n              <b className={c.label}>{row.step.label}</b>\n              {row.step.description && <span className={c.description}>{row.step.description}</span>}\n            </div>\n            <div className={c.figure}>\n              <b className={c.value}>{formatValue(row.step.value)}</b>\n              <span className={c.share}>{shareLabel(formatPercent(row.shareOfTop))}</span>\n            </div>\n          </div>\n          {row.next && (\n            <div className={c.transition}>\n              <span className={c.conversion}>{conversionLabel(formatPercent(row.next.conversion))}</span>\n              <span aria-hidden=\"true\">·</span>\n              <span className={c.dropped}>{droppedLabel(formatValue(row.next.dropped))}</span>\n            </div>\n          )}\n        </li>\n      ))}\n    </ol>\n  )\n})\n"],
+  "mappings": "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",
+  "names": ["c", "FunnelChart"]
+}

package/dist/react-graph-view.js

@@ -1,10 +1,10 @@
 import {
   InfiniteCanvas
-} from "./chunk-AMK4VCBG.js";
+} from "./chunk-WYKPPK3W.js";
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-graph-view/dist/index.js
 import * as React from "react";

package/dist/react-infinite-canvas.js

@@ -1,7 +1,7 @@
 import {
   InfiniteCanvas
-} from "./chunk-AMK4VCBG.js";
-import "./chunk-ZF3OHCGV.js";
+} from "./chunk-WYKPPK3W.js";
+import "./chunk-2Q6HHFAN.js";
 export {
   InfiniteCanvas
 };

package/dist/react-inline-editor.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-inline-editor/dist/index.js
 import * as React from "react";

package/dist/react-input-group.js

@@ -2,7 +2,7 @@ import {
   cn,
   cva,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-input-group/dist/index.js
 import * as React from "react";

package/dist/react-input.js

@@ -1,8 +1,8 @@
 import {
   Input,
   inputVariants
-} from "./chunk-TOZBR4GL.js";
-import "./chunk-ZF3OHCGV.js";
+} from "./chunk-RSWOLRIC.js";
+import "./chunk-2Q6HHFAN.js";
 export {
   Input,
   inputVariants

package/dist/react-install-prompt.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-install-prompt/dist/index.js
 import * as React from "react";

package/dist/react-kanban-board.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-kanban-board/dist/index.js
 import * as React from "react";

package/dist/react-keyboard-shortcut.js

@@ -14,8 +14,8 @@ import {
   shortcutKeyStyles,
   shortcutSeparatorStyles,
   useShortcut
-} from "./chunk-WK2IIUFO.js";
-import "./chunk-ZF3OHCGV.js";
+} from "./chunk-QDMLIDYN.js";
+import "./chunk-2Q6HHFAN.js";
 export {
   AltHintState,
   KeyboardShortcut,

package/dist/react-language-selector.js

@@ -4,7 +4,7 @@ import {
   createKeyboardHandler,
   cva,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-language-selector/dist/index.js
 import * as React from "react";