npm - admin-ui-starter-kit - Versions diffs - 0.6.9 → 0.7.1 - Mend

admin-ui-starter-kit 0.6.9 → 0.7.1

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 (1360) hide show

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

@@ -0,0 +1 @@

+ {"version":3,"file":"overlays-DKsXufDv.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-DXh14PIu.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-C_kCoR1d.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-B-Yokco3.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-DXh14PIu.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"popover-menu-DXh14PIu.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-DkjPUZ4v.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-sXFd02zl.cjs"),i=require("./popover-dWR7-MzY.cjs"),a=require("./command-DRIySU26.cjs"),o=require("./command-kcPx4TM_.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-DkjPUZ4v.cjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"popover-menu-DkjPUZ4v.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"}

package/dist/_shared/rich-text-editor-DjZTJzdm.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("./button-CB8e7fui.cjs"),i=require("./typography-sXFd02zl.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react"),c=require("@tiptap/react");c=e.t(c,1);let l=require("@tiptap/starter-kit");l=e.t(l,1);function u({buttons:e,extraToolbarItems:t,hideSourceToggle:n=!1,sourceMode:i,toggleSourceMode:a,disabled:c=!1,hasEditor:l=!0,toolbarTrailing:u,strings:d}){let f=(t?.length??0)>0;return(0,o.jsxs)(`div`,{className:`border-border flex flex-wrap items-center gap-1 border-b p-1.5`,children:[e.map(e=>{let t=e.icon,n=e.isActive();return(0,o.jsx)(r.t,{type:`button`,variant:n?`primary`:`secondary`,buttonStyle:n?`solid`:`ghost`,size:`icon-small`,onClick:e.run,disabled:c\|\|!l\|\|i\|\|e.disabled,"aria-label":e.label,title:e.label,children:(0,o.jsx)(t,{className:`h-3.5 w-3.5`})},e.id)}),!n&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`div`,{className:`bg-border mx-1 h-4 w-px`}),(0,o.jsx)(r.t,{type:`button`,variant:i?`primary`:`secondary`,buttonStyle:i?`solid`:`ghost`,size:`icon-small`,onClick:a,disabled:c\|\|!l,"aria-label":d.toolbar.sourceCode,title:d.toolbar.sourceCode,children:(0,o.jsx)(s.Code2,{className:`h-3.5 w-3.5`})})]}),f&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`div`,{className:`bg-border mx-1 h-4 w-px`}),t?.map(e=>{let t=e.icon,n=e.isActive?.()??!1;return(0,o.jsx)(r.t,{type:`button`,variant:n?`primary`:`secondary`,buttonStyle:n?`solid`:`ghost`,size:`icon-small`,onClick:e.onClick,disabled:c\|\|!l\|\|i\|\|e.disabled,"aria-label":e.label,title:e.label,children:(0,o.jsx)(t,{className:`h-3.5 w-3.5`})},e.id)})]}),!!u&&(0,o.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:u})]})}u.displayName=`RichTextEditorToolbar`;var d={editorLabel:`Rich text editor`,sourceLabel:`HTML source`,toolbar:{bold:`Bold`,italic:`Italic`,strike:`Strike`,bulletList:`Bullet list`,orderedList:`Ordered list`,blockquote:`Quote`,undo:`Undo`,redo:`Redo`,sourceCode:`Source code`},counts:{characters:`characters`,words:`words`,max:`max`}};function f(){if(typeof window>`u`)return null;let e=window.getSelection();if(!e\|\|e.rangeCount===0)return null;let t=e.getRangeAt(0);if(!t.collapsed)return null;let n=t.startContainer,r=t.startOffset,i=n;for(;i&&i.nodeType!==Node.ELEMENT_NODE;)i=i.parentNode;if(!i)return null;let a=i.closest(`[contenteditable="true"]`)??i.closest(`.ProseMirror`);if(!a)return null;let o=``;n.nodeType===Node.TEXT_NODE&&(o=(n.textContent??``).slice(0,r));let s=n;for(;s&&s!==a&&s!==i;){let e=s.previousSibling;for(;e;)o=(e.textContent??``)+o,e=e.previousSibling;if(s=s.parentNode,s&&s.matches?.(`p, li, h1, h2, h3, h4, h5, h6, blockquote`))break}let c,l=t.getBoundingClientRect();return l&&(l.top\|\|l.left\|\|l.right\|\|l.bottom)&&(c={top:l.top,left:l.left,bottom:l.bottom,right:l.right}),{textBefore:o,rect:c}}function p(e,t,n,r){if(typeof window>`u`)return;let i=window.getSelection();if(!i\|\|i.rangeCount===0)return;let a=i.getRangeAt(0);if(!a.collapsed)return;let o=t,s=a.startContainer,c=a.startOffset;for(;o>0;){if(s.nodeType===Node.TEXT_NODE){let e=Math.min(c,o);if(c-=e,o-=e,o===0)break}let e=h(s);if(!e)break;s=e,c=e.textContent?.length??0}let l=document.createRange();if(l.setStart(s,c),l.setEnd(a.endContainer,a.endOffset),i.removeAllRanges(),i.addRange(l),e){e.chain().focus().insertContent(n).run(),r(e.getHTML());return}l.deleteContents();let u=document.createRange().createContextualFragment(n);l.insertNode(u),i.collapseToEnd();let d=s?.parentElement?.closest?.(`[contenteditable="true"]`)??null;d&&r(d.innerHTML)}function m(e,t){if(typeof window>`u`\|\|!e)return;e.focus();let n=window.getSelection();if(!n\|\|n.rangeCount===0){e.insertAdjacentHTML(`beforeend`,t);return}let r=n.getRangeAt(0);if(!e.contains(r.commonAncestorContainer)){e.insertAdjacentHTML(`beforeend`,t);return}r.deleteContents();let i=document.createRange().createContextualFragment(t);r.insertNode(i),r.collapse(!1),n.removeAllRanges(),n.addRange(r)}function h(e){let t=e;for(;t;){if(t.previousSibling){for(t=t.previousSibling;t&&t.lastChild;)t=t.lastChild;if(t&&t.nodeType===Node.TEXT_NODE)return t;continue}if(t=t.parentNode,!t\|\|t.matches?.(`p, li, h1, h2, h3, h4, h5, h6, blockquote, [contenteditable="true"]`))return null}return null}function g({text:e,maxLength:t,strings:r}){let a=e.length,s=e.trim().length>0?e.trim().split(/\s+/).length:0,c=typeof t==`number`&&a>t;return(0,o.jsxs)(`div`,{className:`border-border flex items-center justify-end gap-3 border-t px-3 py-1.5`,children:[(0,o.jsxs)(i.s,{tag:`span`,size:`xs`,type:c?`error`:`secondary`,weight:c?`medium`:`regular`,className:n.cn(`tabular-nums`),children:[a,typeof t==`number`?` / ${t}`:``,` `,r.counts.characters]}),(0,o.jsxs)(i.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:[s,` `,r.counts.words]})]})}g.displayName=`CountsFooterText`;function _({editor:e,sourceMode:t,sourceValue:n,maxLength:r,strings:i}){return(0,o.jsx)(g,{text:t?n.replace(/<[^>]>/g,``):e?.getText()??``,maxLength:r,strings:i})}_.displayName=`CountsFooter`;function v(e){let t=e.trim();return t===``\|\|t===`<p></p>`\|\|t===`<p><br></p>`?``:t}function y(e){let t=v(e);return t===``?`<p></p>`:t}var b=c.EditorContent,x=c.useEditor,S=`default`in l?l.default:l,C=(0,a.forwardRef)(function({value:e,onChange:r,placeholder:i,compact:c=!1,minHeight:l,maxHeight:m,disabled:h=!1,showCounts:g=!1,maxLength:C,extraToolbarItems:w,toolbarTrailing:T,footerSlot:E,hideSourceToggle:D=!1,autoFocus:O=!1,className:k,onCaretChange:A,strings:j},M){let N=t.useStrings(d,j),[P,F]=(0,a.useState)(!1),[I,L]=(0,a.useState)(!1),[R,z]=(0,a.useState)(``),B=(0,a.useRef)(!1),V=(0,a.useRef)(v(e)),H=(0,a.useRef)(A);H.current=A;let U=x({extensions:[S],content:y(e),editable:!h,immediatelyRender:!1,autofocus:O?`end`:!1,onFocus:()=>{B.current=!0,F(!0)},onBlur:()=>{B.current=!1,F(!1)},onUpdate:({editor:e})=>{let t=v(e.getHTML());B.current&&(t!==V.current&&(V.current=t,r(t)),H.current?.())},editorProps:{attributes:{role:`textbox`,"aria-label":N.editorLabel,"aria-multiline":`true`,class:`prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5 max-w-none px-3 py-2 text-sm focus-visible:outline-none dark:prose-invert`}}});(0,a.useEffect)(()=>{if(!U)return;let t=v(U.getHTML()),n=v(e);V.current=n,t!==n&&U.commands.setContent(y(n),{emitUpdate:!1})},[U,e]),(0,a.useEffect)(()=>{U&&U.setEditable(!h)},[h,U]),(0,a.useEffect)(()=>{if(typeof document>`u`)return;let e=()=>{B.current&&H.current?.()};return document.addEventListener(`selectionchange`,e),()=>document.removeEventListener(`selectionchange`,e)},[]),(0,a.useImperativeHandle)(M,()=>({focus:()=>{U?.chain().focus().run()},getHTML:()=>v(U?.getHTML()??``),setHTML:e=>{let t=v(e);V.current=t,U?.commands.setContent(y(t),{emitUpdate:!1}),r(t)},insertHTML:e=>{U&&U.chain().focus().insertContent(e).run()},isEmpty:()=>v(U?.getHTML()??``)===``,clear:()=>{V.current=``,U?.commands.setContent(`<p></p>`,{emitUpdate:!1}),r(``)},getCaretContext:()=>f(),replaceBeforeCaret:(e,t)=>{p(U,e,t,e=>{V.current=v(e),r(V.current)})}}),[U,r]);let W=(0,a.useMemo)(()=>({minHeight:l??(c?`2rem`:`12rem`),...m?{maxHeight:m,overflowY:`auto`}:{}}),[c,m,l]),G=(0,a.useCallback)(()=>{if(U)if(I){let e=y(R);U.commands.setContent(e,{emitUpdate:!1});let t=v(R);V.current=t,r(t),L(!1)}else z(U.getHTML()),L(!0)},[U,r,I,R]),K=(0,a.useCallback)(e=>{let t=e.target.value;z(t);let n=v(t);V.current=n,r(n)},[r]),q=(0,a.useMemo)(()=>[{id:`bold`,icon:s.Bold,label:N.toolbar.bold,isActive:()=>!!U?.isActive(`bold`),run:()=>U?.chain().focus().toggleBold().run()},{id:`italic`,icon:s.Italic,label:N.toolbar.italic,isActive:()=>!!U?.isActive(`italic`),run:()=>U?.chain().focus().toggleItalic().run()},{id:`strike`,icon:s.Strikethrough,label:N.toolbar.strike,isActive:()=>!!U?.isActive(`strike`),run:()=>U?.chain().focus().toggleStrike().run()},{id:`bullet-list`,icon:s.List,label:N.toolbar.bulletList,isActive:()=>!!U?.isActive(`bulletList`),run:()=>U?.chain().focus().toggleBulletList().run()},{id:`ordered-list`,icon:s.ListOrdered,label:N.toolbar.orderedList,isActive:()=>!!U?.isActive(`orderedList`),run:()=>U?.chain().focus().toggleOrderedList().run()},{id:`blockquote`,icon:s.Quote,label:N.toolbar.blockquote,isActive:()=>!!U?.isActive(`blockquote`),run:()=>U?.chain().focus().toggleBlockquote().run()},{id:`undo`,icon:s.Undo2,label:N.toolbar.undo,isActive:()=>!1,run:()=>U?.chain().focus().undo().run(),disabled:!U?.can().chain().focus().undo().run()},{id:`redo`,icon:s.Redo2,label:N.toolbar.redo,isActive:()=>!1,run:()=>U?.chain().focus().redo().run(),disabled:!U?.can().chain().focus().redo().run()}],[U,N]),J=g&&U?(0,o.jsx)(_,{editor:U,sourceMode:I,sourceValue:R,maxLength:C,strings:N}):null,Y=typeof i==`string`?i:``,X=Y.length>0&&!P&&U?.isEmpty?(0,o.jsx)(`span`,{className:`text-muted-foreground pointer-events-none absolute left-3 top-2 text-sm`,children:Y}):null;return(0,o.jsxs)(`div`,{className:n.cn(`border-input bg-background rounded-md border`,h&&`opacity-70`,k),children:[(0,o.jsx)(u,{buttons:q,extraToolbarItems:w,hideSourceToggle:D,sourceMode:I,toggleSourceMode:G,disabled:h,hasEditor:!!U,toolbarTrailing:T,strings:N}),I?(0,o.jsx)(`textarea`,{"aria-label":N.sourceLabel,value:R,onChange:K,disabled:h,spellCheck:!1,className:n.cn(`bg-muted/50 w-full resize-y px-3 py-2 font-mono text-xs leading-relaxed focus-visible:outline-none`,h&&`cursor-not-allowed`),style:W}):(0,o.jsxs)(`div`,{className:`relative`,style:W,children:[X,(0,o.jsx)(b,{editor:U,className:n.cn(`h-full`,`[&_.ProseMirror]:h-full`,`[&_.ProseMirror]:min-h-full`,`[&_.ProseMirror]:outline-none`)})]}),!!E&&(0,o.jsx)(`div`,{className:`px-3 pb-2 pt-1`,children:E}),J]})});C.displayName=`TiptapRichTextEditor`;var w=typeof b==`function`&&typeof x==`function`&&typeof S==`object`&&!!S,T=(0,a.forwardRef)(function({value:e,onChange:r,placeholder:i,compact:c=!1,minHeight:l,maxHeight:h,disabled:_=!1,showCounts:b=!1,maxLength:x,extraToolbarItems:S,toolbarTrailing:C,footerSlot:w,hideSourceToggle:T=!1,autoFocus:E=!1,className:D,onCaretChange:O,strings:k},A){let j=t.useStrings(d,k),M=(0,a.useRef)(null),[N,P]=(0,a.useState)(!1),[F,I]=(0,a.useState)(!1),[L,R]=(0,a.useState)(``),z=(0,a.useRef)(v(e)),B=(0,a.useRef)(O);B.current=O,(0,a.useEffect)(()=>{let t=M.current;if(!t\|\|N)return;let n=y(e);v(t.innerHTML)!==v(n)&&(t.innerHTML=n),z.current=v(e)},[N,e]),(0,a.useEffect)(()=>{E&&M.current?.focus()},[E]);let V=(0,a.useCallback)(()=>{let e=M.current,t=v(e?.innerHTML??``);z.current=t,r(t),B.current?.()},[r]);(0,a.useImperativeHandle)(A,()=>({focus:()=>M.current?.focus(),getHTML:()=>v(M.current?.innerHTML??``),setHTML:e=>{let t=v(e);z.current=t,M.current&&(M.current.innerHTML=y(t)),r(t)},insertHTML:e=>{m(M.current,e),V()},isEmpty:()=>v(M.current?.innerHTML??``)===``,clear:()=>{z.current=``,M.current&&(M.current.innerHTML=`<p></p>`),r(``)},getCaretContext:()=>f(),replaceBeforeCaret:(e,t)=>{p(null,e,t,()=>V())}}),[V,r]);let H=(0,a.useMemo)(()=>({minHeight:l??(c?`2rem`:`12rem`),...h?{maxHeight:h,overflowY:`auto`}:{}}),[c,h,l]),U=(0,a.useCallback)(()=>{if(F){let e=v(L);z.current=e,M.current&&(M.current.innerHTML=y(e)),r(e),I(!1);return}R(M.current?.innerHTML??y(e)),I(!0)},[r,F,L,e]),W=(0,a.useCallback)(e=>{let t=e.target.value;R(t);let n=v(t);z.current=n,r(n)},[r]),G=typeof i==`string`?i:``,K=v(z.current)===``,q=G.length>0&&!N&&K?(0,o.jsx)(`span`,{className:`text-muted-foreground pointer-events-none absolute left-3 top-2 text-sm`,children:G}):null,J=(0,a.useMemo)(()=>[{id:`bold`,icon:s.Bold,label:j.toolbar.bold,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`italic`,icon:s.Italic,label:j.toolbar.italic,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`strike`,icon:s.Strikethrough,label:j.toolbar.strike,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`bullet-list`,icon:s.List,label:j.toolbar.bulletList,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`ordered-list`,icon:s.ListOrdered,label:j.toolbar.orderedList,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`blockquote`,icon:s.Quote,label:j.toolbar.blockquote,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`undo`,icon:s.Undo2,label:j.toolbar.undo,isActive:()=>!1,run:()=>void 0,disabled:!0},{id:`redo`,icon:s.Redo2,label:j.toolbar.redo,isActive:()=>!1,run:()=>void 0,disabled:!0}],[j]),Y=F?L.replace(/<[^>]>/g,``):M.current?.innerText??v(e).replace(/<[^>]*>/g,``),X=b?(0,o.jsx)(g,{text:Y,maxLength:x,strings:j}):null;return(0,o.jsxs)(`div`,{className:n.cn(`border-input bg-background rounded-md border`,_&&`opacity-70`,D),children:[(0,o.jsx)(u,{buttons:J,extraToolbarItems:S,hideSourceToggle:T,sourceMode:F,toggleSourceMode:U,disabled:_,hasEditor:!0,toolbarTrailing:C,strings:j}),F?(0,o.jsx)(`textarea`,{"aria-label":j.sourceLabel,value:L,onChange:W,disabled:_,spellCheck:!1,className:n.cn(`bg-muted/50 w-full resize-y px-3 py-2 font-mono text-xs leading-relaxed focus-visible:outline-none`,_&&`cursor-not-allowed`),style:H}):(0,o.jsxs)(`div`,{className:`relative`,style:H,children:[q,(0,o.jsx)(`div`,{ref:M,role:`textbox`,"aria-label":j.editorLabel,"aria-multiline":`true`,contentEditable:!_,suppressContentEditableWarning:!0,onInput:V,onKeyUp:()=>B.current?.(),onMouseUp:()=>B.current?.(),onFocus:()=>P(!0),onBlur:()=>P(!1),className:n.cn(`prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5 max-w-none px-3 py-2 text-sm focus-visible:outline-none dark:prose-invert`,`h-full min-h-full`,_&&`cursor-not-allowed`),dangerouslySetInnerHTML:{__html:y(e)}})]}),!!w&&(0,o.jsx)(`div`,{className:`px-3 pb-2 pt-1`,children:w}),X]})});T.displayName=`FallbackRichTextEditor`;var E=(0,a.forwardRef)(function(e,t){return w?(0,o.jsx)(C,{...e,ref:t}):(0,o.jsx)(T,{className:`rich-text-editor--component`,...e,ref:t})});E.displayName=`RichTextEditor`,Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});
2	+ //# sourceMappingURL=rich-text-editor-DjZTJzdm.cjs.map

package/dist/_shared/rich-text-editor-DjZTJzdm.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"rich-text-editor-DjZTJzdm.cjs","names":[],"sources":["../../src/components/features/rich-text-editor/partials/rich-text-editor-toolbar.tsx","../../src/components/features/rich-text-editor/rich-text-editor.strings.ts","../../src/components/features/rich-text-editor/partials/caret-helpers.ts","../../src/components/features/rich-text-editor/partials/counts-footer.tsx","../../src/components/features/rich-text-editor/partials/html-helpers.ts","../../src/components/features/rich-text-editor/partials/rich-text-editor-tiptap.tsx","../../src/components/features/rich-text-editor/partials/rich-text-editor-fallback.tsx","../../src/components/features/rich-text-editor/rich-text-editor.tsx"],"sourcesContent":["import { Code2 } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '@/components/base/buttons/button';\n\nimport type { RichTextEditorStrings } from '../rich-text-editor.strings';\nimport type {\n\tRichTextEditorToolbarItem,\n\tToolbarButtonConfig,\n} from '../rich-text-editor.types';\n\nexport interface RichTextEditorToolbarProps {\n\tbuttons: ToolbarButtonConfig[];\n\textraToolbarItems?: ReadonlyArray<RichTextEditorToolbarItem>;\n\thideSourceToggle?: boolean;\n\tsourceMode: boolean;\n\ttoggleSourceMode: () => void;\n\tdisabled?: boolean;\n\t/**\n\t * The TipTap variant disables built-in buttons until the editor instance\n\t * is ready; the fallback variant simply marks them disabled. This flag\n\t * lets callers force the disabled state without re-deriving it per button.\n\t */\n\thasEditor?: boolean;\n\ttoolbarTrailing?: ReactNode;\n\tstrings: RichTextEditorStrings;\n}\n\nexport function RichTextEditorToolbar({\n\tbuttons,\n\textraToolbarItems,\n\thideSourceToggle = false,\n\tsourceMode,\n\ttoggleSourceMode,\n\tdisabled = false,\n\thasEditor = true,\n\ttoolbarTrailing,\n\tstrings,\n}: RichTextEditorToolbarProps) {\n\tconst hasExtras = (extraToolbarItems?.length ?? 0) > 0;\n\n\treturn (\n\t\t<div className=\"border-border flex flex-wrap items-center gap-1 border-b p-1.5\">\n\t\t\t{buttons.map((button) => {\n\t\t\t\tconst Icon = button.icon;\n\t\t\t\tconst isActive = button.isActive();\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={button.id}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant={isActive ? 'primary' : 'secondary'}\n\t\t\t\t\t\tbuttonStyle={isActive ? 'solid' : 'ghost'}\n\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\tonClick={button.run}\n\t\t\t\t\t\tdisabled={disabled || !hasEditor || sourceMode || button.disabled}\n\t\t\t\t\t\taria-label={button.label}\n\t\t\t\t\t\ttitle={button.label}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon className=\"h-3.5 w-3.5\" />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t})}\n\n\t\t\t{!hideSourceToggle && (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"bg-border mx-1 h-4 w-px\" />\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant={sourceMode ? 'primary' : 'secondary'}\n\t\t\t\t\t\tbuttonStyle={sourceMode ? 'solid' : 'ghost'}\n\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\tonClick={toggleSourceMode}\n\t\t\t\t\t\tdisabled={disabled || !hasEditor}\n\t\t\t\t\t\taria-label={strings.toolbar.sourceCode}\n\t\t\t\t\t\ttitle={strings.toolbar.sourceCode}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Code2 className=\"h-3.5 w-3.5\" />\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{hasExtras && (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"bg-border mx-1 h-4 w-px\" />\n\t\t\t\t\t{extraToolbarItems?.map((item) => {\n\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\tconst isActive = item.isActive?.() ?? false;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant={isActive ? 'primary' : 'secondary'}\n\t\t\t\t\t\t\t\tbuttonStyle={isActive ? 'solid' : 'ghost'}\n\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\tonClick={item.onClick}\n\t\t\t\t\t\t\t\tdisabled={disabled || !hasEditor || sourceMode || item.disabled}\n\t\t\t\t\t\t\t\taria-label={item.label}\n\t\t\t\t\t\t\t\ttitle={item.label}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon className=\"h-3.5 w-3.5\" />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{!!toolbarTrailing && (\n\t\t\t\t<div className=\"ml-auto flex items-center gap-1\">{toolbarTrailing}</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nRichTextEditorToolbar.displayName = 'RichTextEditorToolbar';\n","/**\n * Default user-facing strings for `<RichTextEditor>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n * <RichTextEditor strings={{ toolbar: { bold: t('editor.bold') } }} … />\n */\n\nexport interface RichTextEditorStrings {\n\t/** Accessible label for the editable rich-text surface. */\n\teditorLabel: string;\n\t/** Accessible label for the HTML source textarea. */\n\tsourceLabel: string;\n\t/** Toolbar button labels (used for `aria-label` and tooltip `title`). */\n\ttoolbar: {\n\t\tbold: string;\n\t\titalic: string;\n\t\tstrike: string;\n\t\tbulletList: string;\n\t\torderedList: string;\n\t\tblockquote: string;\n\t\tundo: string;\n\t\tredo: string;\n\t\tsourceCode: string;\n\t};\n\t/** Footer count labels — `{n}` is replaced with the count. */\n\tcounts: {\n\t\tcharacters: string;\n\t\twords: string;\n\t\tmax: string;\n\t};\n}\n\nexport const defaultRichTextEditorStrings: RichTextEditorStrings = {\n\teditorLabel: 'Rich text editor',\n\tsourceLabel: 'HTML source',\n\ttoolbar: {\n\t\tbold: 'Bold',\n\t\titalic: 'Italic',\n\t\tstrike: 'Strike',\n\t\tbulletList: 'Bullet list',\n\t\torderedList: 'Ordered list',\n\t\tblockquote: 'Quote',\n\t\tundo: 'Undo',\n\t\tredo: 'Redo',\n\t\tsourceCode: 'Source code',\n\t},\n\tcounts: {\n\t\tcharacters: 'characters',\n\t\twords: 'words',\n\t\tmax: 'max',\n\t},\n};\n","/**\n * Caret-introspection helpers used by `<RichTextEditor>` to expose the\n * text before the caret and replace a leading run of characters with\n * inline HTML — the building blocks for `@`-mention chips and similar\n * inline triggers.\n */\nimport type { RichTextCaretContext, TiptapEditor } from '../rich-text-editor.types';\n\n/**\n * Read the current selection's caret context.\n *\n * Walks back from the caret through the current text node and any\n * preceding sibling text nodes inside the same block-level container\n * (paragraph / list-item / heading) collecting plain text. Returns the\n * accumulated text plus the caret's bounding rect when available.\n *\n * Returns `null` when there is no live selection or the selection isn't\n * a text caret inside a contenteditable.\n */\nexport function readCaretContext(): RichTextCaretContext | null {\n\tif (typeof window === 'undefined') return null;\n\tconst sel = window.getSelection();\n\tif (!sel || sel.rangeCount === 0) return null;\n\tconst range = sel.getRangeAt(0);\n\tif (!range.collapsed) return null;\n\n\tconst startNode = range.startContainer;\n\tconst startOffset = range.startOffset;\n\n\tlet block: Node | null = startNode;\n\twhile (block && block.nodeType !== Node.ELEMENT_NODE) {\n\t\tblock = block.parentNode;\n\t}\n\tif (!block) return null;\n\tconst editable =\n\t\t(block as Element).closest('[contenteditable=\"true\"]') ??\n\t\t(block as Element).closest('.ProseMirror');\n\tif (!editable) return null;\n\n\tlet text = '';\n\tif (startNode.nodeType === Node.TEXT_NODE) {\n\t\ttext = (startNode.textContent ?? '').slice(0, startOffset);\n\t}\n\n\tlet cursor: Node | null = startNode;\n\twhile (cursor && cursor !== editable && cursor !== block) {\n\t\tlet prev: Node | null = cursor.previousSibling;\n\t\twhile (prev) {\n\t\t\ttext = (prev.textContent ?? '') + text;\n\t\t\tprev = prev.previousSibling;\n\t\t}\n\t\tcursor = cursor.parentNode;\n\t\tif (cursor && (cursor as Element).matches?.('p, li, h1, h2, h3, h4, h5, h6, blockquote')) {\n\t\t\tbreak;\n\t\t}\n\t}\n\n\tlet rect: RichTextCaretContext['rect'];\n\tconst r = range.getBoundingClientRect();\n\tif (r && (r.top || r.left || r.right || r.bottom)) {\n\t\trect = { top: r.top, left: r.left, bottom: r.bottom, right: r.right };\n\t}\n\n\treturn { textBefore: text, rect };\n}\n\n/**\n * Extend the selection backwards by `length` characters, then insert\n * `html`. The selection extension means `editor.insertContent` (or the\n * fallback's `range.deleteContents()` + insert) replaces the trigger\n * range with the chip atomically — no manual text-content mutation, no\n * timing races between \"delete\" and \"insert\".\n */\nexport function replaceBeforeCaret(\n\teditor: TiptapEditor | null,\n\tlength: number,\n\thtml: string,\n\tnotifyChange: (next: string) => void,\n): void {\n\tif (typeof window === 'undefined') return;\n\tconst sel = window.getSelection();\n\tif (!sel || sel.rangeCount === 0) return;\n\tconst caret = sel.getRangeAt(0);\n\tif (!caret.collapsed) return;\n\n\tlet remaining = length;\n\tlet startNode: Node = caret.startContainer;\n\tlet startOffset = caret.startOffset;\n\n\twhile (remaining > 0) {\n\t\tif (startNode.nodeType === Node.TEXT_NODE) {\n\t\t\tconst take = Math.min(startOffset, remaining);\n\t\t\tstartOffset -= take;\n\t\t\tremaining -= take;\n\t\t\tif (remaining === 0) break;\n\t\t}\n\t\tconst prev = previousTextNode(startNode);\n\t\tif (!prev) break;\n\t\tstartNode = prev;\n\t\tstartOffset = prev.textContent?.length ?? 0;\n\t}\n\n\tconst range = document.createRange();\n\trange.setStart(startNode, startOffset);\n\trange.setEnd(caret.endContainer, caret.endOffset);\n\tsel.removeAllRanges();\n\tsel.addRange(range);\n\n\tif (editor) {\n\t\teditor.chain().focus().insertContent(html).run();\n\t\tnotifyChange(editor.getHTML());\n\t\treturn;\n\t}\n\n\trange.deleteContents();\n\tconst fragment = document.createRange().createContextualFragment(html);\n\trange.insertNode(fragment);\n\tsel.collapseToEnd();\n\tconst editable =\n\t\t(startNode as Element | null)?.parentElement?.closest?.('[contenteditable=\"true\"]') ?? null;\n\tif (editable) notifyChange((editable as HTMLElement).innerHTML);\n}\n\nexport function insertHtmlIntoEditable(editable: HTMLElement | null, html: string): void {\n\tif (typeof window === 'undefined' || !editable) return;\n\teditable.focus();\n\n\tconst sel = window.getSelection();\n\tif (!sel || sel.rangeCount === 0) {\n\t\teditable.insertAdjacentHTML('beforeend', html);\n\t\treturn;\n\t}\n\n\tconst range = sel.getRangeAt(0);\n\tif (!editable.contains(range.commonAncestorContainer)) {\n\t\teditable.insertAdjacentHTML('beforeend', html);\n\t\treturn;\n\t}\n\n\trange.deleteContents();\n\tconst fragment = document.createRange().createContextualFragment(html);\n\trange.insertNode(fragment);\n\trange.collapse(false);\n\tsel.removeAllRanges();\n\tsel.addRange(range);\n}\n\nfunction previousTextNode(node: Node): Node | null {\n\tlet current: Node | null = node;\n\twhile (current) {\n\t\tif (current.previousSibling) {\n\t\t\tcurrent = current.previousSibling;\n\t\t\twhile (current && current.lastChild) {\n\t\t\t\tcurrent = current.lastChild;\n\t\t\t}\n\t\t\tif (current && current.nodeType === Node.TEXT_NODE) return current;\n\t\t\tcontinue;\n\t\t}\n\t\tcurrent = current.parentNode;\n\t\tif (!current || (current as Element).matches?.('p, li, h1, h2, h3, h4, h5, h6, blockquote, [contenteditable=\"true\"]')) {\n\t\t\treturn null;\n\t\t}\n\t}\n\treturn null;\n}\n","import { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type { RichTextEditorStrings } from '../rich-text-editor.strings';\nimport type { TiptapEditor } from '../rich-text-editor.types';\n\ninterface CountsFooterTextProps {\n\ttext: string;\n\tmaxLength?: number;\n\tstrings: RichTextEditorStrings;\n}\n\nexport function CountsFooterText({ text, maxLength, strings }: CountsFooterTextProps) {\n\tconst chars = text.length;\n\tconst words = text.trim().length > 0 ? text.trim().split(/\\s+/).length : 0;\n\tconst overLimit = typeof maxLength === 'number' && chars > maxLength;\n\n\treturn (\n\t\t<div className=\"border-border flex items-center justify-end gap-3 border-t px-3 py-1.5\">\n\t\t\t<Text\n\t\t\t\ttag=\"span\"\n\t\t\t\tsize=\"xs\"\n\t\t\t\ttype={overLimit ? 'error' : 'secondary'}\n\t\t\t\tweight={overLimit ? 'medium' : 'regular'}\n\t\t\t\tclassName={cn('tabular-nums')}\n\t\t\t>\n\t\t\t\t{chars}\n\t\t\t\t{typeof maxLength === 'number' ? ` / ${maxLength}` : ''} {strings.counts.characters}\n\t\t\t</Text>\n\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t{words} {strings.counts.words}\n\t\t\t</Text>\n\t\t</div>\n\t);\n}\n\nCountsFooterText.displayName = 'CountsFooterText';\n\ninterface CountsFooterProps {\n\teditor: TiptapEditor;\n\tsourceMode: boolean;\n\tsourceValue: string;\n\tmaxLength?: number;\n\tstrings: RichTextEditorStrings;\n}\n\nexport function CountsFooter({\n\teditor,\n\tsourceMode,\n\tsourceValue,\n\tmaxLength,\n\tstrings,\n}: CountsFooterProps) {\n\tconst text = sourceMode\n\t\t? sourceValue.replace(/<[^>]*>/g, '')\n\t\t: (editor?.getText() ?? '');\n\n\treturn <CountsFooterText text={text} maxLength={maxLength} strings={strings} />;\n}\n\nCountsFooter.displayName = 'CountsFooter';\n","/**\n * Plain HTML normalization shared by the TipTap and contenteditable\n * fallback editors. Keeping these out of the React tree means the\n * editor partials stay focused on rendering.\n */\n\nexport function normalizeHtml(value: string): string {\n\tconst trimmed = value.trim();\n\n\tif (trimmed === '' || trimmed === '<p></p>' || trimmed === '<p><br></p>') {\n\t\treturn '';\n\t}\n\n\treturn trimmed;\n}\n\nexport function toEditorContent(value: string): string {\n\tconst normalized = normalizeHtml(value);\n\treturn normalized === '' ? '<p></p>' : normalized;\n}\n","import {\n\tforwardRef,\n\tuseCallback,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport {\n\tBold,\n\tItalic,\n\tList,\n\tListOrdered,\n\tQuote,\n\tRedo2,\n\tStrikethrough,\n\tUndo2,\n} from 'lucide-react';\nimport * as TiptapReact from '@tiptap/react';\nimport * as StarterKitModule from '@tiptap/starter-kit';\n\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultRichTextEditorStrings } from '../rich-text-editor.strings';\nimport type {\n\tRichTextEditorHandle,\n\tRichTextEditorProps,\n\tToolbarButtonConfig,\n} from '../rich-text-editor.types';\nimport { readCaretContext, replaceBeforeCaret } from './caret-helpers';\nimport { CountsFooter } from './counts-footer';\nimport { normalizeHtml, toEditorContent } from './html-helpers';\nimport { RichTextEditorToolbar } from './rich-text-editor-toolbar';\n\nconst EditorContent = TiptapReact.EditorContent;\nconst useTiptapEditor = TiptapReact.useEditor;\nconst StarterKit =\n\t'default' in StarterKitModule ? StarterKitModule.default : StarterKitModule;\n\nexport const TiptapRichTextEditor = forwardRef<RichTextEditorHandle, RichTextEditorProps>(function TiptapRichTextEditor(\n\t{\n\t\tvalue,\n\t\tonChange,\n\t\tplaceholder,\n\t\tcompact = false,\n\t\tminHeight,\n\t\tmaxHeight,\n\t\tdisabled = false,\n\t\tshowCounts = false,\n\t\tmaxLength,\n\t\textraToolbarItems,\n\t\ttoolbarTrailing,\n\t\tfooterSlot,\n\t\thideSourceToggle = false,\n\t\tautoFocus = false,\n\t\tclassName,\n\t\tonCaretChange,\n\t\tstrings: stringsProp,\n\t},\n\tref,\n) {\n\tconst strings = useStrings(defaultRichTextEditorStrings, stringsProp);\n\tconst [isFocused, setIsFocused] = useState(false);\n\tconst [sourceMode, setSourceMode] = useState(false);\n\tconst [sourceValue, setSourceValue] = useState('');\n\tconst isFocusedRef = useRef(false);\n\tconst externalValueRef = useRef<string>(normalizeHtml(value));\n\tconst onCaretChangeRef = useRef(onCaretChange);\n\tonCaretChangeRef.current = onCaretChange;\n\n\tconst editor = useTiptapEditor({\n\t\textensions: [StarterKit],\n\t\tcontent: toEditorContent(value),\n\t\teditable: !disabled,\n\t\timmediatelyRender: false,\n\t\tautofocus: autoFocus ? 'end' : false,\n\t\tonFocus: () => {\n\t\t\tisFocusedRef.current = true;\n\t\t\tsetIsFocused(true);\n\t\t},\n\t\tonBlur: () => {\n\t\t\tisFocusedRef.current = false;\n\t\t\tsetIsFocused(false);\n\t\t},\n\t\tonUpdate: ({ editor: currentEditor }: { editor: { getHTML: () => string } }) => {\n\t\t\tconst html = normalizeHtml(currentEditor.getHTML());\n\t\t\tif (!isFocusedRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (html !== externalValueRef.current) {\n\t\t\t\texternalValueRef.current = html;\n\t\t\t\tonChange(html);\n\t\t\t}\n\n\t\t\tonCaretChangeRef.current?.();\n\t\t},\n\t\teditorProps: {\n\t\t\tattributes: {\n\t\t\t\trole: 'textbox',\n\t\t\t\t'aria-label': strings.editorLabel,\n\t\t\t\t'aria-multiline': 'true',\n\t\t\t\tclass: 'prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5 max-w-none px-3 py-2 text-sm focus-visible:outline-none dark:prose-invert',\n\t\t\t},\n\t\t},\n\t});\n\n\tuseEffect(() => {\n\t\tif (!editor) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst current = normalizeHtml(editor.getHTML());\n\t\tconst next = normalizeHtml(value);\n\t\texternalValueRef.current = next;\n\n\t\tif (current !== next) {\n\t\t\teditor.commands.setContent(toEditorContent(next), { emitUpdate: false });\n\t\t}\n\t}, [editor, value]);\n\n\tuseEffect(() => {\n\t\tif (!editor) {\n\t\t\treturn;\n\t\t}\n\n\t\teditor.setEditable(!disabled);\n\t}, [disabled, editor]);\n\n\tuseEffect(() => {\n\t\tif (typeof document === 'undefined') return;\n\t\tconst handler = () => {\n\t\t\tif (!isFocusedRef.current) return;\n\t\t\tonCaretChangeRef.current?.();\n\t\t};\n\t\tdocument.addEventListener('selectionchange', handler);\n\t\treturn () => document.removeEventListener('selectionchange', handler);\n\t}, []);\n\n\tuseImperativeHandle(\n\t\tref,\n\t\t() => ({\n\t\t\tfocus: () => {\n\t\t\t\teditor?.chain().focus().run();\n\t\t\t},\n\t\t\tgetHTML: () => normalizeHtml(editor?.getHTML() ?? ''),\n\t\t\tsetHTML: (html: string) => {\n\t\t\t\tconst next = normalizeHtml(html);\n\t\t\t\texternalValueRef.current = next;\n\t\t\t\teditor?.commands.setContent(toEditorContent(next), { emitUpdate: false });\n\t\t\t\tonChange(next);\n\t\t\t},\n\t\t\tinsertHTML: (html: string) => {\n\t\t\t\tif (!editor) return;\n\t\t\t\teditor.chain().focus().insertContent(html).run();\n\t\t\t},\n\t\t\tisEmpty: () => normalizeHtml(editor?.getHTML() ?? '') === '',\n\t\t\tclear: () => {\n\t\t\t\texternalValueRef.current = '';\n\t\t\t\teditor?.commands.setContent('<p></p>', { emitUpdate: false });\n\t\t\t\tonChange('');\n\t\t\t},\n\t\t\tgetCaretContext: () => readCaretContext(),\n\t\t\treplaceBeforeCaret: (length: number, html: string) => {\n\t\t\t\treplaceBeforeCaret(editor, length, html, (next) => {\n\t\t\t\t\texternalValueRef.current = normalizeHtml(next);\n\t\t\t\t\tonChange(externalValueRef.current);\n\t\t\t\t});\n\t\t\t},\n\t\t}),\n\t\t[editor, onChange],\n\t);\n\n\tconst contentStyle = useMemo(\n\t\t() => ({\n\t\t\tminHeight: minHeight ?? (compact ? '2rem' : '12rem'),\n\t\t\t...(maxHeight ? { maxHeight, overflowY: 'auto' as const } : {}),\n\t\t}),\n\t\t[compact, maxHeight, minHeight],\n\t);\n\n\tconst toggleSourceMode = useCallback(() => {\n\t\tif (!editor) return;\n\n\t\tif (sourceMode) {\n\t\t\tconst html = toEditorContent(sourceValue);\n\t\t\teditor.commands.setContent(html, { emitUpdate: false });\n\t\t\tconst normalized = normalizeHtml(sourceValue);\n\t\t\texternalValueRef.current = normalized;\n\t\t\tonChange(normalized);\n\t\t\tsetSourceMode(false);\n\t\t} else {\n\t\t\tsetSourceValue(editor.getHTML());\n\t\t\tsetSourceMode(true);\n\t\t}\n\t}, [editor, onChange, sourceMode, sourceValue]);\n\n\tconst handleSourceChange = useCallback(\n\t\t(e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\t\tconst next = e.target.value;\n\t\t\tsetSourceValue(next);\n\t\t\tconst normalized = normalizeHtml(next);\n\t\t\texternalValueRef.current = normalized;\n\t\t\tonChange(normalized);\n\t\t},\n\t\t[onChange],\n\t);\n\n\tconst toolbarButtons = useMemo<ToolbarButtonConfig[]>(\n\t\t() => [\n\t\t\t{\n\t\t\t\tid: 'bold',\n\t\t\t\ticon: Bold,\n\t\t\t\tlabel: strings.toolbar.bold,\n\t\t\t\tisActive: () => Boolean(editor?.isActive('bold')),\n\t\t\t\trun: () => editor?.chain().focus().toggleBold().run(),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'italic',\n\t\t\t\ticon: Italic,\n\t\t\t\tlabel: strings.toolbar.italic,\n\t\t\t\tisActive: () => Boolean(editor?.isActive('italic')),\n\t\t\t\trun: () => editor?.chain().focus().toggleItalic().run(),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'strike',\n\t\t\t\ticon: Strikethrough,\n\t\t\t\tlabel: strings.toolbar.strike,\n\t\t\t\tisActive: () => Boolean(editor?.isActive('strike')),\n\t\t\t\trun: () => editor?.chain().focus().toggleStrike().run(),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'bullet-list',\n\t\t\t\ticon: List,\n\t\t\t\tlabel: strings.toolbar.bulletList,\n\t\t\t\tisActive: () => Boolean(editor?.isActive('bulletList')),\n\t\t\t\trun: () => editor?.chain().focus().toggleBulletList().run(),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'ordered-list',\n\t\t\t\ticon: ListOrdered,\n\t\t\t\tlabel: strings.toolbar.orderedList,\n\t\t\t\tisActive: () => Boolean(editor?.isActive('orderedList')),\n\t\t\t\trun: () => editor?.chain().focus().toggleOrderedList().run(),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'blockquote',\n\t\t\t\ticon: Quote,\n\t\t\t\tlabel: strings.toolbar.blockquote,\n\t\t\t\tisActive: () => Boolean(editor?.isActive('blockquote')),\n\t\t\t\trun: () => editor?.chain().focus().toggleBlockquote().run(),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'undo',\n\t\t\t\ticon: Undo2,\n\t\t\t\tlabel: strings.toolbar.undo,\n\t\t\t\tisActive: () => false,\n\t\t\t\trun: () => editor?.chain().focus().undo().run(),\n\t\t\t\tdisabled: !editor?.can().chain().focus().undo().run(),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'redo',\n\t\t\t\ticon: Redo2,\n\t\t\t\tlabel: strings.toolbar.redo,\n\t\t\t\tisActive: () => false,\n\t\t\t\trun: () => editor?.chain().focus().redo().run(),\n\t\t\t\tdisabled: !editor?.can().chain().focus().redo().run(),\n\t\t\t},\n\t\t],\n\t\t[editor, strings],\n\t);\n\n\tconst countsFooter =\n\t\tshowCounts && editor ? (\n\t\t\t<CountsFooter\n\t\t\t\teditor={editor}\n\t\t\t\tsourceMode={sourceMode}\n\t\t\t\tsourceValue={sourceValue}\n\t\t\t\tmaxLength={maxLength}\n\t\t\t\tstrings={strings}\n\t\t\t/>\n\t\t) : null;\n\n\tconst placeholderText = typeof placeholder === 'string' ? placeholder : '';\n\tconst showPlaceholder =\n\t\tplaceholderText.length > 0 && !isFocused && Boolean(editor?.isEmpty);\n\tconst placeholderNode = showPlaceholder ? (\n\t\t<span className=\"text-muted-foreground pointer-events-none absolute left-3 top-2 text-sm\">\n\t\t\t{placeholderText}\n\t\t</span>\n\t) : null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'border-input bg-background rounded-md border',\n\t\t\t\tdisabled && 'opacity-70',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<RichTextEditorToolbar\n\t\t\t\tbuttons={toolbarButtons}\n\t\t\t\textraToolbarItems={extraToolbarItems}\n\t\t\t\thideSourceToggle={hideSourceToggle}\n\t\t\t\tsourceMode={sourceMode}\n\t\t\t\ttoggleSourceMode={toggleSourceMode}\n\t\t\t\tdisabled={disabled}\n\t\t\t\thasEditor={Boolean(editor)}\n\t\t\t\ttoolbarTrailing={toolbarTrailing}\n\t\t\t\tstrings={strings}\n\t\t\t/>\n\n\t\t\t{sourceMode ? (\n\t\t\t\t<textarea\n\t\t\t\t\taria-label={strings.sourceLabel}\n\t\t\t\t\tvalue={sourceValue}\n\t\t\t\t\tonChange={handleSourceChange}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tspellCheck={false}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'bg-muted/50 w-full resize-y px-3 py-2 font-mono text-xs leading-relaxed focus-visible:outline-none',\n\t\t\t\t\t\tdisabled && 'cursor-not-allowed',\n\t\t\t\t\t)}\n\t\t\t\t\tstyle={contentStyle}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<div className=\"relative\" style={contentStyle}>\n\t\t\t\t\t{placeholderNode}\n\n\t\t\t\t\t<EditorContent\n\t\t\t\t\t\teditor={editor}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'h-full',\n\t\t\t\t\t\t\t'[&_.ProseMirror]:h-full',\n\t\t\t\t\t\t\t'[&_.ProseMirror]:min-h-full',\n\t\t\t\t\t\t\t'[&_.ProseMirror]:outline-none',\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!footerSlot && (\n\t\t\t\t<div className=\"px-3 pb-2 pt-1\">{footerSlot}</div>\n\t\t\t)}\n\n\t\t\t{countsFooter}\n\t\t</div>\n\t);\n});\n\nTiptapRichTextEditor.displayName = 'TiptapRichTextEditor';\n\nexport const hasTiptapRuntime =\n\ttypeof EditorContent === 'function' &&\n\ttypeof useTiptapEditor === 'function' &&\n\ttypeof StarterKit === 'object' &&\n\tStarterKit !== null;\n","import {\n\tforwardRef,\n\tuseCallback,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport {\n\tBold,\n\tItalic,\n\tList,\n\tListOrdered,\n\tQuote,\n\tRedo2,\n\tStrikethrough,\n\tUndo2,\n} from 'lucide-react';\n\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultRichTextEditorStrings } from '../rich-text-editor.strings';\nimport type {\n\tRichTextEditorHandle,\n\tRichTextEditorProps,\n\tToolbarButtonConfig,\n} from '../rich-text-editor.types';\nimport {\n\tinsertHtmlIntoEditable,\n\treadCaretContext,\n\treplaceBeforeCaret,\n} from './caret-helpers';\nimport { CountsFooterText } from './counts-footer';\nimport { normalizeHtml, toEditorContent } from './html-helpers';\nimport { RichTextEditorToolbar } from './rich-text-editor-toolbar';\n\n/**\n * Fallback editor used when the TipTap runtime is unavailable (e.g. in\n * environments where the package failed to load). Renders a\n * `contenteditable` surface with the same imperative handle so callers\n * never need to care which variant they got.\n */\nexport const FallbackRichTextEditor = forwardRef<RichTextEditorHandle, RichTextEditorProps>(function FallbackRichTextEditor(\n\t{\n\t\tvalue,\n\t\tonChange,\n\t\tplaceholder,\n\t\tcompact = false,\n\t\tminHeight,\n\t\tmaxHeight,\n\t\tdisabled = false,\n\t\tshowCounts = false,\n\t\tmaxLength,\n\t\textraToolbarItems,\n\t\ttoolbarTrailing,\n\t\tfooterSlot,\n\t\thideSourceToggle = false,\n\t\tautoFocus = false,\n\t\tclassName,\n\t\tonCaretChange,\n\t\tstrings: stringsProp,\n\t},\n\tref,\n) {\n\tconst strings = useStrings(defaultRichTextEditorStrings, stringsProp);\n\tconst editableRef = useRef<HTMLDivElement>(null);\n\tconst [isFocused, setIsFocused] = useState(false);\n\tconst [sourceMode, setSourceMode] = useState(false);\n\tconst [sourceValue, setSourceValue] = useState('');\n\tconst externalValueRef = useRef<string>(normalizeHtml(value));\n\tconst onCaretChangeRef = useRef(onCaretChange);\n\tonCaretChangeRef.current = onCaretChange;\n\n\tuseEffect(() => {\n\t\tconst editable = editableRef.current;\n\t\tif (!editable || isFocused) return;\n\t\tconst next = toEditorContent(value);\n\t\tif (normalizeHtml(editable.innerHTML) !== normalizeHtml(next)) {\n\t\t\teditable.innerHTML = next;\n\t\t}\n\t\texternalValueRef.current = normalizeHtml(value);\n\t}, [isFocused, value]);\n\n\tuseEffect(() => {\n\t\tif (!autoFocus) return;\n\t\teditableRef.current?.focus();\n\t}, [autoFocus]);\n\n\tconst emitEditableChange = useCallback(() => {\n\t\tconst editable = editableRef.current;\n\t\tconst html = normalizeHtml(editable?.innerHTML ?? '');\n\t\texternalValueRef.current = html;\n\t\tonChange(html);\n\t\tonCaretChangeRef.current?.();\n\t}, [onChange]);\n\n\tuseImperativeHandle(\n\t\tref,\n\t\t() => ({\n\t\t\tfocus: () => editableRef.current?.focus(),\n\t\t\tgetHTML: () => normalizeHtml(editableRef.current?.innerHTML ?? ''),\n\t\t\tsetHTML: (html: string) => {\n\t\t\t\tconst next = normalizeHtml(html);\n\t\t\t\texternalValueRef.current = next;\n\t\t\t\tif (editableRef.current) {\n\t\t\t\t\teditableRef.current.innerHTML = toEditorContent(next);\n\t\t\t\t}\n\t\t\t\tonChange(next);\n\t\t\t},\n\t\t\tinsertHTML: (html: string) => {\n\t\t\t\tinsertHtmlIntoEditable(editableRef.current, html);\n\t\t\t\temitEditableChange();\n\t\t\t},\n\t\t\tisEmpty: () => normalizeHtml(editableRef.current?.innerHTML ?? '') === '',\n\t\t\tclear: () => {\n\t\t\t\texternalValueRef.current = '';\n\t\t\t\tif (editableRef.current) editableRef.current.innerHTML = '<p></p>';\n\t\t\t\tonChange('');\n\t\t\t},\n\t\t\tgetCaretContext: () => readCaretContext(),\n\t\t\treplaceBeforeCaret: (length: number, html: string) => {\n\t\t\t\treplaceBeforeCaret(null, length, html, () => emitEditableChange());\n\t\t\t},\n\t\t}),\n\t\t[emitEditableChange, onChange],\n\t);\n\n\tconst contentStyle = useMemo(\n\t\t() => ({\n\t\t\tminHeight: minHeight ?? (compact ? '2rem' : '12rem'),\n\t\t\t...(maxHeight ? { maxHeight, overflowY: 'auto' as const } : {}),\n\t\t}),\n\t\t[compact, maxHeight, minHeight],\n\t);\n\n\tconst toggleSourceMode = useCallback(() => {\n\t\tif (sourceMode) {\n\t\t\tconst normalized = normalizeHtml(sourceValue);\n\t\t\texternalValueRef.current = normalized;\n\t\t\tif (editableRef.current) {\n\t\t\t\teditableRef.current.innerHTML = toEditorContent(normalized);\n\t\t\t}\n\t\t\tonChange(normalized);\n\t\t\tsetSourceMode(false);\n\t\t\treturn;\n\t\t}\n\t\tsetSourceValue(editableRef.current?.innerHTML ?? toEditorContent(value));\n\t\tsetSourceMode(true);\n\t}, [onChange, sourceMode, sourceValue, value]);\n\n\tconst handleSourceChange = useCallback(\n\t\t(e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\t\tconst next = e.target.value;\n\t\t\tsetSourceValue(next);\n\t\t\tconst normalized = normalizeHtml(next);\n\t\t\texternalValueRef.current = normalized;\n\t\t\tonChange(normalized);\n\t\t},\n\t\t[onChange],\n\t);\n\n\tconst placeholderText = typeof placeholder === 'string' ? placeholder : '';\n\tconst isEmpty = normalizeHtml(externalValueRef.current) === '';\n\tconst placeholderNode =\n\t\tplaceholderText.length > 0 && !isFocused && isEmpty ? (\n\t\t\t<span className=\"text-muted-foreground pointer-events-none absolute left-3 top-2 text-sm\">\n\t\t\t\t{placeholderText}\n\t\t\t</span>\n\t\t) : null;\n\n\tconst toolbarButtons = useMemo<ToolbarButtonConfig[]>(\n\t\t() => [\n\t\t\t{ id: 'bold', icon: Bold, label: strings.toolbar.bold, isActive: () => false, run: () => undefined, disabled: true },\n\t\t\t{ id: 'italic', icon: Italic, label: strings.toolbar.italic, isActive: () => false, run: () => undefined, disabled: true },\n\t\t\t{ id: 'strike', icon: Strikethrough, label: strings.toolbar.strike, isActive: () => false, run: () => undefined, disabled: true },\n\t\t\t{ id: 'bullet-list', icon: List, label: strings.toolbar.bulletList, isActive: () => false, run: () => undefined, disabled: true },\n\t\t\t{ id: 'ordered-list', icon: ListOrdered, label: strings.toolbar.orderedList, isActive: () => false, run: () => undefined, disabled: true },\n\t\t\t{ id: 'blockquote', icon: Quote, label: strings.toolbar.blockquote, isActive: () => false, run: () => undefined, disabled: true },\n\t\t\t{ id: 'undo', icon: Undo2, label: strings.toolbar.undo, isActive: () => false, run: () => undefined, disabled: true },\n\t\t\t{ id: 'redo', icon: Redo2, label: strings.toolbar.redo, isActive: () => false, run: () => undefined, disabled: true },\n\t\t],\n\t\t[strings],\n\t);\n\n\tconst text = sourceMode\n\t\t? sourceValue.replace(/<[^>]*>/g, '')\n\t\t: (editableRef.current?.innerText ?? normalizeHtml(value).replace(/<[^>]*>/g, ''));\n\tconst countsFooter =\n\t\tshowCounts ? (\n\t\t\t<CountsFooterText text={text} maxLength={maxLength} strings={strings} />\n\t\t) : null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'border-input bg-background rounded-md border',\n\t\t\t\tdisabled && 'opacity-70',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<RichTextEditorToolbar\n\t\t\t\tbuttons={toolbarButtons}\n\t\t\t\textraToolbarItems={extraToolbarItems}\n\t\t\t\thideSourceToggle={hideSourceToggle}\n\t\t\t\tsourceMode={sourceMode}\n\t\t\t\ttoggleSourceMode={toggleSourceMode}\n\t\t\t\tdisabled={disabled}\n\t\t\t\thasEditor\n\t\t\t\ttoolbarTrailing={toolbarTrailing}\n\t\t\t\tstrings={strings}\n\t\t\t/>\n\n\t\t\t{sourceMode ? (\n\t\t\t\t<textarea\n\t\t\t\t\taria-label={strings.sourceLabel}\n\t\t\t\t\tvalue={sourceValue}\n\t\t\t\t\tonChange={handleSourceChange}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tspellCheck={false}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'bg-muted/50 w-full resize-y px-3 py-2 font-mono text-xs leading-relaxed focus-visible:outline-none',\n\t\t\t\t\t\tdisabled && 'cursor-not-allowed',\n\t\t\t\t\t)}\n\t\t\t\t\tstyle={contentStyle}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<div className=\"relative\" style={contentStyle}>\n\t\t\t\t\t{placeholderNode}\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={editableRef}\n\t\t\t\t\t\trole=\"textbox\"\n\t\t\t\t\t\taria-label={strings.editorLabel}\n\t\t\t\t\t\taria-multiline=\"true\"\n\t\t\t\t\t\tcontentEditable={!disabled}\n\t\t\t\t\t\tsuppressContentEditableWarning\n\t\t\t\t\t\tonInput={emitEditableChange}\n\t\t\t\t\t\tonKeyUp={() => onCaretChangeRef.current?.()}\n\t\t\t\t\t\tonMouseUp={() => onCaretChangeRef.current?.()}\n\t\t\t\t\t\tonFocus={() => setIsFocused(true)}\n\t\t\t\t\t\tonBlur={() => setIsFocused(false)}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5 max-w-none px-3 py-2 text-sm focus-visible:outline-none dark:prose-invert',\n\t\t\t\t\t\t\t'h-full min-h-full',\n\t\t\t\t\t\t\tdisabled && 'cursor-not-allowed',\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: toEditorContent(value) }}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!footerSlot && (\n\t\t\t\t<div className=\"px-3 pb-2 pt-1\">{footerSlot}</div>\n\t\t\t)}\n\n\t\t\t{countsFooter}\n\t\t</div>\n\t);\n});\n\nFallbackRichTextEditor.displayName = 'FallbackRichTextEditor';\n","/**\n * Public `<RichTextEditor>` shell — picks the TipTap-backed editor when\n * the runtime is loaded and falls back to a plain `contenteditable`\n * surface otherwise. Both variants implement the same imperative\n * `RichTextEditorHandle`, so callers don't have to branch.\n *\n * Heavy lifting lives in `partials/`:\n * - `partials/rich-text-editor-tiptap.tsx` — TipTap variant\n * - `partials/rich-text-editor-fallback.tsx` — contenteditable variant\n * - `partials/rich-text-editor-toolbar.tsx` — shared toolbar\n * - `partials/counts-footer.tsx` — char/word counts\n * - `partials/caret-helpers.ts` — caret introspection\n * - `partials/html-helpers.ts` — HTML normalization\n */\nimport { forwardRef } from 'react';\n\nimport {\n\tFallbackRichTextEditor,\n\tTiptapRichTextEditor,\n\thasTiptapRuntime,\n} from './partials';\nimport type {\n\tRichTextEditorHandle,\n\tRichTextEditorProps,\n} from './rich-text-editor.types';\n\nexport const RichTextEditor = forwardRef<RichTextEditorHandle, RichTextEditorProps>(function RichTextEditor(\n\tprops,\n\tref,\n) {\n\tif (!hasTiptapRuntime) {\n\t\treturn <FallbackRichTextEditor className=\"rich-text-editor--component\" {...props} ref={ref} />;\n\t}\n\n\treturn <TiptapRichTextEditor {...props} ref={ref} />;\n});\n\nRichTextEditor.displayName = 'RichTextEditor';\n\nexport type {\n\tRichTextEditorProps,\n\tRichTextEditorHandle,\n\tRichTextEditorToolbarItem,\n\tRichTextCaretContext,\n} from './rich-text-editor.types';\n"],"mappings":"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"}