npm - admin-ui-starter-kit - Versions diffs - 0.6.5 → 0.6.7 - Mend

admin-ui-starter-kit 0.6.5 → 0.6.7

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.

Files changed (1204) hide show

package/dist/_shared/overlays-Bef7VNYY.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"overlays-Bef7VNYY.js","names":[],"sources":["../../src/components/features/overlays/hooks/use-native-dialog.ts","../../src/components/features/overlays/overlays.strings.ts","../../src/components/features/overlays/hooks/use-overlay-actions.ts","../../src/components/features/overlays/hooks/use-overlay-visibility.ts","../../src/components/features/overlays/dialog.tsx","../../src/components/features/overlays/drawer.tsx","../../src/components/features/overlays/alert-dialog.tsx"],"sourcesContent":["import {\n useCallback,\n useEffect,\n useRef,\n useState,\n type RefObject,\n} from 'react';\n\nexport interface UseNativeDialogOptions {\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n onClose?: () => void;\n closeOnEscape?: boolean;\n closeOnBackdropClick?: boolean;\n initialFocusRef?: RefObject<HTMLElement>;\n}\n\nexport interface UseNativeDialogReturn {\n dialogRef: RefObject<HTMLDialogElement | null>;\n isOpen: boolean;\n isClosing: boolean;\n openDialog: () => void;\n closeDialog: () => void;\n toggleDialog: () => void;\n dialogProps: {\n ref: RefObject<HTMLDialogElement | null>;\n open: boolean;\n onKeyDown: (e: React.KeyboardEvent<HTMLDialogElement>) => void;\n };\n handleBackdropClick: () => void;\n}\n\nconst ANIMATION_TIMEOUT_MS = 350;\n\nlet bodyScrollLockCount = 0;\n\n/**\n * Lock body scroll using a CSS-class-based approach.\n *\n * Uses a `data-overlay-scroll-locked` attribute on `<html>` combined with a\n * CSS rule (`html[data-overlay-scroll-locked] body { overflow: hidden }`)\n * instead of directly manipulating `body.style.overflow`.\n *\n * This avoids a conflict with @base-ui's own `SCROLL_LOCKER` singleton (used\n * by Select, Combobox, etc.) which independently saves and restores inline\n * body styles. When both systems saved/restored the same inline property,\n * unlocking in the wrong order left `overflow: hidden` permanently on the body.\n */\nfunction lockBodyScroll(): () => void {\n if (bodyScrollLockCount === 0) {\n const scrollbarWidth =\n window.innerWidth - document.documentElement.clientWidth;\n\n document.body.style.setProperty(\n '--overlay-scrollbar-width',\n `${scrollbarWidth}px`,\n );\n document.documentElement.setAttribute(\n 'data-overlay-scroll-locked',\n '',\n );\n }\n\n bodyScrollLockCount += 1;\n let released = false;\n\n return () => {\n if (released) {\n return;\n }\n\n released = true;\n bodyScrollLockCount = Math.max(0, bodyScrollLockCount - 1);\n\n if (bodyScrollLockCount > 0) {\n return;\n }\n\n document.documentElement.removeAttribute('data-overlay-scroll-locked');\n document.body.style.removeProperty('--overlay-scrollbar-width');\n };\n}\n\nexport function useNativeDialog({\n open: controlledOpen,\n onOpenChange,\n onClose,\n closeOnEscape = true,\n closeOnBackdropClick = true,\n initialFocusRef,\n}: UseNativeDialogOptions = {}): UseNativeDialogReturn {\n const dialogRef = useRef<HTMLDialogElement>(null);\n const [internalOpen, setInternalOpen] = useState(false);\n const [isClosing, setIsClosing] = useState(false);\n const unlockScrollRef = useRef<(() => void) | null>(null);\n const previousActiveElementRef = useRef<HTMLElement | null>(null);\n const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const animationListenerRef = useRef<(() => void) | null>(null);\n const focusRafRef = useRef<number | null>(null);\n const finishCloseHandledRef = useRef(false);\n\n const isControlled = controlledOpen !== undefined;\n const isOpen = isControlled ? controlledOpen : internalOpen;\n\n // Refs track the latest values so closeDialog can bail out from stale\n // closures (e.g. when useOverlayActions.handleConfirm awaits an async\n // operation while the action store already sets isOpen=false or while\n // a prior closeDialog call already set isClosing=true).\n const isOpenRef = useRef(isOpen);\n isOpenRef.current = isOpen;\n\n const isClosingRef = useRef(isClosing);\n isClosingRef.current = isClosing;\n\n const setOpen = useCallback(\n (nextOpen: boolean) => {\n if (!isControlled) {\n setInternalOpen(nextOpen);\n }\n onOpenChange?.(nextOpen);\n\n if (!nextOpen) {\n onClose?.();\n }\n },\n [isControlled, onOpenChange, onClose],\n );\n\n const cleanupAnimation = useCallback(() => {\n if (closeTimeoutRef.current) {\n clearTimeout(closeTimeoutRef.current);\n closeTimeoutRef.current = null;\n }\n if (animationListenerRef.current) {\n animationListenerRef.current();\n animationListenerRef.current = null;\n }\n }, []);\n\n const finishClose = useCallback(() => {\n cleanupAnimation();\n\n // Mark that finishClose handled this close cycle so the safety-net\n // useEffect doesn't interfere with a redundant cleanup pass.\n finishCloseHandledRef.current = true;\n\n // CRITICAL: Release the scroll lock BEFORE calling setOpen, which\n // invokes external callbacks (onOpenChange, onClose) that may throw.\n const unlock = unlockScrollRef.current;\n unlockScrollRef.current = null;\n\n const prevFocus = previousActiveElementRef.current;\n previousActiveElementRef.current = null;\n\n try {\n unlock?.();\n } catch {\n // Scroll unlock must never propagate.\n }\n\n // Notify parent first — this triggers onOpenChange(false) which updates\n // the controlled open prop. Do NOT remove the .closing class or clear\n // isClosing before this: removing .closing reverts the dialog to its\n // entry animation CSS for one frame before React unmounts, causing a flash.\n try {\n setOpen(false);\n } catch {\n // If onOpenChange / onClose throws we still need to restore focus.\n }\n\n // Now safe to clear — React will unmount the portal on the next render,\n // so the .closing class removal is cosmetic (element is about to be removed).\n setIsClosing(false);\n\n const dialog = dialogRef.current;\n if (dialog) {\n dialog.classList.remove('closing');\n }\n\n try {\n prevFocus?.focus();\n } catch {\n // focus() on a disconnected node can throw in some browsers.\n }\n }, [cleanupAnimation, setOpen]);\n\n const openDialog = useCallback(() => {\n // Use refs (always fresh) instead of closure-captured values so that\n // stale references from trigger cloneElement or external callers\n // cannot bypass the guard.\n if (isOpenRef.current || isClosingRef.current) return;\n\n previousActiveElementRef.current =\n document.activeElement as HTMLElement;\n unlockScrollRef.current = lockBodyScroll();\n\n setOpen(true);\n\n focusRafRef.current = requestAnimationFrame(() => {\n focusRafRef.current = null;\n if (initialFocusRef?.current) {\n initialFocusRef.current.focus();\n } else {\n dialogRef.current?.focus();\n }\n });\n }, [setOpen, initialFocusRef]);\n\n const closeDialog = useCallback(() => {\n const dialog = dialogRef.current;\n // Use isOpenRef and isClosingRef (always fresh) instead of closure-\n // captured values so that stale closures from useOverlayActions\n // (which await async confirm while the action store or a prior\n // closeDialog call already changed state) correctly bail out instead\n // of starting a duplicate close animation.\n if (!dialog || !isOpenRef.current || isClosingRef.current) return;\n\n setIsClosing(true);\n dialog.classList.add('closing');\n\n // Force reflow so the browser picks up the new class before we read computed style\n void dialog.offsetHeight;\n\n const hasAnimation =\n getComputedStyle(dialog).animationName !== 'none';\n\n if (hasAnimation) {\n const handleAnimationEnd = () => {\n finishClose();\n };\n\n dialog.addEventListener('animationend', handleAnimationEnd, {\n once: true,\n });\n\n // Store cleanup function for unmount safety\n animationListenerRef.current = () => {\n dialog.removeEventListener(\n 'animationend',\n handleAnimationEnd,\n );\n };\n\n // Timeout fallback in case animationend never fires\n closeTimeoutRef.current = setTimeout(() => {\n finishClose();\n }, ANIMATION_TIMEOUT_MS);\n } else {\n finishClose();\n }\n }, [finishClose]);\n\n const toggleDialog = useCallback(() => {\n if (isOpen) {\n closeDialog();\n } else {\n openDialog();\n }\n }, [isOpen, openDialog, closeDialog]);\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLDialogElement>) => {\n if (e.key === 'Escape' && closeOnEscape) {\n e.preventDefault();\n e.stopPropagation();\n closeDialog();\n }\n },\n [closeOnEscape, closeDialog],\n );\n\n const handleBackdropClick = useCallback(() => {\n if (closeOnBackdropClick) {\n closeDialog();\n }\n }, [closeOnBackdropClick, closeDialog]);\n\n // Sync controlled open state → lock scroll + focus\n useEffect(() => {\n if (isOpen && !isClosing) {\n if (!previousActiveElementRef.current) {\n previousActiveElementRef.current =\n document.activeElement as HTMLElement;\n }\n\n if (!unlockScrollRef.current) {\n unlockScrollRef.current = lockBodyScroll();\n }\n\n // Cancel any pending focus rAF (e.g. from openDialog) before\n // scheduling a new one, preventing duplicate focus calls.\n if (focusRafRef.current !== null) {\n cancelAnimationFrame(focusRafRef.current);\n }\n focusRafRef.current = requestAnimationFrame(() => {\n focusRafRef.current = null;\n if (initialFocusRef?.current) {\n initialFocusRef.current.focus();\n } else {\n dialogRef.current?.focus();\n }\n });\n } else if (!isOpen) {\n // If finishClose already handled this close cycle, skip the\n // safety-net to avoid a redundant cleanup pass that would cause\n // a flash (clearing isClosing in a separate render).\n if (finishCloseHandledRef.current) {\n finishCloseHandledRef.current = false;\n\n return;\n }\n\n // Safety net for the controlled-close path where closeDialog()\n // is never called directly (e.g. action store sets isOpen=false).\n if (unlockScrollRef.current) {\n unlockScrollRef.current();\n unlockScrollRef.current = null;\n }\n\n if (isClosing) {\n cleanupAnimation();\n setIsClosing(false);\n\n const dialog = dialogRef.current;\n if (dialog) {\n dialog.classList.remove('closing');\n }\n }\n\n if (previousActiveElementRef.current) {\n try {\n previousActiveElementRef.current.focus();\n } catch {\n // focus() on a disconnected node — ignore\n }\n previousActiveElementRef.current = null;\n }\n }\n\n return () => {\n if (focusRafRef.current !== null) {\n cancelAnimationFrame(focusRafRef.current);\n focusRafRef.current = null;\n }\n };\n }, [isOpen, isClosing, initialFocusRef, cleanupAnimation]);\n\n // Cleanup on unmount\n useEffect(() => {\n return () => {\n cleanupAnimation();\n\n if (focusRafRef.current !== null) {\n cancelAnimationFrame(focusRafRef.current);\n focusRafRef.current = null;\n }\n\n if (unlockScrollRef.current) {\n unlockScrollRef.current();\n unlockScrollRef.current = null;\n }\n };\n }, [cleanupAnimation]);\n\n return {\n dialogRef,\n isOpen,\n isClosing,\n openDialog,\n closeDialog,\n toggleDialog,\n dialogProps: {\n ref: dialogRef,\n open: isOpen,\n onKeyDown: handleKeyDown,\n },\n handleBackdropClick,\n };\n}\n","/**\n * Default user-facing strings shared by `<Dialog>`, `<Drawer>`, and\n * `<AlertDialog>` overlays.\n *\n * Consumers wire backend i18n at the call site:\n *\n * <Dialog strings={{ confirm: t('common.confirm') }} … />\n */\n\nexport interface OverlayStrings {\n\tconfirm: string;\n\tcancel: string;\n\tclose: string;\n\tloading: string;\n}\n\nexport const defaultOverlayStrings: OverlayStrings = {\n\tconfirm: 'Confirm',\n\tcancel: 'Cancel',\n\tclose: 'Close',\n\tloading: 'Loading...',\n};\n\nexport const defaultAlertDialogStrings: OverlayStrings = {\n\tconfirm: 'Continue',\n\tcancel: 'Cancel',\n\tclose: 'Close',\n\tloading: 'Loading...',\n};\n","import { useCallback, useMemo, useState } from 'react';\n\nimport { useStrings, type StringsProp } from '@/lib/strings';\n\nimport {\n\tdefaultOverlayStrings,\n\ttype OverlayStrings,\n} from '../overlays.strings';\nimport type {\n\tButtonVariant,\n\tOverlayActionProps,\n\tOverlayTone,\n} from '../overlays.types';\n\nexport interface UseOverlayActionsOptions\n\textends Pick<\n\t\tOverlayActionProps,\n\t\t| 'onConfirm'\n\t\t| 'onAsyncConfirm'\n\t\t| 'closeOnAsyncComplete'\n\t\t| 'confirmVariant'\n\t\t| 'isLoading'\n\t\t| 'formId'\n\t> {\n\tcloseDialog: () => void;\n\tonCancel?: () => void;\n\tcustomStrings?: StringsProp<OverlayStrings>;\n\temphasis?: boolean;\n\ttone?: OverlayTone;\n\t/** Called when `onAsyncConfirm` throws. Library DEV-logs the error;\n\t * consumer wires telemetry. */\n\tonError?: (error: unknown) => void;\n}\n\nexport interface UseOverlayActionsReturn {\n\tstrings: OverlayStrings;\n\tisExecuting: boolean;\n\thandleConfirm: () => Promise<void>;\n\thandleCancel: () => void;\n\tfinalConfirmVariant: ButtonVariant;\n\tconfirmButtonOnClick: (() => Promise<void>) | undefined;\n\teffectiveLoading: boolean;\n}\n\nexport function useOverlayActions({\n\tcloseDialog,\n\tonConfirm,\n\tonAsyncConfirm,\n\tcloseOnAsyncComplete = true,\n\tconfirmVariant = 'primary',\n\tisLoading = false,\n\tformId,\n\tonCancel,\n\tcustomStrings,\n\temphasis = false,\n\ttone = 'default',\n\tonError,\n}: UseOverlayActionsOptions): UseOverlayActionsReturn {\n\tconst strings = useStrings(defaultOverlayStrings, customStrings);\n\n\tconst [isExecuting, setIsExecuting] = useState(false);\n\n\tconst handleConfirm = useCallback(async () => {\n\t\tif (onConfirm) {\n\t\t\tonConfirm();\n\t\t\tcloseDialog();\n\t\t\treturn;\n\t\t}\n\n\t\tif (onAsyncConfirm) {\n\t\t\tsetIsExecuting(true);\n\t\t\ttry {\n\t\t\t\tawait onAsyncConfirm();\n\t\t\t\tif (closeOnAsyncComplete) {\n\t\t\t\t\tcloseDialog();\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tif (import.meta.env?.DEV) {\n\t\t\t\t\tconsole.error('Overlay async confirm failed:', error);\n\t\t\t\t}\n\t\t\t\tonError?.(error);\n\t\t\t} finally {\n\t\t\t\tsetIsExecuting(false);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tcloseDialog();\n\t}, [onConfirm, onAsyncConfirm, closeOnAsyncComplete, closeDialog, onError]);\n\n\tconst handleCancel = useCallback(() => {\n\t\tonCancel?.();\n\t\tcloseDialog();\n\t}, [onCancel, closeDialog]);\n\n\tconst handleFormSubmit = useCallback(async () => {\n\t\tif (!formId) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst form = document.getElementById(formId);\n\n\t\tif (!(form instanceof HTMLFormElement)) {\n\t\t\treturn;\n\t\t}\n\n\t\tform.requestSubmit();\n\t}, [formId]);\n\n\tconst finalConfirmVariant = useMemo<ButtonVariant>(() => {\n\t\tif (!emphasis) return confirmVariant ?? 'primary';\n\t\tif (tone === 'error') return 'error';\n\t\tif (tone === 'warning') return 'warning';\n\t\tif (tone === 'success') return 'success';\n\t\treturn confirmVariant ?? 'primary';\n\t}, [emphasis, tone, confirmVariant]);\n\n\tconst confirmButtonOnClick = formId ? handleFormSubmit : handleConfirm;\n\n\treturn {\n\t\tstrings,\n\t\tisExecuting,\n\t\thandleConfirm,\n\t\thandleCancel,\n\t\tfinalConfirmVariant,\n\t\tconfirmButtonOnClick,\n\t\teffectiveLoading: isExecuting || isLoading,\n\t};\n}\n","import {\n\tuseCallback,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\ttype Dispatch,\n\ttype SetStateAction,\n} from 'react';\n\nexport type OverlayOpenSetter = Dispatch<SetStateAction<boolean>>;\n\nexport interface OverlayVisibilityProps {\n\topen: boolean;\n\tonOpenChange: (open: boolean) => void;\n}\n\nexport interface UseOverlayVisibilityOptions {\n\tdefaultOpen?: boolean;\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\tonOpen?: () => void;\n\tonClose?: () => void;\n}\n\nexport interface UseOverlayVisibilityReturn {\n\topen: boolean;\n\tisOpen: boolean;\n\tsetOpen: OverlayOpenSetter;\n\tshow: () => void;\n\thide: () => void;\n\ttoggle: () => void;\n\toverlayProps: OverlayVisibilityProps;\n}\n\nexport type OverlayVisibilityGroupState<TKey extends string = string> = Record<TKey, boolean>;\n\nexport interface UseOverlayVisibilityGroupOptions<TKey extends string = string> {\n\tdefaultOpen?: Partial<Record<TKey, boolean>>;\n\topen?: Partial<Record<TKey, boolean>>;\n\tonOpenChange?: (\n\t\tkey: TKey,\n\t\topen: boolean,\n\t\tstate: OverlayVisibilityGroupState<TKey>,\n\t) => void;\n\tcloseOthersOnOpen?: boolean;\n}\n\nexport type UseOverlayVisibilityGroupReturn<TKey extends string = string> = Record<\n\tTKey,\n\tUseOverlayVisibilityReturn\n>;\n\nfunction resolveOpenValue(\n\tnextOpen: SetStateAction<boolean>,\n\tcurrentOpen: boolean,\n): boolean {\n\tif (typeof nextOpen === 'function') {\n\t\treturn (nextOpen as (open: boolean) => boolean)(currentOpen);\n\t}\n\treturn nextOpen;\n}\n\nfunction normalizeGroupState<TKey extends string>(\n\tkeys: readonly TKey[],\n\tstate?: Partial<Record<TKey, boolean>>,\n): OverlayVisibilityGroupState<TKey> {\n\tconst result = {} as OverlayVisibilityGroupState<TKey>;\n\tfor (const key of keys) {\n\t\tresult[key] = Boolean(state?.[key]);\n\t}\n\treturn result;\n}\n\nfunction hasGroupStateChanged<TKey extends string>(\n\tprevious: OverlayVisibilityGroupState<TKey>,\n\tnext: OverlayVisibilityGroupState<TKey>,\n\tkeys: readonly TKey[],\n): boolean {\n\treturn keys.some((key) => previous[key] !== next[key]);\n}\n\nexport function useOverlayVisibility({\n\tdefaultOpen = false,\n\topen: controlledOpen,\n\tonOpenChange,\n\tonOpen,\n\tonClose,\n}: UseOverlayVisibilityOptions = {}): UseOverlayVisibilityReturn {\n\tconst [internalOpen, setInternalOpen] = useState(defaultOpen);\n\tconst isControlled = controlledOpen !== undefined;\n\tconst open = isControlled ? controlledOpen : internalOpen;\n\tconst openRef = useRef(open);\n\topenRef.current = open;\n\n\tconst setOpen = useCallback<OverlayOpenSetter>(\n\t\t(nextOpen) => {\n\t\t\tconst resolvedOpen = resolveOpenValue(nextOpen, openRef.current);\n\t\t\tconst changed = openRef.current !== resolvedOpen;\n\n\t\t\tif (!isControlled) {\n\t\t\t\tsetInternalOpen(resolvedOpen);\n\t\t\t}\n\n\t\t\tif (!changed) return;\n\n\t\t\topenRef.current = resolvedOpen;\n\t\t\tonOpenChange?.(resolvedOpen);\n\t\t\tif (resolvedOpen) {\n\t\t\t\tonOpen?.();\n\t\t\t} else {\n\t\t\t\tonClose?.();\n\t\t\t}\n\t\t},\n\t\t[isControlled, onClose, onOpen, onOpenChange],\n\t);\n\n\tconst show = useCallback(() => {\n\t\tsetOpen(true);\n\t}, [setOpen]);\n\n\tconst hide = useCallback(() => {\n\t\tsetOpen(false);\n\t}, [setOpen]);\n\n\tconst toggle = useCallback(() => {\n\t\tsetOpen((currentOpen) => !currentOpen);\n\t}, [setOpen]);\n\n\tconst overlayProps = useMemo(\n\t\t() => ({\n\t\t\topen,\n\t\t\tonOpenChange: setOpen,\n\t\t}),\n\t\t[open, setOpen],\n\t);\n\n\treturn {\n\t\topen,\n\t\tisOpen: open,\n\t\tsetOpen,\n\t\tshow,\n\t\thide,\n\t\ttoggle,\n\t\toverlayProps,\n\t};\n}\n\nexport function useOverlayVisibilityGroup<const TKeys extends readonly string[]>(\n\tkeys: TKeys,\n\t{\n\t\tdefaultOpen,\n\t\topen: controlledOpen,\n\t\tonOpenChange,\n\t\tcloseOthersOnOpen = false,\n\t}: UseOverlayVisibilityGroupOptions<TKeys[number] & string> = {},\n): UseOverlayVisibilityGroupReturn<TKeys[number] & string> {\n\ttype TKey = TKeys[number] & string;\n\n\tconst keyList = keys as readonly TKey[];\n\tconst [internalOpen, setInternalOpen] = useState<OverlayVisibilityGroupState<TKey>>(\n\t\t() => normalizeGroupState(keyList, defaultOpen),\n\t);\n\tconst isControlled = controlledOpen !== undefined;\n\tconst state = normalizeGroupState(keyList, isControlled ? controlledOpen : internalOpen);\n\tconst stateRef = useRef(state);\n\tstateRef.current = state;\n\n\tconst setKeyOpen = useCallback(\n\t\t(key: TKey, nextOpen: SetStateAction<boolean>) => {\n\t\t\tconst previousState = stateRef.current;\n\t\t\tconst resolvedOpen = resolveOpenValue(nextOpen, previousState[key]);\n\t\t\tconst nextState = {\n\t\t\t\t...previousState,\n\t\t\t\t[key]: resolvedOpen,\n\t\t\t} as OverlayVisibilityGroupState<TKey>;\n\n\t\t\tif (closeOthersOnOpen && resolvedOpen) {\n\t\t\t\tfor (const item of keyList) {\n\t\t\t\t\tif (item !== key) {\n\t\t\t\t\t\tnextState[item] = false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst changed = hasGroupStateChanged(previousState, nextState, keyList);\n\n\t\t\tif (!isControlled) {\n\t\t\t\tsetInternalOpen(nextState);\n\t\t\t}\n\n\t\t\tif (!changed) return;\n\n\t\t\tstateRef.current = nextState;\n\t\t\tonOpenChange?.(key, resolvedOpen, nextState);\n\t\t},\n\t\t[closeOthersOnOpen, isControlled, keyList, onOpenChange],\n\t);\n\n\treturn useMemo(() => {\n\t\tconst result = {} as UseOverlayVisibilityGroupReturn<TKey>;\n\n\t\tfor (const key of keyList) {\n\t\t\tconst open = state[key];\n\t\t\tconst setOpen: OverlayOpenSetter = (nextOpen) => {\n\t\t\t\tsetKeyOpen(key, nextOpen);\n\t\t\t};\n\n\t\t\tresult[key] = {\n\t\t\t\topen,\n\t\t\t\tisOpen: open,\n\t\t\t\tsetOpen,\n\t\t\t\tshow: () => setKeyOpen(key, true),\n\t\t\t\thide: () => setKeyOpen(key, false),\n\t\t\t\ttoggle: () => setKeyOpen(key, (currentOpen) => !currentOpen),\n\t\t\t\toverlayProps: {\n\t\t\t\t\topen,\n\t\t\t\t\tonOpenChange: setOpen,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\n\t\treturn result;\n\t}, [keyList, setKeyOpen, state]);\n}\n","import {\n\tAlertCircle,\n\tAlertTriangle,\n\tCheckCircle,\n\tHelpCircle,\n\tInfo,\n\tX,\n} from 'lucide-react';\nimport React, { cloneElement, isValidElement, memo, useId, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useNativeDialog, useOverlayActions } from './hooks';\nimport type { DialogProps, OverlaySize, OverlayTone } from './overlays.types';\n\nconst SIZE_CLASSES: Record<OverlaySize, string> = {\n\txs: 'max-w-xs',\n\tsm: 'max-w-sm',\n\tmd: 'max-w-md',\n\tlg: 'max-w-lg',\n\txl: 'max-w-xl',\n\t'2xl': 'max-w-2xl',\n\t'3xl': 'max-w-3xl',\n\t'4xl': 'max-w-4xl',\n\t'5xl': 'max-w-5xl',\n\tfull: 'max-w-[calc(100vw-2rem)]',\n};\n\nconst TONE_STYLES: Record<OverlayTone, { icon: ReactNode; classes: string }> = {\n\tdefault: {\n\t\ticon: <HelpCircle className=\"text-muted-foreground h-5 w-5\" />,\n\t\tclasses: '',\n\t},\n\terror: {\n\t\ticon: <AlertCircle className=\"text-destructive h-5 w-5\" />,\n\t\tclasses: 'border-destructive/50',\n\t},\n\twarning: {\n\t\ticon: <AlertTriangle className=\"text-warning h-5 w-5\" />,\n\t\tclasses: 'border-warning/50',\n\t},\n\tinfo: {\n\t\ticon: <Info className=\"text-info h-5 w-5\" />,\n\t\tclasses: 'border-info/50',\n\t},\n\tsuccess: {\n\t\ticon: <CheckCircle className=\"text-success h-5 w-5\" />,\n\t\tclasses: 'border-success/50',\n\t},\n};\n\nfunction DialogImpl({\n\topen,\n\tonOpenChange,\n\tonClose,\n\tchildren,\n\ttitle,\n\tdescription,\n\tvisuallyHideHeader = false,\n\tclassName,\n\tcontentClassName,\n\tinitialFocusRef,\n\tcloseOnEscape = true,\n\tcloseOnBackdropClick = true,\n\tstrings: customStrings,\n\tshowCancel = true,\n\tshowConfirm = true,\n\tonCancel,\n\tonConfirm,\n\tonAsyncConfirm,\n\tcloseOnAsyncComplete = true,\n\tconfirmVariant = 'primary',\n\tconfirmStyle = 'solid',\n\tisLoading = false,\n\tformId,\n\tfooter,\n\temphasis = false,\n\ttone = 'default',\n\tshowIcon = false,\n\talertMessage,\n\tsize = 'lg',\n\ttrigger,\n}: DialogProps) {\n\tconst dialogTitleId = useId();\n\tconst dialogDescriptionId = useId();\n\tconst ariaLabelledBy = title ? dialogTitleId : undefined;\n\tconst ariaDescribedBy = description ? dialogDescriptionId : undefined;\n\n\tconst {\n\t\tisOpen,\n\t\tisClosing,\n\t\topenDialog,\n\t\tcloseDialog,\n\t\tdialogProps,\n\t\thandleBackdropClick,\n\t} = useNativeDialog({\n\t\topen,\n\t\tonOpenChange,\n\t\tonClose,\n\t\tcloseOnEscape,\n\t\tcloseOnBackdropClick,\n\t\tinitialFocusRef,\n\t});\n\n\tconst {\n\t\tstrings,\n\t\tfinalConfirmVariant,\n\t\tconfirmButtonOnClick,\n\t\teffectiveLoading,\n\t\thandleCancel,\n\t} = useOverlayActions({\n\t\tcloseDialog,\n\t\tonConfirm,\n\t\tonAsyncConfirm,\n\t\tcloseOnAsyncComplete,\n\t\tconfirmVariant,\n\t\tisLoading,\n\t\tformId,\n\t\tonCancel,\n\t\tcustomStrings,\n\t\temphasis,\n\t\ttone,\n\t});\n\n\tconst toneStyles = TONE_STYLES[tone];\n\tconst hasContent = Boolean(children || alertMessage);\n\tconst hasFooter = showCancel || showConfirm || footer;\n\n\tconst triggerElement =\n\t\ttrigger && isValidElement<Record<string, unknown>>(trigger) ? (\n\t\t\tcloneElement(trigger, {\n\t\t\t\tonClick: (e: React.MouseEvent) => {\n\t\t\t\t\tconst original = trigger.props.onClick as\n\t\t\t\t\t\t| ((e: React.MouseEvent) => void)\n\t\t\t\t\t\t| undefined;\n\t\t\t\t\toriginal?.(e);\n\t\t\t\t\topenDialog();\n\t\t\t\t},\n\t\t\t})\n\t\t) : trigger ? (\n\t\t\t<span\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={0}\n\t\t\t\tonClick={openDialog}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\topenDialog();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tclassName=\"cursor-pointer\"\n\t\t\t>\n\t\t\t\t{trigger}\n\t\t\t</span>\n\t\t) : null;\n\n\tif (!isOpen && !isClosing && !trigger) return null;\n\n\treturn (\n\t\t<>\n\t\t\t{triggerElement}\n\n\t\t\t{!!(isOpen || isClosing) &&\n\t\t\t\tcreatePortal(\n\t\t\t\t\t<div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'absolute inset-0 bg-foreground/50 backdrop-blur-[1px]',\n\t\t\t\t\t\t\t\t'transition-opacity duration-200',\n\t\t\t\t\t\t\t\tisClosing\n\t\t\t\t\t\t\t\t\t? 'opacity-0'\n\t\t\t\t\t\t\t\t\t: 'animate-in fade-in-0 duration-200',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={handleBackdropClick}\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<dialog\n\t\t\t\t\t\t\t{...dialogProps}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'dialog--component relative z-10 m-0 p-0',\n\t\t\t\t\t\t\t\t'rounded-lg border shadow-lg',\n\t\t\t\t\t\t\t\t'bg-background text-foreground',\n\t\t\t\t\t\t\t\t'max-h-[90vh] w-full',\n\t\t\t\t\t\t\t\t'flex flex-col',\n\t\t\t\t\t\t\t\tSIZE_CLASSES[size],\n\t\t\t\t\t\t\t\t'animate-in fade-in-0 zoom-in-95 duration-200',\n\t\t\t\t\t\t\t\t'[&.closing]:animate-out [&.closing]:fade-out-0 [&.closing]:zoom-out-95 [&.closing]:duration-150',\n\t\t\t\t\t\t\t\t'outline-none focus-visible:outline-none',\n\t\t\t\t\t\t\t\temphasis && toneStyles.classes,\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\tonClick={closeDialog}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'absolute right-3 top-3 z-10 size-7 rounded-md p-0',\n\t\t\t\t\t\t\t\t\t'text-muted-foreground transition-colors',\n\t\t\t\t\t\t\t\t\t'hover:bg-muted hover:text-foreground',\n\t\t\t\t\t\t\t\t\t'disabled:pointer-events-none',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\taria-label={strings.close}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<X className=\"h-4 w-4\" />\n\t\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t\t{!!(title || description) && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex gap-3 px-6 pb-4 pt-6',\n\t\t\t\t\t\t\t\t\t\tshowIcon && 'items-start',\n\t\t\t\t\t\t\t\t\t\tvisuallyHideHeader && 'sr-only',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{!!showIcon && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"shrink-0 pt-0.5\">\n\t\t\t\t\t\t\t\t\t\t\t{toneStyles.icon}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tid={dialogTitleId}\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"base\"\n\t\t\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"pr-6\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tid={dialogDescriptionId}\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"p\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"mt-1\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!hasContent && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex-1 overflow-auto px-6',\n\t\t\t\t\t\t\t\t\t\ttitle || description\n\t\t\t\t\t\t\t\t\t\t\t? visuallyHideHeader\n\t\t\t\t\t\t\t\t\t\t\t\t? 'py-6'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'pb-6'\n\t\t\t\t\t\t\t\t\t\t\t: 'py-6',\n\t\t\t\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{!!alertMessage && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'mb-4 rounded-md border p-3',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'error' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-destructive/30 bg-destructive/5',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'warning' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-warning/40 bg-warning/10',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'info' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-info/40 bg-info/10',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'success' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-success/40 bg-success/10',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'default' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-border bg-muted/40',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"p\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{alertMessage}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!hasFooter && (\n\t\t\t\t\t\t\t\t<div className=\"border-t px-6 py-4\">\n\t\t\t\t\t\t\t\t\t{footer ?? (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex flex-col-reverse gap-3 sm:flex-row sm:justify-end\">\n\t\t\t\t\t\t\t\t\t\t\t{!!showCancel && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={handleCancel}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.cancel}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{!!showConfirm && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={finalConfirmVariant}\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle={confirmStyle}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={confirmButtonOnClick}\n\t\t\t\t\t\t\t\t\t\t\t\t\tloading={effectiveLoading}\n\t\t\t\t\t\t\t\t\t\t\t\t\tloadingLabels={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tloading: strings.loading,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.confirm}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</dialog>\n\t\t\t\t\t</div>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport const Dialog = memo(DialogImpl);\nDialog.displayName = 'Dialog';\n","import {\n\tAlertCircle,\n\tAlertTriangle,\n\tCheckCircle,\n\tHelpCircle,\n\tInfo,\n\tX,\n} from 'lucide-react';\nimport React, { cloneElement, isValidElement, memo, useId, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useNativeDialog, useOverlayActions } from './hooks';\nimport type { DrawerDirection, DrawerProps, OverlaySize, OverlayTone } from './overlays.types';\n\nconst WIDTH_CLASSES: Record<OverlaySize, string> = {\n\txs: 'max-w-xs',\n\tsm: 'max-w-sm',\n\tmd: 'max-w-md',\n\tlg: 'max-w-lg',\n\txl: 'max-w-xl',\n\t'2xl': 'max-w-2xl',\n\t'3xl': 'max-w-3xl',\n\t'4xl': 'max-w-4xl',\n\t'5xl': 'max-w-5xl',\n\tfull: 'max-w-[calc(100vw-2rem)]',\n};\n\nconst DIRECTION_STYLES: Record<\n\tDrawerDirection,\n\t{ position: string; size: string; animation: string; rounded: string }\n> = {\n\tright: {\n\t\tposition: 'fixed top-0 right-0 bottom-0',\n\t\tsize: 'h-full',\n\t\tanimation:\n\t\t\t'animate-in slide-in-from-right duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-right [&.closing]:duration-200',\n\t\trounded: 'rounded-l-xl',\n\t},\n\tleft: {\n\t\tposition: 'fixed top-0 left-0 bottom-0',\n\t\tsize: 'h-full',\n\t\tanimation:\n\t\t\t'animate-in slide-in-from-left duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-left [&.closing]:duration-200',\n\t\trounded: 'rounded-r-xl',\n\t},\n\ttop: {\n\t\tposition: 'fixed top-0 left-0 right-0',\n\t\tsize: 'w-full',\n\t\tanimation:\n\t\t\t'animate-in slide-in-from-top duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-top [&.closing]:duration-200',\n\t\trounded: 'rounded-b-xl',\n\t},\n\tbottom: {\n\t\tposition: 'fixed bottom-0 left-0 right-0',\n\t\tsize: 'w-full',\n\t\tanimation:\n\t\t\t'animate-in slide-in-from-bottom duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-bottom [&.closing]:duration-200',\n\t\trounded: 'rounded-t-xl',\n\t},\n};\n\nconst TONE_ICONS: Record<OverlayTone, ReactNode> = {\n\tdefault: <HelpCircle className=\"text-muted-foreground h-5 w-5\" />,\n\terror: <AlertCircle className=\"text-destructive h-5 w-5\" />,\n\twarning: <AlertTriangle className=\"text-warning h-5 w-5\" />,\n\tinfo: <Info className=\"text-info h-5 w-5\" />,\n\tsuccess: <CheckCircle className=\"text-success h-5 w-5\" />,\n};\n\nfunction DrawerImpl({\n\topen,\n\tonOpenChange,\n\tonClose,\n\tchildren,\n\ttitle,\n\tdescription,\n\tvisuallyHideHeader = false,\n\tclassName,\n\tcontentClassName,\n\tinitialFocusRef,\n\tcloseOnEscape = true,\n\tcloseOnBackdropClick = true,\n\tstrings: customStrings,\n\tshowCancel = true,\n\tshowConfirm = true,\n\tonCancel,\n\tonConfirm,\n\tonAsyncConfirm,\n\tcloseOnAsyncComplete = true,\n\tconfirmVariant = 'primary',\n\tconfirmStyle = 'solid',\n\tisLoading = false,\n\tformId,\n\tfooter,\n\temphasis = false,\n\ttone = 'default',\n\tshowIcon = false,\n\talertMessage,\n\tdirection = 'right',\n\twidth = 'lg',\n\tshowFooter = true,\n\ttrigger,\n}: DrawerProps) {\n\tconst drawerTitleId = useId();\n\tconst drawerDescriptionId = useId();\n\tconst ariaLabelledBy = title ? drawerTitleId : undefined;\n\tconst ariaDescribedBy = description ? drawerDescriptionId : undefined;\n\n\tconst {\n\t\tisOpen,\n\t\tisClosing,\n\t\topenDialog,\n\t\tcloseDialog,\n\t\tdialogProps,\n\t\thandleBackdropClick,\n\t} = useNativeDialog({\n\t\topen,\n\t\tonOpenChange,\n\t\tonClose,\n\t\tcloseOnEscape,\n\t\tcloseOnBackdropClick,\n\t\tinitialFocusRef,\n\t});\n\n\tconst {\n\t\tstrings,\n\t\tfinalConfirmVariant,\n\t\tconfirmButtonOnClick,\n\t\teffectiveLoading,\n\t\thandleCancel,\n\t} = useOverlayActions({\n\t\tcloseDialog,\n\t\tonConfirm,\n\t\tonAsyncConfirm,\n\t\tcloseOnAsyncComplete,\n\t\tconfirmVariant,\n\t\tisLoading,\n\t\tformId,\n\t\tonCancel,\n\t\tcustomStrings,\n\t\temphasis,\n\t\ttone,\n\t});\n\n\tconst directionStyles = DIRECTION_STYLES[direction];\n\tconst isHorizontal = direction === 'left' || direction === 'right';\n\tconst hasContent = Boolean(children || alertMessage);\n\tconst hasFooter = showFooter && (showCancel || showConfirm || footer);\n\n\tconst triggerElement =\n\t\ttrigger && isValidElement<Record<string, unknown>>(trigger) ? (\n\t\t\tcloneElement(trigger, {\n\t\t\t\tonClick: (e: React.MouseEvent) => {\n\t\t\t\t\tconst original = trigger.props.onClick as\n\t\t\t\t\t\t| ((e: React.MouseEvent) => void)\n\t\t\t\t\t\t| undefined;\n\t\t\t\t\toriginal?.(e);\n\t\t\t\t\topenDialog();\n\t\t\t\t},\n\t\t\t})\n\t\t) : trigger ? (\n\t\t\t<span\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={0}\n\t\t\t\tonClick={openDialog}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\topenDialog();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tclassName=\"cursor-pointer\"\n\t\t\t>\n\t\t\t\t{trigger}\n\t\t\t</span>\n\t\t) : null;\n\n\tif (!isOpen && !isClosing && !trigger) return null;\n\n\treturn (\n\t\t<>\n\t\t\t{triggerElement}\n\n\t\t\t{!!(isOpen || isClosing) &&\n\t\t\t\tcreatePortal(\n\t\t\t\t\t<div className=\"fixed inset-0 z-50\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'absolute inset-0 bg-foreground/50 backdrop-blur-[1px]',\n\t\t\t\t\t\t\t\t'transition-opacity duration-300',\n\t\t\t\t\t\t\t\tisClosing\n\t\t\t\t\t\t\t\t\t? 'opacity-0'\n\t\t\t\t\t\t\t\t\t: 'animate-in fade-in-0 duration-300',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={handleBackdropClick}\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<dialog\n\t\t\t\t\t\t\t{...dialogProps}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'drawer--component inset-auto m-0 p-0',\n\t\t\t\t\t\t\t\tdirectionStyles.position,\n\t\t\t\t\t\t\t\tdirectionStyles.size,\n\t\t\t\t\t\t\t\t'border shadow-xl',\n\t\t\t\t\t\t\t\t'bg-background text-foreground',\n\t\t\t\t\t\t\t\tdirectionStyles.rounded,\n\t\t\t\t\t\t\t\tisHorizontal && 'w-full',\n\t\t\t\t\t\t\t\tisHorizontal && WIDTH_CLASSES[width],\n\t\t\t\t\t\t\t\t!isHorizontal && 'max-h-[85vh]',\n\t\t\t\t\t\t\t\tdirectionStyles.animation,\n\t\t\t\t\t\t\t\t'outline-none focus-visible:outline-none',\n\t\t\t\t\t\t\t\t'flex flex-col',\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\tonClick={closeDialog}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'absolute right-4 top-4 z-10 size-7 rounded-md p-0',\n\t\t\t\t\t\t\t\t\t'text-muted-foreground transition-colors',\n\t\t\t\t\t\t\t\t\t'hover:bg-muted hover:text-foreground',\n\t\t\t\t\t\t\t\t\t'disabled:pointer-events-none',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\taria-label={strings.close}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<X className=\"h-4 w-4\" />\n\t\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t\t{!!(title || description) && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex items-start gap-3 px-6 pb-4 pt-6',\n\t\t\t\t\t\t\t\t\t\tvisuallyHideHeader && 'sr-only',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{!!showIcon && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"shrink-0 pt-0.5\">\n\t\t\t\t\t\t\t\t\t\t\t{TONE_ICONS[tone]}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1 pr-6\">\n\t\t\t\t\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tid={drawerTitleId}\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"base\"\n\t\t\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tid={drawerDescriptionId}\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"p\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"mt-1\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!hasContent && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex-1 overflow-auto px-6',\n\t\t\t\t\t\t\t\t\t\ttitle || description ? 'pb-6' : 'py-6',\n\t\t\t\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{!!alertMessage && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'mb-4 rounded-md border p-3',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'error' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-destructive/30 bg-destructive/5',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'warning' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-warning/40 bg-warning/10',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'info' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-info/40 bg-info/10',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'success' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-success/40 bg-success/10',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'default' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-border bg-muted/40',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"p\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{alertMessage}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!hasFooter && (\n\t\t\t\t\t\t\t\t<div className=\"border-t px-6 py-4\">\n\t\t\t\t\t\t\t\t\t{footer ?? (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex flex-col-reverse gap-3 sm:flex-row sm:justify-end\">\n\t\t\t\t\t\t\t\t\t\t\t{!!showCancel && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={handleCancel}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.cancel}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{!!showConfirm && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={finalConfirmVariant}\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle={confirmStyle}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={confirmButtonOnClick}\n\t\t\t\t\t\t\t\t\t\t\t\t\tloading={effectiveLoading}\n\t\t\t\t\t\t\t\t\t\t\t\t\tloadingLabels={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tloading: strings.loading,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.confirm}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</dialog>\n\t\t\t\t\t</div>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport const Drawer = memo(DrawerImpl);\nDrawer.displayName = 'Drawer';\n","import { AlertCircle, AlertTriangle, CheckCircle, HelpCircle, Info } from 'lucide-react';\nimport React, {\n\tcloneElement,\n\tisValidElement,\n\tmemo,\n\tuseId,\n\tuseMemo,\n\ttype ReactNode,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useNativeDialog, useOverlayActions } from './hooks';\nimport { defaultAlertDialogStrings } from './overlays.strings';\nimport type { AlertDialogProps, OverlayTone } from './overlays.types';\n\nconst TONE_STYLES: Record<OverlayTone, { icon: ReactNode; iconColor: string }> = {\n\tdefault: {\n\t\ticon: <HelpCircle className=\"h-6 w-6\" />,\n\t\ticonColor: 'text-muted-foreground',\n\t},\n\terror: { icon: <AlertCircle className=\"h-6 w-6\" />, iconColor: 'text-destructive' },\n\twarning: {\n\t\ticon: <AlertTriangle className=\"h-6 w-6\" />,\n\t\ticonColor: 'text-warning',\n\t},\n\tinfo: {\n\t\ticon: <Info className=\"h-6 w-6\" />,\n\t\ticonColor: 'text-info',\n\t},\n\tsuccess: {\n\t\ticon: <CheckCircle className=\"h-6 w-6\" />,\n\t\ticonColor: 'text-success',\n\t},\n};\n\nfunction AlertDialogImpl({\n\topen,\n\tonOpenChange,\n\tonClose,\n\tchildren,\n\ttitle,\n\tdescription,\n\tvisuallyHideHeader = false,\n\tclassName,\n\tcontentClassName,\n\tinitialFocusRef,\n\tcloseOnEscape = true,\n\tcloseOnBackdropClick = false,\n\tstrings: customStrings,\n\tshowCancel = true,\n\tshowConfirm = true,\n\tonCancel,\n\tonConfirm,\n\tonAsyncConfirm,\n\tcloseOnAsyncComplete = true,\n\tconfirmVariant,\n\tconfirmStyle = 'solid',\n\tisLoading = false,\n\tformId,\n\tfooter,\n\ttone = 'default',\n\tshowIcon = true,\n\talertMessage,\n\ttrigger,\n\tdestructive = false,\n}: AlertDialogProps) {\n\tconst alertTitleId = useId();\n\tconst alertDescriptionId = useId();\n\tconst ariaLabelledBy = title ? alertTitleId : undefined;\n\tconst ariaDescribedBy = description ? alertDescriptionId : undefined;\n\n\tconst {\n\t\tisOpen,\n\t\tisClosing,\n\t\topenDialog,\n\t\tcloseDialog,\n\t\tdialogProps,\n\t\thandleBackdropClick,\n\t} = useNativeDialog({\n\t\topen,\n\t\tonOpenChange,\n\t\tonClose,\n\t\tcloseOnEscape,\n\t\tcloseOnBackdropClick,\n\t\tinitialFocusRef,\n\t});\n\n\tconst mergedStrings = useStrings(defaultAlertDialogStrings, customStrings);\n\n\tconst resolvedConfirmVariant = useMemo(() => {\n\t\tif (destructive) return 'error' as const;\n\t\tif (confirmVariant) return confirmVariant;\n\t\tconst toneMap: Record<OverlayTone, string> = {\n\t\t\tdefault: 'primary',\n\t\t\terror: 'error',\n\t\t\twarning: 'warning',\n\t\t\tinfo: 'primary',\n\t\t\tsuccess: 'success',\n\t\t};\n\t\treturn toneMap[tone] as 'primary' | 'error' | 'warning' | 'success';\n\t}, [destructive, confirmVariant, tone]);\n\n\tconst { strings, confirmButtonOnClick, effectiveLoading, handleCancel } =\n\t\tuseOverlayActions({\n\t\t\tcloseDialog,\n\t\t\tonConfirm,\n\t\t\tonAsyncConfirm,\n\t\t\tcloseOnAsyncComplete,\n\t\t\tconfirmVariant: resolvedConfirmVariant,\n\t\t\tisLoading,\n\t\t\tformId,\n\t\t\tonCancel,\n\t\t\tcustomStrings: mergedStrings,\n\t\t});\n\n\tconst toneStyles = TONE_STYLES[tone];\n\n\tconst triggerElement =\n\t\ttrigger && isValidElement<Record<string, unknown>>(trigger) ? (\n\t\t\tcloneElement(trigger, {\n\t\t\t\tonClick: (e: React.MouseEvent) => {\n\t\t\t\t\tconst original = trigger.props.onClick as\n\t\t\t\t\t\t| ((e: React.MouseEvent) => void)\n\t\t\t\t\t\t| undefined;\n\t\t\t\t\toriginal?.(e);\n\t\t\t\t\topenDialog();\n\t\t\t\t},\n\t\t\t})\n\t\t) : trigger ? (\n\t\t\t<span\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={0}\n\t\t\t\tonClick={openDialog}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\topenDialog();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tclassName=\"cursor-pointer\"\n\t\t\t>\n\t\t\t\t{trigger}\n\t\t\t</span>\n\t\t) : null;\n\n\tif (!isOpen && !isClosing && !trigger) return null;\n\n\treturn (\n\t\t<>\n\t\t\t{triggerElement}\n\n\t\t\t{!!(isOpen || isClosing) &&\n\t\t\t\tcreatePortal(\n\t\t\t\t\t<div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'absolute inset-0 bg-foreground/50 backdrop-blur-[1px]',\n\t\t\t\t\t\t\t\t'transition-opacity duration-200',\n\t\t\t\t\t\t\t\tisClosing\n\t\t\t\t\t\t\t\t\t? 'opacity-0'\n\t\t\t\t\t\t\t\t\t: 'animate-in fade-in-0 duration-200',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={handleBackdropClick}\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<dialog\n\t\t\t\t\t\t\t{...dialogProps}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'alert-dialog--component relative z-10 m-0 w-full max-w-md p-0',\n\t\t\t\t\t\t\t\t'max-h-[90vh] flex flex-col',\n\t\t\t\t\t\t\t\t'rounded-lg border shadow-lg',\n\t\t\t\t\t\t\t\t'bg-background text-foreground',\n\t\t\t\t\t\t\t\t'animate-in fade-in-0 zoom-in-95 duration-200',\n\t\t\t\t\t\t\t\t'[&.closing]:animate-out [&.closing]:fade-out-0 [&.closing]:zoom-out-95 [&.closing]:duration-150',\n\t\t\t\t\t\t\t\t'outline-none focus-visible:outline-none',\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\trole=\"alertdialog\"\n\t\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex-1 overflow-auto p-6\">\n\t\t\t\t\t\t\t\t{!!showIcon && !visuallyHideHeader && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'error' && 'bg-destructive/10',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'warning' && 'bg-warning/15',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'info' && 'bg-info/15',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'success' && 'bg-success/15',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'default' && 'bg-muted',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span className={toneStyles.iconColor}>\n\t\t\t\t\t\t\t\t\t\t\t{toneStyles.icon}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{!!(title || description) && (\n\t\t\t\t\t\t\t\t\t<div className={cn(visuallyHideHeader && 'sr-only')}>\n\t\t\t\t\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tid={alertTitleId}\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"base\"\n\t\t\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tid={alertDescriptionId}\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"p\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"mt-2\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{!!alertMessage && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'mt-4 rounded-md border p-3 text-left',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'error' &&\n\t\t\t\t\t\t\t\t\t\t\t\t'border-destructive/30 bg-destructive/5',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'warning' &&\n\t\t\t\t\t\t\t\t\t\t\t\t'border-warning/40 bg-warning/10',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'info' &&\n\t\t\t\t\t\t\t\t\t\t\t\t'border-info/40 bg-info/10',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'success' &&\n\t\t\t\t\t\t\t\t\t\t\t\t'border-success/40 bg-success/10',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'default' &&\n\t\t\t\t\t\t\t\t\t\t\t\t'border-border bg-muted/40',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"p\">\n\t\t\t\t\t\t\t\t\t\t\t{alertMessage}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{!!children && (\n\t\t\t\t\t\t\t\t\t<div className={cn('mt-4', contentClassName)}>\n\t\t\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{!!(showCancel || showConfirm || footer) && (\n\t\t\t\t\t\t\t\t<div className=\"border-t px-6 py-4\">\n\t\t\t\t\t\t\t\t\t{footer ?? (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex flex-col-reverse gap-3 sm:flex-row sm:justify-end\">\n\t\t\t\t\t\t\t\t\t\t\t{!!showCancel && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={handleCancel}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-full sm:w-auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.cancel}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{!!showConfirm && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={resolvedConfirmVariant}\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle={confirmStyle}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={confirmButtonOnClick}\n\t\t\t\t\t\t\t\t\t\t\t\t\tloading={effectiveLoading}\n\t\t\t\t\t\t\t\t\t\t\t\t\tloadingLabels={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tloading: strings.loading,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-full sm:w-auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.confirm}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</dialog>\n\t\t\t\t\t</div>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport const AlertDialog = memo(AlertDialogImpl);\nAlertDialog.displayName = 'AlertDialog';\n"],"mappings":"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"}

package/dist/_shared/popover-menu-CAjhhTfX.js ADDED Viewed

@@ -0,0 +1,93 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { s as n } from "./typography-DXvCmE8w.js";
+import { n as r, s as i, t as a } from "./popover-xVENY0Ax.js";
+import { i as o } from "./command-CAI-BCSR.js";
+import { a as s, i as c, n as l, r as u, t as d } from "./command-B5BpMgBT.js";
+import "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Loader2 as h } from "lucide-react";
+//#region src/components/base/popover-menu/popover-menu.types.ts
+var g = {
+	searchPlaceholder: "Search…",
+	empty: "No results.",
+	loading: "Loading…"
+};
+//#endregion
+//#region src/components/base/popover-menu/popover-menu.tsx
+function _({ trigger: _, items: v, onSelect: y, open: b, onOpenChange: x, search: S = !0, searchValue: C, onSearchChange: w, loading: T = !1, header: E, footer: D, empty: O, loadingSlot: k, renderItem: A, strings: j, align: M = "start", sideOffset: N, contentClassName: P }) {
+	let F = e(g, j);
+	return /* @__PURE__ */ m(r, {
+		open: b,
+		onOpenChange: x,
+		children: [/* @__PURE__ */ p(i, { render: _ }), /* @__PURE__ */ p(a, {
+			align: M,
+			sideOffset: N,
+			className: t("popover-menu--component", "w-56 p-0 overflow-hidden", P),
+			children: /* @__PURE__ */ m(d, {
+				shouldFilter: !w,
+				children: [
+					!!E && /* @__PURE__ */ p("div", {
+						className: "border-b border-border/60 px-control py-row-y",
+						children: E
+					}),
+					!!S && /* @__PURE__ */ p(o, {
+						placeholder: F.searchPlaceholder,
+						value: C,
+						onValueChange: w
+					}),
+					/* @__PURE__ */ m(s, { children: [
+						!!T && (k ?? /* @__PURE__ */ m("div", {
+							className: "flex items-center justify-center gap-space-sm py-space-xs text-muted-foreground",
+							children: [/* @__PURE__ */ p(h, {
+								className: "size-icon-sm animate-spin",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ p(n, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								children: F.loading
+							})]
+						})),
+						/* @__PURE__ */ p(l, { children: O ?? F.empty }),
+						v.length > 0 && /* @__PURE__ */ p(u, { children: v.map((e) => /* @__PURE__ */ p(c, {
+							value: e.searchValue ?? e.value,
+							onSelect: () => y(e),
+							disabled: e.disabled,
+							"data-checked": e.selected || void 0,
+							className: "data-[checked=true]:**:[svg]:text-primary",
+							children: A ? A(e, { isHighlighted: !1 }) : /* @__PURE__ */ m(f, { children: [!!e.icon && /* @__PURE__ */ p("span", {
+								className: "text-muted-foreground shrink-0",
+								children: e.icon
+							}), /* @__PURE__ */ m("div", {
+								className: "flex min-w-0 flex-1 flex-col leading-tight",
+								children: [/* @__PURE__ */ p(n, {
+									tag: "span",
+									size: "xs",
+									weight: e.selected ? "medium" : "regular",
+									className: "truncate",
+									children: e.label
+								}), !!e.description && /* @__PURE__ */ p(n, {
+									tag: "span",
+									size: "xs",
+									type: "secondary",
+									className: "mt-0.5 truncate",
+									children: e.description
+								})]
+							})] })
+						}, e.value)) })
+					] }),
+					!!D && /* @__PURE__ */ p("div", {
+						className: "border-t border-border/60 px-control py-row-y",
+						children: D
+					})
+				]
+			})
+		})]
+	});
+}
+_.displayName = "PopoverMenu";
+//#endregion
+export { g as n, _ as t };
+//# sourceMappingURL=popover-menu-CAjhhTfX.js.map

package/dist/_shared/popover-menu-CAjhhTfX.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"popover-menu-CAjhhTfX.js","names":[],"sources":["../../src/components/base/popover-menu/popover-menu.types.ts","../../src/components/base/popover-menu/popover-menu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface PopoverMenuItem<T = unknown> {\n /** Unique identifier — also the cmdk match value when no `searchValue` provided. */\n value: string;\n /** Visible label rendered in the row. Override entirely via `renderItem`. */\n label: ReactNode;\n /** Optional secondary line rendered under the label. */\n description?: ReactNode;\n /** Leading icon — keep small (size-3.5/size-4 max). */\n icon?: ReactNode;\n /** Show the trailing checkmark when `true`. */\n selected?: boolean;\n /** Disable the row. */\n disabled?: boolean;\n /** Custom string used by cmdk for matching when `label` is not a plain string. */\n searchValue?: string;\n /** Arbitrary payload for `onSelect` consumers. */\n data?: T;\n}\n\nexport interface PopoverMenuStrings {\n /** Placeholder for the search input (when `search` is enabled). */\n searchPlaceholder: string;\n /** Empty-state copy when filtering yields no items. */\n empty: string;\n /** Loading-state copy. */\n loading: string;\n}\n\nexport const defaultPopoverMenuStrings: PopoverMenuStrings = {\n searchPlaceholder: 'Search…',\n empty: 'No results.',\n loading: 'Loading…',\n};\n","/**\n * PopoverMenu — composed wrapper around `base/popover` + `base/command`.\n *\n * Captures the recurring \"trigger → optional header → search → command list\"\n * pattern used by filter facets, operator selects, and similar pickers\n * across the library.\n *\n * Slots (all optional):\n * - `header` — rendered above the search input / list\n * - `footer` — rendered below the list (e.g. confirm/clear buttons)\n * - `empty` — replaces the default empty-state copy\n * - `loading` — rendered above the list when `loading` is true\n *\n * Render-prop:\n * - `renderItem={(item, ctx) => ReactNode}` — full control over a row\n *\n * Strings:\n * - `strings={{ searchPlaceholder, empty, loading }}` — merged with defaults\n *\n * For headless usage (custom UI against the same selection state),\n * compose `base/popover` + `base/command` directly.\n */\nimport { Loader2 } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from '@/components/base/command';\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from '@/components/base/popover';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n defaultPopoverMenuStrings,\n type PopoverMenuItem,\n type PopoverMenuStrings,\n} from './popover-menu.types';\n\nexport interface PopoverMenuRenderItemContext {\n /** True when the item is the user's currently-active match (cmdk highlight). */\n isHighlighted: boolean;\n}\n\nexport interface PopoverMenuProps<T = unknown> {\n /** Trigger element. The popover anchors to it. Pass any clickable. */\n trigger: React.ReactNode;\n /** Items to render in the list. */\n items: ReadonlyArray<PopoverMenuItem<T>>;\n /** Selection callback — fires on row click / Enter. */\n onSelect: (item: PopoverMenuItem<T>) => void;\n\n /** Controlled open state. Omit for uncontrolled. */\n open?: boolean;\n /** Open-state callback for controlled / uncontrolled flows. */\n onOpenChange?: (open: boolean) => void;\n\n /** Show the search input above the list. Default: true. */\n search?: boolean;\n /** Search input value (controlled). */\n searchValue?: string;\n /** Search input change callback. */\n onSearchChange?: (value: string) => void;\n\n /** Async loading flag — shows the loading slot above the list. */\n loading?: boolean;\n\n /** Optional pre-list slot (e.g. a label / eyebrow). */\n header?: React.ReactNode;\n /** Optional post-list slot (e.g. confirm / clear buttons). */\n footer?: React.ReactNode;\n /** Override empty-state slot (defaults to `strings.empty`). */\n empty?: React.ReactNode;\n /** Override loading slot (defaults to spinner + `strings.loading`). */\n loadingSlot?: React.ReactNode;\n\n /** Per-item render override. */\n renderItem?: (\n item: PopoverMenuItem<T>,\n ctx: PopoverMenuRenderItemContext,\n ) => React.ReactNode;\n\n /** Override copy. Deep-merged over defaults. */\n strings?: StringsProp<PopoverMenuStrings>;\n\n /** Popover content positioning props (forwarded). */\n align?: React.ComponentProps<typeof PopoverContent>['align'];\n sideOffset?: React.ComponentProps<typeof PopoverContent>['sideOffset'];\n\n /** Width override for the popover content. Default: w-56. */\n contentClassName?: string;\n}\n\nexport function PopoverMenu<T = unknown>({\n trigger,\n items,\n onSelect,\n open,\n onOpenChange,\n search = true,\n searchValue,\n onSearchChange,\n loading = false,\n header,\n footer,\n empty,\n loadingSlot,\n renderItem,\n strings: stringsProp,\n align = 'start',\n sideOffset,\n contentClassName,\n}: PopoverMenuProps<T>) {\n const strings = useStrings(defaultPopoverMenuStrings, stringsProp);\n\n return (\n <Popover open={open} onOpenChange={onOpenChange}>\n <PopoverTrigger render={trigger as React.ReactElement} />\n <PopoverContent\n align={align}\n sideOffset={sideOffset}\n className={cn('popover-menu--component', 'w-56 p-0 overflow-hidden', contentClassName)}\n >\n <Command shouldFilter={!onSearchChange}>\n {!!header && (\n <div className=\"border-b border-border/60 px-control py-row-y\">\n {header}\n </div>\n )}\n\n {!!search && (\n <CommandInput\n placeholder={strings.searchPlaceholder}\n value={searchValue}\n onValueChange={onSearchChange}\n />\n )}\n\n <CommandList>\n {!!loading && (\n loadingSlot ?? (\n <div className=\"flex items-center justify-center gap-space-sm py-space-xs text-muted-foreground\">\n <Loader2 className=\"size-icon-sm animate-spin\" aria-hidden=\"true\" />\n <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n {strings.loading}\n </Text>\n </div>\n )\n )}\n\n <CommandEmpty>{empty ?? strings.empty}</CommandEmpty>\n\n {items.length > 0 && (\n <CommandGroup>\n {items.map((item) => (\n <CommandItem\n key={item.value}\n value={item.searchValue ?? item.value}\n onSelect={() => onSelect(item)}\n disabled={item.disabled}\n data-checked={item.selected || undefined}\n className=\"data-[checked=true]:**:[svg]:text-primary\"\n >\n {renderItem\n ? renderItem(item, { isHighlighted: false })\n : (\n <>\n {!!item.icon && (\n <span className=\"text-muted-foreground shrink-0\">\n {item.icon}\n </span>\n )}\n <div className=\"flex min-w-0 flex-1 flex-col leading-tight\">\n <Text\n tag=\"span\"\n size=\"xs\"\n weight={item.selected ? 'medium' : 'regular'}\n className=\"truncate\"\n >\n {item.label}\n </Text>\n {!!item.description && (\n <Text\n tag=\"span\"\n size=\"xs\"\n type=\"secondary\"\n className=\"mt-0.5 truncate\"\n >\n {item.description}\n </Text>\n )}\n </div>\n </>\n )}\n </CommandItem>\n ))}\n </CommandGroup>\n )}\n </CommandList>\n\n {!!footer && (\n <div className=\"border-t border-border/60 px-control py-row-y\">\n {footer}\n </div>\n )}\n </Command>\n </PopoverContent>\n </Popover>\n );\n}\n\nPopoverMenu.displayName = 'PopoverMenu';\n"],"mappings":";;;;;;;;;;AA8BA,IAAa,IAAgD;CACzD,mBAAmB;CACnB,OAAO;CACP,SAAS;AACb;;;ACoEA,SAAgB,EAAyB,EACrC,YACA,UACA,aACA,SACA,iBACA,YAAS,IACT,gBACA,mBACA,aAAU,IACV,WACA,WACA,UACA,gBACA,eACA,SAAS,GACT,WAAQ,SACR,eACA,uBACoB;CACpB,IAAM,IAAU,EAAW,GAA2B,CAAW;CAEjE,OACI,kBAAC,GAAD;EAAe;EAAoB;YAAnC,CACI,kBAAC,GAAD,EAAgB,QAAQ,EAAgC,CAAA,GACxD,kBAAC,GAAD;GACW;GACK;GACZ,WAAW,EAAG,2BAA2B,4BAA4B,CAAgB;aAErF,kBAAC,GAAD;IAAS,cAAc,CAAC;cAAxB;KACK,CAAC,CAAC,KACC,kBAAC,OAAD;MAAK,WAAU;gBACV;KACA,CAAA;KAGR,CAAC,CAAC,KACC,kBAAC,GAAD;MACI,aAAa,EAAQ;MACrB,OAAO;MACP,eAAe;KAClB,CAAA;KAGL,kBAAC,GAAD,EAAA,UAAA;MACK,CAAC,CAAC,MACC,KACI,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACI,kBAAC,GAAD;QAAS,WAAU;QAA4B,eAAY;OAAQ,CAAA,GACnE,kBAAC,GAAD;QAAM,KAAI;QAAO,MAAK;QAAK,MAAK;kBAC3B,EAAQ;OACP,CAAA,CACL;;MAIb,kBAAC,GAAD,EAAA,UAAe,KAAS,EAAQ,MAAoB,CAAA;MAEnD,EAAM,SAAS,KACZ,kBAAC,GAAD,EAAA,UACK,EAAM,KAAK,MACR,kBAAC,GAAD;OAEI,OAAO,EAAK,eAAe,EAAK;OAChC,gBAAgB,EAAS,CAAI;OAC7B,UAAU,EAAK;OACf,gBAAc,EAAK,YAAY,KAAA;OAC/B,WAAU;iBAET,IACK,EAAW,GAAM,EAAE,eAAe,GAAM,CAAC,IAEvC,kBAAA,GAAA,EAAA,UAAA,CACK,CAAC,CAAC,EAAK,QACJ,kBAAC,QAAD;QAAM,WAAU;kBACX,EAAK;OACJ,CAAA,GAEV,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACI,kBAAC,GAAD;SACI,KAAI;SACJ,MAAK;SACL,QAAQ,EAAK,WAAW,WAAW;SACnC,WAAU;mBAET,EAAK;QACJ,CAAA,GACL,CAAC,CAAC,EAAK,eACJ,kBAAC,GAAD;SACI,KAAI;SACJ,MAAK;SACL,MAAK;SACL,WAAU;mBAET,EAAK;QACJ,CAAA,CAET;SACP,EAAA,CAAA;MAED,GAtCJ,EAAK,KAsCD,CAChB,EACS,CAAA;KAET,EAAA,CAAA;KAEZ,CAAC,CAAC,KACC,kBAAC,OAAD;MAAK,WAAU;gBACV;KACA,CAAA;IAEJ;;EACG,CAAA,CACX;;AAEjB;AAEA,EAAY,cAAc"}

package/dist/_shared/popover-menu-DlkRgOkR.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("../lib/utils.cjs"),r=require("./typography-pzCKaFOc.cjs"),i=require("./popover-dWR7-MzY.cjs"),a=require("./command-DRIySU26.cjs"),o=require("./command-en62SpQ7.cjs");let s=require("react");s=e.t(s,1);let c=require("react/jsx-runtime"),l=require("lucide-react");var u={searchPlaceholder:`Search…`,empty:`No results.`,loading:`Loading…`};function d({trigger:e,items:s,onSelect:d,open:f,onOpenChange:p,search:m=!0,searchValue:h,onSearchChange:g,loading:_=!1,header:v,footer:y,empty:b,loadingSlot:x,renderItem:S,strings:C,align:w=`start`,sideOffset:T,contentClassName:E}){let D=t.useStrings(u,C);return(0,c.jsxs)(i.n,{open:f,onOpenChange:p,children:[(0,c.jsx)(i.s,{render:e}),(0,c.jsx)(i.t,{align:w,sideOffset:T,className:n.cn(`popover-menu--component`,`w-56 p-0 overflow-hidden`,E),children:(0,c.jsxs)(o.t,{shouldFilter:!g,children:[!!v&&(0,c.jsx)(`div`,{className:`border-b border-border/60 px-control py-row-y`,children:v}),!!m&&(0,c.jsx)(a.i,{placeholder:D.searchPlaceholder,value:h,onValueChange:g}),(0,c.jsxs)(o.a,{children:[!!_&&(x??(0,c.jsxs)(`div`,{className:`flex items-center justify-center gap-space-sm py-space-xs text-muted-foreground`,children:[(0,c.jsx)(l.Loader2,{className:`size-icon-sm animate-spin`,"aria-hidden":`true`}),(0,c.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,children:D.loading})]})),(0,c.jsx)(o.n,{children:b??D.empty}),s.length>0&&(0,c.jsx)(o.r,{children:s.map(e=>(0,c.jsx)(o.i,{value:e.searchValue??e.value,onSelect:()=>d(e),disabled:e.disabled,"data-checked":e.selected\|\|void 0,className:`data-[checked=true]:**:[svg]:text-primary`,children:S?S(e,{isHighlighted:!1}):(0,c.jsxs)(c.Fragment,{children:[!!e.icon&&(0,c.jsx)(`span`,{className:`text-muted-foreground shrink-0`,children:e.icon}),(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,c.jsx)(r.s,{tag:`span`,size:`xs`,weight:e.selected?`medium`:`regular`,className:`truncate`,children:e.label}),!!e.description&&(0,c.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description})]})]})},e.value))})]}),!!y&&(0,c.jsx)(`div`,{className:`border-t border-border/60 px-control py-row-y`,children:y})]})})]})}d.displayName=`PopoverMenu`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
2	+ //# sourceMappingURL=popover-menu-DlkRgOkR.cjs.map

package/dist/_shared/popover-menu-DlkRgOkR.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"popover-menu-DlkRgOkR.cjs","names":[],"sources":["../../src/components/base/popover-menu/popover-menu.types.ts","../../src/components/base/popover-menu/popover-menu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface PopoverMenuItem<T = unknown> {\n /** Unique identifier — also the cmdk match value when no `searchValue` provided. */\n value: string;\n /** Visible label rendered in the row. Override entirely via `renderItem`. */\n label: ReactNode;\n /** Optional secondary line rendered under the label. */\n description?: ReactNode;\n /** Leading icon — keep small (size-3.5/size-4 max). */\n icon?: ReactNode;\n /** Show the trailing checkmark when `true`. */\n selected?: boolean;\n /** Disable the row. */\n disabled?: boolean;\n /** Custom string used by cmdk for matching when `label` is not a plain string. */\n searchValue?: string;\n /** Arbitrary payload for `onSelect` consumers. */\n data?: T;\n}\n\nexport interface PopoverMenuStrings {\n /** Placeholder for the search input (when `search` is enabled). */\n searchPlaceholder: string;\n /** Empty-state copy when filtering yields no items. */\n empty: string;\n /** Loading-state copy. */\n loading: string;\n}\n\nexport const defaultPopoverMenuStrings: PopoverMenuStrings = {\n searchPlaceholder: 'Search…',\n empty: 'No results.',\n loading: 'Loading…',\n};\n","/**\n * PopoverMenu — composed wrapper around `base/popover` + `base/command`.\n *\n * Captures the recurring \"trigger → optional header → search → command list\"\n * pattern used by filter facets, operator selects, and similar pickers\n * across the library.\n *\n * Slots (all optional):\n * - `header` — rendered above the search input / list\n * - `footer` — rendered below the list (e.g. confirm/clear buttons)\n * - `empty` — replaces the default empty-state copy\n * - `loading` — rendered above the list when `loading` is true\n *\n * Render-prop:\n * - `renderItem={(item, ctx) => ReactNode}` — full control over a row\n *\n * Strings:\n * - `strings={{ searchPlaceholder, empty, loading }}` — merged with defaults\n *\n * For headless usage (custom UI against the same selection state),\n * compose `base/popover` + `base/command` directly.\n */\nimport { Loader2 } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from '@/components/base/command';\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from '@/components/base/popover';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n defaultPopoverMenuStrings,\n type PopoverMenuItem,\n type PopoverMenuStrings,\n} from './popover-menu.types';\n\nexport interface PopoverMenuRenderItemContext {\n /** True when the item is the user's currently-active match (cmdk highlight). */\n isHighlighted: boolean;\n}\n\nexport interface PopoverMenuProps<T = unknown> {\n /** Trigger element. The popover anchors to it. Pass any clickable. */\n trigger: React.ReactNode;\n /** Items to render in the list. */\n items: ReadonlyArray<PopoverMenuItem<T>>;\n /** Selection callback — fires on row click / Enter. */\n onSelect: (item: PopoverMenuItem<T>) => void;\n\n /** Controlled open state. Omit for uncontrolled. */\n open?: boolean;\n /** Open-state callback for controlled / uncontrolled flows. */\n onOpenChange?: (open: boolean) => void;\n\n /** Show the search input above the list. Default: true. */\n search?: boolean;\n /** Search input value (controlled). */\n searchValue?: string;\n /** Search input change callback. */\n onSearchChange?: (value: string) => void;\n\n /** Async loading flag — shows the loading slot above the list. */\n loading?: boolean;\n\n /** Optional pre-list slot (e.g. a label / eyebrow). */\n header?: React.ReactNode;\n /** Optional post-list slot (e.g. confirm / clear buttons). */\n footer?: React.ReactNode;\n /** Override empty-state slot (defaults to `strings.empty`). */\n empty?: React.ReactNode;\n /** Override loading slot (defaults to spinner + `strings.loading`). */\n loadingSlot?: React.ReactNode;\n\n /** Per-item render override. */\n renderItem?: (\n item: PopoverMenuItem<T>,\n ctx: PopoverMenuRenderItemContext,\n ) => React.ReactNode;\n\n /** Override copy. Deep-merged over defaults. */\n strings?: StringsProp<PopoverMenuStrings>;\n\n /** Popover content positioning props (forwarded). */\n align?: React.ComponentProps<typeof PopoverContent>['align'];\n sideOffset?: React.ComponentProps<typeof PopoverContent>['sideOffset'];\n\n /** Width override for the popover content. Default: w-56. */\n contentClassName?: string;\n}\n\nexport function PopoverMenu<T = unknown>({\n trigger,\n items,\n onSelect,\n open,\n onOpenChange,\n search = true,\n searchValue,\n onSearchChange,\n loading = false,\n header,\n footer,\n empty,\n loadingSlot,\n renderItem,\n strings: stringsProp,\n align = 'start',\n sideOffset,\n contentClassName,\n}: PopoverMenuProps<T>) {\n const strings = useStrings(defaultPopoverMenuStrings, stringsProp);\n\n return (\n <Popover open={open} onOpenChange={onOpenChange}>\n <PopoverTrigger render={trigger as React.ReactElement} />\n <PopoverContent\n align={align}\n sideOffset={sideOffset}\n className={cn('popover-menu--component', 'w-56 p-0 overflow-hidden', contentClassName)}\n >\n <Command shouldFilter={!onSearchChange}>\n {!!header && (\n <div className=\"border-b border-border/60 px-control py-row-y\">\n {header}\n </div>\n )}\n\n {!!search && (\n <CommandInput\n placeholder={strings.searchPlaceholder}\n value={searchValue}\n onValueChange={onSearchChange}\n />\n )}\n\n <CommandList>\n {!!loading && (\n loadingSlot ?? (\n <div className=\"flex items-center justify-center gap-space-sm py-space-xs text-muted-foreground\">\n <Loader2 className=\"size-icon-sm animate-spin\" aria-hidden=\"true\" />\n <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n {strings.loading}\n </Text>\n </div>\n )\n )}\n\n <CommandEmpty>{empty ?? strings.empty}</CommandEmpty>\n\n {items.length > 0 && (\n <CommandGroup>\n {items.map((item) => (\n <CommandItem\n key={item.value}\n value={item.searchValue ?? item.value}\n onSelect={() => onSelect(item)}\n disabled={item.disabled}\n data-checked={item.selected || undefined}\n className=\"data-[checked=true]:**:[svg]:text-primary\"\n >\n {renderItem\n ? renderItem(item, { isHighlighted: false })\n : (\n <>\n {!!item.icon && (\n <span className=\"text-muted-foreground shrink-0\">\n {item.icon}\n </span>\n )}\n <div className=\"flex min-w-0 flex-1 flex-col leading-tight\">\n <Text\n tag=\"span\"\n size=\"xs\"\n weight={item.selected ? 'medium' : 'regular'}\n className=\"truncate\"\n >\n {item.label}\n </Text>\n {!!item.description && (\n <Text\n tag=\"span\"\n size=\"xs\"\n type=\"secondary\"\n className=\"mt-0.5 truncate\"\n >\n {item.description}\n </Text>\n )}\n </div>\n </>\n )}\n </CommandItem>\n ))}\n </CommandGroup>\n )}\n </CommandList>\n\n {!!footer && (\n <div className=\"border-t border-border/60 px-control py-row-y\">\n {footer}\n </div>\n )}\n </Command>\n </PopoverContent>\n </Popover>\n );\n}\n\nPopoverMenu.displayName = 'PopoverMenu';\n"],"mappings":"wVA8BA,IAAa,EAAgD,CACzD,kBAAmB,UACnB,MAAO,cACP,QAAS,UACb,ECoEA,SAAgB,EAAyB,CACrC,UACA,QACA,WACA,OACA,eACA,SAAS,GACT,cACA,iBACA,UAAU,GACV,SACA,SACA,QACA,cACA,aACA,QAAS,EACT,QAAQ,QACR,aACA,oBACoB,CACpB,IAAM,EAAU,EAAA,WAAW,EAA2B,CAAW,EAEjE,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAe,OAAoB,wBAAnC,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAgB,OAAQ,CAAgC,CAAA,GACxD,EAAA,EAAA,KAAC,EAAA,EAAD,CACW,QACK,aACZ,UAAW,EAAA,GAAG,0BAA2B,2BAA4B,CAAgB,YAErF,EAAA,EAAA,MAAC,EAAA,EAAD,CAAS,aAAc,CAAC,WAAxB,CACK,CAAC,CAAC,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yDACV,CACA,CAAA,EAGR,CAAC,CAAC,IACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,YAAa,EAAQ,kBACrB,MAAO,EACP,cAAe,CAClB,CAAA,GAGL,EAAA,EAAA,MAAC,EAAA,EAAD,CAAA,SAAA,CACK,CAAC,CAAC,IACC,IACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2FAAf,EACI,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,UAAU,4BAA4B,cAAY,MAAQ,CAAA,GACnE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,IAAI,OAAO,KAAK,KAAK,KAAK,qBAC3B,EAAQ,OACP,CAAA,CACL,MAIb,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SAAe,GAAS,EAAQ,KAAoB,CAAA,EAEnD,EAAM,OAAS,IACZ,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SACK,EAAM,IAAK,IACR,EAAA,EAAA,KAAC,EAAA,EAAD,CAEI,MAAO,EAAK,aAAe,EAAK,MAChC,aAAgB,EAAS,CAAI,EAC7B,SAAU,EAAK,SACf,eAAc,EAAK,UAAY,IAAA,GAC/B,UAAU,qDAET,EACK,EAAW,EAAM,CAAE,cAAe,EAAM,CAAC,GAEvC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACK,CAAC,CAAC,EAAK,OACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,0CACX,EAAK,IACJ,CAAA,GAEV,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sDAAf,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,IAAI,OACJ,KAAK,KACL,OAAQ,EAAK,SAAW,SAAW,UACnC,UAAU,oBAET,EAAK,KACJ,CAAA,EACL,CAAC,CAAC,EAAK,cACJ,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,IAAI,OACJ,KAAK,KACL,KAAK,YACL,UAAU,2BAET,EAAK,WACJ,CAAA,CAET,GACP,CAAA,CAAA,CAED,EAtCJ,EAAK,KAsCD,CAChB,CACS,CAAA,CAET,CAAA,CAAA,EAEZ,CAAC,CAAC,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yDACV,CACA,CAAA,CAEJ,GACG,CAAA,CACX,GAEjB,CAEA,EAAY,YAAc"}