@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/shared/floating.js

@@ -191,6 +191,7 @@ function FloatingPanel({ open, triggerRef, panelRef, matchWidth, width, minWidth
             "data-side": resolvedPlacement.split('-')[0],
             "data-align": resolvedPlacement.split('-')[1] ?? 'center',
             dir: props.dir ?? theme.direction ?? config.direction,
+            lang: props.lang ?? config.locale,
             "data-state": open ? 'open' : 'closing',
             "data-positioned": isPositioned || !open,
             "aria-hidden": !open || void 0,

package/dist/esm/browser/modules/shared/floating.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared/floating.js","sources":["../../../../../src/shared/floating.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  flip,\n  offset,\n  type Placement,\n  shift,\n  size,\n  useFloating,\n} from '@floating-ui/react-dom';\nimport {\n  type CSSProperties,\n  createContext,\n  type HTMLAttributes,\n  type RefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { tabbable } from 'tabbable';\nimport { useLeafConfig } from '../config-provider/context';\nimport type { LeafThemeStyle } from '../theme';\nimport { composedEventTarget, composedParent, deepActiveElement } from './dom';\nimport { assignRef } from './field';\nimport { inertProps } from './inert';\nimport { OverlayOwner } from './overlay-owner';\nimport { usePresence } from './presence';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nconst PopupParent = createContext<string | undefined>(undefined);\nconst popupNodes = new Map<string, HTMLElement>();\nconst dismissStack: RefObject<HTMLElement | null>[] = [];\nfunction insidePopup(target: Node, panel: HTMLElement | null) {\n  if (!panel) return false;\n  if (panel.contains(target)) return true;\n  let popup = target instanceof Element ? target.closest<HTMLElement>('[data-leaf-popup]') : null;\n  const visited = new Set<string>();\n  while (popup?.dataset.leafPopupParent) {\n    const parent = popup.dataset.leafPopupParent;\n    if (visited.has(parent)) break;\n    visited.add(parent);\n    popup = popupNodes.get(parent) ?? null;\n    if (popup === panel) return true;\n  }\n  return false;\n}\n\n/** Close disabled fields immediately and report each open-state change once. */\nexport function usePopupState(\n  disabled?: boolean,\n  onOpenChange?: (open: boolean) => void,\n  controlledOpen?: boolean,\n  defaultOpen = false,\n) {\n  const [internalOpen, setRequestedOpen] = useState(defaultOpen);\n  const requestedOpen = controlledOpen ?? internalOpen;\n  const requestedRef = useRef(requestedOpen);\n  requestedRef.current = requestedOpen;\n  const open = requestedOpen && !disabled;\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (next === requestedRef.current || (next && disabled)) return;\n      requestedRef.current = next;\n      if (controlledOpen === undefined) setRequestedOpen(next);\n      onOpenChange?.(next);\n    },\n    [disabled, onOpenChange, controlledOpen],\n  );\n  useEffect(() => {\n    if (disabled && requestedOpen) setOpen(false);\n  }, [disabled, requestedOpen, setOpen]);\n  return [open, setOpen] as const;\n}\n\nexport interface PopupOptions {\n  popupPlacement?: Placement;\n  popupClassName?: string;\n  popupStyle?: CSSProperties;\n  popupRender?: (content: React.ReactNode) => React.ReactNode;\n  getPopupContainer?: () => Element | DocumentFragment;\n}\ninterface FloatingPanelProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  triggerRef: RefObject<HTMLElement | null>;\n  panelRef: RefObject<HTMLDivElement | null>;\n  matchWidth?: boolean;\n  width?: CSSProperties['width'];\n  minWidth?: CSSProperties['minWidth'] | 'trigger';\n  maxWidth?: CSSProperties['maxWidth'];\n  maxHeight?: CSSProperties['maxHeight'];\n  placement?: Placement;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n  render?: (content: React.ReactNode) => React.ReactNode;\n  position?: { x: number; y: number };\n}\n\n/** Position a lazily mounted portal, preserving the trigger's scoped theme. */\nexport function FloatingPanel({\n  open,\n  triggerRef,\n  panelRef,\n  matchWidth,\n  width,\n  minWidth,\n  maxWidth,\n  maxHeight,\n  placement = 'bottom-start',\n  container,\n  render,\n  position,\n  style,\n  children,\n  ...props\n}: FloatingPanelProps) {\n  const popupId = useId();\n  const parentPopup = useContext(PopupParent);\n  const config = useLeafConfig();\n  const owner = useContext(OverlayOwner);\n  const present = usePresence(open, panelRef);\n  const [theme, setTheme] = useState<LeafThemeStyle>({});\n  const [inheritedMotion, setInheritedMotion] = useState<string>();\n  const openRef = useRef(open);\n  openRef.current = open;\n  const previousPosition = useRef<CSSProperties>({});\n  const closingContent = useRef(children);\n  const referenceElement = triggerRef.current;\n  if (open) closingContent.current = children;\n  const {\n    refs,\n    floatingStyles,\n    isPositioned,\n    update,\n    placement: resolvedPlacement,\n  } = useFloating({\n    open,\n    placement,\n    strategy: 'fixed',\n    // Keep viewport positioning outside the popup's local scale/translate motion.\n    transform: false,\n    whileElementsMounted: (reference, floating, update) =>\n      autoUpdate(reference, floating, () => {\n        if (openRef.current) update();\n      }),\n    middleware: [\n      offset(6),\n      flip({ padding: 12 }),\n      shift({ padding: 12 }),\n      size({\n        padding: 12,\n        apply({ availableHeight, availableWidth, rects, elements }) {\n          if (!openRef.current) return;\n          const length = (value: string | number) =>\n            typeof value === 'number' ? `${value}px` : value;\n          const widthMaximum = maxWidth ?? style?.maxWidth;\n          const heightMaximum = maxHeight ?? style?.maxHeight;\n          const viewportWidth = `${Math.max(0, availableWidth)}px`;\n          const viewportHeight = `${Math.max(0, availableHeight)}px`;\n          const widthLimit =\n            widthMaximum === undefined\n              ? viewportWidth\n              : `min(${length(widthMaximum)}, ${viewportWidth})`;\n          Object.assign(elements.floating.style, {\n            maxHeight:\n              heightMaximum === undefined\n                ? viewportHeight\n                : `min(${length(heightMaximum)}, ${viewportHeight})`,\n            maxWidth: widthLimit,\n            width: matchWidth\n              ? `${Math.min(rects.reference.width, availableWidth)}px`\n              : length(width ?? style?.width ?? ''),\n            minWidth:\n              minWidth === 'trigger'\n                ? `min(${rects.reference.width}px, ${widthLimit})`\n                : length(minWidth ?? style?.minWidth ?? ''),\n          });\n        },\n      }),\n    ],\n  });\n  if (open) previousPosition.current = floatingStyles;\n  const setPanelRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      if (node) popupNodes.set(popupId, node);\n      else popupNodes.delete(popupId);\n      assignRef(panelRef, node);\n      refs.setFloating(node);\n    },\n    [panelRef, refs.setFloating, popupId],\n  );\n\n  useBrowserLayoutEffect(() => {\n    const trigger = referenceElement ?? triggerRef.current;\n    if (!trigger || !present) return;\n    refs.setReference(\n      position\n        ? {\n            getBoundingClientRect: () => ({\n              x: position.x,\n              y: position.y,\n              top: position.y,\n              bottom: position.y,\n              left: position.x,\n              right: position.x,\n              width: 0,\n              height: 0,\n            }),\n          }\n        : trigger,\n    );\n    const syncTheme = () => {\n      const computed = getComputedStyle(trigger);\n      let motionAncestor: HTMLElement | null = trigger;\n      while (motionAncestor && !motionAncestor.hasAttribute('data-leaf-motion'))\n        motionAncestor = composedParent(motionAncestor);\n      setInheritedMotion(motionAncestor?.getAttribute('data-leaf-motion') ?? undefined);\n      const variables: LeafThemeStyle = {\n        colorScheme: computed.colorScheme,\n        direction: computed.direction as CSSProperties['direction'],\n      };\n      for (let i = 0; i < computed.length; i += 1) {\n        const key = computed.item(i);\n        if (key.startsWith('--leaf-'))\n          variables[key as `--leaf-${string}`] = computed.getPropertyValue(key);\n      }\n      setTheme(variables);\n    };\n    syncTheme();\n    const observer = new MutationObserver(syncTheme);\n    let ancestor: HTMLElement | null = trigger;\n    while (ancestor) {\n      observer.observe(ancestor, {\n        attributes: true,\n        attributeFilter: ['class', 'style', 'data-leaf-theme', 'data-leaf-motion', 'dir'],\n      });\n      ancestor = composedParent(ancestor);\n    }\n    return () => observer.disconnect();\n  }, [triggerRef, referenceElement, refs.setReference, present, position]);\n\n  useBrowserLayoutEffect(() => {\n    // A quick reopen can reuse the exit-presence node without remounting autoUpdate.\n    if (open && present) void update();\n  }, [open, present, update]);\n\n  if (!present || typeof document === 'undefined') return null;\n  return createPortal(\n    <PopupParent.Provider value={popupId}>\n      <div\n        {...props}\n        ref={setPanelRef}\n        data-leaf-owner={owner}\n        data-leaf-popup={popupId}\n        data-leaf-popup-parent={parentPopup}\n        data-leaf-motion={config.theme.motion === false ? 'off' : inheritedMotion}\n        data-side={resolvedPlacement.split('-')[0]}\n        data-align={resolvedPlacement.split('-')[1] ?? 'center'}\n        dir={props.dir ?? theme.direction ?? config.direction}\n        data-state={open ? 'open' : 'closing'}\n        data-positioned={isPositioned || !open}\n        aria-hidden={!open || undefined}\n        {...inertProps(!open)}\n        style={{ ...theme, ...style, ...(open ? floatingStyles : previousPosition.current) }}\n      >\n        {render\n          ? render(open ? children : closingContent.current)\n          : open\n            ? children\n            : closingContent.current}\n      </div>\n    </PopupParent.Provider>,\n    (typeof container === 'function' ? container() : container) ??\n      config.getPopupContainer?.() ??\n      document.body,\n  );\n}\n\n/** Close a custom floating panel when focus leaves it or Escape is pressed. */\nexport function useFloatingDismiss(\n  open: boolean,\n  onClose: (reason?: 'escape' | 'outside' | 'focus' | 'tab') => void,\n  triggerRef: RefObject<HTMLElement | null>,\n  panelRef: RefObject<HTMLElement | null>,\n  boundaryRef: RefObject<HTMLElement | null> = triggerRef,\n) {\n  const closeRef = useRef(onClose);\n  closeRef.current = onClose;\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    dismissStack.push(panelRef);\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const target = event.composedPath()[0] ?? event.target;\n      if (!(target instanceof Node)) {\n        return;\n      }\n      const label = target instanceof Element ? target.closest('label') : null;\n      const labelledControl = label?.control;\n      if (\n        boundaryRef.current?.contains(target) ||\n        insidePopup(target, panelRef.current) ||\n        (labelledControl && boundaryRef.current?.contains(labelledControl))\n      ) {\n        return;\n      }\n      closeRef.current('outside');\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.defaultPrevented || dismissStack.at(-1) !== panelRef) return;\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        event.stopPropagation();\n        closeRef.current('escape');\n        triggerRef.current?.focus();\n      } else if (event.key === 'Tab') {\n        const panel = panelRef.current;\n        const trigger = triggerRef.current;\n        const active = deepActiveElement();\n        if (!panel || !trigger || !panel.contains(active)) return;\n        const items = tabbable(panel, {\n          getShadowRoot: (element) => element.shadowRoot ?? undefined,\n        });\n        const index = active instanceof HTMLElement ? items.indexOf(active) : -1;\n        const leaving = event.shiftKey ? index <= 0 : index === items.length - 1;\n        if (!leaving) return;\n        event.preventDefault();\n        closeRef.current('tab');\n        if (event.shiftKey) trigger.focus();\n        else {\n          const pageItems = tabbable(document.body, {\n            getShadowRoot: (element) => element.shadowRoot ?? undefined,\n          }).filter((item) => !panel.contains(item));\n          const triggerIndex = pageItems.indexOf(trigger);\n          (pageItems[triggerIndex + 1] ?? trigger).focus();\n        }\n      }\n    };\n\n    const handleFocus = (event: FocusEvent) => {\n      const target = composedEventTarget(event);\n      if (\n        target instanceof Node &&\n        !boundaryRef.current?.contains(target) &&\n        !insidePopup(target, panelRef.current)\n      )\n        closeRef.current('focus');\n    };\n\n    document.addEventListener('pointerdown', handlePointerDown);\n    document.addEventListener('keydown', handleKeyDown, true);\n    document.addEventListener('focusin', handleFocus);\n    return () => {\n      const index = dismissStack.indexOf(panelRef);\n      if (index >= 0) dismissStack.splice(index, 1);\n      document.removeEventListener('pointerdown', handlePointerDown);\n      document.removeEventListener('keydown', handleKeyDown, true);\n      document.removeEventListener('focusin', handleFocus);\n    };\n  }, [open, panelRef, triggerRef, boundaryRef]);\n}\n\n/** Keep keyboard-highlighted options visible without animated scrolling. */\nexport function useActiveOption(\n  open: boolean,\n  optionId: string | undefined,\n  panelRef?: RefObject<HTMLElement | null>,\n) {\n  useEffect(() => {\n    if (!open || !optionId) return;\n    const root = panelRef?.current?.getRootNode();\n    const scope = root instanceof ShadowRoot ? root : document;\n    scope.getElementById(optionId)?.scrollIntoView?.({ block: 'nearest' });\n  }, [open, optionId, panelRef]);\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","PopupParent","createContext","undefined","popupNodes","Map","dismissStack","insidePopup","target","panel","popup","Element","visited","Set","parent","usePopupState","disabled","onOpenChange","controlledOpen","defaultOpen","internalOpen","setRequestedOpen","useState","requestedOpen","requestedRef","useRef","open","setOpen","useCallback","next","FloatingPanel","triggerRef","panelRef","matchWidth","width","minWidth","maxWidth","maxHeight","placement","container","render","position","style","children","props","popupId","useId","parentPopup","useContext","config","useLeafConfig","owner","OverlayOwner","present","usePresence","theme","setTheme","inheritedMotion","setInheritedMotion","openRef","previousPosition","closingContent","referenceElement","refs","floatingStyles","isPositioned","update","resolvedPlacement","useFloating","reference","floating","autoUpdate","offset","flip","shift","size","availableHeight","availableWidth","rects","elements","length","value","widthMaximum","heightMaximum","viewportWidth","Math","viewportHeight","widthLimit","Object","setPanelRef","node","assignRef","trigger","syncTheme","computed","getComputedStyle","motionAncestor","composedParent","variables","i","key","observer","MutationObserver","ancestor","document","createPortal","inertProps","useFloatingDismiss","onClose","boundaryRef","closeRef","handlePointerDown","event","Node","label","labelledControl","handleKeyDown","active","deepActiveElement","items","tabbable","element","index","HTMLElement","leaving","pageItems","item","triggerIndex","handleFocus","composedEventTarget","useActiveOption","optionId","root","scope","ShadowRoot"],"mappings":"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"}
+{"version":3,"file":"shared/floating.js","sources":["../../../../../src/shared/floating.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  flip,\n  offset,\n  type Placement,\n  shift,\n  size,\n  useFloating,\n} from '@floating-ui/react-dom';\nimport {\n  type CSSProperties,\n  createContext,\n  type HTMLAttributes,\n  type RefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { tabbable } from 'tabbable';\nimport { useLeafConfig } from '../config-provider/context';\nimport type { LeafThemeStyle } from '../theme';\nimport { composedEventTarget, composedParent, deepActiveElement } from './dom';\nimport { assignRef } from './field';\nimport { inertProps } from './inert';\nimport { OverlayOwner } from './overlay-owner';\nimport { usePresence } from './presence';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nconst PopupParent = createContext<string | undefined>(undefined);\nconst popupNodes = new Map<string, HTMLElement>();\nconst dismissStack: RefObject<HTMLElement | null>[] = [];\nfunction insidePopup(target: Node, panel: HTMLElement | null) {\n  if (!panel) return false;\n  if (panel.contains(target)) return true;\n  let popup = target instanceof Element ? target.closest<HTMLElement>('[data-leaf-popup]') : null;\n  const visited = new Set<string>();\n  while (popup?.dataset.leafPopupParent) {\n    const parent = popup.dataset.leafPopupParent;\n    if (visited.has(parent)) break;\n    visited.add(parent);\n    popup = popupNodes.get(parent) ?? null;\n    if (popup === panel) return true;\n  }\n  return false;\n}\n\n/** Close disabled fields immediately and report each open-state change once. */\nexport function usePopupState(\n  disabled?: boolean,\n  onOpenChange?: (open: boolean) => void,\n  controlledOpen?: boolean,\n  defaultOpen = false,\n) {\n  const [internalOpen, setRequestedOpen] = useState(defaultOpen);\n  const requestedOpen = controlledOpen ?? internalOpen;\n  const requestedRef = useRef(requestedOpen);\n  requestedRef.current = requestedOpen;\n  const open = requestedOpen && !disabled;\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (next === requestedRef.current || (next && disabled)) return;\n      requestedRef.current = next;\n      if (controlledOpen === undefined) setRequestedOpen(next);\n      onOpenChange?.(next);\n    },\n    [disabled, onOpenChange, controlledOpen],\n  );\n  useEffect(() => {\n    if (disabled && requestedOpen) setOpen(false);\n  }, [disabled, requestedOpen, setOpen]);\n  return [open, setOpen] as const;\n}\n\nexport interface PopupOptions {\n  popupPlacement?: Placement;\n  popupClassName?: string;\n  popupStyle?: CSSProperties;\n  popupRender?: (content: React.ReactNode) => React.ReactNode;\n  getPopupContainer?: () => Element | DocumentFragment;\n}\ninterface FloatingPanelProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  triggerRef: RefObject<HTMLElement | null>;\n  panelRef: RefObject<HTMLDivElement | null>;\n  matchWidth?: boolean;\n  width?: CSSProperties['width'];\n  minWidth?: CSSProperties['minWidth'] | 'trigger';\n  maxWidth?: CSSProperties['maxWidth'];\n  maxHeight?: CSSProperties['maxHeight'];\n  placement?: Placement;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n  render?: (content: React.ReactNode) => React.ReactNode;\n  position?: { x: number; y: number };\n}\n\n/** Position a lazily mounted portal, preserving the trigger's scoped theme. */\nexport function FloatingPanel({\n  open,\n  triggerRef,\n  panelRef,\n  matchWidth,\n  width,\n  minWidth,\n  maxWidth,\n  maxHeight,\n  placement = 'bottom-start',\n  container,\n  render,\n  position,\n  style,\n  children,\n  ...props\n}: FloatingPanelProps) {\n  const popupId = useId();\n  const parentPopup = useContext(PopupParent);\n  const config = useLeafConfig();\n  const owner = useContext(OverlayOwner);\n  const present = usePresence(open, panelRef);\n  const [theme, setTheme] = useState<LeafThemeStyle>({});\n  const [inheritedMotion, setInheritedMotion] = useState<string>();\n  const openRef = useRef(open);\n  openRef.current = open;\n  const previousPosition = useRef<CSSProperties>({});\n  const closingContent = useRef(children);\n  const referenceElement = triggerRef.current;\n  if (open) closingContent.current = children;\n  const {\n    refs,\n    floatingStyles,\n    isPositioned,\n    update,\n    placement: resolvedPlacement,\n  } = useFloating({\n    open,\n    placement,\n    strategy: 'fixed',\n    // Keep viewport positioning outside the popup's local scale/translate motion.\n    transform: false,\n    whileElementsMounted: (reference, floating, update) =>\n      autoUpdate(reference, floating, () => {\n        if (openRef.current) update();\n      }),\n    middleware: [\n      offset(6),\n      flip({ padding: 12 }),\n      shift({ padding: 12 }),\n      size({\n        padding: 12,\n        apply({ availableHeight, availableWidth, rects, elements }) {\n          if (!openRef.current) return;\n          const length = (value: string | number) =>\n            typeof value === 'number' ? `${value}px` : value;\n          const widthMaximum = maxWidth ?? style?.maxWidth;\n          const heightMaximum = maxHeight ?? style?.maxHeight;\n          const viewportWidth = `${Math.max(0, availableWidth)}px`;\n          const viewportHeight = `${Math.max(0, availableHeight)}px`;\n          const widthLimit =\n            widthMaximum === undefined\n              ? viewportWidth\n              : `min(${length(widthMaximum)}, ${viewportWidth})`;\n          Object.assign(elements.floating.style, {\n            maxHeight:\n              heightMaximum === undefined\n                ? viewportHeight\n                : `min(${length(heightMaximum)}, ${viewportHeight})`,\n            maxWidth: widthLimit,\n            width: matchWidth\n              ? `${Math.min(rects.reference.width, availableWidth)}px`\n              : length(width ?? style?.width ?? ''),\n            minWidth:\n              minWidth === 'trigger'\n                ? `min(${rects.reference.width}px, ${widthLimit})`\n                : length(minWidth ?? style?.minWidth ?? ''),\n          });\n        },\n      }),\n    ],\n  });\n  if (open) previousPosition.current = floatingStyles;\n  const setPanelRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      if (node) popupNodes.set(popupId, node);\n      else popupNodes.delete(popupId);\n      assignRef(panelRef, node);\n      refs.setFloating(node);\n    },\n    [panelRef, refs.setFloating, popupId],\n  );\n\n  useBrowserLayoutEffect(() => {\n    const trigger = referenceElement ?? triggerRef.current;\n    if (!trigger || !present) return;\n    refs.setReference(\n      position\n        ? {\n            getBoundingClientRect: () => ({\n              x: position.x,\n              y: position.y,\n              top: position.y,\n              bottom: position.y,\n              left: position.x,\n              right: position.x,\n              width: 0,\n              height: 0,\n            }),\n          }\n        : trigger,\n    );\n    const syncTheme = () => {\n      const computed = getComputedStyle(trigger);\n      let motionAncestor: HTMLElement | null = trigger;\n      while (motionAncestor && !motionAncestor.hasAttribute('data-leaf-motion'))\n        motionAncestor = composedParent(motionAncestor);\n      setInheritedMotion(motionAncestor?.getAttribute('data-leaf-motion') ?? undefined);\n      const variables: LeafThemeStyle = {\n        colorScheme: computed.colorScheme,\n        direction: computed.direction as CSSProperties['direction'],\n      };\n      for (let i = 0; i < computed.length; i += 1) {\n        const key = computed.item(i);\n        if (key.startsWith('--leaf-'))\n          variables[key as `--leaf-${string}`] = computed.getPropertyValue(key);\n      }\n      setTheme(variables);\n    };\n    syncTheme();\n    const observer = new MutationObserver(syncTheme);\n    let ancestor: HTMLElement | null = trigger;\n    while (ancestor) {\n      observer.observe(ancestor, {\n        attributes: true,\n        attributeFilter: ['class', 'style', 'data-leaf-theme', 'data-leaf-motion', 'dir'],\n      });\n      ancestor = composedParent(ancestor);\n    }\n    return () => observer.disconnect();\n  }, [triggerRef, referenceElement, refs.setReference, present, position]);\n\n  useBrowserLayoutEffect(() => {\n    // A quick reopen can reuse the exit-presence node without remounting autoUpdate.\n    if (open && present) void update();\n  }, [open, present, update]);\n\n  if (!present || typeof document === 'undefined') return null;\n  return createPortal(\n    <PopupParent.Provider value={popupId}>\n      <div\n        {...props}\n        ref={setPanelRef}\n        data-leaf-owner={owner}\n        data-leaf-popup={popupId}\n        data-leaf-popup-parent={parentPopup}\n        data-leaf-motion={config.theme.motion === false ? 'off' : inheritedMotion}\n        data-side={resolvedPlacement.split('-')[0]}\n        data-align={resolvedPlacement.split('-')[1] ?? 'center'}\n        dir={props.dir ?? theme.direction ?? config.direction}\n        lang={props.lang ?? config.locale}\n        data-state={open ? 'open' : 'closing'}\n        data-positioned={isPositioned || !open}\n        aria-hidden={!open || undefined}\n        {...inertProps(!open)}\n        style={{ ...theme, ...style, ...(open ? floatingStyles : previousPosition.current) }}\n      >\n        {render\n          ? render(open ? children : closingContent.current)\n          : open\n            ? children\n            : closingContent.current}\n      </div>\n    </PopupParent.Provider>,\n    (typeof container === 'function' ? container() : container) ??\n      config.getPopupContainer?.() ??\n      document.body,\n  );\n}\n\n/** Close a custom floating panel when focus leaves it or Escape is pressed. */\nexport function useFloatingDismiss(\n  open: boolean,\n  onClose: (reason?: 'escape' | 'outside' | 'focus' | 'tab') => void,\n  triggerRef: RefObject<HTMLElement | null>,\n  panelRef: RefObject<HTMLElement | null>,\n  boundaryRef: RefObject<HTMLElement | null> = triggerRef,\n) {\n  const closeRef = useRef(onClose);\n  closeRef.current = onClose;\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    dismissStack.push(panelRef);\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const target = event.composedPath()[0] ?? event.target;\n      if (!(target instanceof Node)) {\n        return;\n      }\n      const label = target instanceof Element ? target.closest('label') : null;\n      const labelledControl = label?.control;\n      if (\n        boundaryRef.current?.contains(target) ||\n        insidePopup(target, panelRef.current) ||\n        (labelledControl && boundaryRef.current?.contains(labelledControl))\n      ) {\n        return;\n      }\n      closeRef.current('outside');\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.defaultPrevented || dismissStack.at(-1) !== panelRef) return;\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        event.stopPropagation();\n        closeRef.current('escape');\n        triggerRef.current?.focus();\n      } else if (event.key === 'Tab') {\n        const panel = panelRef.current;\n        const trigger = triggerRef.current;\n        const active = deepActiveElement();\n        if (!panel || !trigger || !panel.contains(active)) return;\n        const items = tabbable(panel, {\n          getShadowRoot: (element) => element.shadowRoot ?? undefined,\n        });\n        const index = active instanceof HTMLElement ? items.indexOf(active) : -1;\n        const leaving = event.shiftKey ? index <= 0 : index === items.length - 1;\n        if (!leaving) return;\n        event.preventDefault();\n        closeRef.current('tab');\n        if (event.shiftKey) trigger.focus();\n        else {\n          const pageItems = tabbable(document.body, {\n            getShadowRoot: (element) => element.shadowRoot ?? undefined,\n          }).filter((item) => !panel.contains(item));\n          const triggerIndex = pageItems.indexOf(trigger);\n          (pageItems[triggerIndex + 1] ?? trigger).focus();\n        }\n      }\n    };\n\n    const handleFocus = (event: FocusEvent) => {\n      const target = composedEventTarget(event);\n      if (\n        target instanceof Node &&\n        !boundaryRef.current?.contains(target) &&\n        !insidePopup(target, panelRef.current)\n      )\n        closeRef.current('focus');\n    };\n\n    document.addEventListener('pointerdown', handlePointerDown);\n    document.addEventListener('keydown', handleKeyDown, true);\n    document.addEventListener('focusin', handleFocus);\n    return () => {\n      const index = dismissStack.indexOf(panelRef);\n      if (index >= 0) dismissStack.splice(index, 1);\n      document.removeEventListener('pointerdown', handlePointerDown);\n      document.removeEventListener('keydown', handleKeyDown, true);\n      document.removeEventListener('focusin', handleFocus);\n    };\n  }, [open, panelRef, triggerRef, boundaryRef]);\n}\n\n/** Keep keyboard-highlighted options visible without animated scrolling. */\nexport function useActiveOption(\n  open: boolean,\n  optionId: string | undefined,\n  panelRef?: RefObject<HTMLElement | null>,\n) {\n  useEffect(() => {\n    if (!open || !optionId) return;\n    const root = panelRef?.current?.getRootNode();\n    const scope = root instanceof ShadowRoot ? root : document;\n    scope.getElementById(optionId)?.scrollIntoView?.({ block: 'nearest' });\n  }, [open, optionId, panelRef]);\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","PopupParent","createContext","undefined","popupNodes","Map","dismissStack","insidePopup","target","panel","popup","Element","visited","Set","parent","usePopupState","disabled","onOpenChange","controlledOpen","defaultOpen","internalOpen","setRequestedOpen","useState","requestedOpen","requestedRef","useRef","open","setOpen","useCallback","next","FloatingPanel","triggerRef","panelRef","matchWidth","width","minWidth","maxWidth","maxHeight","placement","container","render","position","style","children","props","popupId","useId","parentPopup","useContext","config","useLeafConfig","owner","OverlayOwner","present","usePresence","theme","setTheme","inheritedMotion","setInheritedMotion","openRef","previousPosition","closingContent","referenceElement","refs","floatingStyles","isPositioned","update","resolvedPlacement","useFloating","reference","floating","autoUpdate","offset","flip","shift","size","availableHeight","availableWidth","rects","elements","length","value","widthMaximum","heightMaximum","viewportWidth","Math","viewportHeight","widthLimit","Object","setPanelRef","node","assignRef","trigger","syncTheme","computed","getComputedStyle","motionAncestor","composedParent","variables","i","key","observer","MutationObserver","ancestor","document","createPortal","inertProps","useFloatingDismiss","onClose","boundaryRef","closeRef","handlePointerDown","event","Node","label","labelledControl","handleKeyDown","active","deepActiveElement","items","tabbable","element","index","HTMLElement","leaving","pageItems","item","triggerIndex","handleFocus","composedEventTarget","useActiveOption","optionId","root","scope","ShadowRoot"],"mappings":"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"}

package/dist/esm/browser/modules/shared/motion.js

@@ -1,6 +1,6 @@
 "use client";
-import { useEffect, useLayoutEffect, useRef, useSyncExternalStore } from "react";
-import { useLeafConfig } from "../config-provider/context.js";
+import { useContext, useEffect, useLayoutEffect, useRef, useSyncExternalStore } from "react";
+import { ConfigContext } from "../config-provider/config-context.js";
 const reducedQuery = '(prefers-reduced-motion: reduce)';
 const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
 function reducedMotion() {
@@ -12,9 +12,9 @@ function subscribeMotion(listener) {
     return ()=>query?.removeEventListener?.('change', listener);
 }
 function useMotionEnabled() {
-    const { theme } = useLeafConfig();
+    const config = useContext(ConfigContext);
     const reduced = useSyncExternalStore(subscribeMotion, reducedMotion, ()=>false);
-    return false !== theme.motion && !reduced;
+    return config?.theme.motion !== false && !reduced;
 }
 function motionDuration(element, multiplier = 1) {
     if (reducedMotion()) return 0;

package/dist/esm/browser/modules/shared/motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared/motion.js","sources":["../../../../../src/shared/motion.ts"],"sourcesContent":["import { type RefObject, useEffect, useLayoutEffect, useRef, useSyncExternalStore } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\n\nconst reducedQuery = '(prefers-reduced-motion: reduce)';\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nfunction reducedMotion() {\n  return typeof window !== 'undefined' && Boolean(window.matchMedia?.(reducedQuery).matches);\n}\n\nfunction subscribeMotion(listener: () => void) {\n  const query = typeof window !== 'undefined' ? window.matchMedia?.(reducedQuery) : undefined;\n  query?.addEventListener?.('change', listener);\n  return () => query?.removeEventListener?.('change', listener);\n}\n\n/** Live preference with a deterministic server snapshot; CSS handles the first frame. */\nexport function useMotionEnabled() {\n  const { theme } = useLeafConfig();\n  const reduced = useSyncExternalStore(subscribeMotion, reducedMotion, () => false);\n  return theme.motion !== false && !reduced;\n}\n\n/** Read the actual region, including variables transferred to a portal. */\nexport function motionDuration(element: Element, multiplier = 1) {\n  if (reducedMotion()) return 0;\n  const style = getComputedStyle(element);\n  if (style.getPropertyValue('--leaf-motion-play-state').trim() === 'paused') return 0;\n  const value = style.getPropertyValue('--leaf-motion-duration').trim();\n  const numeric = Number.parseFloat(value);\n  const duration = Number.isFinite(numeric)\n    ? numeric * (value.endsWith('ms') ? 1 : value.endsWith('s') ? 1000 : 1)\n    : 200;\n  return Math.max(0, duration * multiplier);\n}\n\nexport interface MotionOptions {\n  durationMultiplier?: number;\n  easing?: string;\n}\n\n/** Never retain a final keyframe: the component's natural layout stays authoritative. */\nexport function animateMotion(\n  element: HTMLElement | null,\n  keyframes: Keyframe[],\n  { durationMultiplier = 1, easing }: MotionOptions = {},\n) {\n  if (!element?.animate) return;\n  const duration = motionDuration(element, durationMultiplier);\n  if (!duration) return;\n  const style = getComputedStyle(element);\n  const curve =\n    easing === 'spring'\n      ? style.getPropertyValue('--leaf-motion-spring').trim()\n      : easing || style.getPropertyValue('--leaf-motion-easing').trim();\n  return element.animate(keyframes, {\n    duration,\n    easing: curve || 'cubic-bezier(0.22, 1, 0.36, 1)',\n  });\n}\n\ninterface LayoutPosition {\n  left: number;\n  top: number;\n}\n\nfunction listGeometry(root: HTMLElement, nodes: HTMLElement[]) {\n  const bounds = root.getBoundingClientRect();\n  const scaleX = root.offsetWidth ? bounds.width / root.offsetWidth : 1;\n  const scaleY = root.offsetHeight ? bounds.height / root.offsetHeight : 1;\n  const positions = nodes.map((node) => {\n    const rect = node.getBoundingClientRect();\n    let left = (rect.left - bounds.left) / (scaleX || 1);\n    let top = (rect.top - bounds.top) / (scaleY || 1);\n    let parent = node.parentElement;\n    while (parent) {\n      left += parent.scrollLeft;\n      top += parent.scrollTop;\n      if (parent === root) break;\n      parent = parent.parentElement;\n    }\n    return { node, rect, key: node.dataset.motionKey ?? node, position: { left, top } };\n  });\n  return { positions, scaleX: scaleX || 1, scaleY: scaleY || 1 };\n}\n\n/** Animate keyed, ordinary rows; virtual window movement must not use this helper. */\nexport function useListMotion(\n  rootRef: RefObject<HTMLElement | null>,\n  changeKey: unknown,\n  selector = '[data-motion-key]',\n  layoutKey?: unknown,\n) {\n  const enabled = useMotionEnabled();\n  const previous = useRef<Map<string | HTMLElement, LayoutPosition> | null>(null);\n  const animations = useRef<Animation[]>([]);\n  const layout = useRef(layoutKey);\n  useBrowserLayoutEffect(() => {\n    // The key explicitly opts into a layout update; ordinary renders do not restart it.\n    void changeKey;\n    const root = rootRef.current;\n    if (!root || !selector) {\n      for (const animation of animations.current) animation.cancel();\n      animations.current = [];\n      previous.current = null;\n      return;\n    }\n    const nodes = Array.from(root.querySelectorAll<HTMLElement>(selector));\n    if (nodes.length > 200) {\n      for (const animation of animations.current) animation.cancel();\n      animations.current = [];\n      previous.current = null;\n      return;\n    }\n    if (!Object.is(layout.current, layoutKey)) previous.current = null;\n    layout.current = layoutKey;\n    // React has already changed layout. Recover the remaining visual offset from\n    // the running animation, then measure the new, unanimated layout in a batch.\n    const live = new Map(\n      nodes.map((node) => [\n        node,\n        {\n          rect: node.getBoundingClientRect(),\n          opacity: getComputedStyle(node).opacity,\n        },\n      ]),\n    );\n    for (const animation of animations.current) animation.cancel();\n    animations.current = [];\n    const geometry = listGeometry(root, nodes);\n    const current = new Map<string | HTMLElement, LayoutPosition>();\n    const positions = geometry.positions.map(({ node, key, position, rect }) => {\n      current.set(key, position);\n      const rendered = live.get(node);\n      return {\n        node,\n        key,\n        position,\n        offset: {\n          left: ((rendered?.rect.left ?? rect.left) - rect.left) / geometry.scaleX,\n          top: ((rendered?.rect.top ?? rect.top) - rect.top) / geometry.scaleY,\n        },\n        opacity: rendered?.opacity ?? '1',\n        naturalOpacity: getComputedStyle(node).opacity,\n      };\n    });\n    if (enabled && previous.current) {\n      for (const { node, key, position, offset, opacity, naturalOpacity } of positions) {\n        const before = previous.current.get(key);\n        const x = before ? before.left + offset.left - position.left : 0;\n        const y = before ? before.top + offset.top - position.top : 5;\n        if (before && Math.abs(x) < 0.5 && Math.abs(y) < 0.5) continue;\n        const animation = animateMotion(\n          node,\n          [\n            { translate: `${x}px ${y}px`, opacity: before ? opacity : 0 },\n            { translate: '0 0', opacity: naturalOpacity },\n          ],\n          { durationMultiplier: 1.5 },\n        );\n        if (animation) animations.current.push(animation);\n      }\n    }\n    previous.current = current;\n  }, [changeKey, selector, rootRef, enabled, layoutKey]);\n  useBrowserLayoutEffect(() => {\n    const root = rootRef.current;\n    if (!root || !selector || typeof ResizeObserver === 'undefined') return;\n    const nodes = Array.from(root.querySelectorAll<HTMLElement>(selector));\n    if (nodes.length > 200) return;\n    let initial = true;\n    const observer = new ResizeObserver(() => {\n      // Initial delivery belongs to the keyed update above. Independent resize\n      // and font reflow should establish a fresh baseline, without replaying FLIP.\n      if (initial) {\n        initial = false;\n        return;\n      }\n      for (const animation of animations.current) animation.cancel();\n      animations.current = [];\n      const geometry = listGeometry(root, nodes);\n      previous.current = new Map(geometry.positions.map(({ key, position }) => [key, position]));\n    });\n    observer.observe(root);\n    for (const node of nodes) observer.observe(node);\n    return () => observer.disconnect();\n  }, [changeKey, selector, rootRef, enabled, layoutKey]);\n  useBrowserLayoutEffect(\n    () => () => {\n      for (const animation of animations.current) animation.cancel();\n    },\n    [],\n  );\n}\n"],"names":["reducedQuery","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","reducedMotion","Boolean","subscribeMotion","listener","query","undefined","useMotionEnabled","theme","useLeafConfig","reduced","useSyncExternalStore","motionDuration","element","multiplier","style","getComputedStyle","value","numeric","Number","duration","Math","animateMotion","keyframes","durationMultiplier","easing","curve","listGeometry","root","nodes","bounds","scaleX","scaleY","positions","node","rect","left","top","parent","useListMotion","rootRef","changeKey","selector","layoutKey","enabled","previous","useRef","animations","layout","animation","Array","Object","live","Map","geometry","current","key","position","rendered","offset","opacity","naturalOpacity","before","x","y","ResizeObserver","initial","observer"],"mappings":"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"}
+{"version":3,"file":"shared/motion.js","sources":["../../../../../src/shared/motion.ts"],"sourcesContent":["import {\n  type RefObject,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useSyncExternalStore,\n} from 'react';\nimport { ConfigContext } from '../config-provider/config-context';\n\nconst reducedQuery = '(prefers-reduced-motion: reduce)';\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nfunction reducedMotion() {\n  return typeof window !== 'undefined' && Boolean(window.matchMedia?.(reducedQuery).matches);\n}\n\nfunction subscribeMotion(listener: () => void) {\n  const query = typeof window !== 'undefined' ? window.matchMedia?.(reducedQuery) : undefined;\n  query?.addEventListener?.('change', listener);\n  return () => query?.removeEventListener?.('change', listener);\n}\n\n/** Live preference with a deterministic server snapshot; CSS handles the first frame. */\nexport function useMotionEnabled() {\n  const config = useContext(ConfigContext);\n  const reduced = useSyncExternalStore(subscribeMotion, reducedMotion, () => false);\n  return config?.theme.motion !== false && !reduced;\n}\n\n/** Read the actual region, including variables transferred to a portal. */\nexport function motionDuration(element: Element, multiplier = 1) {\n  if (reducedMotion()) return 0;\n  const style = getComputedStyle(element);\n  if (style.getPropertyValue('--leaf-motion-play-state').trim() === 'paused') return 0;\n  const value = style.getPropertyValue('--leaf-motion-duration').trim();\n  const numeric = Number.parseFloat(value);\n  const duration = Number.isFinite(numeric)\n    ? numeric * (value.endsWith('ms') ? 1 : value.endsWith('s') ? 1000 : 1)\n    : 200;\n  return Math.max(0, duration * multiplier);\n}\n\nexport interface MotionOptions {\n  durationMultiplier?: number;\n  easing?: string;\n}\n\n/** Never retain a final keyframe: the component's natural layout stays authoritative. */\nexport function animateMotion(\n  element: HTMLElement | null,\n  keyframes: Keyframe[],\n  { durationMultiplier = 1, easing }: MotionOptions = {},\n) {\n  if (!element?.animate) return;\n  const duration = motionDuration(element, durationMultiplier);\n  if (!duration) return;\n  const style = getComputedStyle(element);\n  const curve =\n    easing === 'spring'\n      ? style.getPropertyValue('--leaf-motion-spring').trim()\n      : easing || style.getPropertyValue('--leaf-motion-easing').trim();\n  return element.animate(keyframes, {\n    duration,\n    easing: curve || 'cubic-bezier(0.22, 1, 0.36, 1)',\n  });\n}\n\ninterface LayoutPosition {\n  left: number;\n  top: number;\n}\n\nfunction listGeometry(root: HTMLElement, nodes: HTMLElement[]) {\n  const bounds = root.getBoundingClientRect();\n  const scaleX = root.offsetWidth ? bounds.width / root.offsetWidth : 1;\n  const scaleY = root.offsetHeight ? bounds.height / root.offsetHeight : 1;\n  const positions = nodes.map((node) => {\n    const rect = node.getBoundingClientRect();\n    let left = (rect.left - bounds.left) / (scaleX || 1);\n    let top = (rect.top - bounds.top) / (scaleY || 1);\n    let parent = node.parentElement;\n    while (parent) {\n      left += parent.scrollLeft;\n      top += parent.scrollTop;\n      if (parent === root) break;\n      parent = parent.parentElement;\n    }\n    return { node, rect, key: node.dataset.motionKey ?? node, position: { left, top } };\n  });\n  return { positions, scaleX: scaleX || 1, scaleY: scaleY || 1 };\n}\n\n/** Animate keyed, ordinary rows; virtual window movement must not use this helper. */\nexport function useListMotion(\n  rootRef: RefObject<HTMLElement | null>,\n  changeKey: unknown,\n  selector = '[data-motion-key]',\n  layoutKey?: unknown,\n) {\n  const enabled = useMotionEnabled();\n  const previous = useRef<Map<string | HTMLElement, LayoutPosition> | null>(null);\n  const animations = useRef<Animation[]>([]);\n  const layout = useRef(layoutKey);\n  useBrowserLayoutEffect(() => {\n    // The key explicitly opts into a layout update; ordinary renders do not restart it.\n    void changeKey;\n    const root = rootRef.current;\n    if (!root || !selector) {\n      for (const animation of animations.current) animation.cancel();\n      animations.current = [];\n      previous.current = null;\n      return;\n    }\n    const nodes = Array.from(root.querySelectorAll<HTMLElement>(selector));\n    if (nodes.length > 200) {\n      for (const animation of animations.current) animation.cancel();\n      animations.current = [];\n      previous.current = null;\n      return;\n    }\n    if (!Object.is(layout.current, layoutKey)) previous.current = null;\n    layout.current = layoutKey;\n    // React has already changed layout. Recover the remaining visual offset from\n    // the running animation, then measure the new, unanimated layout in a batch.\n    const live = new Map(\n      nodes.map((node) => [\n        node,\n        {\n          rect: node.getBoundingClientRect(),\n          opacity: getComputedStyle(node).opacity,\n        },\n      ]),\n    );\n    for (const animation of animations.current) animation.cancel();\n    animations.current = [];\n    const geometry = listGeometry(root, nodes);\n    const current = new Map<string | HTMLElement, LayoutPosition>();\n    const positions = geometry.positions.map(({ node, key, position, rect }) => {\n      current.set(key, position);\n      const rendered = live.get(node);\n      return {\n        node,\n        key,\n        position,\n        offset: {\n          left: ((rendered?.rect.left ?? rect.left) - rect.left) / geometry.scaleX,\n          top: ((rendered?.rect.top ?? rect.top) - rect.top) / geometry.scaleY,\n        },\n        opacity: rendered?.opacity ?? '1',\n        naturalOpacity: getComputedStyle(node).opacity,\n      };\n    });\n    if (enabled && previous.current) {\n      for (const { node, key, position, offset, opacity, naturalOpacity } of positions) {\n        const before = previous.current.get(key);\n        const x = before ? before.left + offset.left - position.left : 0;\n        const y = before ? before.top + offset.top - position.top : 5;\n        if (before && Math.abs(x) < 0.5 && Math.abs(y) < 0.5) continue;\n        const animation = animateMotion(\n          node,\n          [\n            { translate: `${x}px ${y}px`, opacity: before ? opacity : 0 },\n            { translate: '0 0', opacity: naturalOpacity },\n          ],\n          { durationMultiplier: 1.5 },\n        );\n        if (animation) animations.current.push(animation);\n      }\n    }\n    previous.current = current;\n  }, [changeKey, selector, rootRef, enabled, layoutKey]);\n  useBrowserLayoutEffect(() => {\n    const root = rootRef.current;\n    if (!root || !selector || typeof ResizeObserver === 'undefined') return;\n    const nodes = Array.from(root.querySelectorAll<HTMLElement>(selector));\n    if (nodes.length > 200) return;\n    let initial = true;\n    const observer = new ResizeObserver(() => {\n      // Initial delivery belongs to the keyed update above. Independent resize\n      // and font reflow should establish a fresh baseline, without replaying FLIP.\n      if (initial) {\n        initial = false;\n        return;\n      }\n      for (const animation of animations.current) animation.cancel();\n      animations.current = [];\n      const geometry = listGeometry(root, nodes);\n      previous.current = new Map(geometry.positions.map(({ key, position }) => [key, position]));\n    });\n    observer.observe(root);\n    for (const node of nodes) observer.observe(node);\n    return () => observer.disconnect();\n  }, [changeKey, selector, rootRef, enabled, layoutKey]);\n  useBrowserLayoutEffect(\n    () => () => {\n      for (const animation of animations.current) animation.cancel();\n    },\n    [],\n  );\n}\n"],"names":["reducedQuery","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","reducedMotion","Boolean","subscribeMotion","listener","query","undefined","useMotionEnabled","config","useContext","ConfigContext","reduced","useSyncExternalStore","motionDuration","element","multiplier","style","getComputedStyle","value","numeric","Number","duration","Math","animateMotion","keyframes","durationMultiplier","easing","curve","listGeometry","root","nodes","bounds","scaleX","scaleY","positions","node","rect","left","top","parent","useListMotion","rootRef","changeKey","selector","layoutKey","enabled","previous","useRef","animations","layout","animation","Array","Object","live","Map","geometry","current","key","position","rendered","offset","opacity","naturalOpacity","before","x","y","ResizeObserver","initial","observer"],"mappings":"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"}

package/dist/esm/browser/modules/shared/parse-date.js

@@ -1,7 +1,7 @@
 "use client";
 import { periodKey, startOfPeriod } from "./calendar.js";
 import { parseTime } from "./time.js";
-function parseDateText(text, mode = 'date') {
+function parseDateText(text, mode = 'date', periods) {
     if ('quarter' === mode) {
         const match = /^(\d{4})-Q([1-4])$/i.exec(text);
         if (!match) return null;
@@ -28,7 +28,7 @@ function parseDateText(text, mode = 'date') {
     date.setHours(0, 0, 0, 0);
     if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) return null;
     if ('datetime' === mode) {
-        const time = parseTime(match[4]);
+        const time = parseTime(match[4], periods);
         if (!time) return null;
         date.setHours(time.hour, time.minute, time.second, 0);
         if (date.getHours() !== time.hour || date.getMinutes() !== time.minute) return null;

package/dist/esm/browser/modules/shared/parse-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared/parse-date.js","sources":["../../../../../src/shared/parse-date.ts"],"sourcesContent":["import { type CalendarMode, periodKey, startOfPeriod } from './calendar';\nimport { parseTime } from './time';\n\n/** Strict local parsing: never silently roll an invalid day into the next month. */\nexport function parseDateText(text: string, mode: CalendarMode = 'date') {\n  if (mode === 'quarter') {\n    const match = /^(\\d{4})-Q([1-4])$/i.exec(text);\n    if (!match) return null;\n    const date = new Date(0);\n    date.setFullYear(Number(match[1]), (Number(match[2]) - 1) * 3, 1);\n    date.setHours(0, 0, 0, 0);\n    return date;\n  }\n  if (mode === 'week') {\n    const match = /^(\\d{4})-W(\\d{2})$/i.exec(text);\n    if (!match) return null;\n    const date = startOfPeriod(new Date(Number(match[1]), 0, 4), 'week');\n    date.setDate(date.getDate() + (Number(match[2]) - 1) * 7);\n    return periodKey(date, 'week').toLowerCase() === text.toLowerCase() ? date : null;\n  }\n  const expression =\n    mode === 'year'\n      ? /^(\\d{4})$/\n      : mode === 'month'\n        ? /^(\\d{4})[-/](\\d{1,2})$/\n        : /^(\\d{4})[-/](\\d{1,2})[-/](\\d{1,2})(?:[T\\s]+(.+))?$/;\n  const match = expression.exec(text);\n  if (!match) return null;\n  const year = Number(match[1]);\n  const month = mode === 'year' ? 1 : Number(match[2]);\n  const day = mode === 'year' || mode === 'month' ? 1 : Number(match[3]);\n  const date = new Date(0);\n  date.setFullYear(year, month - 1, day);\n  date.setHours(0, 0, 0, 0);\n  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day)\n    return null;\n  if (mode === 'datetime') {\n    const time = parseTime(match[4]);\n    if (!time) return null;\n    date.setHours(time.hour, time.minute, time.second, 0);\n    if (date.getHours() !== time.hour || date.getMinutes() !== time.minute) return null;\n  } else if (match[4]) return null;\n  return date;\n}\n"],"names":["parseDateText","text","mode","match","date","Date","Number","startOfPeriod","periodKey","expression","year","month","day","time","parseTime"],"mappings":";;;AAIO,SAASA,cAAcC,IAAY,EAAEC,OAAqB,MAAM;IACrE,IAAIA,AAAS,cAATA,MAAoB;QACtB,MAAMC,QAAQ,sBAAsB,IAAI,CAACF;QACzC,IAAI,CAACE,OAAO,OAAO;QACnB,MAAMC,OAAO,IAAIC,KAAK;QACtBD,KAAK,WAAW,CAACE,OAAOH,KAAK,CAAC,EAAE,GAAIG,AAAAA,CAAAA,OAAOH,KAAK,CAAC,EAAE,IAAI,KAAK,GAAG;QAC/DC,KAAK,QAAQ,CAAC,GAAG,GAAG,GAAG;QACvB,OAAOA;IACT;IACA,IAAIF,AAAS,WAATA,MAAiB;QACnB,MAAMC,QAAQ,sBAAsB,IAAI,CAACF;QACzC,IAAI,CAACE,OAAO,OAAO;QACnB,MAAMC,OAAOG,cAAc,IAAIF,KAAKC,OAAOH,KAAK,CAAC,EAAE,GAAG,GAAG,IAAI;QAC7DC,KAAK,OAAO,CAACA,KAAK,OAAO,KAAME,AAAAA,CAAAA,OAAOH,KAAK,CAAC,EAAE,IAAI,KAAK;QACvD,OAAOK,UAAUJ,MAAM,QAAQ,WAAW,OAAOH,KAAK,WAAW,KAAKG,OAAO;IAC/E;IACA,MAAMK,aACJP,AAAS,WAATA,OACI,cACAA,AAAS,YAATA,OACE,2BACA;IACR,MAAMC,QAAQM,WAAW,IAAI,CAACR;IAC9B,IAAI,CAACE,OAAO,OAAO;IACnB,MAAMO,OAAOJ,OAAOH,KAAK,CAAC,EAAE;IAC5B,MAAMQ,QAAQT,AAAS,WAATA,OAAkB,IAAII,OAAOH,KAAK,CAAC,EAAE;IACnD,MAAMS,MAAMV,AAAS,WAATA,QAAmBA,AAAS,YAATA,OAAmB,IAAII,OAAOH,KAAK,CAAC,EAAE;IACrE,MAAMC,OAAO,IAAIC,KAAK;IACtBD,KAAK,WAAW,CAACM,MAAMC,QAAQ,GAAGC;IAClCR,KAAK,QAAQ,CAAC,GAAG,GAAG,GAAG;IACvB,IAAIA,KAAK,WAAW,OAAOM,QAAQN,KAAK,QAAQ,OAAOO,QAAQ,KAAKP,KAAK,OAAO,OAAOQ,KACrF,OAAO;IACT,IAAIV,AAAS,eAATA,MAAqB;QACvB,MAAMW,OAAOC,UAAUX,KAAK,CAAC,EAAE;QAC/B,IAAI,CAACU,MAAM,OAAO;QAClBT,KAAK,QAAQ,CAACS,KAAK,IAAI,EAAEA,KAAK,MAAM,EAAEA,KAAK,MAAM,EAAE;QACnD,IAAIT,KAAK,QAAQ,OAAOS,KAAK,IAAI,IAAIT,KAAK,UAAU,OAAOS,KAAK,MAAM,EAAE,OAAO;IACjF,OAAO,IAAIV,KAAK,CAAC,EAAE,EAAE,OAAO;IAC5B,OAAOC;AACT"}
+{"version":3,"file":"shared/parse-date.js","sources":["../../../../../src/shared/parse-date.ts"],"sourcesContent":["import { type CalendarMode, periodKey, startOfPeriod } from './calendar';\nimport { parseTime } from './time';\n\n/** Strict local parsing: never silently roll an invalid day into the next month. */\nexport function parseDateText(\n  text: string,\n  mode: CalendarMode = 'date',\n  periods?: readonly [string, string],\n) {\n  if (mode === 'quarter') {\n    const match = /^(\\d{4})-Q([1-4])$/i.exec(text);\n    if (!match) return null;\n    const date = new Date(0);\n    date.setFullYear(Number(match[1]), (Number(match[2]) - 1) * 3, 1);\n    date.setHours(0, 0, 0, 0);\n    return date;\n  }\n  if (mode === 'week') {\n    const match = /^(\\d{4})-W(\\d{2})$/i.exec(text);\n    if (!match) return null;\n    const date = startOfPeriod(new Date(Number(match[1]), 0, 4), 'week');\n    date.setDate(date.getDate() + (Number(match[2]) - 1) * 7);\n    return periodKey(date, 'week').toLowerCase() === text.toLowerCase() ? date : null;\n  }\n  const expression =\n    mode === 'year'\n      ? /^(\\d{4})$/\n      : mode === 'month'\n        ? /^(\\d{4})[-/](\\d{1,2})$/\n        : /^(\\d{4})[-/](\\d{1,2})[-/](\\d{1,2})(?:[T\\s]+(.+))?$/;\n  const match = expression.exec(text);\n  if (!match) return null;\n  const year = Number(match[1]);\n  const month = mode === 'year' ? 1 : Number(match[2]);\n  const day = mode === 'year' || mode === 'month' ? 1 : Number(match[3]);\n  const date = new Date(0);\n  date.setFullYear(year, month - 1, day);\n  date.setHours(0, 0, 0, 0);\n  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day)\n    return null;\n  if (mode === 'datetime') {\n    const time = parseTime(match[4], periods);\n    if (!time) return null;\n    date.setHours(time.hour, time.minute, time.second, 0);\n    if (date.getHours() !== time.hour || date.getMinutes() !== time.minute) return null;\n  } else if (match[4]) return null;\n  return date;\n}\n"],"names":["parseDateText","text","mode","periods","match","date","Date","Number","startOfPeriod","periodKey","expression","year","month","day","time","parseTime"],"mappings":";;;AAIO,SAASA,cACdC,IAAY,EACZC,OAAqB,MAAM,EAC3BC,OAAmC;IAEnC,IAAID,AAAS,cAATA,MAAoB;QACtB,MAAME,QAAQ,sBAAsB,IAAI,CAACH;QACzC,IAAI,CAACG,OAAO,OAAO;QACnB,MAAMC,OAAO,IAAIC,KAAK;QACtBD,KAAK,WAAW,CAACE,OAAOH,KAAK,CAAC,EAAE,GAAIG,AAAAA,CAAAA,OAAOH,KAAK,CAAC,EAAE,IAAI,KAAK,GAAG;QAC/DC,KAAK,QAAQ,CAAC,GAAG,GAAG,GAAG;QACvB,OAAOA;IACT;IACA,IAAIH,AAAS,WAATA,MAAiB;QACnB,MAAME,QAAQ,sBAAsB,IAAI,CAACH;QACzC,IAAI,CAACG,OAAO,OAAO;QACnB,MAAMC,OAAOG,cAAc,IAAIF,KAAKC,OAAOH,KAAK,CAAC,EAAE,GAAG,GAAG,IAAI;QAC7DC,KAAK,OAAO,CAACA,KAAK,OAAO,KAAME,AAAAA,CAAAA,OAAOH,KAAK,CAAC,EAAE,IAAI,KAAK;QACvD,OAAOK,UAAUJ,MAAM,QAAQ,WAAW,OAAOJ,KAAK,WAAW,KAAKI,OAAO;IAC/E;IACA,MAAMK,aACJR,AAAS,WAATA,OACI,cACAA,AAAS,YAATA,OACE,2BACA;IACR,MAAME,QAAQM,WAAW,IAAI,CAACT;IAC9B,IAAI,CAACG,OAAO,OAAO;IACnB,MAAMO,OAAOJ,OAAOH,KAAK,CAAC,EAAE;IAC5B,MAAMQ,QAAQV,AAAS,WAATA,OAAkB,IAAIK,OAAOH,KAAK,CAAC,EAAE;IACnD,MAAMS,MAAMX,AAAS,WAATA,QAAmBA,AAAS,YAATA,OAAmB,IAAIK,OAAOH,KAAK,CAAC,EAAE;IACrE,MAAMC,OAAO,IAAIC,KAAK;IACtBD,KAAK,WAAW,CAACM,MAAMC,QAAQ,GAAGC;IAClCR,KAAK,QAAQ,CAAC,GAAG,GAAG,GAAG;IACvB,IAAIA,KAAK,WAAW,OAAOM,QAAQN,KAAK,QAAQ,OAAOO,QAAQ,KAAKP,KAAK,OAAO,OAAOQ,KACrF,OAAO;IACT,IAAIX,AAAS,eAATA,MAAqB;QACvB,MAAMY,OAAOC,UAAUX,KAAK,CAAC,EAAE,EAAED;QACjC,IAAI,CAACW,MAAM,OAAO;QAClBT,KAAK,QAAQ,CAACS,KAAK,IAAI,EAAEA,KAAK,MAAM,EAAEA,KAAK,MAAM,EAAE;QACnD,IAAIT,KAAK,QAAQ,OAAOS,KAAK,IAAI,IAAIT,KAAK,UAAU,OAAOS,KAAK,MAAM,EAAE,OAAO;IACjF,OAAO,IAAIV,KAAK,CAAC,EAAE,EAAE,OAAO;IAC5B,OAAOC;AACT"}

package/dist/esm/browser/modules/shared/scoped-portal.js

@@ -12,14 +12,27 @@ function ScopedPortal({ children, container }) {
         const node = anchor.current;
         if (!node) return;
         const sync = ()=>{
-            const computed = getComputedStyle(node);
+            const computed = getComputedStyle(composedParent(node) ?? node);
             const next = {
                 colorScheme: computed.colorScheme,
                 direction: computed.direction
             };
+            const keys = new Set();
             for(let i = 0; i < computed.length; i++){
                 const key = computed.item(i);
-                if (key.startsWith('--leaf-')) next[key] = computed.getPropertyValue(key);
+                if (key.startsWith('--leaf-')) keys.add(key);
+            }
+            let owner = composedParent(node);
+            while(owner){
+                for(let i = 0; i < owner.style.length; i++){
+                    const key = owner.style.item(i);
+                    if (key.startsWith('--leaf-')) keys.add(key);
+                }
+                owner = composedParent(owner);
+            }
+            for (const key of keys){
+                const value = computed.getPropertyValue(key);
+                if (value.trim()) next[key] = value;
             }
             setStyle(next);
         };
@@ -50,6 +63,8 @@ function ScopedPortal({ children, container }) {
             }),
             style && "u" > typeof document && /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx("div", {
                 className: "leaf-portal-scope",
+                lang: config.locale,
+                dir: config.direction,
                 "data-leaf-density": config.density,
                 "data-leaf-motion": void 0 === config.theme.motion ? void 0 : config.theme.motion ? 'on' : 'off',
                 style: style,

package/dist/esm/browser/modules/shared/scoped-portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared/scoped-portal.js","sources":["../../../../../src/shared/scoped-portal.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useLeafConfig } from '../config-provider/context';\nimport type { LeafThemeStyle } from '../theme';\nimport { composedParent } from './dom';\n\n/** Transfer inherited variables into a portal without moving the React context. */\nexport function ScopedPortal({\n  children,\n  container,\n}: {\n  children: ReactNode;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n}) {\n  const config = useLeafConfig();\n  const anchor = useRef<HTMLSpanElement>(null);\n  const [style, setStyle] = useState<LeafThemeStyle>();\n  useEffect(() => {\n    const node = anchor.current;\n    if (!node) return;\n    const sync = () => {\n      const computed = getComputedStyle(node);\n      const next: LeafThemeStyle = {\n        colorScheme: computed.colorScheme,\n        direction: computed.direction as LeafThemeStyle['direction'],\n      };\n      for (let i = 0; i < computed.length; i++) {\n        const key = computed.item(i);\n        if (key.startsWith('--leaf-'))\n          next[key as `--leaf-${string}`] = computed.getPropertyValue(key);\n      }\n      setStyle(next);\n    };\n    sync();\n    const observer = new MutationObserver(sync);\n    let parent: HTMLElement | null = node;\n    while (parent) {\n      observer.observe(parent, {\n        attributes: true,\n        attributeFilter: [\n          'style',\n          'class',\n          'data-leaf-theme',\n          'data-leaf-density',\n          'data-leaf-motion',\n          'dir',\n        ],\n      });\n      parent = composedParent(parent);\n    }\n    return () => observer.disconnect();\n  }, []);\n  return (\n    <>\n      <span ref={anchor} hidden />\n      {style &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            className=\"leaf-portal-scope\"\n            data-leaf-density={config.density}\n            data-leaf-motion={\n              config.theme.motion === undefined ? undefined : config.theme.motion ? 'on' : 'off'\n            }\n            style={style}\n          >\n            {children}\n          </div>,\n          (typeof container === 'function' ? container() : container) ??\n            config.getPopupContainer?.() ??\n            document.body,\n        )}\n    </>\n  );\n}\n"],"names":["ScopedPortal","children","container","config","useLeafConfig","anchor","useRef","style","setStyle","useState","useEffect","node","sync","computed","getComputedStyle","next","i","key","observer","MutationObserver","parent","composedParent","document","createPortal","undefined"],"mappings":";;;;;;AAOO,SAASA,aAAa,EAC3BC,QAAQ,EACRC,SAAS,EAIV;IACC,MAAMC,SAASC;IACf,MAAMC,SAASC,OAAwB;IACvC,MAAM,CAACC,OAAOC,SAAS,GAAGC;IAC1BC,UAAU;QACR,MAAMC,OAAON,OAAO,OAAO;QAC3B,IAAI,CAACM,MAAM;QACX,MAAMC,OAAO;YACX,MAAMC,WAAWC,iBAAiBH;YAClC,MAAMI,OAAuB;gBAC3B,aAAaF,SAAS,WAAW;gBACjC,WAAWA,SAAS,SAAS;YAC/B;YACA,IAAK,IAAIG,IAAI,GAAGA,IAAIH,SAAS,MAAM,EAAEG,IAAK;gBACxC,MAAMC,MAAMJ,SAAS,IAAI,CAACG;gBAC1B,IAAIC,IAAI,UAAU,CAAC,YACjBF,IAAI,CAACE,IAA0B,GAAGJ,SAAS,gBAAgB,CAACI;YAChE;YACAT,SAASO;QACX;QACAH;QACA,MAAMM,WAAW,IAAIC,iBAAiBP;QACtC,IAAIQ,SAA6BT;QACjC,MAAOS,OAAQ;YACbF,SAAS,OAAO,CAACE,QAAQ;gBACvB,YAAY;gBACZ,iBAAiB;oBACf;oBACA;oBACA;oBACA;oBACA;oBACA;iBACD;YACH;YACAA,SAASC,eAAeD;QAC1B;QACA,OAAO,IAAMF,SAAS,UAAU;IAClC,GAAG,EAAE;IACL,OAAO,WAAP,GACE;;0BACE,IAAC;gBAAK,KAAKb;gBAAQ,QAAM;;YACxBE,SACC,AAAoB,MAApB,OAAOe,YAAa,cACpBC,aAAa,WAADA,GACV,IAAC;gBACC,WAAU;gBACV,qBAAmBpB,OAAO,OAAO;gBACjC,oBACEA,AAAwBqB,WAAxBrB,OAAO,KAAK,CAAC,MAAM,GAAiBqB,SAAYrB,OAAO,KAAK,CAAC,MAAM,GAAG,OAAO;gBAE/E,OAAOI;0BAENN;gBAEF,CAAqB,cAArB,OAAOC,YAA2BA,cAAcA,SAAQ,KACvDC,OAAO,iBAAiB,QACxBmB,SAAS,IAAI;;;AAIzB"}
+{"version":3,"file":"shared/scoped-portal.js","sources":["../../../../../src/shared/scoped-portal.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useLeafConfig } from '../config-provider/context';\nimport type { LeafThemeStyle } from '../theme';\nimport { composedParent } from './dom';\n\n/** Transfer inherited variables into a portal without moving the React context. */\nexport function ScopedPortal({\n  children,\n  container,\n}: {\n  children: ReactNode;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n}) {\n  const config = useLeafConfig();\n  const anchor = useRef<HTMLSpanElement>(null);\n  const [style, setStyle] = useState<LeafThemeStyle>();\n  useEffect(() => {\n    const node = anchor.current;\n    if (!node) return;\n    const sync = () => {\n      // Read the owning element; hidden markers can omit inherited custom\n      // properties from computed-style enumeration in Firefox.\n      const computed = getComputedStyle(composedParent(node) ?? node);\n      const next: LeafThemeStyle = {\n        colorScheme: computed.colorScheme,\n        direction: computed.direction as LeafThemeStyle['direction'],\n      };\n      const keys = new Set<string>();\n      for (let i = 0; i < computed.length; i++) {\n        const key = computed.item(i);\n        if (key.startsWith('--leaf-')) keys.add(key);\n      }\n      // Some engines do not enumerate every inherited custom property. Include\n      // inline scope keys, then read their effective values at the source.\n      let owner = composedParent(node);\n      while (owner) {\n        for (let i = 0; i < owner.style.length; i++) {\n          const key = owner.style.item(i);\n          if (key.startsWith('--leaf-')) keys.add(key);\n        }\n        owner = composedParent(owner);\n      }\n      for (const key of keys) {\n        const value = computed.getPropertyValue(key);\n        if (value.trim()) next[key as `--leaf-${string}`] = value;\n      }\n      setStyle(next);\n    };\n    sync();\n    const observer = new MutationObserver(sync);\n    let parent: HTMLElement | null = node;\n    while (parent) {\n      observer.observe(parent, {\n        attributes: true,\n        attributeFilter: [\n          'style',\n          'class',\n          'data-leaf-theme',\n          'data-leaf-density',\n          'data-leaf-motion',\n          'dir',\n        ],\n      });\n      parent = composedParent(parent);\n    }\n    return () => observer.disconnect();\n  }, []);\n  return (\n    <>\n      <span ref={anchor} hidden />\n      {style &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            className=\"leaf-portal-scope\"\n            lang={config.locale}\n            dir={config.direction}\n            data-leaf-density={config.density}\n            data-leaf-motion={\n              config.theme.motion === undefined ? undefined : config.theme.motion ? 'on' : 'off'\n            }\n            style={style}\n          >\n            {children}\n          </div>,\n          (typeof container === 'function' ? container() : container) ??\n            config.getPopupContainer?.() ??\n            document.body,\n        )}\n    </>\n  );\n}\n"],"names":["ScopedPortal","children","container","config","useLeafConfig","anchor","useRef","style","setStyle","useState","useEffect","node","sync","computed","getComputedStyle","composedParent","next","keys","Set","i","key","owner","value","observer","MutationObserver","parent","document","createPortal","undefined"],"mappings":";;;;;;AAOO,SAASA,aAAa,EAC3BC,QAAQ,EACRC,SAAS,EAIV;IACC,MAAMC,SAASC;IACf,MAAMC,SAASC,OAAwB;IACvC,MAAM,CAACC,OAAOC,SAAS,GAAGC;IAC1BC,UAAU;QACR,MAAMC,OAAON,OAAO,OAAO;QAC3B,IAAI,CAACM,MAAM;QACX,MAAMC,OAAO;YAGX,MAAMC,WAAWC,iBAAiBC,eAAeJ,SAASA;YAC1D,MAAMK,OAAuB;gBAC3B,aAAaH,SAAS,WAAW;gBACjC,WAAWA,SAAS,SAAS;YAC/B;YACA,MAAMI,OAAO,IAAIC;YACjB,IAAK,IAAIC,IAAI,GAAGA,IAAIN,SAAS,MAAM,EAAEM,IAAK;gBACxC,MAAMC,MAAMP,SAAS,IAAI,CAACM;gBAC1B,IAAIC,IAAI,UAAU,CAAC,YAAYH,KAAK,GAAG,CAACG;YAC1C;YAGA,IAAIC,QAAQN,eAAeJ;YAC3B,MAAOU,MAAO;gBACZ,IAAK,IAAIF,IAAI,GAAGA,IAAIE,MAAM,KAAK,CAAC,MAAM,EAAEF,IAAK;oBAC3C,MAAMC,MAAMC,MAAM,KAAK,CAAC,IAAI,CAACF;oBAC7B,IAAIC,IAAI,UAAU,CAAC,YAAYH,KAAK,GAAG,CAACG;gBAC1C;gBACAC,QAAQN,eAAeM;YACzB;YACA,KAAK,MAAMD,OAAOH,KAAM;gBACtB,MAAMK,QAAQT,SAAS,gBAAgB,CAACO;gBACxC,IAAIE,MAAM,IAAI,IAAIN,IAAI,CAACI,IAA0B,GAAGE;YACtD;YACAd,SAASQ;QACX;QACAJ;QACA,MAAMW,WAAW,IAAIC,iBAAiBZ;QACtC,IAAIa,SAA6Bd;QACjC,MAAOc,OAAQ;YACbF,SAAS,OAAO,CAACE,QAAQ;gBACvB,YAAY;gBACZ,iBAAiB;oBACf;oBACA;oBACA;oBACA;oBACA;oBACA;iBACD;YACH;YACAA,SAASV,eAAeU;QAC1B;QACA,OAAO,IAAMF,SAAS,UAAU;IAClC,GAAG,EAAE;IACL,OAAO,WAAP,GACE;;0BACE,IAAC;gBAAK,KAAKlB;gBAAQ,QAAM;;YACxBE,SACC,AAAoB,MAApB,OAAOmB,YAAa,cACpBC,aAAa,WAADA,GACV,IAAC;gBACC,WAAU;gBACV,MAAMxB,OAAO,MAAM;gBACnB,KAAKA,OAAO,SAAS;gBACrB,qBAAmBA,OAAO,OAAO;gBACjC,oBACEA,AAAwByB,WAAxBzB,OAAO,KAAK,CAAC,MAAM,GAAiByB,SAAYzB,OAAO,KAAK,CAAC,MAAM,GAAG,OAAO;gBAE/E,OAAOI;0BAENN;gBAEF,CAAqB,cAArB,OAAOC,YAA2BA,cAAcA,SAAQ,KACvDC,OAAO,iBAAiB,QACxBuB,SAAS,IAAI;;;AAIzB"}

package/dist/esm/browser/modules/shared/selection-content.js

@@ -0,0 +1,164 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { classes } from "./classes.js";
+import { inertProps } from "./inert.js";
+import { useListMotion } from "./motion.js";
+const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+function SelectionContent({ items, children, className, tagClassName, tagWrap = true, maxTagCount, searchable = false, query = '', removeLabel }) {
+    const root = useRef(null);
+    const count = items?.length ?? 0;
+    const limit = 'number' == typeof maxTagCount ? Math.max(0, Math.floor(maxTagCount)) : count;
+    const singleLine = void 0 !== items && (!tagWrap || 'responsive' === maxTagCount);
+    const [layout, setLayout] = useState({
+        count,
+        firstWidth: 0,
+        inputWidth: 0
+    });
+    const visibleCount = Math.min(count, limit, singleLine ? layout.count : count);
+    const hiddenItems = items?.slice(visibleCount) ?? [];
+    const measure = useRef(()=>{});
+    measure.current = ()=>{
+        const element = root.current;
+        if (!singleLine || !element?.clientWidth) return;
+        const width = element.clientWidth;
+        const gap = Number.parseFloat(getComputedStyle(element).columnGap) || 0;
+        const tags = Array.from(element.querySelectorAll('[data-selection-item]'));
+        const hiddenTags = tags.filter((tag)=>tag.hidden);
+        element.dataset.measuring = '';
+        for (const tag of hiddenTags)tag.hidden = false;
+        const widths = tags.map((tag)=>tag.getBoundingClientRect().width);
+        const overflowWidth = element.querySelector('[data-selection-counter]')?.getBoundingClientRect().width ?? 0;
+        const queryWidth = element.querySelector('[data-selection-query]')?.getBoundingClientRect().width ?? 0;
+        for (const tag of hiddenTags)tag.hidden = true;
+        delete element.dataset.measuring;
+        const inputWidth = children ? Math.min(Math.max(0, width - (count ? overflowWidth + gap : 0)), searchable ? query ? Math.max(48, queryWidth + 12) : 24 : 1) : 0;
+        const budget = Math.max(0, width - inputWidth - (children && count ? gap : 0));
+        const totalWidth = widths.reduce((sum, value)=>sum + value, 0) + Math.max(0, count - 1) * gap;
+        let nextCount = 0;
+        let firstWidth = 0;
+        if (count <= limit && totalWidth <= budget) nextCount = count;
+        else if (1 === count && limit > 0 && budget >= Math.min(widths[0] ?? 0, 48)) {
+            nextCount = 1;
+            firstWidth = budget;
+        } else {
+            const tagBudget = Math.max(0, budget - overflowWidth - gap);
+            let used = 0;
+            for (const tagWidth of widths.slice(0, Math.min(limit, count - 1))){
+                const next = used + (nextCount ? gap : 0) + tagWidth;
+                if (next > tagBudget) break;
+                used = next;
+                nextCount++;
+            }
+            if (!nextCount && limit > 0 && count > 1 && tagBudget >= Math.min(widths[0] ?? 0, 48)) {
+                nextCount = 1;
+                firstWidth = tagBudget;
+            }
+        }
+        setLayout((previous)=>previous.count === nextCount && previous.firstWidth === firstWidth && previous.inputWidth === inputWidth ? previous : {
+                count: nextCount,
+                firstWidth,
+                inputWidth
+            });
+    };
+    useBrowserLayoutEffect(()=>measure.current());
+    useEffect(()=>{
+        if (!singleLine || !root.current) return;
+        const update = ()=>measure.current();
+        const observer = "u" < typeof ResizeObserver ? void 0 : new ResizeObserver(update);
+        observer?.observe(root.current);
+        for (const tag of root.current.querySelectorAll('[data-selection-item]'))observer?.observe(tag);
+        window.addEventListener('resize', update);
+        document.fonts?.addEventListener('loadingdone', update);
+        return ()=>{
+            observer?.disconnect();
+            window.removeEventListener('resize', update);
+            document.fonts?.removeEventListener('loadingdone', update);
+        };
+    }, [
+        singleLine,
+        count
+    ]);
+    useListMotion(root, JSON.stringify(items?.slice(0, visibleCount).map((item)=>item.key)), '.leaf-selection__tag[data-motion-key]:not([hidden])', singleLine ? visibleCount : false);
+    return /*#__PURE__*/ jsxs("span", {
+        ref: root,
+        className: classes('leaf-selection', className),
+        "data-multiple": void 0 !== items || void 0,
+        "data-single-line": singleLine || void 0,
+        style: singleLine ? {
+            '--leaf-selection-first-width': layout.firstWidth ? `${layout.firstWidth}px` : void 0,
+            '--leaf-selection-input-width': `${layout.inputWidth}px`
+        } : void 0,
+        children: [
+            items?.slice(0, singleLine ? count : visibleCount).map((item, index)=>/*#__PURE__*/ jsx("span", {
+                    className: classes('leaf-selection__tag', tagClassName),
+                    "data-selection-item": "",
+                    "data-motion-key": item.key,
+                    "data-custom": null != item.render || void 0,
+                    hidden: index >= visibleCount,
+                    ...inertProps(index >= visibleCount),
+                    title: item.text,
+                    children: item.render ?? /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                children: item.label
+                            }),
+                            item.remove && /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                tabIndex: -1,
+                                "aria-label": `${removeLabel} ${item.text}`,
+                                onMouseDown: (event)=>event.preventDefault(),
+                                onClick: (event)=>{
+                                    event.stopPropagation();
+                                    item.remove?.();
+                                },
+                                children: /*#__PURE__*/ jsx(X, {
+                                    size: 12,
+                                    "aria-hidden": "true"
+                                })
+                            })
+                        ]
+                    })
+                }, item.key)),
+            hiddenItems.length > 0 && /*#__PURE__*/ jsxs("span", {
+                className: classes('leaf-selection__tag', tagClassName),
+                title: hiddenItems.map((item)=>item.text).join(', '),
+                "data-selection-overflow": "",
+                children: [
+                    "+",
+                    hiddenItems.length,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "leaf-selection__sr",
+                        children: hiddenItems.map((item)=>item.text).join(', ')
+                    })
+                ]
+            }),
+            children && /*#__PURE__*/ jsx("span", {
+                className: "leaf-selection__input",
+                children: children
+            }),
+            singleLine && /*#__PURE__*/ jsxs("span", {
+                className: "leaf-selection__measure",
+                "aria-hidden": "true",
+                children: [
+                    /*#__PURE__*/ jsxs("span", {
+                        className: classes('leaf-selection__tag', tagClassName),
+                        "data-selection-counter": "",
+                        children: [
+                            "+",
+                            count
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        "data-selection-query": "",
+                        children: query
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { SelectionContent };
+
+//# sourceMappingURL=selection-content.js.map

package/dist/esm/browser/modules/shared/selection-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/selection-content.js","sources":["../../../../../src/shared/selection-content.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport {\n  type CSSProperties,\n  type ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { classes } from './classes';\nimport { inertProps } from './inert';\nimport { useListMotion } from './motion';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\ninterface SelectionItem {\n  key: string;\n  label: ReactNode;\n  text: string;\n  remove?: () => void;\n  render?: ReactNode;\n}\n\n/** Shared selected-value layout. Measure the real tags, without mounting custom renderers twice. */\nexport function SelectionContent({\n  items,\n  children,\n  className,\n  tagClassName,\n  tagWrap = true,\n  maxTagCount,\n  searchable = false,\n  query = '',\n  removeLabel,\n}: {\n  items?: readonly SelectionItem[];\n  children?: ReactNode;\n  className?: string;\n  tagClassName?: string;\n  tagWrap?: boolean;\n  maxTagCount?: number | 'responsive';\n  searchable?: boolean;\n  query?: string;\n  removeLabel?: string;\n}) {\n  const root = useRef<HTMLSpanElement>(null);\n  const count = items?.length ?? 0;\n  const limit = typeof maxTagCount === 'number' ? Math.max(0, Math.floor(maxTagCount)) : count;\n  const singleLine = items !== undefined && (!tagWrap || maxTagCount === 'responsive');\n  const [layout, setLayout] = useState({ count, firstWidth: 0, inputWidth: 0 });\n  const visibleCount = Math.min(count, limit, singleLine ? layout.count : count);\n  const hiddenItems = items?.slice(visibleCount) ?? [];\n  const measure = useRef(() => {});\n  measure.current = () => {\n    const element = root.current;\n    if (!singleLine || !element?.clientWidth) return;\n    const width = element.clientWidth;\n    const gap = Number.parseFloat(getComputedStyle(element).columnGap) || 0;\n    // All writes precede the reads. The temporary measurement is restored before paint.\n    const tags = Array.from(element.querySelectorAll<HTMLElement>('[data-selection-item]'));\n    const hiddenTags = tags.filter((tag) => tag.hidden);\n    element.dataset.measuring = '';\n    // Normalize/utility styles often enforce [hidden] with !important. Temporarily\n    // remove the attribute itself instead of relying on a CSS override.\n    for (const tag of hiddenTags) tag.hidden = false;\n    const widths = tags.map((tag) => tag.getBoundingClientRect().width);\n    const overflowWidth =\n      element.querySelector<HTMLElement>('[data-selection-counter]')?.getBoundingClientRect()\n        .width ?? 0;\n    const queryWidth =\n      element.querySelector<HTMLElement>('[data-selection-query]')?.getBoundingClientRect().width ??\n      0;\n    for (const tag of hiddenTags) tag.hidden = true;\n    delete element.dataset.measuring;\n    const inputWidth = children\n      ? Math.min(\n          Math.max(0, width - (count ? overflowWidth + gap : 0)),\n          searchable ? (query ? Math.max(48, queryWidth + 12) : 24) : 1,\n        )\n      : 0;\n    const budget = Math.max(0, width - inputWidth - (children && count ? gap : 0));\n    const totalWidth = widths.reduce((sum, value) => sum + value, 0) + Math.max(0, count - 1) * gap;\n    let nextCount = 0;\n    let firstWidth = 0;\n    if (count <= limit && totalWidth <= budget) nextCount = count;\n    else if (count === 1 && limit > 0 && budget >= Math.min(widths[0] ?? 0, 48)) {\n      nextCount = 1;\n      firstWidth = budget;\n    } else {\n      const tagBudget = Math.max(0, budget - overflowWidth - gap);\n      let used = 0;\n      for (const tagWidth of widths.slice(0, Math.min(limit, count - 1))) {\n        const next = used + (nextCount ? gap : 0) + tagWidth;\n        if (next > tagBudget) break;\n        used = next;\n        nextCount++;\n      }\n      // Keep the first long label useful, while preserving the remove button and +N.\n      if (!nextCount && limit > 0 && count > 1 && tagBudget >= Math.min(widths[0] ?? 0, 48)) {\n        nextCount = 1;\n        firstWidth = tagBudget;\n      }\n    }\n    setLayout((previous) =>\n      previous.count === nextCount &&\n      previous.firstWidth === firstWidth &&\n      previous.inputWidth === inputWidth\n        ? previous\n        : { count: nextCount, firstWidth, inputWidth },\n    );\n  };\n  useBrowserLayoutEffect(() => measure.current());\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Observe the new tag elements after selection changes.\n  useEffect(() => {\n    if (!singleLine || !root.current) return;\n    const update = () => measure.current();\n    const observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(update);\n    observer?.observe(root.current);\n    for (const tag of root.current.querySelectorAll('[data-selection-item]'))\n      observer?.observe(tag);\n    window.addEventListener('resize', update);\n    document.fonts?.addEventListener('loadingdone', update);\n    return () => {\n      observer?.disconnect();\n      window.removeEventListener('resize', update);\n      document.fonts?.removeEventListener('loadingdone', update);\n    };\n  }, [singleLine, count]);\n  useListMotion(\n    root,\n    JSON.stringify(items?.slice(0, visibleCount).map((item) => item.key)),\n    '.leaf-selection__tag[data-motion-key]:not([hidden])',\n    singleLine ? visibleCount : false,\n  );\n  return (\n    <span\n      ref={root}\n      className={classes('leaf-selection', className)}\n      data-multiple={items !== undefined || undefined}\n      data-single-line={singleLine || undefined}\n      style={\n        singleLine\n          ? ({\n              '--leaf-selection-first-width': layout.firstWidth\n                ? `${layout.firstWidth}px`\n                : undefined,\n              '--leaf-selection-input-width': `${layout.inputWidth}px`,\n            } as CSSProperties)\n          : undefined\n      }\n    >\n      {items?.slice(0, singleLine ? count : visibleCount).map((item, index) => (\n        <span\n          className={classes('leaf-selection__tag', tagClassName)}\n          key={item.key}\n          data-selection-item=\"\"\n          data-motion-key={item.key}\n          data-custom={item.render != null || undefined}\n          hidden={index >= visibleCount}\n          {...inertProps(index >= visibleCount)}\n          title={item.text}\n        >\n          {item.render ?? (\n            <>\n              <span>{item.label}</span>\n              {item.remove && (\n                <button\n                  type=\"button\"\n                  tabIndex={-1}\n                  aria-label={`${removeLabel} ${item.text}`}\n                  onMouseDown={(event) => event.preventDefault()}\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    item.remove?.();\n                  }}\n                >\n                  <X size={12} aria-hidden=\"true\" />\n                </button>\n              )}\n            </>\n          )}\n        </span>\n      ))}\n      {hiddenItems.length > 0 && (\n        <span\n          className={classes('leaf-selection__tag', tagClassName)}\n          title={hiddenItems.map((item) => item.text).join(', ')}\n          data-selection-overflow=\"\"\n        >\n          +{hiddenItems.length}\n          <span className=\"leaf-selection__sr\">\n            {hiddenItems.map((item) => item.text).join(', ')}\n          </span>\n        </span>\n      )}\n      {children && <span className=\"leaf-selection__input\">{children}</span>}\n      {singleLine && (\n        <span className=\"leaf-selection__measure\" aria-hidden=\"true\">\n          <span className={classes('leaf-selection__tag', tagClassName)} data-selection-counter=\"\">\n            +{count}\n          </span>\n          <span data-selection-query=\"\">{query}</span>\n        </span>\n      )}\n    </span>\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","SelectionContent","items","children","className","tagClassName","tagWrap","maxTagCount","searchable","query","removeLabel","root","useRef","count","limit","Math","singleLine","undefined","layout","setLayout","useState","visibleCount","hiddenItems","measure","element","width","gap","Number","getComputedStyle","tags","Array","hiddenTags","tag","widths","overflowWidth","queryWidth","inputWidth","budget","totalWidth","sum","value","nextCount","firstWidth","tagBudget","used","tagWidth","next","previous","update","observer","ResizeObserver","document","useListMotion","JSON","item","classes","index","inertProps","event","X"],"mappings":"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"}

package/dist/esm/browser/modules/shared/time.js

@@ -1,7 +1,21 @@
 "use client";
 const padTime = (value)=>String(value).padStart(2, '0');
-function parseTime(value) {
-    const match = value?.trim().match(/^(?:(上午|下午)\s*)?(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM|上午|下午)?$/i);
+function parseTime(value, periods) {
+    let text = value?.trim();
+    if (text && periods) for (const [index, label] of periods.entries()){
+        if (!label) continue;
+        const normalized = text.toLowerCase();
+        const token = label.toLowerCase();
+        if (normalized.endsWith(token)) {
+            text = `${text.slice(0, -label.length).trim()} ${0 === index ? 'AM' : 'PM'}`;
+            break;
+        }
+        if (normalized.startsWith(token)) {
+            text = `${text.slice(label.length).trim()} ${0 === index ? 'AM' : 'PM'}`;
+            break;
+        }
+    }
+    const match = text?.match(/^(?:(上午|下午)\s*)?(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM|上午|下午)?$/i);
     if (!match) return null;
     if (match[1] && match[5]) return null;
     let hour = Number(match[2]);

package/dist/esm/browser/modules/shared/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared/time.js","sources":["../../../../../src/shared/time.ts"],"sourcesContent":["export interface TimeParts {\n  hour: number;\n  minute: number;\n  second: number;\n}\nexport const padTime = (value: number) => String(value).padStart(2, '0');\nexport function parseTime(value: string | null | undefined): TimeParts | null {\n  const match = value\n    ?.trim()\n    .match(/^(?:(上午|下午)\\s*)?(\\d{1,2}):(\\d{2})(?::(\\d{2}))?\\s*(AM|PM|上午|下午)?$/i);\n  if (!match) return null;\n  if (match[1] && match[5]) return null;\n  let hour = Number(match[2]);\n  const minute = Number(match[3]);\n  const second = Number(match[4] ?? 0);\n  const period = (match[1] ?? match[5])?.toUpperCase();\n  if (period) {\n    if (hour < 1 || hour > 12) return null;\n    hour = (hour % 12) + (period === 'PM' || period === '下午' ? 12 : 0);\n  }\n  return hour < 24 && minute < 60 && second < 60 ? { hour, minute, second } : null;\n}\nexport function timeString(parts: TimeParts, seconds = false) {\n  return `${padTime(parts.hour)}:${padTime(parts.minute)}${seconds ? `:${padTime(parts.second)}` : ''}`;\n}\nexport function displayTime(\n  parts: TimeParts,\n  seconds: boolean,\n  use12Hours: boolean,\n  period: readonly [string, string],\n) {\n  return use12Hours\n    ? `${timeString({ ...parts, hour: parts.hour % 12 || 12 }, seconds)} ${period[parts.hour < 12 ? 0 : 1]}`\n    : timeString(parts, seconds);\n}\n"],"names":["padTime","value","String","parseTime","match","hour","Number","minute","second","period","timeString","parts","seconds","displayTime","use12Hours"],"mappings":";AAKO,MAAMA,UAAU,CAACC,QAAkBC,OAAOD,OAAO,QAAQ,CAAC,GAAG;AAC7D,SAASE,UAAUF,KAAgC;IACxD,MAAMG,QAAQH,OACV,OACD,MAAM;IACT,IAAI,CAACG,OAAO,OAAO;IACnB,IAAIA,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAE,EAAE,OAAO;IACjC,IAAIC,OAAOC,OAAOF,KAAK,CAAC,EAAE;IAC1B,MAAMG,SAASD,OAAOF,KAAK,CAAC,EAAE;IAC9B,MAAMI,SAASF,OAAOF,KAAK,CAAC,EAAE,IAAI;IAClC,MAAMK,SAAUL,CAAAA,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAC,GAAI;IACvC,IAAIK,QAAQ;QACV,IAAIJ,OAAO,KAAKA,OAAO,IAAI,OAAO;QAClCA,OAAQA,OAAO,KAAOI,CAAAA,AAAW,SAAXA,UAAmBA,AAAW,SAAXA,SAAkB,KAAK;IAClE;IACA,OAAOJ,OAAO,MAAME,SAAS,MAAMC,SAAS,KAAK;QAAEH;QAAME;QAAQC;IAAO,IAAI;AAC9E;AACO,SAASE,WAAWC,KAAgB,EAAEC,UAAU,KAAK;IAC1D,OAAO,GAAGZ,QAAQW,MAAM,IAAI,EAAE,CAAC,EAAEX,QAAQW,MAAM,MAAM,IAAIC,UAAU,CAAC,CAAC,EAAEZ,QAAQW,MAAM,MAAM,GAAG,GAAG,IAAI;AACvG;AACO,SAASE,YACdF,KAAgB,EAChBC,OAAgB,EAChBE,UAAmB,EACnBL,MAAiC;IAEjC,OAAOK,aACH,GAAGJ,WAAW;QAAE,GAAGC,KAAK;QAAE,MAAMA,MAAM,IAAI,GAAG,MAAM;IAAG,GAAGC,SAAS,CAAC,EAAEH,MAAM,CAACE,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE,EAAE,GACtGD,WAAWC,OAAOC;AACxB"}
+{"version":3,"file":"shared/time.js","sources":["../../../../../src/shared/time.ts"],"sourcesContent":["export interface TimeParts {\n  hour: number;\n  minute: number;\n  second: number;\n}\nexport const padTime = (value: number) => String(value).padStart(2, '0');\nexport function parseTime(\n  value: string | null | undefined,\n  periods?: readonly [string, string],\n): TimeParts | null {\n  let text = value?.trim();\n  if (text && periods) {\n    for (const [index, label] of periods.entries()) {\n      if (!label) continue;\n      const normalized = text.toLowerCase();\n      const token = label.toLowerCase();\n      if (normalized.endsWith(token)) {\n        text = `${text.slice(0, -label.length).trim()} ${index === 0 ? 'AM' : 'PM'}`;\n        break;\n      }\n      if (normalized.startsWith(token)) {\n        text = `${text.slice(label.length).trim()} ${index === 0 ? 'AM' : 'PM'}`;\n        break;\n      }\n    }\n  }\n  const match = text?.match(\n    /^(?:(上午|下午)\\s*)?(\\d{1,2}):(\\d{2})(?::(\\d{2}))?\\s*(AM|PM|上午|下午)?$/i,\n  );\n  if (!match) return null;\n  if (match[1] && match[5]) return null;\n  let hour = Number(match[2]);\n  const minute = Number(match[3]);\n  const second = Number(match[4] ?? 0);\n  const period = (match[1] ?? match[5])?.toUpperCase();\n  if (period) {\n    if (hour < 1 || hour > 12) return null;\n    hour = (hour % 12) + (period === 'PM' || period === '下午' ? 12 : 0);\n  }\n  return hour < 24 && minute < 60 && second < 60 ? { hour, minute, second } : null;\n}\nexport function timeString(parts: TimeParts, seconds = false) {\n  return `${padTime(parts.hour)}:${padTime(parts.minute)}${seconds ? `:${padTime(parts.second)}` : ''}`;\n}\nexport function displayTime(\n  parts: TimeParts,\n  seconds: boolean,\n  use12Hours: boolean,\n  period: readonly [string, string],\n) {\n  return use12Hours\n    ? `${timeString({ ...parts, hour: parts.hour % 12 || 12 }, seconds)} ${period[parts.hour < 12 ? 0 : 1]}`\n    : timeString(parts, seconds);\n}\n"],"names":["padTime","value","String","parseTime","periods","text","index","label","normalized","token","match","hour","Number","minute","second","period","timeString","parts","seconds","displayTime","use12Hours"],"mappings":";AAKO,MAAMA,UAAU,CAACC,QAAkBC,OAAOD,OAAO,QAAQ,CAAC,GAAG;AAC7D,SAASE,UACdF,KAAgC,EAChCG,OAAmC;IAEnC,IAAIC,OAAOJ,OAAO;IAClB,IAAII,QAAQD,SACV,KAAK,MAAM,CAACE,OAAOC,MAAM,IAAIH,QAAQ,OAAO,GAAI;QAC9C,IAAI,CAACG,OAAO;QACZ,MAAMC,aAAaH,KAAK,WAAW;QACnC,MAAMI,QAAQF,MAAM,WAAW;QAC/B,IAAIC,WAAW,QAAQ,CAACC,QAAQ;YAC9BJ,OAAO,GAAGA,KAAK,KAAK,CAAC,GAAG,CAACE,MAAM,MAAM,EAAE,IAAI,GAAG,CAAC,EAAED,AAAU,MAAVA,QAAc,OAAO,MAAM;YAC5E;QACF;QACA,IAAIE,WAAW,UAAU,CAACC,QAAQ;YAChCJ,OAAO,GAAGA,KAAK,KAAK,CAACE,MAAM,MAAM,EAAE,IAAI,GAAG,CAAC,EAAED,AAAU,MAAVA,QAAc,OAAO,MAAM;YACxE;QACF;IACF;IAEF,MAAMI,QAAQL,MAAM,MAClB;IAEF,IAAI,CAACK,OAAO,OAAO;IACnB,IAAIA,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAE,EAAE,OAAO;IACjC,IAAIC,OAAOC,OAAOF,KAAK,CAAC,EAAE;IAC1B,MAAMG,SAASD,OAAOF,KAAK,CAAC,EAAE;IAC9B,MAAMI,SAASF,OAAOF,KAAK,CAAC,EAAE,IAAI;IAClC,MAAMK,SAAUL,CAAAA,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAC,GAAI;IACvC,IAAIK,QAAQ;QACV,IAAIJ,OAAO,KAAKA,OAAO,IAAI,OAAO;QAClCA,OAAQA,OAAO,KAAOI,CAAAA,AAAW,SAAXA,UAAmBA,AAAW,SAAXA,SAAkB,KAAK;IAClE;IACA,OAAOJ,OAAO,MAAME,SAAS,MAAMC,SAAS,KAAK;QAAEH;QAAME;QAAQC;IAAO,IAAI;AAC9E;AACO,SAASE,WAAWC,KAAgB,EAAEC,UAAU,KAAK;IAC1D,OAAO,GAAGlB,QAAQiB,MAAM,IAAI,EAAE,CAAC,EAAEjB,QAAQiB,MAAM,MAAM,IAAIC,UAAU,CAAC,CAAC,EAAElB,QAAQiB,MAAM,MAAM,GAAG,GAAG,IAAI;AACvG;AACO,SAASE,YACdF,KAAgB,EAChBC,OAAgB,EAChBE,UAAmB,EACnBL,MAAiC;IAEjC,OAAOK,aACH,GAAGJ,WAAW;QAAE,GAAGC,KAAK;QAAE,MAAMA,MAAM,IAAI,GAAG,MAAM;IAAG,GAAGC,SAAS,CAAC,EAAEH,MAAM,CAACE,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE,EAAE,GACtGD,WAAWC,OAAOC;AACxB"}

package/dist/esm/browser/modules/shared/use-drag-announcements.js

@@ -0,0 +1,28 @@
+"use client";
+import { useFormattedText } from "./use-formatted-text.js";
+import { useText } from "./use-text.js";
+function useDragAnnouncements(label, tree = false) {
+    const t = useText();
+    const format = useFormattedText();
+    const announcements = {
+        onDragStart: ({ active })=>format('drag.pickedUp', {
+                label: label(active.id)
+            }),
+        onDragOver: ({ over })=>over ? format('drag.moved', {
+                label: label(over.id)
+            }) : t('drag.outside'),
+        onDragEnd: ({ active, over })=>over ? format('drag.dropped', {
+                label: label(active.id)
+            }) : t('drag.cancelled'),
+        onDragCancel: ()=>t('drag.cancelled')
+    };
+    return {
+        screenReaderInstructions: {
+            draggable: t(tree ? 'tree.reorderInstructions' : 'drag.instructions')
+        },
+        announcements
+    };
+}
+export { useDragAnnouncements };
+
+//# sourceMappingURL=use-drag-announcements.js.map

package/dist/esm/browser/modules/shared/use-drag-announcements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/use-drag-announcements.js","sources":["../../../../../src/shared/use-drag-announcements.ts"],"sourcesContent":["import type { Announcements, UniqueIdentifier } from '@dnd-kit/core';\nimport { useFormattedText } from './use-formatted-text';\nimport { useText } from './use-text';\n\nexport function useDragAnnouncements(label: (id: UniqueIdentifier) => string, tree = false) {\n  const t = useText();\n  const format = useFormattedText();\n  const announcements: Announcements = {\n    onDragStart: ({ active }) => format('drag.pickedUp', { label: label(active.id) }),\n    onDragOver: ({ over }) =>\n      over ? format('drag.moved', { label: label(over.id) }) : t('drag.outside'),\n    onDragEnd: ({ active, over }) =>\n      over ? format('drag.dropped', { label: label(active.id) }) : t('drag.cancelled'),\n    onDragCancel: () => t('drag.cancelled'),\n  };\n  return {\n    screenReaderInstructions: {\n      draggable: t(tree ? 'tree.reorderInstructions' : 'drag.instructions'),\n    },\n    announcements,\n  };\n}\n"],"names":["useDragAnnouncements","label","tree","t","useText","format","useFormattedText","announcements","active","over"],"mappings":";;;AAIO,SAASA,qBAAqBC,KAAuC,EAAEC,OAAO,KAAK;IACxF,MAAMC,IAAIC;IACV,MAAMC,SAASC;IACf,MAAMC,gBAA+B;QACnC,aAAa,CAAC,EAAEC,MAAM,EAAE,GAAKH,OAAO,iBAAiB;gBAAE,OAAOJ,MAAMO,OAAO,EAAE;YAAE;QAC/E,YAAY,CAAC,EAAEC,IAAI,EAAE,GACnBA,OAAOJ,OAAO,cAAc;gBAAE,OAAOJ,MAAMQ,KAAK,EAAE;YAAE,KAAKN,EAAE;QAC7D,WAAW,CAAC,EAAEK,MAAM,EAAEC,IAAI,EAAE,GAC1BA,OAAOJ,OAAO,gBAAgB;gBAAE,OAAOJ,MAAMO,OAAO,EAAE;YAAE,KAAKL,EAAE;QACjE,cAAc,IAAMA,EAAE;IACxB;IACA,OAAO;QACL,0BAA0B;YACxB,WAAWA,EAAED,OAAO,6BAA6B;QACnD;QACAK;IACF;AACF"}