@avenue-ticketing/ui 0.9.0 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react/datetime-picker.js +1 -1
- package/dist/react/datetime-picker.js.map +1 -1
- package/dist/react/dialog.js +1 -1
- package/dist/react/dialog.js.map +1 -1
- package/dist/react/dropdown.d.ts +4 -0
- package/dist/react/dropdown.js +106 -7
- package/dist/react/dropdown.js.map +1 -1
- package/dist/react/popover.js +1 -1
- package/dist/react/popover.js.map +1 -1
- package/dist/react/select.d.ts +2 -0
- package/dist/react/select.js +92 -3
- package/dist/react/select.js.map +1 -1
- package/dist/react/sheet.js +1 -1
- package/dist/react/sheet.js.map +1 -1
- package/dist/react/table-pagination.js +92 -3
- package/dist/react/table-pagination.js.map +1 -1
- package/dist/react/table-view/column-menu.js +92 -3
- package/dist/react/table-view/column-menu.js.map +1 -1
- package/dist/react/table-view/index.js +92 -3
- package/dist/react/table-view/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/react/button.tsx","../../../src/react/dropdown.tsx","../../../src/react/table-view/helpers.ts","../../../src/react/table-view/meta.ts","../../../src/react/table-view/column-menu.tsx"],"names":["React","jsx","forwardRef","ColumnHeaderMenuInner","useState","jsxs","ChevronDown"],"mappings":"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","file":"column-menu.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","import * as React from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\nconst sizeClass = {\n xs: \"h-8 min-h-8 gap-2 px-4 text-sm has-[>svg]:px-3 [&_svg:not([class*='size-'])]:size-3\",\n default:\n \"h-10 min-h-10 gap-2 px-5 text-sm has-[>svg]:px-4 [&_svg:not([class*='size-'])]:size-4\",\n lg: \"h-11 min-h-11 gap-2 px-6 text-base has-[>svg]:px-5 [&_svg:not([class*='size-'])]:size-5\",\n} as const;\n\n/** Square hit targets for `iconOnly` — same keys as `sizeClass` (`default` | `lg`). */\nconst iconOnlySizeClass = {\n xs: \"size-8 min-h-8 min-w-8 gap-0 p-0 [&_svg:not([class*='size-'])]:size-3\",\n default:\n \"size-10 min-h-10 min-w-10 gap-0 p-0 [&_svg:not([class*='size-'])]:size-4\",\n lg: \"size-11 min-h-11 min-w-11 gap-0 p-0 [&_svg:not([class*='size-'])]:size-5\",\n} as const;\n\nconst roundedClass = {\n full: \"rounded-full\",\n lg: \"rounded-lg\",\n md: \"rounded-md\",\n} as const;\n\nconst variantClass = {\n primary:\n \"bg-primary text-background border border-transparent hover:bg-primary/90 active:bg-primary/85\",\n secondary:\n \"bg-background text-primary border border-primary/10 hover:bg-primary/5\",\n destructive:\n \"bg-background text-red-500 border border-red-500/25 hover:bg-red-500/5\",\n success:\n \"bg-background text-green-500 border border-green-500/25 hover:bg-green-500/5\",\n} as const;\n\nexport type ButtonProps = React.ComponentProps<\"button\"> & {\n /**\n * Visual style: neutral (`secondary`, `primary`), or outline (`destructive`,\n * `success`) using Tailwind `red-500` / `green-500` text and matching borders on\n * `bg-background` (no solid fill).\n */\n variant?: keyof typeof variantClass;\n /**\n * Corner radius. Labeled buttons default to `full` (pill). `iconOnly` buttons\n * default to `md` (square corners) unless you pass `rounded` explicitly.\n */\n rounded?: keyof typeof roundedClass;\n /** Height and horizontal padding: `default` or `lg` only. */\n size?: keyof typeof sizeClass;\n /**\n * Square icon-only control; same `size` presets (`default` | `lg`). Pair with\n * `aria-label` (or `title`) when there is no visible text.\n */\n iconOnly?: boolean;\n};\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n type = \"button\",\n variant = \"secondary\",\n rounded: roundedProp,\n size = \"default\",\n iconOnly = false,\n disabled,\n ...props\n },\n ref,\n ) => {\n const rounded = roundedProp ?? (iconOnly ? \"md\" : \"full\");\n\n return (\n <button\n type={type}\n disabled={disabled}\n data-slot=\"button\"\n data-icon-only={iconOnly ? \"\" : undefined}\n className={cn(\n \"inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap outline-none scale-100 transition-[color,background-color,box-shadow,transform] duration-150 ease-out active:scale-[0.98] active:duration-100 active:ease-linear [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n \"focus-visible:border-ring font-medium lg:tracking-wide focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n iconOnly ? iconOnlySizeClass[size] : sizeClass[size],\n roundedClass[rounded],\n variantClass[variant],\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n },\n);\nButton.displayName = \"Button\";\n\nexport { Button };\n","\"use client\";\nimport React, {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Check, ChevronDown, ChevronRight, X } from \"lucide-react\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { Checkbox } from \"./checkbox\";\nimport { cn } from \"../lib/utils\";\n\n/** Panel transform motion — matches `sheet.tsx` `PANEL_OPEN_EASING` / `PANEL_CLOSE_EASING`. */\nconst DROPDOWN_PANEL_OPEN_EASING = \"cubic-bezier(0,0.55,0.45,1)\";\nconst DROPDOWN_PANEL_CLOSE_EASING = \"cubic-bezier(0.55,0,1,0.45)\";\n\n/** Floor for `minWidth=\"trigger\"` so narrow triggers don’t produce an overly tight menu (12rem). */\nconst DROPDOWN_MENU_MIN_WIDTH_PX = 192;\n/** Shrink on the preferred side until space drops below ~2 rows; then allow flip. */\nconst DROPDOWN_FLIP_MIN_SPACE_PX = 100;\n\n/** Mobile menu as bottom sheet — matches `dialog.tsx` (`DIALOG_MOBILE_BOTTOM_SHEET_MAX_PX` + `DIALOG_MOTION_MS`). */\nconst DROPDOWN_MOBILE_SHEET_MAX_PX = 1024;\n/** Mobile sheet panel + backdrop (slightly under `DIALOG_MOTION_MS` for snappier feel). */\nconst DROPDOWN_MOBILE_SHEET_MOTION_MS = 175;\nconst DROPDOWN_MOBILE_SHEET_ENTRY_EASING = \"cubic-bezier(0.85, 0, 0.15, 1)\";\nconst DROPDOWN_MOBILE_SHEET_EXIT_EASING = \"cubic-bezier(0.85, 0, 1, 0.15)\";\n\n/** Default slide distance for mobile sheet when `slideEntrance` — matches `SLIDE_ENTRANCE_OFFSET_PX.full` in `dialog.tsx`. */\nconst DROPDOWN_MOBILE_SHEET_SLIDE_ENTRANCE_OFFSET_DEFAULT_PX = 120;\n\n/**\n * Narrow-viewport (≤1024px) bottom-sheet options for {@link DropdownContent}\n * and {@link DropdownSubContent}. `className` merges onto the same panel as\n * `DropdownContent`’s root `className` (after base sheet styles); use it for\n * overrides such as `max-h-[…]`.\n */\nexport interface DropdownMobileSheetOptions {\n /** When `false`, keep the floating menu on narrow viewports. Default `true`. */\n sheet?: boolean;\n /** Optional header title on the same row as the close control. */\n title?: string;\n /** Extra classes on the sheet panel (merged after base sheet styles, before root `className`). */\n className?: string;\n /**\n * Extra classes on the scrollable body below the header (merged after the\n * default `pb-20` and safe-area bottom padding).\n */\n contentClassName?: string;\n}\n\nfunction resolveDropdownMobileSheet(\n mobileOptions: DropdownMobileSheetOptions | undefined,\n) {\n return {\n sheet: mobileOptions?.sheet ?? true,\n title: mobileOptions?.title,\n sheetExtraClassName: mobileOptions?.className,\n contentClassName: mobileOptions?.contentClassName,\n };\n}\n\n/** Mark portaled sub-menus so root outside-dismiss ignores clicks inside them. */\nconst DROPDOWN_SUB_CONTENT_ATTR = \"data-dropdown-sub-content\";\n\n/**\n * Reshaped-style \"elevated\" popover shadow — soft long shadow + tight contact\n * shadow gives depth without the harsh dark halo of `shadow-2xl`. Shared by\n * the root menu and sub-menu panels.\n */\nconst DROPDOWN_PANEL_SHADOW =\n \"shadow-[0_12px_32px_-8px_rgba(0,0,0,0.18),0_2px_6px_-2px_rgba(0,0,0,0.06)] dark:shadow-[0_12px_32px_-8px_rgba(0,0,0,0.55),0_2px_6px_-2px_rgba(0,0,0,0.35)]\";\n\n/**\n * Hide scrollbars and contain overscroll on every scrollable descendant.\n * Native `overscroll-behavior: contain` covers the touch / scrollable-inner\n * cases; {@link preventMenuWheelChain} handles wheel on non-scrollable\n * surfaces, which the CSS property can't reach (it only applies to actual\n * scroll containers).\n */\nconst DROPDOWN_PANEL_SCROLL =\n \"[&_*]:[scrollbar-width:none] [&_*::-webkit-scrollbar]:hidden [&_*]:overscroll-contain\";\n\n/**\n * Wheel handler attached to the menu surface. Walks up from the wheel target\n * looking for a scrollable ancestor inside `menu`; if one is found AND can\n * scroll in the wheel direction, lets the browser handle it. Otherwise calls\n * `preventDefault()` so the wheel never chains to the page. Covers both the\n * \"short menu with nothing to scroll\" case and the \"scrollable inner at\n * boundary\" case in one rule.\n */\nfunction preventMenuWheelChain(menu: HTMLElement, e: WheelEvent) {\n let el: HTMLElement | null = e.target as HTMLElement | null;\n while (el && menu.contains(el)) {\n const oy = getComputedStyle(el).overflowY;\n if (\n (oy === \"auto\" || oy === \"scroll\") &&\n el.scrollHeight > el.clientHeight\n ) {\n const atTop = el.scrollTop <= 0;\n const atBottom =\n el.scrollTop + el.clientHeight >= el.scrollHeight;\n if ((e.deltaY < 0 && !atTop) || (e.deltaY > 0 && !atBottom)) return;\n break;\n }\n el = el.parentElement;\n }\n e.preventDefault();\n}\n\n/**\n * Slightly larger menu copy when viewport ≤1024px — same cutoff as the mobile\n * bottom sheet (`DROPDOWN_MOBILE_SHEET_MAX_PX`). Padding unchanged.\n */\nconst DROPDOWN_SHEET_MENU_TEXT = \"max-[1024px]:text-base\";\nconst DROPDOWN_SHEET_MENU_SHORTCUT = \"max-[1024px]:text-sm\";\nconst DROPDOWN_SHEET_MENU_LABEL_TEXT = \"max-[1024px]:text-sm\";\n\n//////////////////////////////////////////////// Positioning helpers\n\ntype Side = \"top\" | \"bottom\" | \"left\" | \"right\";\ntype Align = \"start\" | \"center\" | \"end\";\n\ninterface Pos {\n top: number;\n left: number;\n side: Side;\n /** When set, the panel is shorter than its content and scrolls internally. */\n maxHeight?: number;\n}\n\n/** `transformOrigin` / pre-mount transform for the root floating menu (not sub-menus). */\nconst DROPDOWN_CONTENT_ORIGIN: Record<Side, string> = {\n bottom: \"top center\",\n top: \"bottom center\",\n left: \"right center\",\n right: \"left center\",\n};\nconst DROPDOWN_CONTENT_HIDDEN: Record<Side, string> = {\n bottom: \"translateY(-4px) scale(0.97)\",\n top: \"translateY(4px) scale(0.97)\",\n left: \"translateX(4px) scale(0.97)\",\n right: \"translateX(-4px) scale(0.97)\",\n};\n\n/** Sub-menu flyout uses a different origin on the horizontal axis. */\nconst SUB_CONTENT_ORIGIN: Record<Side, string> = {\n bottom: \"top center\",\n top: \"bottom center\",\n left: \"right top\",\n right: \"left top\",\n};\n\nfunction computePos(\n trigger: HTMLElement,\n menu: HTMLElement,\n side: Side,\n align: Align,\n offset: number,\n pad: number,\n): Pos {\n const tr = trigger.getBoundingClientRect();\n const mr = menu.getBoundingClientRect();\n const contentHeight = menu.scrollHeight;\n const vw = window.innerWidth;\n const vh = window.innerHeight;\n const sx = window.scrollX;\n const sy = window.scrollY;\n\n let top = 0;\n let left = 0;\n let effectiveSide = side;\n let maxHeight: number | undefined;\n\n const placeVertical = (s: Side, height: number) => {\n if (s === \"bottom\") top = tr.bottom + sy + offset;\n else top = tr.top + sy - height - offset;\n if (align === \"start\") left = tr.left + sx;\n else if (align === \"end\") left = tr.right + sx - mr.width;\n else left = tr.left + sx + tr.width / 2 - mr.width / 2;\n };\n\n const calc = (s: Side, height = contentHeight) => {\n switch (s) {\n case \"bottom\":\n case \"top\":\n placeVertical(s, height);\n break;\n case \"right\":\n left = tr.right + sx + offset;\n if (align === \"start\") top = tr.top + sy;\n else if (align === \"end\") top = tr.bottom + sy - mr.height;\n else top = tr.top + sy + tr.height / 2 - mr.height / 2;\n break;\n case \"left\":\n left = tr.left + sx - mr.width - offset;\n if (align === \"start\") top = tr.top + sy;\n else if (align === \"end\") top = tr.bottom + sy - mr.height;\n else top = tr.top + sy + tr.height / 2 - mr.height / 2;\n break;\n }\n };\n\n calc(side);\n\n const spaceBelow = Math.max(0, vh - pad - tr.bottom - offset);\n const spaceAbove = Math.max(0, tr.top - offset - pad);\n\n if (side === \"bottom\" || side === \"top\") {\n const primarySpace = side === \"bottom\" ? spaceBelow : spaceAbove;\n const alternateSpace = side === \"bottom\" ? spaceAbove : spaceBelow;\n const alternateSide: Side = side === \"bottom\" ? \"top\" : \"bottom\";\n\n if (contentHeight > primarySpace) {\n maxHeight = Math.min(contentHeight, primarySpace);\n calc(side, maxHeight);\n }\n\n if (\n contentHeight > primarySpace &&\n primarySpace < DROPDOWN_FLIP_MIN_SPACE_PX &&\n alternateSpace > primarySpace\n ) {\n effectiveSide = alternateSide;\n maxHeight = Math.min(contentHeight, alternateSpace);\n calc(alternateSide, maxHeight);\n }\n } else if (side === \"right\" && left + mr.width > vw + sx - pad) {\n const fl = tr.left + sx - mr.width - offset;\n if (fl >= sx + pad) {\n effectiveSide = \"left\";\n left = fl;\n }\n } else if (side === \"left\" && left < sx + pad) {\n const fl = tr.right + sx + offset;\n if (fl + mr.width <= vw + sx - pad) {\n effectiveSide = \"right\";\n left = fl;\n }\n }\n\n return { top, left, side: effectiveSide, maxHeight };\n}\n\n//////////////////////////////////////////////// Mobile detection\n\nfunction useIsMobile(breakpoint = 1025): boolean {\n // Read matchMedia synchronously on mount so the first render of a freshly\n // mounted sub-trigger already knows it's on a mobile viewport. Without this,\n // the synthetic `mouseenter` that fires when a sub-sheet slides under the\n // cursor (right after a tap on the parent trigger) would auto-open the row\n // beneath, because the `if (isMobile) return` guard would still see `false`\n // until the effect below runs on the next tick.\n const [isMobile, setIsMobile] = useState(() => {\n if (typeof window === \"undefined\") return false;\n return window.matchMedia(`(max-width: ${breakpoint - 1}px)`).matches;\n });\n useEffect(() => {\n const mq = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);\n const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);\n mq.addEventListener(\"change\", handler);\n return () => mq.removeEventListener(\"change\", handler);\n }, [breakpoint]);\n return isMobile;\n}\n\n//////////////////////////////////////////////// Context\n\ntype DropdownCtx = {\n open: boolean;\n setOpen: (v: boolean) => void;\n triggerRef: React.RefObject<HTMLElement | null>;\n radioValues: Record<string, string>;\n setRadioValue: (group: string, value: string) => void;\n};\n\nconst DropdownContext = React.createContext<DropdownCtx | undefined>(undefined);\n\nfunction useDropdown() {\n const ctx = React.useContext(DropdownContext);\n if (!ctx)\n throw new Error(\"Dropdown components must be used within <Dropdown />\");\n return ctx;\n}\n\n// Sub-menu context (for nested menus)\ntype SubCtx = {\n open: boolean;\n setOpen: (v: boolean) => void;\n triggerRef: React.RefObject<HTMLElement | null>;\n /** When `false`, hover does not open/close the sub. See {@link DropdownSub}. */\n openOnHover: boolean;\n};\nconst SubContext = React.createContext<SubCtx | undefined>(undefined);\n\n//////////////////////////////////////////////// Root\n\ninterface DropdownProps {\n children: React.ReactNode;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n children,\n open: controlledOpen,\n onOpenChange,\n}) => {\n const [internalOpen, setInternalOpen] = useState(false);\n const isControlled = controlledOpen !== undefined;\n const open = isControlled ? controlledOpen : internalOpen;\n const triggerRef = useRef<HTMLElement | null>(null);\n const [radioValues, setRadioValues] = useState<Record<string, string>>({});\n\n const setOpen = useCallback(\n (v: boolean) => {\n if (!isControlled) setInternalOpen(v);\n onOpenChange?.(v);\n },\n [isControlled, onOpenChange],\n );\n\n const setRadioValue = useCallback((group: string, value: string) => {\n setRadioValues((prev) => ({ ...prev, [group]: value }));\n }, []);\n\n const ctx = useMemo(\n () => ({ open, setOpen, triggerRef, radioValues, setRadioValue }),\n [open, setOpen, radioValues, setRadioValue],\n );\n\n return (\n <DropdownContext.Provider value={ctx}>{children}</DropdownContext.Provider>\n );\n};\n\n//////////////////////////////////////////////// Trigger\n\nexport type DropdownTriggerProps = Omit<ButtonProps, \"type\"> & {\n /**\n * Merge trigger behavior onto a single child (e.g. your own `Button`).\n * Without `asChild`, the trigger renders the shared `Button` primitive.\n */\n asChild?: boolean;\n};\n\nfunction mergeTriggerRef(\n triggerRef: React.RefObject<HTMLElement | null>,\n node: HTMLElement | null,\n childRef: React.Ref<HTMLElement> | undefined,\n) {\n triggerRef.current = node;\n if (typeof childRef === \"function\") childRef(node);\n else if (childRef && typeof childRef === \"object\")\n (childRef as React.MutableRefObject<HTMLElement | null>).current = node;\n}\n\nexport const DropdownTrigger = React.forwardRef<\n HTMLButtonElement,\n DropdownTriggerProps\n>(\n (\n {\n children,\n asChild,\n className,\n onClick: onClickProp,\n disabled,\n ...buttonProps\n },\n ref,\n ) => {\n const { open, setOpen, triggerRef } = useDropdown();\n\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n onClickProp?.(e as React.MouseEvent<HTMLButtonElement>);\n e.stopPropagation();\n if (disabled) return;\n setOpen(!open);\n },\n [disabled, onClickProp, open, setOpen],\n );\n\n const setButtonRef = useCallback(\n (el: HTMLButtonElement | null) => {\n triggerRef.current = el;\n if (typeof ref === \"function\") ref(el);\n else if (ref) ref.current = el;\n },\n [ref, triggerRef],\n );\n\n if (asChild && React.isValidElement(children)) {\n const child = children as React.ReactElement<{\n onClick?: React.MouseEventHandler<HTMLElement>;\n ref?: React.Ref<HTMLElement>;\n className?: string;\n \"aria-expanded\"?: boolean;\n \"aria-haspopup\"?: string;\n \"data-state\"?: string;\n }>;\n return React.cloneElement(child, {\n ref: (node: HTMLElement | null) => {\n mergeTriggerRef(\n triggerRef,\n node,\n (\n child as React.ReactElement<unknown> & {\n ref?: React.Ref<HTMLElement>;\n }\n ).ref,\n );\n },\n className: cn(\"group\", child.props.className),\n onClick: (e: React.MouseEvent<HTMLElement>) => {\n child.props.onClick?.(e);\n handleClick(e);\n },\n \"aria-expanded\": open,\n \"aria-haspopup\": \"menu\",\n \"data-state\": open ? \"open\" : \"closed\",\n ...(disabled !== undefined\n ? {\n disabled,\n }\n : {}),\n } as Partial<typeof child.props>);\n }\n\n return (\n <Button\n ref={setButtonRef}\n type=\"button\"\n {...buttonProps}\n disabled={disabled}\n className={cn(\"group\", className)}\n aria-expanded={open}\n aria-haspopup=\"menu\"\n data-state={open ? \"open\" : \"closed\"}\n onClick={handleClick as React.MouseEventHandler<HTMLButtonElement>}\n >\n {children}\n </Button>\n );\n },\n);\nDropdownTrigger.displayName = \"DropdownTrigger\";\n\n/** Chevron for menu triggers; rotates 180° when the menu is open. */\nexport function DropdownChevron({\n className,\n ...props\n}: React.ComponentProps<typeof ChevronDown>) {\n const { open } = useDropdown();\n return (\n <ChevronDown\n aria-hidden\n className={cn(\"size-4 shrink-0\", open && \"rotate-180\", className)}\n {...props}\n />\n );\n}\n\n//////////////////////////////////////////////// Mobile sheet close\n\nexport interface DropdownMobileCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/**\n * Dismiss control for the mobile bottom-sheet menu. Styling matches\n * {@link DialogCloseButton} (circular hit target, X icon).\n */\nexport const DropdownMobileClose = React.forwardRef<\n HTMLButtonElement,\n DropdownMobileCloseProps\n>(({ className, type = \"button\", ...props }, ref) => {\n return (\n <button\n ref={ref}\n type={type}\n className={cn(\n \"z-100 flex size-12 shrink-0 cursor-pointer items-center justify-center rounded-full transition-all hover:bg-secondary-background active:scale-[0.96]\",\n className,\n )}\n {...props}\n >\n <X className=\"size-5.5\" />\n <span className=\"sr-only\">Close</span>\n </button>\n );\n});\nDropdownMobileClose.displayName = \"DropdownMobileClose\";\n\n//////////////////////////////////////////////// Mobile bottom sheet (shared root + sub)\n\ninterface DropdownMobileBottomSheetPortalProps extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"ref\"\n> {\n children: React.ReactNode;\n open: boolean;\n isAnimating: boolean;\n slideEntrance: boolean;\n slideOffsetPx: number;\n sheetTitle?: string;\n /** Merged onto the sheet panel after base classes (from `mobileOptions.className`). */\n sheetExtraClassName?: string;\n /** Merged onto the scrollable region below the header. */\n contentClassName?: string;\n onRequestClose: () => void;\n menuRef: React.RefObject<HTMLDivElement | null>;\n /** Root menu uses `z-50`; nested sub-menu sheet should stack above (e.g. `z-[70]`). */\n portalZClassName?: string;\n /**\n * When `true`, marks the portal **wrapper** (which contains the scrim) with\n * `data-dropdown-sub-content` so outside-click handlers recognize a tap on\n * a stacked sub-sheet's scrim as \"still inside a sub\" and don't cascade-close\n * parent sheets. Root sheets leave this `false` so a tap on the root scrim\n * still closes the root.\n */\n isSubPortal?: boolean;\n}\n\nfunction DropdownMobileBottomSheetPortal({\n open,\n isAnimating,\n slideEntrance,\n slideOffsetPx,\n sheetTitle,\n sheetExtraClassName,\n contentClassName,\n onRequestClose,\n menuRef,\n portalZClassName = \"z-50\",\n isSubPortal = false,\n children,\n className,\n style,\n ...panelProps\n}: DropdownMobileBottomSheetPortalProps) {\n const sheetMotion = open\n ? DROPDOWN_MOBILE_SHEET_ENTRY_EASING\n : DROPDOWN_MOBILE_SHEET_EXIT_EASING;\n const sheetHiddenTransform = slideEntrance\n ? `translateY(${slideOffsetPx}px)`\n : \"translateY(100%)\";\n\n return createPortal(\n <div\n {...(isSubPortal ? { [DROPDOWN_SUB_CONTENT_ATTR]: \"\" } : {})}\n className={cn(\n \"fixed inset-0 flex items-end justify-center p-0\",\n portalZClassName,\n )}\n >\n <div\n className={cn(\n \"fixed inset-0 bg-black/40 dark:bg-black/60\",\n isAnimating ? \"opacity-100\" : \"opacity-0\",\n )}\n style={{\n transitionProperty: \"opacity\",\n transitionDuration: `${DROPDOWN_MOBILE_SHEET_MOTION_MS}ms`,\n transitionTimingFunction: sheetMotion,\n }}\n onClick={onRequestClose}\n />\n <div\n {...panelProps}\n ref={menuRef}\n className={cn(\n \"bg-background border-primary/8 relative z-10 flex w-full max-h-[min(90dvh,calc(100dvh-env(safe-area-inset-bottom,0px)))] flex-col overflow-hidden shadow-2xl outline-none\",\n \"rounded-t-2xl rounded-b-none border-x-0 border-b-0 border-t\",\n DROPDOWN_PANEL_SCROLL,\n sheetExtraClassName,\n className,\n )}\n style={{\n transform: isAnimating ? \"translateY(0)\" : sheetHiddenTransform,\n opacity: isAnimating ? 1 : 0,\n transitionProperty: \"transform, opacity\",\n transitionDuration: `${DROPDOWN_MOBILE_SHEET_MOTION_MS}ms`,\n transitionTimingFunction: sheetMotion,\n ...style,\n }}\n >\n <div\n className={cn(\n \"flex w-full shrink-0 items-center py-2 pl-4 pr-2\",\n sheetTitle ? \"justify-between gap-3\" : \"justify-end\",\n )}\n >\n {sheetTitle ? (\n <p className=\"text-foreground min-w-0 flex-1 truncate text-base font-semibold\">\n {sheetTitle}\n </p>\n ) : null}\n <DropdownMobileClose\n onClick={(e) => {\n e.stopPropagation();\n onRequestClose();\n }}\n />\n </div>\n <div\n className={cn(\n \"min-h-0 flex-1 overflow-y-auto pb-[calc(5rem+env(safe-area-inset-bottom,0px))]\",\n contentClassName,\n )}\n >\n {children}\n </div>\n </div>\n </div>,\n document.body,\n );\n}\n\n//////////////////////////////////////////////// Content\n\ninterface DropdownContentProps extends React.HTMLAttributes<HTMLDivElement> {\n side?: Side;\n align?: Align;\n /** Gap in px between the trigger and the menu edge (default 10). */\n offset?: number;\n duration?: number;\n viewportPadding?: number;\n closeOnEscape?: boolean;\n /** Minimum width in px, or `\"trigger\"` to match the trigger (never below 192px). */\n minWidth?: number | \"trigger\";\n /** Loop keyboard focus at list boundaries */\n loop?: boolean;\n /**\n * Mobile (≤1024px) bottom-sheet configuration (`sheet`, `title`, panel\n * `className`, optional scroll body `contentClassName` after default `pb-20`\n * + safe area).\n */\n mobileOptions?: DropdownMobileSheetOptions;\n /**\n * Mobile bottom sheet only. When `true` (default), panel motion matches Dialog\n * `slideEntrance`: `translateY(slideEntranceOffsetPx)` + opacity, with the same\n * double-RAF open timing as `DialogContent`. When `false`, uses full\n * `translateY(100%)` like Dialog’s default narrow-viewport bottom sheet.\n */\n slideEntrance?: boolean;\n /** Mobile sheet only; defaults to 120px (same as Dialog `slideEntrance` for `size=\"full\"`). */\n slideEntranceOffsetPx?: number;\n}\n\nexport const DropdownContent: React.FC<DropdownContentProps> = ({\n children,\n side = \"bottom\",\n align = \"start\",\n offset = 10,\n duration = 80,\n viewportPadding = 8,\n closeOnEscape = true,\n minWidth = \"trigger\",\n loop = true,\n mobileOptions,\n slideEntrance = true,\n slideEntranceOffsetPx: slideEntranceOffsetPxProp,\n className,\n style,\n ...props\n}) => {\n const isMobile = useIsMobile(DROPDOWN_MOBILE_SHEET_MAX_PX + 1);\n const { open, setOpen, triggerRef } = useDropdown();\n const [shouldRender, setShouldRender] = useState(false);\n const [isAnimating, setIsAnimating] = useState(false);\n const [pos, setPos] = useState<Pos>({ top: -9999, left: -9999, side });\n const [triggerW, setTriggerW] = useState(0);\n const menuRef = useRef<HTMLDivElement>(null);\n\n const resolvedMobile = resolveDropdownMobileSheet(mobileOptions);\n const isMobileSheet = isMobile && resolvedMobile.sheet;\n const slideOffsetPx =\n slideEntranceOffsetPxProp ??\n DROPDOWN_MOBILE_SHEET_SLIDE_ENTRANCE_OFFSET_DEFAULT_PX;\n\n // Desktop = instant unmount on close (Fresha/Reshaped — holding a fade\n // after a pick reads as lag). Mobile sheet keeps its slide-down + scrim\n // exit so the dismissal feels natural on touch.\n useEffect(() => {\n if (open) {\n setShouldRender(true);\n return;\n }\n if (!isMobileSheet) {\n setShouldRender(false);\n return;\n }\n setIsAnimating(false);\n const t = setTimeout(\n () => setShouldRender(false),\n DROPDOWN_MOBILE_SHEET_MOTION_MS,\n );\n return () => clearTimeout(t);\n }, [open, isMobileSheet]);\n\n useEffect(() => {\n if (!shouldRender || !open) return;\n let raf2 = 0;\n const raf1 = requestAnimationFrame(() => {\n raf2 = requestAnimationFrame(() => setIsAnimating(true));\n });\n return () => {\n cancelAnimationFrame(raf1);\n if (raf2) cancelAnimationFrame(raf2);\n };\n }, [shouldRender, open]);\n\n // Position\n useLayoutEffect(() => {\n if (!shouldRender || !triggerRef.current || !menuRef.current) return;\n const update = () => {\n if (!triggerRef.current || !menuRef.current) return;\n setTriggerW(triggerRef.current.getBoundingClientRect().width);\n setPos(\n computePos(\n triggerRef.current,\n menuRef.current,\n side,\n align,\n offset,\n viewportPadding,\n ),\n );\n };\n update();\n window.addEventListener(\"resize\", update);\n return () => {\n window.removeEventListener(\"resize\", update);\n };\n }, [shouldRender, side, align, offset, viewportPadding]);\n\n // Close on outside scroll; the wheel handler below + CSS `overscroll-contain`\n // keep internal scrolls (including portaled sub-menus) from chaining out.\n useEffect(() => {\n if (!open || isMobileSheet) return;\n const isInsideMenu = (t: EventTarget | null) =>\n t instanceof Node &&\n (!!menuRef.current?.contains(t) ||\n !!triggerRef.current?.contains(t) ||\n (t instanceof Element &&\n !!t.closest(`[${DROPDOWN_SUB_CONTENT_ATTR}]`)));\n const onScroll = (e: Event) => {\n if (!isInsideMenu(e.target)) setOpen(false);\n };\n window.addEventListener(\"scroll\", onScroll, true);\n return () => window.removeEventListener(\"scroll\", onScroll, true);\n }, [open, isMobileSheet, setOpen, triggerRef]);\n\n // Contain wheel: never let scrolling inside the menu chain to the page,\n // whether or not anything inside actually scrolls.\n useEffect(() => {\n if (!shouldRender || isMobileSheet) return;\n const menu = menuRef.current;\n if (!menu) return;\n const onWheel = (e: WheelEvent) => preventMenuWheelChain(menu, e);\n menu.addEventListener(\"wheel\", onWheel, { passive: false });\n return () => menu.removeEventListener(\"wheel\", onWheel);\n }, [shouldRender, isMobileSheet]);\n\n // Focus the menu surface on open (not the first item) so nothing looks\n // “selected” until the user arrows or hovers. ArrowDown moves to items[0].\n useEffect(() => {\n if (isAnimating && menuRef.current) {\n menuRef.current.focus();\n }\n }, [isAnimating]);\n\n // Close on outside click\n useEffect(() => {\n if (!open) return;\n const handler = (e: MouseEvent) => {\n const t = e.target as Node;\n if (menuRef.current?.contains(t) || triggerRef.current?.contains(t))\n return;\n const el = e.target instanceof Element ? e.target : null;\n if (el?.closest?.(`[${DROPDOWN_SUB_CONTENT_ATTR}]`)) return;\n setOpen(false);\n };\n document.addEventListener(\"mousedown\", handler);\n return () => document.removeEventListener(\"mousedown\", handler);\n }, [open, setOpen, triggerRef]);\n\n // Keyboard navigation\n useEffect(() => {\n if (!open) return;\n const handler = (e: KeyboardEvent) => {\n const menu = menuRef.current;\n if (!menu) return;\n const focusedEl = document.activeElement as HTMLElement | null;\n // Sub-menus portal outside `menu`; don't hijack keys meant for them\n if (focusedEl && !menu.contains(focusedEl)) return;\n const items = getItems(menu);\n const idx = items.indexOf(focusedEl!);\n\n switch (e.key) {\n case \"Escape\":\n if (closeOnEscape) {\n e.preventDefault();\n setOpen(false);\n triggerRef.current?.focus();\n }\n break;\n case \"ArrowDown\":\n e.preventDefault();\n if (items.length === 0) break;\n if (idx === -1 || (idx === items.length - 1 && loop))\n items[0]?.focus();\n else if (idx < items.length - 1) items[idx + 1]?.focus();\n break;\n case \"ArrowUp\":\n e.preventDefault();\n if (items.length === 0) break;\n if (idx <= 0 && loop) items[items.length - 1]?.focus();\n else if (idx > 0) items[idx - 1]?.focus();\n break;\n case \"Home\":\n e.preventDefault();\n items[0]?.focus();\n break;\n case \"End\":\n e.preventDefault();\n items[items.length - 1]?.focus();\n break;\n case \"Tab\":\n setOpen(false);\n break;\n }\n };\n window.addEventListener(\"keydown\", handler);\n return () => window.removeEventListener(\"keydown\", handler);\n }, [open, closeOnEscape, loop, setOpen, triggerRef]);\n\n // Body scroll lock — only attaches when the mobile sheet is actually open.\n useEffect(() => {\n if (!open || !isMobileSheet) return;\n document.body.style.overflow = \"hidden\";\n return () => {\n document.body.style.overflow = \"\";\n };\n }, [open, isMobileSheet]);\n\n if (!shouldRender || typeof document === \"undefined\") return null;\n\n // ─── Mobile bottom-sheet mode (chrome + motion match `Dialog` bottom sheet) ─\n if (isMobileSheet) {\n return (\n <DropdownMobileBottomSheetPortal\n {...props}\n open={open}\n isAnimating={isAnimating}\n slideEntrance={slideEntrance}\n slideOffsetPx={slideOffsetPx}\n sheetTitle={resolvedMobile.title}\n sheetExtraClassName={resolvedMobile.sheetExtraClassName}\n contentClassName={resolvedMobile.contentClassName}\n onRequestClose={() => setOpen(false)}\n menuRef={menuRef}\n portalZClassName=\"z-50\"\n className={className}\n style={style}\n role=\"menu\"\n aria-orientation=\"vertical\"\n tabIndex={-1}\n >\n {children}\n </DropdownMobileBottomSheetPortal>\n );\n }\n\n // ─── Desktop floating menu mode ──────────────────────────────────────────\n const resolvedMinW =\n minWidth === \"trigger\"\n ? Math.max(triggerW, DROPDOWN_MENU_MIN_WIDTH_PX)\n : minWidth;\n\n return createPortal(\n <div\n {...props}\n ref={menuRef}\n role=\"menu\"\n aria-orientation=\"vertical\"\n tabIndex={-1}\n className={cn(\n \"bg-background border-primary/8 absolute z-50 rounded-xl border py-1.5 outline-none\",\n DROPDOWN_PANEL_SHADOW,\n DROPDOWN_PANEL_SCROLL,\n className,\n pos.maxHeight != null ? \"overflow-y-auto\" : \"overflow-hidden\",\n )}\n style={{\n position: \"absolute\",\n top: pos.top,\n left: pos.left,\n minWidth: resolvedMinW,\n maxHeight: pos.maxHeight,\n transformOrigin: DROPDOWN_CONTENT_ORIGIN[pos.side],\n transform: isAnimating ? \"none\" : DROPDOWN_CONTENT_HIDDEN[pos.side],\n opacity: isAnimating ? 1 : 0,\n transitionProperty: \"opacity, transform\",\n transitionDuration: `${duration}ms`,\n transitionTimingFunction: isAnimating\n ? DROPDOWN_PANEL_OPEN_EASING\n : DROPDOWN_PANEL_CLOSE_EASING,\n ...style,\n }}\n >\n {children}\n </div>,\n document.body,\n );\n};\n\n/** Returns all focusable menu items, excluding disabled ones */\nfunction getItems(menu: HTMLElement): HTMLElement[] {\n return Array.from(\n menu.querySelectorAll<HTMLElement>(\n '[role=\"menuitem\"]:not([aria-disabled=\"true\"]),' +\n '[role=\"menuitemcheckbox\"]:not([aria-disabled=\"true\"]),' +\n '[role=\"menuitemradio\"]:not([aria-disabled=\"true\"])',\n ),\n );\n}\n\n//////////////////////////////////////////////// Item\n\ninterface DropdownItemProps extends React.HTMLAttributes<HTMLDivElement> {\n disabled?: boolean;\n destructive?: boolean;\n icon?: React.ReactNode;\n shortcut?: string;\n /** Close menu on click (default true) */\n closeOnSelect?: boolean;\n inset?: boolean;\n}\n\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n children,\n disabled = false,\n destructive = false,\n icon,\n shortcut,\n closeOnSelect = true,\n inset = false,\n className,\n onClick,\n ...props\n}) => {\n const { setOpen } = useDropdown();\n\n const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) return;\n onClick?.(e);\n if (closeOnSelect) setOpen(false);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n handleClick(e as unknown as React.MouseEvent<HTMLDivElement>);\n }\n };\n\n return (\n <div\n {...props}\n role=\"menuitem\"\n tabIndex={disabled ? undefined : -1}\n aria-disabled={disabled}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n className={cn(\n \"relative mx-1.5 flex items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors duration-0 outline-none select-none\",\n DROPDOWN_SHEET_MENU_TEXT,\n inset && \"pl-9\",\n !disabled && \"cursor-pointer\",\n disabled && \"lg:cursor-not-allowed\",\n !disabled &&\n !destructive &&\n \"text-foreground hover:bg-primary/8 focus-visible:bg-primary/8 dark:hover:bg-primary/4 dark:focus-visible:bg-primary/4\",\n !disabled &&\n destructive &&\n \"text-destructive hover:bg-destructive/10 focus-visible:bg-destructive/10 dark:text-destructive-foreground dark:hover:bg-destructive-foreground/18 dark:focus-visible:bg-destructive-foreground/18\",\n disabled &&\n !destructive &&\n \"text-foreground/45 dark:text-foreground/50\",\n disabled &&\n destructive &&\n \"bg-destructive/5 text-destructive/75 dark:bg-destructive-foreground/12 dark:text-destructive-foreground/78\",\n className,\n )}\n >\n {icon && (\n <span className=\"flex size-4 shrink-0 items-center justify-center\">\n {icon}\n </span>\n )}\n <span className=\"min-w-0 flex-1\">{children}</span>\n {shortcut ? (\n <span\n className={cn(\n \"ml-auto text-xs tracking-widest\",\n DROPDOWN_SHEET_MENU_SHORTCUT,\n destructive\n ? \"text-destructive/70 dark:text-destructive-foreground/80\"\n : \"opacity-40\",\n )}\n >\n {shortcut}\n </span>\n ) : null}\n </div>\n );\n};\n\n//////////////////////////////////////////////// Separator\n\nexport const DropdownSeparator: React.FC<\n React.HTMLAttributes<HTMLDivElement>\n> = ({ className, ...props }) => (\n <div\n role=\"separator\"\n className={cn(\"border-primary/10 my-1.5 border-t\", className)}\n {...props}\n />\n);\n\n//////////////////////////////////////////////// Label\n\nexport const DropdownLabel: React.FC<\n React.HTMLAttributes<HTMLDivElement> & { inset?: boolean }\n> = ({ className, inset, ...props }) => (\n <div\n className={cn(\n \"text-primary/50 px-4 py-2 text-xs font-medium\",\n DROPDOWN_SHEET_MENU_LABEL_TEXT,\n inset && \"pl-9\",\n className,\n )}\n {...props}\n />\n);\n\n//////////////////////////////////////////////// Checkbox Item\n\ninterface DropdownCheckboxItemProps extends Omit<DropdownItemProps, \"icon\"> {\n checked?: boolean;\n onCheckedChange?: (checked: boolean) => void;\n}\n\nexport const DropdownCheckboxItem: React.FC<DropdownCheckboxItemProps> = ({\n children,\n checked = false,\n onCheckedChange,\n disabled = false,\n shortcut,\n closeOnSelect = false,\n className,\n onClick,\n ...props\n}) => {\n const { setOpen } = useDropdown();\n\n const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) return;\n onCheckedChange?.(!checked);\n onClick?.(e);\n if (closeOnSelect) setOpen(false);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n handleClick(e as unknown as React.MouseEvent<HTMLDivElement>);\n }\n };\n\n return (\n <div\n {...props}\n role=\"menuitemcheckbox\"\n aria-checked={checked}\n tabIndex={disabled ? undefined : -1}\n aria-disabled={disabled}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n className={cn(\n \"mx-1.5 flex items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors duration-0 outline-none select-none\",\n DROPDOWN_SHEET_MENU_TEXT,\n !disabled &&\n \"cursor-pointer text-foreground hover:bg-primary/8 focus-visible:bg-primary/8 dark:hover:bg-primary/4 dark:focus-visible:bg-primary/4\",\n disabled &&\n \"lg:cursor-not-allowed text-foreground/45 dark:text-foreground/50\",\n className,\n )}\n >\n <span className=\"mr-1 inline-flex shrink-0\" aria-hidden>\n <Checkbox\n checked={checked}\n disabled={disabled}\n tabIndex={-1}\n className=\"pointer-events-none\"\n />\n </span>\n <span className=\"min-w-0 flex-1\">{children}</span>\n {shortcut && (\n <span\n className={cn(\n \"ml-auto text-xs tracking-widest opacity-40\",\n DROPDOWN_SHEET_MENU_SHORTCUT,\n )}\n >\n {shortcut}\n </span>\n )}\n </div>\n );\n};\n\n//////////////////////////////////////////////// Radio Group + Item\n\nexport const DropdownRadioGroup: React.FC<{\n children: React.ReactNode;\n value?: string;\n onValueChange?: (value: string) => void;\n group: string;\n}> = ({ children, value, onValueChange, group }) => {\n const { setRadioValue, radioValues } = useDropdown();\n\n const resolvedValue = value ?? radioValues[group] ?? \"\";\n\n const handleValueChange = useCallback(\n (v: string) => {\n setRadioValue(group, v);\n onValueChange?.(v);\n },\n [group, onValueChange, setRadioValue],\n );\n\n const radioCtx = useMemo(\n () => ({\n group,\n value: resolvedValue,\n onValueChange: handleValueChange,\n }),\n [group, resolvedValue, handleValueChange],\n );\n\n return (\n <RadioGroupContext.Provider value={radioCtx}>\n {children}\n </RadioGroupContext.Provider>\n );\n};\n\ntype RadioGroupCtx = {\n group: string;\n value: string;\n onValueChange: (v: string) => void;\n};\nconst RadioGroupContext = React.createContext<RadioGroupCtx | undefined>(\n undefined,\n);\n\nfunction useRadioGroup() {\n const ctx = React.useContext(RadioGroupContext);\n if (!ctx)\n throw new Error(\"DropdownRadioItem must be inside DropdownRadioGroup\");\n return ctx;\n}\n\ninterface DropdownRadioItemProps extends Omit<DropdownItemProps, \"icon\"> {\n value: string;\n}\n\nexport const DropdownRadioItem: React.FC<DropdownRadioItemProps> = ({\n children,\n value,\n disabled = false,\n shortcut,\n closeOnSelect = false,\n className,\n onClick,\n ...props\n}) => {\n const { setOpen } = useDropdown();\n const { value: groupValue, onValueChange } = useRadioGroup();\n const checked = groupValue === value;\n\n const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) return;\n onValueChange(value);\n onClick?.(e);\n if (closeOnSelect) setOpen(false);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n handleClick(e as unknown as React.MouseEvent<HTMLDivElement>);\n }\n };\n\n return (\n <div\n {...props}\n role=\"menuitemradio\"\n aria-checked={checked}\n tabIndex={disabled ? undefined : -1}\n aria-disabled={disabled}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n className={cn(\n \"relative mx-1.5 flex items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors duration-0 outline-none select-none\",\n DROPDOWN_SHEET_MENU_TEXT,\n !disabled &&\n \"cursor-pointer text-foreground hover:bg-primary/8 focus-visible:bg-primary/8 dark:hover:bg-primary/4 dark:focus-visible:bg-primary/4\",\n disabled &&\n \"lg:cursor-not-allowed text-foreground/45 dark:text-foreground/50\",\n className,\n )}\n >\n <span className=\"min-w-0 flex-1\">{children}</span>\n {shortcut ? (\n <span\n className={cn(\n \"shrink-0 text-xs tracking-widest opacity-40\",\n DROPDOWN_SHEET_MENU_SHORTCUT,\n )}\n >\n {shortcut}\n </span>\n ) : null}\n <span\n className=\"flex size-4 shrink-0 items-center justify-center\"\n aria-hidden\n >\n {checked ? <Check className=\"size-3.5\" strokeWidth={2.5} /> : null}\n </span>\n </div>\n );\n};\n\n//////////////////////////////////////////////// Sub-menu\n\n/**\n * `openOnHover` (default `true`) controls whether moving a mouse onto the\n * `DropdownSubTrigger` (or off the `DropdownSubContent`) opens / closes the\n * sub. Set to `false` for menus rendered inside a scrollable container, where\n * rows passing under a stationary cursor would otherwise toggle the sub on\n * every scroll tick. Click, Enter, ArrowRight always open regardless.\n */\nexport const DropdownSub: React.FC<{\n children: React.ReactNode;\n openOnHover?: boolean;\n}> = ({ children, openOnHover = true }) => {\n const [open, setOpen] = useState(false);\n const triggerRef = useRef<HTMLElement | null>(null);\n const subCtx = useMemo(\n () => ({ open, setOpen, triggerRef, openOnHover }),\n [open, setOpen, openOnHover],\n );\n return <SubContext.Provider value={subCtx}>{children}</SubContext.Provider>;\n};\n\nexport const DropdownSubTrigger: React.FC<\n React.HTMLAttributes<HTMLDivElement> & {\n icon?: React.ReactNode;\n inset?: boolean;\n disabled?: boolean;\n }\n> = ({ children, icon, inset, disabled = false, className, ...props }) => {\n const sub = React.useContext(SubContext);\n if (!sub) throw new Error(\"DropdownSubTrigger must be inside DropdownSub\");\n const { open, setOpen, triggerRef, openOnHover } = sub;\n /** Same cutoff as mobile bottom sheet — touch / narrow viewports must not use hover. */\n const isMobile = useIsMobile(DROPDOWN_MOBILE_SHEET_MAX_PX + 1);\n\n return (\n <div\n {...props}\n ref={(el) => {\n triggerRef.current = el;\n }}\n role=\"menuitem\"\n aria-haspopup=\"menu\"\n aria-expanded={open}\n tabIndex={disabled ? undefined : -1}\n aria-disabled={disabled}\n onMouseEnter={() => {\n if (disabled || isMobile || !openOnHover) return;\n setOpen(true);\n }}\n onMouseLeave={() => {\n if (isMobile || !openOnHover) return;\n setOpen(false);\n }}\n onKeyDown={(e) => {\n if (disabled) return;\n if (e.key === \"ArrowRight\" || e.key === \"Enter\") {\n e.preventDefault();\n setOpen(true);\n }\n }}\n onClick={() => {\n if (disabled) return;\n setOpen(!open);\n }}\n className={cn(\n \"relative mx-1.5 flex items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors duration-0 outline-none select-none\",\n DROPDOWN_SHEET_MENU_TEXT,\n inset && \"pl-9\",\n !disabled &&\n \"cursor-pointer text-foreground hover:bg-primary/8 focus-visible:bg-primary/8 dark:hover:bg-primary/4 dark:focus-visible:bg-primary/4\",\n disabled &&\n \"lg:cursor-not-allowed text-foreground/45 dark:text-foreground/50\",\n className,\n )}\n >\n {icon && (\n <span className=\"flex size-4 shrink-0 items-center justify-center\">\n {icon}\n </span>\n )}\n <span className=\"min-w-0 flex-1\">{children}</span>\n <ChevronRight className=\"ml-auto size-4 shrink-0 opacity-50\" />\n </div>\n );\n};\n\nexport const DropdownSubContent: React.FC<\n React.HTMLAttributes<HTMLDivElement> & {\n duration?: number;\n viewportPadding?: number;\n /** Same meaning as {@link DropdownContent}. */\n mobileOptions?: DropdownMobileSheetOptions;\n /** Same as {@link DropdownContent} slideEntrance; default true. */\n slideEntrance?: boolean;\n slideEntranceOffsetPx?: number;\n }\n> = ({\n children,\n duration = 80,\n viewportPadding = 8,\n mobileOptions,\n slideEntrance = true,\n slideEntranceOffsetPx: slideEntranceOffsetPxProp,\n className,\n style,\n onKeyDown: onKeyDownProp,\n ...props\n}) => {\n const sub = React.useContext(SubContext);\n if (!sub) throw new Error(\"DropdownSubContent must be inside DropdownSub\");\n const { open, setOpen, triggerRef, openOnHover } = sub;\n\n const isMobile = useIsMobile(DROPDOWN_MOBILE_SHEET_MAX_PX + 1);\n const resolvedMobile = resolveDropdownMobileSheet(mobileOptions);\n const isMobileSheet = isMobile && resolvedMobile.sheet;\n const slideOffsetPx =\n slideEntranceOffsetPxProp ??\n DROPDOWN_MOBILE_SHEET_SLIDE_ENTRANCE_OFFSET_DEFAULT_PX;\n\n const [shouldRender, setShouldRender] = useState(false);\n const [isAnimating, setIsAnimating] = useState(false);\n const [pos, setPos] = useState<Pos>({\n top: -9999,\n left: -9999,\n side: \"right\",\n });\n const menuRef = useRef<HTMLDivElement>(null);\n\n // Same lifecycle as `DropdownContent`: instant on desktop, animated on the\n // mobile sheet.\n useEffect(() => {\n if (open) {\n setShouldRender(true);\n return;\n }\n if (!isMobileSheet) {\n setShouldRender(false);\n return;\n }\n setIsAnimating(false);\n const t = setTimeout(\n () => setShouldRender(false),\n DROPDOWN_MOBILE_SHEET_MOTION_MS,\n );\n return () => clearTimeout(t);\n }, [open, isMobileSheet]);\n\n useEffect(() => {\n if (!shouldRender || !open) return;\n let raf2 = 0;\n const raf1 = requestAnimationFrame(() => {\n raf2 = requestAnimationFrame(() => setIsAnimating(true));\n });\n return () => {\n cancelAnimationFrame(raf1);\n if (raf2) cancelAnimationFrame(raf2);\n };\n }, [shouldRender, open]);\n\n useLayoutEffect(() => {\n if (!shouldRender || isMobileSheet) return;\n if (!triggerRef.current || !menuRef.current) return;\n const update = () => {\n if (!triggerRef.current || !menuRef.current) return;\n setPos(\n computePos(\n triggerRef.current,\n menuRef.current,\n \"right\",\n \"start\",\n -8,\n viewportPadding,\n ),\n );\n };\n update();\n window.addEventListener(\"resize\", update);\n return () => {\n window.removeEventListener(\"resize\", update);\n };\n }, [shouldRender, viewportPadding, isMobileSheet]);\n\n // Close when a container that holds the sub-trigger scrolls — without this\n // the flyout would drift off its row. The root handles document/window\n // scrolls; the wheel handler below keeps internal scrolls from chaining\n // out, so a single `scroll` listener is enough.\n useEffect(() => {\n if (!open || isMobileSheet) return;\n const onScroll = (e: Event) => {\n const t = e.target;\n if (!(t instanceof Node) || menuRef.current?.contains(t)) return;\n const trigger = triggerRef.current;\n if (trigger && (t === trigger || t.contains(trigger))) setOpen(false);\n };\n window.addEventListener(\"scroll\", onScroll, true);\n return () => window.removeEventListener(\"scroll\", onScroll, true);\n }, [open, isMobileSheet, setOpen, triggerRef]);\n\n // Contain wheel inside the sub-panel; same rule as the root.\n useEffect(() => {\n if (!shouldRender || isMobileSheet) return;\n const menu = menuRef.current;\n if (!menu) return;\n const onWheel = (e: WheelEvent) => preventMenuWheelChain(menu, e);\n menu.addEventListener(\"wheel\", onWheel, { passive: false });\n return () => menu.removeEventListener(\"wheel\", onWheel);\n }, [shouldRender, isMobileSheet]);\n\n useEffect(() => {\n if (isAnimating && menuRef.current) {\n menuRef.current.focus();\n }\n }, [isAnimating]);\n\n useEffect(() => {\n if (!open) return;\n const handler = (e: MouseEvent) => {\n const t = e.target as Node;\n if (menuRef.current?.contains(t) || triggerRef.current?.contains(t))\n return;\n const el = e.target instanceof Element ? e.target : null;\n const subPanel = el?.closest?.(`[${DROPDOWN_SUB_CONTENT_ATTR}]`);\n if (subPanel && subPanel !== menuRef.current) return;\n setOpen(false);\n };\n document.addEventListener(\"mousedown\", handler);\n return () => document.removeEventListener(\"mousedown\", handler);\n }, [open, setOpen, triggerRef]);\n\n const handleSubMenuKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLDivElement>) => {\n onKeyDownProp?.(e);\n if (e.defaultPrevented) return;\n const menu = menuRef.current;\n if (!menu) return;\n const items = getItems(menu);\n const focused = document.activeElement as HTMLElement;\n const idx = items.indexOf(focused);\n\n switch (e.key) {\n case \"ArrowLeft\":\n case \"Escape\":\n e.preventDefault();\n setOpen(false);\n triggerRef.current?.focus();\n break;\n case \"ArrowDown\":\n e.preventDefault();\n if (items.length === 0) break;\n if (idx === -1 || idx === items.length - 1) items[0]?.focus();\n else items[idx + 1]?.focus();\n break;\n case \"ArrowUp\":\n e.preventDefault();\n if (items.length === 0) break;\n if (idx <= 0) items[items.length - 1]?.focus();\n else items[idx - 1]?.focus();\n break;\n case \"Home\":\n e.preventDefault();\n items[0]?.focus();\n break;\n case \"End\":\n e.preventDefault();\n items[items.length - 1]?.focus();\n break;\n }\n },\n [onKeyDownProp, setOpen, triggerRef],\n );\n\n if (!shouldRender || typeof document === \"undefined\") return null;\n\n if (isMobileSheet) {\n return (\n <DropdownMobileBottomSheetPortal\n {...props}\n open={open}\n isAnimating={isAnimating}\n slideEntrance={slideEntrance}\n slideOffsetPx={slideOffsetPx}\n sheetTitle={resolvedMobile.title}\n sheetExtraClassName={resolvedMobile.sheetExtraClassName}\n contentClassName={resolvedMobile.contentClassName}\n onRequestClose={() => setOpen(false)}\n menuRef={menuRef}\n portalZClassName=\"z-[70]\"\n isSubPortal\n className={className}\n style={style}\n role=\"menu\"\n tabIndex={-1}\n onKeyDown={handleSubMenuKeyDown}\n data-dropdown-sub-content=\"\"\n >\n {children}\n </DropdownMobileBottomSheetPortal>\n );\n }\n\n return createPortal(\n <div\n {...props}\n ref={menuRef}\n role=\"menu\"\n tabIndex={-1}\n onMouseEnter={openOnHover ? () => setOpen(true) : undefined}\n onMouseLeave={openOnHover ? () => setOpen(false) : undefined}\n onKeyDown={handleSubMenuKeyDown}\n data-dropdown-sub-content=\"\"\n className={cn(\n \"bg-background border-primary/8 absolute z-60 rounded-xl border py-1.5 outline-none\",\n DROPDOWN_PANEL_SHADOW,\n DROPDOWN_PANEL_SCROLL,\n className,\n pos.maxHeight != null ? \"overflow-y-auto\" : \"overflow-hidden\",\n )}\n style={{\n position: \"absolute\",\n top: pos.top,\n left: pos.left,\n minWidth: DROPDOWN_MENU_MIN_WIDTH_PX,\n maxHeight: pos.maxHeight,\n transformOrigin: SUB_CONTENT_ORIGIN[pos.side],\n transform: isAnimating ? \"none\" : DROPDOWN_CONTENT_HIDDEN[pos.side],\n opacity: isAnimating ? 1 : 0,\n transitionProperty: \"opacity, transform\",\n transitionDuration: `${duration}ms`,\n transitionTimingFunction: isAnimating\n ? DROPDOWN_PANEL_OPEN_EASING\n : DROPDOWN_PANEL_CLOSE_EASING,\n ...style,\n }}\n >\n {children}\n </div>,\n document.body,\n );\n};\n","import type {\n Column,\n RowData,\n Table as TanStackTable,\n} from \"@tanstack/react-table\";\nimport type { CSSProperties } from \"react\";\n\nexport function getSelectedRowIds<TData extends RowData>(\n table: TanStackTable<TData>,\n): string[] {\n return table.getSelectedRowModel().rows.map((r) => r.id);\n}\n\nexport function moveColumnInOrder(\n order: string[],\n sourceId: string,\n targetId: string,\n) {\n const from = order.indexOf(sourceId);\n const to = order.indexOf(targetId);\n if (from < 0 || to < 0 || from === to) return order;\n const next = [...order];\n const [moved] = next.splice(from, 1);\n if (moved) next.splice(to, 0, moved);\n return next;\n}\n\nexport function getColumnHeaderLabel(header: {\n column: { id: string; columnDef: { header?: unknown } };\n}): string {\n const h = header.column.columnDef.header;\n if (typeof h === \"string\") return h;\n return header.column.id;\n}\n\nexport function getTableLeafColumnOrderList<TData extends RowData>(\n table: TanStackTable<TData>,\n): string[] {\n const o = table.getState().columnOrder;\n if (o && o.length > 0) return [...o];\n return table.getVisibleLeafColumns().map((c) => c.id);\n}\n\nexport function moveTableColumnOneStep<TData extends RowData>(\n table: TanStackTable<TData>,\n columnId: string,\n direction: \"left\" | \"right\",\n) {\n const list = getTableLeafColumnOrderList(table);\n const i = list.indexOf(columnId);\n if (i < 0) return;\n const next = [...list];\n if (direction === \"left\" && i > 0) {\n [next[i - 1], next[i]] = [next[i]!, next[i - 1]!];\n } else if (direction === \"right\" && i < next.length - 1) {\n [next[i + 1], next[i]] = [next[i]!, next[i + 1]!];\n } else {\n return;\n }\n table.setColumnOrder(next);\n}\n\nexport function getColumnPinningStyle<TData extends RowData>(\n column: Column<TData, unknown>,\n): CSSProperties {\n const pin = column.getIsPinned();\n if (!pin) return {};\n const left = pin === \"left\" ? column.getStart(\"left\") : undefined;\n const right = pin === \"right\" ? column.getAfter(\"right\") : undefined;\n const zi = 20 + (column.getPinnedIndex() >= 0 ? column.getPinnedIndex() : 0);\n return {\n position: \"sticky\",\n left: left == null ? undefined : `${left}px`,\n right: right == null ? undefined : `${right}px`,\n zIndex: zi,\n };\n}\n\nexport function getColumnPinningClassName<TData extends RowData>(\n column: Column<TData, unknown>,\n) {\n return column.getIsPinned() ? \"bg-background\" : undefined;\n}\n","import type { Column, RowData } from \"@tanstack/react-table\";\n\n/* eslint-disable @typescript-eslint/no-unused-vars -- declaration merge generics */\ndeclare module \"@tanstack/react-table\" {\n interface ColumnMeta<TData extends RowData, TValue> {\n tableView?: {\n /** hides the reorder grip and blocks header-menu moves for this column */\n disableColumnReorder?: boolean;\n };\n }\n}\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nexport function getTableViewColumnDisableReorder<TData extends RowData>(\n column: Column<TData, unknown>,\n) {\n return Boolean(column.columnDef.meta?.tableView?.disableColumnReorder);\n}\n","\"use client\";\n\nimport type { Header, RowData, Table as TanStackTable } from \"@tanstack/react-table\";\nimport {\n ArrowLeft,\n ArrowRight,\n ChevronDown,\n ChevronUp,\n EyeOff,\n MoreVertical,\n Pin,\n PinOff,\n} from \"lucide-react\";\nimport {\n forwardRef,\n memo,\n useImperativeHandle,\n useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button\";\nimport {\n Dropdown,\n DropdownContent,\n DropdownItem,\n DropdownSeparator,\n DropdownTrigger,\n} from \"../dropdown\";\nimport { getTableLeafColumnOrderList, moveTableColumnOneStep } from \"./helpers\";\nimport { getTableViewColumnDisableReorder } from \"./meta\";\n\nexport type ColumnHeaderMenuHandle = {\n open: () => void;\n};\n\ntype ColumnHeaderMenuProps<TData extends RowData> = {\n table: TanStackTable<TData>;\n header: Header<TData, unknown>;\n columnSort: boolean;\n columnReorder: boolean;\n};\n\nconst ColumnHeaderMenuInner = forwardRef<\n ColumnHeaderMenuHandle,\n ColumnHeaderMenuProps<RowData>\n>(function ColumnHeaderMenuInner(\n { table, header, columnSort, columnReorder },\n ref,\n) {\n const [open, setOpen] = useState(false);\n useImperativeHandle(\n ref,\n () => ({\n open: () => {\n setOpen(true);\n },\n }),\n [],\n );\n\n const col = header.column;\n const id = col.id;\n const canPin = col.getCanPin();\n const pin = col.getIsPinned();\n const list = getTableLeafColumnOrderList(table);\n const idx = list.indexOf(id);\n const reorderLocked = getTableViewColumnDisableReorder(col);\n const canMoveLeft = columnReorder && !reorderLocked && idx > 0;\n const canMoveRight =\n columnReorder && !reorderLocked && idx >= 0 && idx < list.length - 1;\n const canSort = columnSort && col.getCanSort();\n const hasMoveSection = canMoveLeft || canMoveRight;\n const hasSortSection = !!canSort;\n const hasPinSection = canPin;\n const hasHideSection = col.getCanHide();\n\n if (!hasMoveSection && !hasSortSection && !hasPinSection && !hasHideSection) {\n return null;\n }\n\n const showSepBeforeHide =\n hasHideSection && (hasMoveSection || hasSortSection || hasPinSection);\n\n return (\n <div\n className={cn(\n \"flex shrink-0 self-stretch items-center\",\n \"opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100 has-[[data-state=open]]:opacity-100\",\n )}\n onClick={(e) => e.stopPropagation()}\n >\n <Dropdown open={open} onOpenChange={setOpen}>\n <DropdownTrigger asChild>\n <Button\n type=\"button\"\n size=\"xs\"\n iconOnly\n rounded=\"full\"\n className=\"touch-manipulation border-none bg-transparent shadow-none\"\n aria-label=\"Column options\"\n >\n <MoreVertical className=\"size-3.5\" strokeWidth={2.25} aria-hidden />\n </Button>\n </DropdownTrigger>\n <DropdownContent align=\"end\" side=\"bottom\" offset={4}>\n {hasMoveSection ? (\n <>\n <DropdownItem\n disabled={!canMoveLeft}\n icon={\n <ArrowLeft\n className=\"size-3.5\"\n strokeWidth={2.25}\n aria-hidden\n />\n }\n onClick={() => {\n if (canMoveLeft) moveTableColumnOneStep(table, id, \"left\");\n }}\n >\n Move to the left\n </DropdownItem>\n <DropdownItem\n disabled={!canMoveRight}\n icon={\n <ArrowRight\n className=\"size-3.5\"\n strokeWidth={2.25}\n aria-hidden\n />\n }\n onClick={() => {\n if (canMoveRight) moveTableColumnOneStep(table, id, \"right\");\n }}\n >\n Move to the right\n </DropdownItem>\n </>\n ) : null}\n {hasMoveSection && (hasSortSection || hasPinSection) ? (\n <DropdownSeparator />\n ) : null}\n {hasSortSection ? (\n <>\n <DropdownItem\n icon={\n <ChevronUp\n className=\"size-3.5\"\n strokeWidth={2.25}\n aria-hidden\n />\n }\n onClick={() => {\n col.toggleSorting(false);\n }}\n >\n Sort ascending\n </DropdownItem>\n <DropdownItem\n icon={\n <ChevronDown\n className=\"size-3.5\"\n strokeWidth={2.25}\n aria-hidden\n />\n }\n onClick={() => {\n col.toggleSorting(true);\n }}\n >\n Sort descending\n </DropdownItem>\n </>\n ) : null}\n {hasSortSection && hasPinSection ? <DropdownSeparator /> : null}\n {hasPinSection ? (\n <>\n {pin !== \"left\" ? (\n <DropdownItem\n icon={\n <Pin className=\"size-3.5\" strokeWidth={2.25} aria-hidden />\n }\n onClick={() => {\n col.pin(\"left\");\n }}\n >\n Pin to the left\n </DropdownItem>\n ) : null}\n {pin !== \"right\" ? (\n <DropdownItem\n icon={\n <Pin\n className=\"size-3.5 -scale-x-100\"\n strokeWidth={2.25}\n aria-hidden\n />\n }\n onClick={() => {\n col.pin(\"right\");\n }}\n >\n Pin to the right\n </DropdownItem>\n ) : null}\n {pin ? (\n <DropdownItem\n icon={\n <PinOff\n className=\"size-3.5\"\n strokeWidth={2.25}\n aria-hidden\n />\n }\n onClick={() => {\n col.pin(false);\n }}\n >\n Unpin column\n </DropdownItem>\n ) : null}\n </>\n ) : null}\n {showSepBeforeHide ? <DropdownSeparator /> : null}\n {hasHideSection ? (\n <DropdownItem\n icon={\n <EyeOff className=\"size-3.5\" strokeWidth={2.25} aria-hidden />\n }\n onClick={() => {\n col.toggleVisibility(false);\n setOpen(false);\n }}\n >\n Hide column\n </DropdownItem>\n ) : null}\n </DropdownContent>\n </Dropdown>\n </div>\n );\n});\nColumnHeaderMenuInner.displayName = \"ColumnHeaderMenuInner\";\n\nexport const ColumnHeaderMenu = memo(ColumnHeaderMenuInner);\nColumnHeaderMenu.displayName = \"ColumnHeaderMenu\";\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/react/button.tsx","../../../src/lib/typeahead.ts","../../../src/react/dropdown.tsx","../../../src/react/table-view/helpers.ts","../../../src/react/table-view/meta.ts","../../../src/react/table-view/column-menu.tsx"],"names":["React","jsx","forwardRef","ColumnHeaderMenuInner","useState","jsxs","ChevronDown"],"mappings":"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","file":"column-menu.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","import * as React from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\nconst sizeClass = {\n xs: \"h-8 min-h-8 gap-2 px-4 text-sm has-[>svg]:px-3 [&_svg:not([class*='size-'])]:size-3\",\n default:\n \"h-10 min-h-10 gap-2 px-5 text-sm has-[>svg]:px-4 [&_svg:not([class*='size-'])]:size-4\",\n lg: \"h-11 min-h-11 gap-2 px-6 text-base has-[>svg]:px-5 [&_svg:not([class*='size-'])]:size-5\",\n} as const;\n\n/** Square hit targets for `iconOnly` — same keys as `sizeClass` (`default` | `lg`). */\nconst iconOnlySizeClass = {\n xs: \"size-8 min-h-8 min-w-8 gap-0 p-0 [&_svg:not([class*='size-'])]:size-3\",\n default:\n \"size-10 min-h-10 min-w-10 gap-0 p-0 [&_svg:not([class*='size-'])]:size-4\",\n lg: \"size-11 min-h-11 min-w-11 gap-0 p-0 [&_svg:not([class*='size-'])]:size-5\",\n} as const;\n\nconst roundedClass = {\n full: \"rounded-full\",\n lg: \"rounded-lg\",\n md: \"rounded-md\",\n} as const;\n\nconst variantClass = {\n primary:\n \"bg-primary text-background border border-transparent hover:bg-primary/90 active:bg-primary/85\",\n secondary:\n \"bg-background text-primary border border-primary/10 hover:bg-primary/5\",\n destructive:\n \"bg-background text-red-500 border border-red-500/25 hover:bg-red-500/5\",\n success:\n \"bg-background text-green-500 border border-green-500/25 hover:bg-green-500/5\",\n} as const;\n\nexport type ButtonProps = React.ComponentProps<\"button\"> & {\n /**\n * Visual style: neutral (`secondary`, `primary`), or outline (`destructive`,\n * `success`) using Tailwind `red-500` / `green-500` text and matching borders on\n * `bg-background` (no solid fill).\n */\n variant?: keyof typeof variantClass;\n /**\n * Corner radius. Labeled buttons default to `full` (pill). `iconOnly` buttons\n * default to `md` (square corners) unless you pass `rounded` explicitly.\n */\n rounded?: keyof typeof roundedClass;\n /** Height and horizontal padding: `default` or `lg` only. */\n size?: keyof typeof sizeClass;\n /**\n * Square icon-only control; same `size` presets (`default` | `lg`). Pair with\n * `aria-label` (or `title`) when there is no visible text.\n */\n iconOnly?: boolean;\n};\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n type = \"button\",\n variant = \"secondary\",\n rounded: roundedProp,\n size = \"default\",\n iconOnly = false,\n disabled,\n ...props\n },\n ref,\n ) => {\n const rounded = roundedProp ?? (iconOnly ? \"md\" : \"full\");\n\n return (\n <button\n type={type}\n disabled={disabled}\n data-slot=\"button\"\n data-icon-only={iconOnly ? \"\" : undefined}\n className={cn(\n \"inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap outline-none scale-100 transition-[color,background-color,box-shadow,transform] duration-150 ease-out active:scale-[0.98] active:duration-100 active:ease-linear [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n \"focus-visible:border-ring font-medium lg:tracking-wide focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n iconOnly ? iconOnlySizeClass[size] : sizeClass[size],\n roundedClass[rounded],\n variantClass[variant],\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n },\n);\nButton.displayName = \"Button\";\n\nexport { Button };\n","/** How long typed characters accumulate before the search buffer resets. */\nexport const TYPEAHEAD_TIMEOUT_MS = 500;\n\nexport type TypeaheadState = {\n search: string;\n timer: ReturnType<typeof setTimeout> | null;\n};\n\nexport function createTypeaheadState(): TypeaheadState {\n return { search: \"\", timer: null };\n}\n\nexport function resetTypeahead(state: TypeaheadState): void {\n state.search = \"\";\n if (state.timer) {\n clearTimeout(state.timer);\n state.timer = null;\n }\n}\n\nexport function getItemLabel(item: HTMLElement): string {\n const aria = item.getAttribute(\"aria-label\")?.trim();\n if (aria) return aria;\n\n const marked = item.querySelector<HTMLElement>(\"[data-menu-label]\");\n if (marked?.textContent) return marked.textContent.replace(/\\s+/g, \" \").trim();\n\n return (item.textContent ?? \"\").replace(/\\s+/g, \" \").trim();\n}\n\nfunction normalizeSearch(value: string): string {\n return value.trim().toLocaleLowerCase();\n}\n\nfunction isTypeaheadTarget(target: EventTarget | null): boolean {\n if (!(target instanceof HTMLElement)) return true;\n if (target.isContentEditable) return false;\n const tag = target.tagName;\n return tag !== \"INPUT\" && tag !== \"TEXTAREA\" && tag !== \"SELECT\";\n}\n\n/**\n * Focus the next matching item for printable keys.\n * Returns `true` when the key was consumed.\n */\nexport function handleTypeaheadKeyDown(\n event: KeyboardEvent,\n items: HTMLElement[],\n state: TypeaheadState,\n options?: { enabled?: boolean; timeoutMs?: number },\n): boolean {\n if (options?.enabled === false || items.length === 0) return false;\n if (event.ctrlKey || event.metaKey || event.altKey) return false;\n if (event.key.length !== 1 || !isTypeaheadTarget(event.target)) return false;\n\n event.preventDefault();\n\n const timeoutMs = options?.timeoutMs ?? TYPEAHEAD_TIMEOUT_MS;\n const char = event.key;\n const prevSearch = state.search;\n const repeatSingleChar =\n prevSearch.length === 1 && prevSearch === char;\n\n if (repeatSingleChar) {\n state.search = prevSearch;\n } else {\n state.search = prevSearch + char;\n }\n\n if (state.timer) clearTimeout(state.timer);\n state.timer = setTimeout(() => {\n state.search = \"\";\n state.timer = null;\n }, timeoutMs);\n\n const labels = items.map((item) => normalizeSearch(getItemLabel(item)));\n let needle = normalizeSearch(state.search);\n\n let matches = items\n .map((item, index) => ({ item, index, label: labels[index]! }))\n .filter(({ label }) => label.startsWith(needle));\n\n if (matches.length === 0 && state.search.length > 1) {\n state.search = char;\n needle = normalizeSearch(char);\n matches = items\n .map((item, index) => ({ item, index, label: labels[index]! }))\n .filter(({ label }) => label.startsWith(needle));\n }\n\n if (matches.length === 0) return true;\n\n const focused = document.activeElement as HTMLElement | null;\n const focusedIndex = focused ? items.indexOf(focused) : -1;\n\n if (repeatSingleChar && focusedIndex !== -1) {\n const currentMatch = matches.findIndex(\n ({ index }) => index === focusedIndex,\n );\n if (currentMatch !== -1) {\n const next = matches[(currentMatch + 1) % matches.length];\n next?.item.focus();\n return true;\n }\n }\n\n if (focusedIndex !== -1) {\n const nextAfterFocus = matches.find(({ index }) => index > focusedIndex);\n if (nextAfterFocus) {\n nextAfterFocus.item.focus();\n return true;\n }\n }\n\n matches[0]?.item.focus();\n return true;\n}\n","\"use client\";\nimport React, {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Check, ChevronDown, ChevronRight, X } from \"lucide-react\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { Checkbox } from \"./checkbox\";\nimport {\n createTypeaheadState,\n handleTypeaheadKeyDown,\n resetTypeahead,\n} from \"../lib/typeahead\";\nimport { cn } from \"../lib/utils\";\n\n/** Panel transform motion — matches `sheet.tsx` `PANEL_OPEN_EASING` / `PANEL_CLOSE_EASING`. */\nconst DROPDOWN_PANEL_OPEN_EASING = \"cubic-bezier(0,0.55,0.45,1)\";\nconst DROPDOWN_PANEL_CLOSE_EASING = \"cubic-bezier(0.55,0,1,0.45)\";\n\n/** Floor for `minWidth=\"trigger\"` so narrow triggers don’t produce an overly tight menu (12rem). */\nconst DROPDOWN_MENU_MIN_WIDTH_PX = 192;\n/** Shrink on the preferred side until space drops below ~2 rows; then allow flip. */\nconst DROPDOWN_FLIP_MIN_SPACE_PX = 100;\n\n/** Mobile menu as bottom sheet — matches `dialog.tsx` (`DIALOG_MOBILE_BOTTOM_SHEET_MAX_PX` + `DIALOG_MOTION_MS`). */\nconst DROPDOWN_MOBILE_SHEET_MAX_PX = 1024;\n/** Mobile sheet panel + backdrop (slightly under `DIALOG_MOTION_MS` for snappier feel). */\nconst DROPDOWN_MOBILE_SHEET_MOTION_MS = 175;\nconst DROPDOWN_MOBILE_SHEET_ENTRY_EASING = \"cubic-bezier(0.85, 0, 0.15, 1)\";\nconst DROPDOWN_MOBILE_SHEET_EXIT_EASING = \"cubic-bezier(0.85, 0, 1, 0.15)\";\n\n/** Default slide distance for mobile sheet when `slideEntrance` — matches `SLIDE_ENTRANCE_OFFSET_PX.full` in `dialog.tsx`. */\nconst DROPDOWN_MOBILE_SHEET_SLIDE_ENTRANCE_OFFSET_DEFAULT_PX = 120;\n\n/**\n * Narrow-viewport (≤1024px) bottom-sheet options for {@link DropdownContent}\n * and {@link DropdownSubContent}. `className` merges onto the same panel as\n * `DropdownContent`’s root `className` (after base sheet styles); use it for\n * overrides such as `max-h-[…]`.\n */\nexport interface DropdownMobileSheetOptions {\n /** When `false`, keep the floating menu on narrow viewports. Default `true`. */\n sheet?: boolean;\n /** Optional header title on the same row as the close control. */\n title?: string;\n /** Extra classes on the sheet panel (merged after base sheet styles, before root `className`). */\n className?: string;\n /**\n * Extra classes on the scrollable body below the header (merged after the\n * default `pb-20` and safe-area bottom padding).\n */\n contentClassName?: string;\n}\n\nfunction resolveDropdownMobileSheet(\n mobileOptions: DropdownMobileSheetOptions | undefined,\n) {\n return {\n sheet: mobileOptions?.sheet ?? true,\n title: mobileOptions?.title,\n sheetExtraClassName: mobileOptions?.className,\n contentClassName: mobileOptions?.contentClassName,\n };\n}\n\n/** Mark portaled sub-menus so root outside-dismiss ignores clicks inside them. */\nconst DROPDOWN_SUB_CONTENT_ATTR = \"data-dropdown-sub-content\";\n\n/**\n * Reshaped-style \"elevated\" popover shadow — soft long shadow + tight contact\n * shadow gives depth without the harsh dark halo of `shadow-2xl`. Shared by\n * the root menu and sub-menu panels.\n */\nconst DROPDOWN_PANEL_SHADOW =\n \"shadow-[0_12px_32px_-8px_rgba(0,0,0,0.18),0_2px_6px_-2px_rgba(0,0,0,0.06)] dark:shadow-[0_12px_32px_-8px_rgba(0,0,0,0.55),0_2px_6px_-2px_rgba(0,0,0,0.35)]\";\n\n/**\n * Hide scrollbars and contain overscroll on every scrollable descendant.\n * Native `overscroll-behavior: contain` covers the touch / scrollable-inner\n * cases; {@link preventMenuWheelChain} handles wheel on non-scrollable\n * surfaces, which the CSS property can't reach (it only applies to actual\n * scroll containers).\n */\nconst DROPDOWN_PANEL_SCROLL =\n \"[&_*]:[scrollbar-width:none] [&_*::-webkit-scrollbar]:hidden [&_*]:overscroll-contain\";\n\n/**\n * Wheel handler attached to the menu surface. Walks up from the wheel target\n * looking for a scrollable ancestor inside `menu`; if one is found AND can\n * scroll in the wheel direction, lets the browser handle it. Otherwise calls\n * `preventDefault()` so the wheel never chains to the page. Covers both the\n * \"short menu with nothing to scroll\" case and the \"scrollable inner at\n * boundary\" case in one rule.\n */\nfunction preventMenuWheelChain(menu: HTMLElement, e: WheelEvent) {\n let el: HTMLElement | null = e.target as HTMLElement | null;\n while (el && menu.contains(el)) {\n const oy = getComputedStyle(el).overflowY;\n if (\n (oy === \"auto\" || oy === \"scroll\") &&\n el.scrollHeight > el.clientHeight\n ) {\n const atTop = el.scrollTop <= 0;\n const atBottom =\n el.scrollTop + el.clientHeight >= el.scrollHeight;\n if ((e.deltaY < 0 && !atTop) || (e.deltaY > 0 && !atBottom)) return;\n break;\n }\n el = el.parentElement;\n }\n e.preventDefault();\n}\n\n/**\n * Slightly larger menu copy when viewport ≤1024px — same cutoff as the mobile\n * bottom sheet (`DROPDOWN_MOBILE_SHEET_MAX_PX`). Padding unchanged.\n */\nconst DROPDOWN_SHEET_MENU_TEXT = \"max-[1024px]:text-base\";\nconst DROPDOWN_SHEET_MENU_SHORTCUT = \"max-[1024px]:text-sm\";\nconst DROPDOWN_SHEET_MENU_LABEL_TEXT = \"max-[1024px]:text-sm\";\n\n//////////////////////////////////////////////// Positioning helpers\n\ntype Side = \"top\" | \"bottom\" | \"left\" | \"right\";\ntype Align = \"start\" | \"center\" | \"end\";\n\ninterface Pos {\n top: number;\n left: number;\n side: Side;\n /** When set, the panel is shorter than its content and scrolls internally. */\n maxHeight?: number;\n}\n\n/** `transformOrigin` / pre-mount transform for the root floating menu (not sub-menus). */\nconst DROPDOWN_CONTENT_ORIGIN: Record<Side, string> = {\n bottom: \"top center\",\n top: \"bottom center\",\n left: \"right center\",\n right: \"left center\",\n};\nconst DROPDOWN_CONTENT_HIDDEN: Record<Side, string> = {\n bottom: \"translateY(-4px) scale(0.97)\",\n top: \"translateY(4px) scale(0.97)\",\n left: \"translateX(4px) scale(0.97)\",\n right: \"translateX(-4px) scale(0.97)\",\n};\n\n/** Sub-menu flyout uses a different origin on the horizontal axis. */\nconst SUB_CONTENT_ORIGIN: Record<Side, string> = {\n bottom: \"top center\",\n top: \"bottom center\",\n left: \"right top\",\n right: \"left top\",\n};\n\nfunction computePos(\n trigger: HTMLElement,\n menu: HTMLElement,\n side: Side,\n align: Align,\n offset: number,\n pad: number,\n): Pos {\n const tr = trigger.getBoundingClientRect();\n const mr = menu.getBoundingClientRect();\n const contentHeight = menu.scrollHeight;\n const vw = window.innerWidth;\n const vh = window.innerHeight;\n const sx = window.scrollX;\n const sy = window.scrollY;\n\n let top = 0;\n let left = 0;\n let effectiveSide = side;\n let maxHeight: number | undefined;\n\n const placeVertical = (s: Side, height: number) => {\n if (s === \"bottom\") top = tr.bottom + sy + offset;\n else top = tr.top + sy - height - offset;\n if (align === \"start\") left = tr.left + sx;\n else if (align === \"end\") left = tr.right + sx - mr.width;\n else left = tr.left + sx + tr.width / 2 - mr.width / 2;\n };\n\n const calc = (s: Side, height = contentHeight) => {\n switch (s) {\n case \"bottom\":\n case \"top\":\n placeVertical(s, height);\n break;\n case \"right\":\n left = tr.right + sx + offset;\n if (align === \"start\") top = tr.top + sy;\n else if (align === \"end\") top = tr.bottom + sy - mr.height;\n else top = tr.top + sy + tr.height / 2 - mr.height / 2;\n break;\n case \"left\":\n left = tr.left + sx - mr.width - offset;\n if (align === \"start\") top = tr.top + sy;\n else if (align === \"end\") top = tr.bottom + sy - mr.height;\n else top = tr.top + sy + tr.height / 2 - mr.height / 2;\n break;\n }\n };\n\n calc(side);\n\n const spaceBelow = Math.max(0, vh - pad - tr.bottom - offset);\n const spaceAbove = Math.max(0, tr.top - offset - pad);\n\n if (side === \"bottom\" || side === \"top\") {\n const primarySpace = side === \"bottom\" ? spaceBelow : spaceAbove;\n const alternateSpace = side === \"bottom\" ? spaceAbove : spaceBelow;\n const alternateSide: Side = side === \"bottom\" ? \"top\" : \"bottom\";\n\n if (contentHeight > primarySpace) {\n maxHeight = Math.min(contentHeight, primarySpace);\n calc(side, maxHeight);\n }\n\n if (\n contentHeight > primarySpace &&\n primarySpace < DROPDOWN_FLIP_MIN_SPACE_PX &&\n alternateSpace > primarySpace\n ) {\n effectiveSide = alternateSide;\n maxHeight = Math.min(contentHeight, alternateSpace);\n calc(alternateSide, maxHeight);\n }\n } else if (side === \"right\" && left + mr.width > vw + sx - pad) {\n const fl = tr.left + sx - mr.width - offset;\n if (fl >= sx + pad) {\n effectiveSide = \"left\";\n left = fl;\n }\n } else if (side === \"left\" && left < sx + pad) {\n const fl = tr.right + sx + offset;\n if (fl + mr.width <= vw + sx - pad) {\n effectiveSide = \"right\";\n left = fl;\n }\n }\n\n return { top, left, side: effectiveSide, maxHeight };\n}\n\n//////////////////////////////////////////////// Mobile detection\n\nfunction useIsMobile(breakpoint = 1025): boolean {\n // Read matchMedia synchronously on mount so the first render of a freshly\n // mounted sub-trigger already knows it's on a mobile viewport. Without this,\n // the synthetic `mouseenter` that fires when a sub-sheet slides under the\n // cursor (right after a tap on the parent trigger) would auto-open the row\n // beneath, because the `if (isMobile) return` guard would still see `false`\n // until the effect below runs on the next tick.\n const [isMobile, setIsMobile] = useState(() => {\n if (typeof window === \"undefined\") return false;\n return window.matchMedia(`(max-width: ${breakpoint - 1}px)`).matches;\n });\n useEffect(() => {\n const mq = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);\n const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);\n mq.addEventListener(\"change\", handler);\n return () => mq.removeEventListener(\"change\", handler);\n }, [breakpoint]);\n return isMobile;\n}\n\n//////////////////////////////////////////////// Context\n\ntype DropdownCtx = {\n open: boolean;\n setOpen: (v: boolean) => void;\n triggerRef: React.RefObject<HTMLElement | null>;\n radioValues: Record<string, string>;\n setRadioValue: (group: string, value: string) => void;\n};\n\nconst DropdownContext = React.createContext<DropdownCtx | undefined>(undefined);\n\nfunction useDropdown() {\n const ctx = React.useContext(DropdownContext);\n if (!ctx)\n throw new Error(\"Dropdown components must be used within <Dropdown />\");\n return ctx;\n}\n\n// Sub-menu context (for nested menus)\ntype SubCtx = {\n open: boolean;\n setOpen: (v: boolean) => void;\n triggerRef: React.RefObject<HTMLElement | null>;\n /** When `false`, hover does not open/close the sub. See {@link DropdownSub}. */\n openOnHover: boolean;\n};\nconst SubContext = React.createContext<SubCtx | undefined>(undefined);\n\n//////////////////////////////////////////////// Root\n\ninterface DropdownProps {\n children: React.ReactNode;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n children,\n open: controlledOpen,\n onOpenChange,\n}) => {\n const [internalOpen, setInternalOpen] = useState(false);\n const isControlled = controlledOpen !== undefined;\n const open = isControlled ? controlledOpen : internalOpen;\n const triggerRef = useRef<HTMLElement | null>(null);\n const [radioValues, setRadioValues] = useState<Record<string, string>>({});\n\n const setOpen = useCallback(\n (v: boolean) => {\n if (!isControlled) setInternalOpen(v);\n onOpenChange?.(v);\n },\n [isControlled, onOpenChange],\n );\n\n const setRadioValue = useCallback((group: string, value: string) => {\n setRadioValues((prev) => ({ ...prev, [group]: value }));\n }, []);\n\n const ctx = useMemo(\n () => ({ open, setOpen, triggerRef, radioValues, setRadioValue }),\n [open, setOpen, radioValues, setRadioValue],\n );\n\n return (\n <DropdownContext.Provider value={ctx}>{children}</DropdownContext.Provider>\n );\n};\n\n//////////////////////////////////////////////// Trigger\n\nexport type DropdownTriggerProps = Omit<ButtonProps, \"type\"> & {\n /**\n * Merge trigger behavior onto a single child (e.g. your own `Button`).\n * Without `asChild`, the trigger renders the shared `Button` primitive.\n */\n asChild?: boolean;\n};\n\nfunction mergeTriggerRef(\n triggerRef: React.RefObject<HTMLElement | null>,\n node: HTMLElement | null,\n childRef: React.Ref<HTMLElement> | undefined,\n) {\n triggerRef.current = node;\n if (typeof childRef === \"function\") childRef(node);\n else if (childRef && typeof childRef === \"object\")\n (childRef as React.MutableRefObject<HTMLElement | null>).current = node;\n}\n\nexport const DropdownTrigger = React.forwardRef<\n HTMLButtonElement,\n DropdownTriggerProps\n>(\n (\n {\n children,\n asChild,\n className,\n onClick: onClickProp,\n disabled,\n ...buttonProps\n },\n ref,\n ) => {\n const { open, setOpen, triggerRef } = useDropdown();\n\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n onClickProp?.(e as React.MouseEvent<HTMLButtonElement>);\n e.stopPropagation();\n if (disabled) return;\n setOpen(!open);\n },\n [disabled, onClickProp, open, setOpen],\n );\n\n const setButtonRef = useCallback(\n (el: HTMLButtonElement | null) => {\n triggerRef.current = el;\n if (typeof ref === \"function\") ref(el);\n else if (ref) ref.current = el;\n },\n [ref, triggerRef],\n );\n\n if (asChild && React.isValidElement(children)) {\n const child = children as React.ReactElement<{\n onClick?: React.MouseEventHandler<HTMLElement>;\n ref?: React.Ref<HTMLElement>;\n className?: string;\n \"aria-expanded\"?: boolean;\n \"aria-haspopup\"?: string;\n \"data-state\"?: string;\n }>;\n return React.cloneElement(child, {\n ref: (node: HTMLElement | null) => {\n mergeTriggerRef(\n triggerRef,\n node,\n (\n child as React.ReactElement<unknown> & {\n ref?: React.Ref<HTMLElement>;\n }\n ).ref,\n );\n },\n className: cn(\"group\", child.props.className),\n onClick: (e: React.MouseEvent<HTMLElement>) => {\n child.props.onClick?.(e);\n handleClick(e);\n },\n \"aria-expanded\": open,\n \"aria-haspopup\": \"menu\",\n \"data-state\": open ? \"open\" : \"closed\",\n ...(disabled !== undefined\n ? {\n disabled,\n }\n : {}),\n } as Partial<typeof child.props>);\n }\n\n return (\n <Button\n ref={setButtonRef}\n type=\"button\"\n {...buttonProps}\n disabled={disabled}\n className={cn(\"group\", className)}\n aria-expanded={open}\n aria-haspopup=\"menu\"\n data-state={open ? \"open\" : \"closed\"}\n onClick={handleClick as React.MouseEventHandler<HTMLButtonElement>}\n >\n {children}\n </Button>\n );\n },\n);\nDropdownTrigger.displayName = \"DropdownTrigger\";\n\n/** Chevron for menu triggers; rotates 180° when the menu is open. */\nexport function DropdownChevron({\n className,\n ...props\n}: React.ComponentProps<typeof ChevronDown>) {\n const { open } = useDropdown();\n return (\n <ChevronDown\n aria-hidden\n className={cn(\"size-4 shrink-0\", open && \"rotate-180\", className)}\n {...props}\n />\n );\n}\n\n//////////////////////////////////////////////// Mobile sheet close\n\nexport interface DropdownMobileCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/**\n * Dismiss control for the mobile bottom-sheet menu. Styling matches\n * {@link DialogCloseButton} (circular hit target, X icon).\n */\nexport const DropdownMobileClose = React.forwardRef<\n HTMLButtonElement,\n DropdownMobileCloseProps\n>(({ className, type = \"button\", ...props }, ref) => {\n return (\n <button\n ref={ref}\n type={type}\n className={cn(\n \"z-100 flex size-12 shrink-0 cursor-pointer items-center justify-center rounded-full transition-all hover:bg-secondary-background active:scale-[0.96]\",\n className,\n )}\n {...props}\n >\n <X className=\"size-5.5\" />\n <span className=\"sr-only\">Close</span>\n </button>\n );\n});\nDropdownMobileClose.displayName = \"DropdownMobileClose\";\n\n//////////////////////////////////////////////// Mobile bottom sheet (shared root + sub)\n\ninterface DropdownMobileBottomSheetPortalProps extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"ref\"\n> {\n children: React.ReactNode;\n open: boolean;\n isAnimating: boolean;\n slideEntrance: boolean;\n slideOffsetPx: number;\n sheetTitle?: string;\n /** Merged onto the sheet panel after base classes (from `mobileOptions.className`). */\n sheetExtraClassName?: string;\n /** Merged onto the scrollable region below the header. */\n contentClassName?: string;\n onRequestClose: () => void;\n menuRef: React.RefObject<HTMLDivElement | null>;\n /** Root menu uses `z-50`; nested sub-menu sheet should stack above (e.g. `z-[70]`). */\n portalZClassName?: string;\n /**\n * When `true`, marks the portal **wrapper** (which contains the scrim) with\n * `data-dropdown-sub-content` so outside-click handlers recognize a tap on\n * a stacked sub-sheet's scrim as \"still inside a sub\" and don't cascade-close\n * parent sheets. Root sheets leave this `false` so a tap on the root scrim\n * still closes the root.\n */\n isSubPortal?: boolean;\n}\n\nfunction DropdownMobileBottomSheetPortal({\n open,\n isAnimating,\n slideEntrance,\n slideOffsetPx,\n sheetTitle,\n sheetExtraClassName,\n contentClassName,\n onRequestClose,\n menuRef,\n portalZClassName = \"z-50\",\n isSubPortal = false,\n children,\n className,\n style,\n ...panelProps\n}: DropdownMobileBottomSheetPortalProps) {\n const sheetMotion = open\n ? DROPDOWN_MOBILE_SHEET_ENTRY_EASING\n : DROPDOWN_MOBILE_SHEET_EXIT_EASING;\n const sheetHiddenTransform = slideEntrance\n ? `translateY(${slideOffsetPx}px)`\n : \"translateY(100%)\";\n\n return createPortal(\n <div\n {...(isSubPortal ? { [DROPDOWN_SUB_CONTENT_ATTR]: \"\" } : {})}\n className={cn(\n \"fixed inset-0 flex items-end justify-center p-0\",\n portalZClassName,\n )}\n >\n <div\n className={cn(\n \"fixed inset-0 bg-black/40 dark:bg-primary/4\",\n isAnimating ? \"opacity-100\" : \"opacity-0\",\n )}\n style={{\n transitionProperty: \"opacity\",\n transitionDuration: `${DROPDOWN_MOBILE_SHEET_MOTION_MS}ms`,\n transitionTimingFunction: sheetMotion,\n }}\n onClick={onRequestClose}\n />\n <div\n {...panelProps}\n ref={menuRef}\n className={cn(\n \"bg-background border-primary/8 relative z-10 flex w-full max-h-[min(90dvh,calc(100dvh-env(safe-area-inset-bottom,0px)))] flex-col overflow-hidden shadow-2xl outline-none\",\n \"rounded-t-2xl rounded-b-none border-x-0 border-b-0 border-t\",\n DROPDOWN_PANEL_SCROLL,\n sheetExtraClassName,\n className,\n )}\n style={{\n transform: isAnimating ? \"translateY(0)\" : sheetHiddenTransform,\n opacity: isAnimating ? 1 : 0,\n transitionProperty: \"transform, opacity\",\n transitionDuration: `${DROPDOWN_MOBILE_SHEET_MOTION_MS}ms`,\n transitionTimingFunction: sheetMotion,\n ...style,\n }}\n >\n <div\n className={cn(\n \"flex w-full shrink-0 items-center py-2 pl-4 pr-2\",\n sheetTitle ? \"justify-between gap-3\" : \"justify-end\",\n )}\n >\n {sheetTitle ? (\n <p className=\"text-foreground min-w-0 flex-1 truncate text-base font-semibold\">\n {sheetTitle}\n </p>\n ) : null}\n <DropdownMobileClose\n onClick={(e) => {\n e.stopPropagation();\n onRequestClose();\n }}\n />\n </div>\n <div\n className={cn(\n \"min-h-0 flex-1 overflow-y-auto pb-[calc(5rem+env(safe-area-inset-bottom,0px))]\",\n contentClassName,\n )}\n >\n {children}\n </div>\n </div>\n </div>,\n document.body,\n );\n}\n\n//////////////////////////////////////////////// Content\n\ninterface DropdownContentProps extends React.HTMLAttributes<HTMLDivElement> {\n side?: Side;\n align?: Align;\n /** Gap in px between the trigger and the menu edge (default 10). */\n offset?: number;\n duration?: number;\n viewportPadding?: number;\n closeOnEscape?: boolean;\n /** Minimum width in px, or `\"trigger\"` to match the trigger (never below 192px). */\n minWidth?: number | \"trigger\";\n /** Loop keyboard focus at list boundaries */\n loop?: boolean;\n /** Type characters to jump to matching items (default true). */\n typeahead?: boolean;\n /**\n * Mobile (≤1024px) bottom-sheet configuration (`sheet`, `title`, panel\n * `className`, optional scroll body `contentClassName` after default `pb-20`\n * + safe area).\n */\n mobileOptions?: DropdownMobileSheetOptions;\n /**\n * Mobile bottom sheet only. When `true` (default), panel motion matches Dialog\n * `slideEntrance`: `translateY(slideEntranceOffsetPx)` + opacity, with the same\n * double-RAF open timing as `DialogContent`. When `false`, uses full\n * `translateY(100%)` like Dialog’s default narrow-viewport bottom sheet.\n */\n slideEntrance?: boolean;\n /** Mobile sheet only; defaults to 120px (same as Dialog `slideEntrance` for `size=\"full\"`). */\n slideEntranceOffsetPx?: number;\n}\n\nexport const DropdownContent: React.FC<DropdownContentProps> = ({\n children,\n side = \"bottom\",\n align = \"start\",\n offset = 10,\n duration = 80,\n viewportPadding = 8,\n closeOnEscape = true,\n minWidth = \"trigger\",\n loop = true,\n typeahead = true,\n mobileOptions,\n slideEntrance = true,\n slideEntranceOffsetPx: slideEntranceOffsetPxProp,\n className,\n style,\n ...props\n}) => {\n const isMobile = useIsMobile(DROPDOWN_MOBILE_SHEET_MAX_PX + 1);\n const { open, setOpen, triggerRef } = useDropdown();\n const [shouldRender, setShouldRender] = useState(false);\n const [isAnimating, setIsAnimating] = useState(false);\n const [pos, setPos] = useState<Pos>({ top: -9999, left: -9999, side });\n const [triggerW, setTriggerW] = useState(0);\n const menuRef = useRef<HTMLDivElement>(null);\n const typeaheadStateRef = useRef(createTypeaheadState());\n\n const resolvedMobile = resolveDropdownMobileSheet(mobileOptions);\n const isMobileSheet = isMobile && resolvedMobile.sheet;\n const slideOffsetPx =\n slideEntranceOffsetPxProp ??\n DROPDOWN_MOBILE_SHEET_SLIDE_ENTRANCE_OFFSET_DEFAULT_PX;\n\n // Desktop = instant unmount on close (Fresha/Reshaped — holding a fade\n // after a pick reads as lag). Mobile sheet keeps its slide-down + scrim\n // exit so the dismissal feels natural on touch.\n useEffect(() => {\n if (open) {\n setShouldRender(true);\n return;\n }\n if (!isMobileSheet) {\n setShouldRender(false);\n return;\n }\n setIsAnimating(false);\n const t = setTimeout(\n () => setShouldRender(false),\n DROPDOWN_MOBILE_SHEET_MOTION_MS,\n );\n return () => clearTimeout(t);\n }, [open, isMobileSheet]);\n\n useEffect(() => {\n if (!shouldRender || !open) return;\n let raf2 = 0;\n const raf1 = requestAnimationFrame(() => {\n raf2 = requestAnimationFrame(() => setIsAnimating(true));\n });\n return () => {\n cancelAnimationFrame(raf1);\n if (raf2) cancelAnimationFrame(raf2);\n };\n }, [shouldRender, open]);\n\n // Position\n useLayoutEffect(() => {\n if (!shouldRender || !triggerRef.current || !menuRef.current) return;\n const update = () => {\n if (!triggerRef.current || !menuRef.current) return;\n setTriggerW(triggerRef.current.getBoundingClientRect().width);\n setPos(\n computePos(\n triggerRef.current,\n menuRef.current,\n side,\n align,\n offset,\n viewportPadding,\n ),\n );\n };\n update();\n window.addEventListener(\"resize\", update);\n return () => {\n window.removeEventListener(\"resize\", update);\n };\n }, [shouldRender, side, align, offset, viewportPadding]);\n\n // Close on outside scroll; the wheel handler below + CSS `overscroll-contain`\n // keep internal scrolls (including portaled sub-menus) from chaining out.\n useEffect(() => {\n if (!open || isMobileSheet) return;\n const isInsideMenu = (t: EventTarget | null) =>\n t instanceof Node &&\n (!!menuRef.current?.contains(t) ||\n !!triggerRef.current?.contains(t) ||\n (t instanceof Element &&\n !!t.closest(`[${DROPDOWN_SUB_CONTENT_ATTR}]`)));\n const onScroll = (e: Event) => {\n if (!isInsideMenu(e.target)) setOpen(false);\n };\n window.addEventListener(\"scroll\", onScroll, true);\n return () => window.removeEventListener(\"scroll\", onScroll, true);\n }, [open, isMobileSheet, setOpen, triggerRef]);\n\n // Contain wheel: never let scrolling inside the menu chain to the page,\n // whether or not anything inside actually scrolls.\n useEffect(() => {\n if (!shouldRender || isMobileSheet) return;\n const menu = menuRef.current;\n if (!menu) return;\n const onWheel = (e: WheelEvent) => preventMenuWheelChain(menu, e);\n menu.addEventListener(\"wheel\", onWheel, { passive: false });\n return () => menu.removeEventListener(\"wheel\", onWheel);\n }, [shouldRender, isMobileSheet]);\n\n // Focus the menu surface on open (not the first item) so nothing looks\n // “selected” until the user arrows or hovers. ArrowDown moves to items[0].\n useEffect(() => {\n if (isAnimating && menuRef.current) {\n menuRef.current.focus();\n }\n }, [isAnimating]);\n\n useEffect(() => {\n if (!open) resetTypeahead(typeaheadStateRef.current);\n }, [open]);\n\n // Close on outside click\n useEffect(() => {\n if (!open) return;\n const handler = (e: MouseEvent) => {\n const t = e.target as Node;\n if (menuRef.current?.contains(t) || triggerRef.current?.contains(t))\n return;\n const el = e.target instanceof Element ? e.target : null;\n if (el?.closest?.(`[${DROPDOWN_SUB_CONTENT_ATTR}]`)) return;\n setOpen(false);\n };\n document.addEventListener(\"mousedown\", handler);\n return () => document.removeEventListener(\"mousedown\", handler);\n }, [open, setOpen, triggerRef]);\n\n // Keyboard navigation\n useEffect(() => {\n if (!open) return;\n const handler = (e: KeyboardEvent) => {\n const menu = menuRef.current;\n if (!menu) return;\n const focusedEl = document.activeElement as HTMLElement | null;\n // Sub-menus portal outside `menu`; don't hijack keys meant for them\n if (focusedEl && !menu.contains(focusedEl)) return;\n const items = getItems(menu);\n const idx = items.indexOf(focusedEl!);\n\n switch (e.key) {\n case \"Escape\":\n if (closeOnEscape) {\n e.preventDefault();\n setOpen(false);\n triggerRef.current?.focus();\n }\n break;\n case \"ArrowDown\":\n e.preventDefault();\n if (items.length === 0) break;\n if (idx === -1 || (idx === items.length - 1 && loop))\n items[0]?.focus();\n else if (idx < items.length - 1) items[idx + 1]?.focus();\n break;\n case \"ArrowUp\":\n e.preventDefault();\n if (items.length === 0) break;\n if (idx <= 0 && loop) items[items.length - 1]?.focus();\n else if (idx > 0) items[idx - 1]?.focus();\n break;\n case \"Home\":\n e.preventDefault();\n items[0]?.focus();\n break;\n case \"End\":\n e.preventDefault();\n items[items.length - 1]?.focus();\n break;\n case \"Tab\":\n setOpen(false);\n break;\n default:\n handleTypeaheadKeyDown(e, items, typeaheadStateRef.current, {\n enabled: typeahead,\n });\n break;\n }\n };\n window.addEventListener(\"keydown\", handler);\n return () => window.removeEventListener(\"keydown\", handler);\n }, [open, closeOnEscape, loop, typeahead, setOpen, triggerRef]);\n\n // Body scroll lock — only attaches when the mobile sheet is actually open.\n useEffect(() => {\n if (!open || !isMobileSheet) return;\n document.body.style.overflow = \"hidden\";\n return () => {\n document.body.style.overflow = \"\";\n };\n }, [open, isMobileSheet]);\n\n if (!shouldRender || typeof document === \"undefined\") return null;\n\n // ─── Mobile bottom-sheet mode (chrome + motion match `Dialog` bottom sheet) ─\n if (isMobileSheet) {\n return (\n <DropdownMobileBottomSheetPortal\n {...props}\n open={open}\n isAnimating={isAnimating}\n slideEntrance={slideEntrance}\n slideOffsetPx={slideOffsetPx}\n sheetTitle={resolvedMobile.title}\n sheetExtraClassName={resolvedMobile.sheetExtraClassName}\n contentClassName={resolvedMobile.contentClassName}\n onRequestClose={() => setOpen(false)}\n menuRef={menuRef}\n portalZClassName=\"z-50\"\n className={className}\n style={style}\n role=\"menu\"\n aria-orientation=\"vertical\"\n tabIndex={-1}\n >\n {children}\n </DropdownMobileBottomSheetPortal>\n );\n }\n\n // ─── Desktop floating menu mode ──────────────────────────────────────────\n const resolvedMinW =\n minWidth === \"trigger\"\n ? Math.max(triggerW, DROPDOWN_MENU_MIN_WIDTH_PX)\n : minWidth;\n\n return createPortal(\n <div\n {...props}\n ref={menuRef}\n role=\"menu\"\n aria-orientation=\"vertical\"\n tabIndex={-1}\n className={cn(\n \"bg-background border-primary/8 absolute z-50 rounded-xl border py-1.5 outline-none\",\n DROPDOWN_PANEL_SHADOW,\n DROPDOWN_PANEL_SCROLL,\n className,\n pos.maxHeight != null ? \"overflow-y-auto\" : \"overflow-hidden\",\n )}\n style={{\n position: \"absolute\",\n top: pos.top,\n left: pos.left,\n minWidth: resolvedMinW,\n maxHeight: pos.maxHeight,\n transformOrigin: DROPDOWN_CONTENT_ORIGIN[pos.side],\n transform: isAnimating ? \"none\" : DROPDOWN_CONTENT_HIDDEN[pos.side],\n opacity: isAnimating ? 1 : 0,\n transitionProperty: \"opacity, transform\",\n transitionDuration: `${duration}ms`,\n transitionTimingFunction: isAnimating\n ? DROPDOWN_PANEL_OPEN_EASING\n : DROPDOWN_PANEL_CLOSE_EASING,\n ...style,\n }}\n >\n {children}\n </div>,\n document.body,\n );\n};\n\n/** Returns all focusable menu items, excluding disabled ones */\nfunction getItems(menu: HTMLElement): HTMLElement[] {\n return Array.from(\n menu.querySelectorAll<HTMLElement>(\n '[role=\"menuitem\"]:not([aria-disabled=\"true\"]),' +\n '[role=\"menuitemcheckbox\"]:not([aria-disabled=\"true\"]),' +\n '[role=\"menuitemradio\"]:not([aria-disabled=\"true\"])',\n ),\n );\n}\n\n//////////////////////////////////////////////// Item\n\ninterface DropdownItemProps extends React.HTMLAttributes<HTMLDivElement> {\n disabled?: boolean;\n destructive?: boolean;\n icon?: React.ReactNode;\n shortcut?: string;\n /** Close menu on click (default true) */\n closeOnSelect?: boolean;\n inset?: boolean;\n}\n\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n children,\n disabled = false,\n destructive = false,\n icon,\n shortcut,\n closeOnSelect = true,\n inset = false,\n className,\n onClick,\n ...props\n}) => {\n const { setOpen } = useDropdown();\n\n const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) return;\n onClick?.(e);\n if (closeOnSelect) setOpen(false);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n handleClick(e as unknown as React.MouseEvent<HTMLDivElement>);\n }\n };\n\n return (\n <div\n {...props}\n role=\"menuitem\"\n tabIndex={disabled ? undefined : -1}\n aria-disabled={disabled}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n className={cn(\n \"relative mx-1.5 flex items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors duration-0 outline-none select-none\",\n DROPDOWN_SHEET_MENU_TEXT,\n inset && \"pl-9\",\n !disabled && \"cursor-pointer\",\n disabled && \"lg:cursor-not-allowed\",\n !disabled &&\n !destructive &&\n \"text-foreground hover:bg-primary/8 focus-visible:bg-primary/8 dark:hover:bg-primary/4 dark:focus-visible:bg-primary/4\",\n !disabled &&\n destructive &&\n \"text-destructive hover:bg-destructive/10 focus-visible:bg-destructive/10 dark:text-destructive-foreground dark:hover:bg-destructive-foreground/18 dark:focus-visible:bg-destructive-foreground/18\",\n disabled &&\n !destructive &&\n \"text-foreground/45 dark:text-foreground/50\",\n disabled &&\n destructive &&\n \"bg-destructive/5 text-destructive/75 dark:bg-destructive-foreground/12 dark:text-destructive-foreground/78\",\n className,\n )}\n >\n {icon && (\n <span className=\"flex size-4 shrink-0 items-center justify-center\">\n {icon}\n </span>\n )}\n <span className=\"min-w-0 flex-1\" data-menu-label>\n {children}\n </span>\n {shortcut ? (\n <span\n className={cn(\n \"ml-auto text-xs tracking-widest\",\n DROPDOWN_SHEET_MENU_SHORTCUT,\n destructive\n ? \"text-destructive/70 dark:text-destructive-foreground/80\"\n : \"opacity-40\",\n )}\n >\n {shortcut}\n </span>\n ) : null}\n </div>\n );\n};\n\n//////////////////////////////////////////////// Separator\n\nexport const DropdownSeparator: React.FC<\n React.HTMLAttributes<HTMLDivElement>\n> = ({ className, ...props }) => (\n <div\n role=\"separator\"\n className={cn(\"border-primary/10 my-1.5 border-t\", className)}\n {...props}\n />\n);\n\n//////////////////////////////////////////////// Label\n\nexport const DropdownLabel: React.FC<\n React.HTMLAttributes<HTMLDivElement> & { inset?: boolean }\n> = ({ className, inset, ...props }) => (\n <div\n className={cn(\n \"text-primary/50 px-4 py-2 text-xs font-medium\",\n DROPDOWN_SHEET_MENU_LABEL_TEXT,\n inset && \"pl-9\",\n className,\n )}\n {...props}\n />\n);\n\n//////////////////////////////////////////////// Checkbox Item\n\ninterface DropdownCheckboxItemProps extends Omit<DropdownItemProps, \"icon\"> {\n checked?: boolean;\n onCheckedChange?: (checked: boolean) => void;\n}\n\nexport const DropdownCheckboxItem: React.FC<DropdownCheckboxItemProps> = ({\n children,\n checked = false,\n onCheckedChange,\n disabled = false,\n shortcut,\n closeOnSelect = false,\n className,\n onClick,\n ...props\n}) => {\n const { setOpen } = useDropdown();\n\n const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) return;\n onCheckedChange?.(!checked);\n onClick?.(e);\n if (closeOnSelect) setOpen(false);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n handleClick(e as unknown as React.MouseEvent<HTMLDivElement>);\n }\n };\n\n return (\n <div\n {...props}\n role=\"menuitemcheckbox\"\n aria-checked={checked}\n tabIndex={disabled ? undefined : -1}\n aria-disabled={disabled}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n className={cn(\n \"mx-1.5 flex items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors duration-0 outline-none select-none\",\n DROPDOWN_SHEET_MENU_TEXT,\n !disabled &&\n \"cursor-pointer text-foreground hover:bg-primary/8 focus-visible:bg-primary/8 dark:hover:bg-primary/4 dark:focus-visible:bg-primary/4\",\n disabled &&\n \"lg:cursor-not-allowed text-foreground/45 dark:text-foreground/50\",\n className,\n )}\n >\n <span className=\"mr-1 inline-flex shrink-0\" aria-hidden>\n <Checkbox\n checked={checked}\n disabled={disabled}\n tabIndex={-1}\n className=\"pointer-events-none\"\n />\n </span>\n <span className=\"min-w-0 flex-1\" data-menu-label>\n {children}\n </span>\n {shortcut && (\n <span\n className={cn(\n \"ml-auto text-xs tracking-widest opacity-40\",\n DROPDOWN_SHEET_MENU_SHORTCUT,\n )}\n >\n {shortcut}\n </span>\n )}\n </div>\n );\n};\n\n//////////////////////////////////////////////// Radio Group + Item\n\nexport const DropdownRadioGroup: React.FC<{\n children: React.ReactNode;\n value?: string;\n onValueChange?: (value: string) => void;\n group: string;\n}> = ({ children, value, onValueChange, group }) => {\n const { setRadioValue, radioValues } = useDropdown();\n\n const resolvedValue = value ?? radioValues[group] ?? \"\";\n\n const handleValueChange = useCallback(\n (v: string) => {\n setRadioValue(group, v);\n onValueChange?.(v);\n },\n [group, onValueChange, setRadioValue],\n );\n\n const radioCtx = useMemo(\n () => ({\n group,\n value: resolvedValue,\n onValueChange: handleValueChange,\n }),\n [group, resolvedValue, handleValueChange],\n );\n\n return (\n <RadioGroupContext.Provider value={radioCtx}>\n {children}\n </RadioGroupContext.Provider>\n );\n};\n\ntype RadioGroupCtx = {\n group: string;\n value: string;\n onValueChange: (v: string) => void;\n};\nconst RadioGroupContext = React.createContext<RadioGroupCtx | undefined>(\n undefined,\n);\n\nfunction useRadioGroup() {\n const ctx = React.useContext(RadioGroupContext);\n if (!ctx)\n throw new Error(\"DropdownRadioItem must be inside DropdownRadioGroup\");\n return ctx;\n}\n\ninterface DropdownRadioItemProps extends Omit<DropdownItemProps, \"icon\"> {\n value: string;\n}\n\nexport const DropdownRadioItem: React.FC<DropdownRadioItemProps> = ({\n children,\n value,\n disabled = false,\n shortcut,\n closeOnSelect = false,\n className,\n onClick,\n ...props\n}) => {\n const { setOpen } = useDropdown();\n const { value: groupValue, onValueChange } = useRadioGroup();\n const checked = groupValue === value;\n\n const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) return;\n onValueChange(value);\n onClick?.(e);\n if (closeOnSelect) setOpen(false);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n handleClick(e as unknown as React.MouseEvent<HTMLDivElement>);\n }\n };\n\n return (\n <div\n {...props}\n role=\"menuitemradio\"\n aria-checked={checked}\n tabIndex={disabled ? undefined : -1}\n aria-disabled={disabled}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n className={cn(\n \"relative mx-1.5 flex items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors duration-0 outline-none select-none\",\n DROPDOWN_SHEET_MENU_TEXT,\n !disabled &&\n \"cursor-pointer text-foreground hover:bg-primary/8 focus-visible:bg-primary/8 dark:hover:bg-primary/4 dark:focus-visible:bg-primary/4\",\n disabled &&\n \"lg:cursor-not-allowed text-foreground/45 dark:text-foreground/50\",\n className,\n )}\n >\n <span className=\"min-w-0 flex-1\" data-menu-label>\n {children}\n </span>\n {shortcut ? (\n <span\n className={cn(\n \"shrink-0 text-xs tracking-widest opacity-40\",\n DROPDOWN_SHEET_MENU_SHORTCUT,\n )}\n >\n {shortcut}\n </span>\n ) : null}\n <span\n className=\"flex size-4 shrink-0 items-center justify-center\"\n aria-hidden\n >\n {checked ? <Check className=\"size-3.5\" strokeWidth={2.5} /> : null}\n </span>\n </div>\n );\n};\n\n//////////////////////////////////////////////// Sub-menu\n\n/**\n * `openOnHover` (default `true`) controls whether moving a mouse onto the\n * `DropdownSubTrigger` (or off the `DropdownSubContent`) opens / closes the\n * sub. Set to `false` for menus rendered inside a scrollable container, where\n * rows passing under a stationary cursor would otherwise toggle the sub on\n * every scroll tick. Click, Enter, ArrowRight always open regardless.\n */\nexport const DropdownSub: React.FC<{\n children: React.ReactNode;\n openOnHover?: boolean;\n}> = ({ children, openOnHover = true }) => {\n const [open, setOpen] = useState(false);\n const triggerRef = useRef<HTMLElement | null>(null);\n const subCtx = useMemo(\n () => ({ open, setOpen, triggerRef, openOnHover }),\n [open, setOpen, openOnHover],\n );\n return <SubContext.Provider value={subCtx}>{children}</SubContext.Provider>;\n};\n\nexport const DropdownSubTrigger: React.FC<\n React.HTMLAttributes<HTMLDivElement> & {\n icon?: React.ReactNode;\n inset?: boolean;\n disabled?: boolean;\n }\n> = ({ children, icon, inset, disabled = false, className, ...props }) => {\n const sub = React.useContext(SubContext);\n if (!sub) throw new Error(\"DropdownSubTrigger must be inside DropdownSub\");\n const { open, setOpen, triggerRef, openOnHover } = sub;\n /** Same cutoff as mobile bottom sheet — touch / narrow viewports must not use hover. */\n const isMobile = useIsMobile(DROPDOWN_MOBILE_SHEET_MAX_PX + 1);\n\n return (\n <div\n {...props}\n ref={(el) => {\n triggerRef.current = el;\n }}\n role=\"menuitem\"\n aria-haspopup=\"menu\"\n aria-expanded={open}\n tabIndex={disabled ? undefined : -1}\n aria-disabled={disabled}\n onMouseEnter={() => {\n if (disabled || isMobile || !openOnHover) return;\n setOpen(true);\n }}\n onMouseLeave={() => {\n if (isMobile || !openOnHover) return;\n setOpen(false);\n }}\n onKeyDown={(e) => {\n if (disabled) return;\n if (e.key === \"ArrowRight\" || e.key === \"Enter\") {\n e.preventDefault();\n setOpen(true);\n }\n }}\n onClick={() => {\n if (disabled) return;\n setOpen(!open);\n }}\n className={cn(\n \"relative mx-1.5 flex items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors duration-0 outline-none select-none\",\n DROPDOWN_SHEET_MENU_TEXT,\n inset && \"pl-9\",\n !disabled &&\n \"cursor-pointer text-foreground hover:bg-primary/8 focus-visible:bg-primary/8 dark:hover:bg-primary/4 dark:focus-visible:bg-primary/4\",\n disabled &&\n \"lg:cursor-not-allowed text-foreground/45 dark:text-foreground/50\",\n className,\n )}\n >\n {icon && (\n <span className=\"flex size-4 shrink-0 items-center justify-center\">\n {icon}\n </span>\n )}\n <span className=\"min-w-0 flex-1\" data-menu-label>\n {children}\n </span>\n <ChevronRight className=\"ml-auto size-4 shrink-0 opacity-50\" />\n </div>\n );\n};\n\nexport const DropdownSubContent: React.FC<\n React.HTMLAttributes<HTMLDivElement> & {\n duration?: number;\n viewportPadding?: number;\n /** Same meaning as {@link DropdownContent}. */\n mobileOptions?: DropdownMobileSheetOptions;\n /** Same as {@link DropdownContent} slideEntrance; default true. */\n slideEntrance?: boolean;\n slideEntranceOffsetPx?: number;\n /** Same as {@link DropdownContent}; default true. */\n typeahead?: boolean;\n }\n> = ({\n children,\n duration = 80,\n viewportPadding = 8,\n mobileOptions,\n slideEntrance = true,\n slideEntranceOffsetPx: slideEntranceOffsetPxProp,\n typeahead = true,\n className,\n style,\n onKeyDown: onKeyDownProp,\n ...props\n}) => {\n const sub = React.useContext(SubContext);\n if (!sub) throw new Error(\"DropdownSubContent must be inside DropdownSub\");\n const { open, setOpen, triggerRef, openOnHover } = sub;\n\n const isMobile = useIsMobile(DROPDOWN_MOBILE_SHEET_MAX_PX + 1);\n const resolvedMobile = resolveDropdownMobileSheet(mobileOptions);\n const isMobileSheet = isMobile && resolvedMobile.sheet;\n const slideOffsetPx =\n slideEntranceOffsetPxProp ??\n DROPDOWN_MOBILE_SHEET_SLIDE_ENTRANCE_OFFSET_DEFAULT_PX;\n\n const [shouldRender, setShouldRender] = useState(false);\n const [isAnimating, setIsAnimating] = useState(false);\n const [pos, setPos] = useState<Pos>({\n top: -9999,\n left: -9999,\n side: \"right\",\n });\n const menuRef = useRef<HTMLDivElement>(null);\n const typeaheadStateRef = useRef(createTypeaheadState());\n\n // Same lifecycle as `DropdownContent`: instant on desktop, animated on the\n // mobile sheet.\n useEffect(() => {\n if (open) {\n setShouldRender(true);\n return;\n }\n if (!isMobileSheet) {\n setShouldRender(false);\n return;\n }\n setIsAnimating(false);\n const t = setTimeout(\n () => setShouldRender(false),\n DROPDOWN_MOBILE_SHEET_MOTION_MS,\n );\n return () => clearTimeout(t);\n }, [open, isMobileSheet]);\n\n useEffect(() => {\n if (!shouldRender || !open) return;\n let raf2 = 0;\n const raf1 = requestAnimationFrame(() => {\n raf2 = requestAnimationFrame(() => setIsAnimating(true));\n });\n return () => {\n cancelAnimationFrame(raf1);\n if (raf2) cancelAnimationFrame(raf2);\n };\n }, [shouldRender, open]);\n\n useLayoutEffect(() => {\n if (!shouldRender || isMobileSheet) return;\n if (!triggerRef.current || !menuRef.current) return;\n const update = () => {\n if (!triggerRef.current || !menuRef.current) return;\n setPos(\n computePos(\n triggerRef.current,\n menuRef.current,\n \"right\",\n \"start\",\n -8,\n viewportPadding,\n ),\n );\n };\n update();\n window.addEventListener(\"resize\", update);\n return () => {\n window.removeEventListener(\"resize\", update);\n };\n }, [shouldRender, viewportPadding, isMobileSheet]);\n\n // Close when a container that holds the sub-trigger scrolls — without this\n // the flyout would drift off its row. The root handles document/window\n // scrolls; the wheel handler below keeps internal scrolls from chaining\n // out, so a single `scroll` listener is enough.\n useEffect(() => {\n if (!open || isMobileSheet) return;\n const onScroll = (e: Event) => {\n const t = e.target;\n if (!(t instanceof Node) || menuRef.current?.contains(t)) return;\n const trigger = triggerRef.current;\n if (trigger && (t === trigger || t.contains(trigger))) setOpen(false);\n };\n window.addEventListener(\"scroll\", onScroll, true);\n return () => window.removeEventListener(\"scroll\", onScroll, true);\n }, [open, isMobileSheet, setOpen, triggerRef]);\n\n // Contain wheel inside the sub-panel; same rule as the root.\n useEffect(() => {\n if (!shouldRender || isMobileSheet) return;\n const menu = menuRef.current;\n if (!menu) return;\n const onWheel = (e: WheelEvent) => preventMenuWheelChain(menu, e);\n menu.addEventListener(\"wheel\", onWheel, { passive: false });\n return () => menu.removeEventListener(\"wheel\", onWheel);\n }, [shouldRender, isMobileSheet]);\n\n useEffect(() => {\n if (isAnimating && menuRef.current) {\n menuRef.current.focus();\n }\n }, [isAnimating]);\n\n useEffect(() => {\n if (!open) resetTypeahead(typeaheadStateRef.current);\n }, [open]);\n\n useEffect(() => {\n if (!open) return;\n const handler = (e: MouseEvent) => {\n const t = e.target as Node;\n if (menuRef.current?.contains(t) || triggerRef.current?.contains(t))\n return;\n const el = e.target instanceof Element ? e.target : null;\n const subPanel = el?.closest?.(`[${DROPDOWN_SUB_CONTENT_ATTR}]`);\n if (subPanel && subPanel !== menuRef.current) return;\n setOpen(false);\n };\n document.addEventListener(\"mousedown\", handler);\n return () => document.removeEventListener(\"mousedown\", handler);\n }, [open, setOpen, triggerRef]);\n\n const handleSubMenuKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLDivElement>) => {\n onKeyDownProp?.(e);\n if (e.defaultPrevented) return;\n const menu = menuRef.current;\n if (!menu) return;\n const items = getItems(menu);\n const focused = document.activeElement as HTMLElement;\n const idx = items.indexOf(focused);\n\n switch (e.key) {\n case \"ArrowLeft\":\n case \"Escape\":\n e.preventDefault();\n setOpen(false);\n triggerRef.current?.focus();\n break;\n case \"ArrowDown\":\n e.preventDefault();\n if (items.length === 0) break;\n if (idx === -1 || idx === items.length - 1) items[0]?.focus();\n else items[idx + 1]?.focus();\n break;\n case \"ArrowUp\":\n e.preventDefault();\n if (items.length === 0) break;\n if (idx <= 0) items[items.length - 1]?.focus();\n else items[idx - 1]?.focus();\n break;\n case \"Home\":\n e.preventDefault();\n items[0]?.focus();\n break;\n case \"End\":\n e.preventDefault();\n items[items.length - 1]?.focus();\n break;\n default:\n handleTypeaheadKeyDown(e.nativeEvent, items, typeaheadStateRef.current, {\n enabled: typeahead,\n });\n break;\n }\n },\n [onKeyDownProp, setOpen, triggerRef, typeahead],\n );\n\n if (!shouldRender || typeof document === \"undefined\") return null;\n\n if (isMobileSheet) {\n return (\n <DropdownMobileBottomSheetPortal\n {...props}\n open={open}\n isAnimating={isAnimating}\n slideEntrance={slideEntrance}\n slideOffsetPx={slideOffsetPx}\n sheetTitle={resolvedMobile.title}\n sheetExtraClassName={resolvedMobile.sheetExtraClassName}\n contentClassName={resolvedMobile.contentClassName}\n onRequestClose={() => setOpen(false)}\n menuRef={menuRef}\n portalZClassName=\"z-[70]\"\n isSubPortal\n className={className}\n style={style}\n role=\"menu\"\n tabIndex={-1}\n onKeyDown={handleSubMenuKeyDown}\n data-dropdown-sub-content=\"\"\n >\n {children}\n </DropdownMobileBottomSheetPortal>\n );\n }\n\n return createPortal(\n <div\n {...props}\n ref={menuRef}\n role=\"menu\"\n tabIndex={-1}\n onMouseEnter={openOnHover ? () => setOpen(true) : undefined}\n onMouseLeave={openOnHover ? () => setOpen(false) : undefined}\n onKeyDown={handleSubMenuKeyDown}\n data-dropdown-sub-content=\"\"\n className={cn(\n \"bg-background border-primary/8 absolute z-60 rounded-xl border py-1.5 outline-none\",\n DROPDOWN_PANEL_SHADOW,\n DROPDOWN_PANEL_SCROLL,\n className,\n pos.maxHeight != null ? \"overflow-y-auto\" : \"overflow-hidden\",\n )}\n style={{\n position: \"absolute\",\n top: pos.top,\n left: pos.left,\n minWidth: DROPDOWN_MENU_MIN_WIDTH_PX,\n maxHeight: pos.maxHeight,\n transformOrigin: SUB_CONTENT_ORIGIN[pos.side],\n transform: isAnimating ? \"none\" : DROPDOWN_CONTENT_HIDDEN[pos.side],\n opacity: isAnimating ? 1 : 0,\n transitionProperty: \"opacity, transform\",\n transitionDuration: `${duration}ms`,\n transitionTimingFunction: isAnimating\n ? DROPDOWN_PANEL_OPEN_EASING\n : DROPDOWN_PANEL_CLOSE_EASING,\n ...style,\n }}\n >\n {children}\n </div>,\n document.body,\n );\n};\n","import type {\n Column,\n RowData,\n Table as TanStackTable,\n} from \"@tanstack/react-table\";\nimport type { CSSProperties } from \"react\";\n\nexport function getSelectedRowIds<TData extends RowData>(\n table: TanStackTable<TData>,\n): string[] {\n return table.getSelectedRowModel().rows.map((r) => r.id);\n}\n\nexport function moveColumnInOrder(\n order: string[],\n sourceId: string,\n targetId: string,\n) {\n const from = order.indexOf(sourceId);\n const to = order.indexOf(targetId);\n if (from < 0 || to < 0 || from === to) return order;\n const next = [...order];\n const [moved] = next.splice(from, 1);\n if (moved) next.splice(to, 0, moved);\n return next;\n}\n\nexport function getColumnHeaderLabel(header: {\n column: { id: string; columnDef: { header?: unknown } };\n}): string {\n const h = header.column.columnDef.header;\n if (typeof h === \"string\") return h;\n return header.column.id;\n}\n\nexport function getTableLeafColumnOrderList<TData extends RowData>(\n table: TanStackTable<TData>,\n): string[] {\n const o = table.getState().columnOrder;\n if (o && o.length > 0) return [...o];\n return table.getVisibleLeafColumns().map((c) => c.id);\n}\n\nexport function moveTableColumnOneStep<TData extends RowData>(\n table: TanStackTable<TData>,\n columnId: string,\n direction: \"left\" | \"right\",\n) {\n const list = getTableLeafColumnOrderList(table);\n const i = list.indexOf(columnId);\n if (i < 0) return;\n const next = [...list];\n if (direction === \"left\" && i > 0) {\n [next[i - 1], next[i]] = [next[i]!, next[i - 1]!];\n } else if (direction === \"right\" && i < next.length - 1) {\n [next[i + 1], next[i]] = [next[i]!, next[i + 1]!];\n } else {\n return;\n }\n table.setColumnOrder(next);\n}\n\nexport function getColumnPinningStyle<TData extends RowData>(\n column: Column<TData, unknown>,\n): CSSProperties {\n const pin = column.getIsPinned();\n if (!pin) return {};\n const left = pin === \"left\" ? column.getStart(\"left\") : undefined;\n const right = pin === \"right\" ? column.getAfter(\"right\") : undefined;\n const zi = 20 + (column.getPinnedIndex() >= 0 ? column.getPinnedIndex() : 0);\n return {\n position: \"sticky\",\n left: left == null ? undefined : `${left}px`,\n right: right == null ? undefined : `${right}px`,\n zIndex: zi,\n };\n}\n\nexport function getColumnPinningClassName<TData extends RowData>(\n column: Column<TData, unknown>,\n) {\n return column.getIsPinned() ? \"bg-background\" : undefined;\n}\n","import type { Column, RowData } from \"@tanstack/react-table\";\n\n/* eslint-disable @typescript-eslint/no-unused-vars -- declaration merge generics */\ndeclare module \"@tanstack/react-table\" {\n interface ColumnMeta<TData extends RowData, TValue> {\n tableView?: {\n /** hides the reorder grip and blocks header-menu moves for this column */\n disableColumnReorder?: boolean;\n };\n }\n}\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nexport function getTableViewColumnDisableReorder<TData extends RowData>(\n column: Column<TData, unknown>,\n) {\n return Boolean(column.columnDef.meta?.tableView?.disableColumnReorder);\n}\n","\"use client\";\n\nimport type { Header, RowData, Table as TanStackTable } from \"@tanstack/react-table\";\nimport {\n ArrowLeft,\n ArrowRight,\n ChevronDown,\n ChevronUp,\n EyeOff,\n MoreVertical,\n Pin,\n PinOff,\n} from \"lucide-react\";\nimport {\n forwardRef,\n memo,\n useImperativeHandle,\n useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button\";\nimport {\n Dropdown,\n DropdownContent,\n DropdownItem,\n DropdownSeparator,\n DropdownTrigger,\n} from \"../dropdown\";\nimport { getTableLeafColumnOrderList, moveTableColumnOneStep } from \"./helpers\";\nimport { getTableViewColumnDisableReorder } from \"./meta\";\n\nexport type ColumnHeaderMenuHandle = {\n open: () => void;\n};\n\ntype ColumnHeaderMenuProps<TData extends RowData> = {\n table: TanStackTable<TData>;\n header: Header<TData, unknown>;\n columnSort: boolean;\n columnReorder: boolean;\n};\n\nconst ColumnHeaderMenuInner = forwardRef<\n ColumnHeaderMenuHandle,\n ColumnHeaderMenuProps<RowData>\n>(function ColumnHeaderMenuInner(\n { table, header, columnSort, columnReorder },\n ref,\n) {\n const [open, setOpen] = useState(false);\n useImperativeHandle(\n ref,\n () => ({\n open: () => {\n setOpen(true);\n },\n }),\n [],\n );\n\n const col = header.column;\n const id = col.id;\n const canPin = col.getCanPin();\n const pin = col.getIsPinned();\n const list = getTableLeafColumnOrderList(table);\n const idx = list.indexOf(id);\n const reorderLocked = getTableViewColumnDisableReorder(col);\n const canMoveLeft = columnReorder && !reorderLocked && idx > 0;\n const canMoveRight =\n columnReorder && !reorderLocked && idx >= 0 && idx < list.length - 1;\n const canSort = columnSort && col.getCanSort();\n const hasMoveSection = canMoveLeft || canMoveRight;\n const hasSortSection = !!canSort;\n const hasPinSection = canPin;\n const hasHideSection = col.getCanHide();\n\n if (!hasMoveSection && !hasSortSection && !hasPinSection && !hasHideSection) {\n return null;\n }\n\n const showSepBeforeHide =\n hasHideSection && (hasMoveSection || hasSortSection || hasPinSection);\n\n return (\n <div\n className={cn(\n \"flex shrink-0 self-stretch items-center\",\n \"opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100 has-[[data-state=open]]:opacity-100\",\n )}\n onClick={(e) => e.stopPropagation()}\n >\n <Dropdown open={open} onOpenChange={setOpen}>\n <DropdownTrigger asChild>\n <Button\n type=\"button\"\n size=\"xs\"\n iconOnly\n rounded=\"full\"\n className=\"touch-manipulation border-none bg-transparent shadow-none\"\n aria-label=\"Column options\"\n >\n <MoreVertical className=\"size-3.5\" strokeWidth={2.25} aria-hidden />\n </Button>\n </DropdownTrigger>\n <DropdownContent align=\"end\" side=\"bottom\" offset={4}>\n {hasMoveSection ? (\n <>\n <DropdownItem\n disabled={!canMoveLeft}\n icon={\n <ArrowLeft\n className=\"size-3.5\"\n strokeWidth={2.25}\n aria-hidden\n />\n }\n onClick={() => {\n if (canMoveLeft) moveTableColumnOneStep(table, id, \"left\");\n }}\n >\n Move to the left\n </DropdownItem>\n <DropdownItem\n disabled={!canMoveRight}\n icon={\n <ArrowRight\n className=\"size-3.5\"\n strokeWidth={2.25}\n aria-hidden\n />\n }\n onClick={() => {\n if (canMoveRight) moveTableColumnOneStep(table, id, \"right\");\n }}\n >\n Move to the right\n </DropdownItem>\n </>\n ) : null}\n {hasMoveSection && (hasSortSection || hasPinSection) ? (\n <DropdownSeparator />\n ) : null}\n {hasSortSection ? (\n <>\n <DropdownItem\n icon={\n <ChevronUp\n className=\"size-3.5\"\n strokeWidth={2.25}\n aria-hidden\n />\n }\n onClick={() => {\n col.toggleSorting(false);\n }}\n >\n Sort ascending\n </DropdownItem>\n <DropdownItem\n icon={\n <ChevronDown\n className=\"size-3.5\"\n strokeWidth={2.25}\n aria-hidden\n />\n }\n onClick={() => {\n col.toggleSorting(true);\n }}\n >\n Sort descending\n </DropdownItem>\n </>\n ) : null}\n {hasSortSection && hasPinSection ? <DropdownSeparator /> : null}\n {hasPinSection ? (\n <>\n {pin !== \"left\" ? (\n <DropdownItem\n icon={\n <Pin className=\"size-3.5\" strokeWidth={2.25} aria-hidden />\n }\n onClick={() => {\n col.pin(\"left\");\n }}\n >\n Pin to the left\n </DropdownItem>\n ) : null}\n {pin !== \"right\" ? (\n <DropdownItem\n icon={\n <Pin\n className=\"size-3.5 -scale-x-100\"\n strokeWidth={2.25}\n aria-hidden\n />\n }\n onClick={() => {\n col.pin(\"right\");\n }}\n >\n Pin to the right\n </DropdownItem>\n ) : null}\n {pin ? (\n <DropdownItem\n icon={\n <PinOff\n className=\"size-3.5\"\n strokeWidth={2.25}\n aria-hidden\n />\n }\n onClick={() => {\n col.pin(false);\n }}\n >\n Unpin column\n </DropdownItem>\n ) : null}\n </>\n ) : null}\n {showSepBeforeHide ? <DropdownSeparator /> : null}\n {hasHideSection ? (\n <DropdownItem\n icon={\n <EyeOff className=\"size-3.5\" strokeWidth={2.25} aria-hidden />\n }\n onClick={() => {\n col.toggleVisibility(false);\n setOpen(false);\n }}\n >\n Hide column\n </DropdownItem>\n ) : null}\n </DropdownContent>\n </Dropdown>\n </div>\n );\n});\nColumnHeaderMenuInner.displayName = \"ColumnHeaderMenuInner\";\n\nexport const ColumnHeaderMenu = memo(ColumnHeaderMenuInner);\nColumnHeaderMenu.displayName = \"ColumnHeaderMenu\";\n"]}
|