@ifhover/leaf-ui 0.6.0 → 0.7.0

package/dist/esm/browser/modules/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer/drawer.js","sources":["../../../../../src/drawer/drawer.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { type DialogFocusOptions, useDialog } from '../shared/dialog';\nimport { inertProps } from '../shared/inert';\nimport { OverlayOwner } from '../shared/overlay-owner';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\n\nexport interface DrawerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onResize'>,\n    DialogFocusOptions {\n  open: boolean;\n  title?: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  divided?: boolean;\n  footer?: ReactNode;\n  extra?: ReactNode;\n  placement?: 'left' | 'right' | 'top' | 'bottom';\n  width?: number | string;\n  height?: number | string;\n  closable?: boolean;\n  maskClosable?: boolean;\n  keyboard?: boolean;\n  onClose?: () => void;\n  afterClose?: () => void;\n  forceRender?: boolean;\n  destroyOnClose?: boolean;\n  preserve?: boolean;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n  push?: boolean | number;\n  resizable?: boolean;\n  minSize?: number;\n  maxSize?: number;\n  onResize?: (size: number) => void;\n}\nfunction DrawerSurface({\n  open,\n  title,\n  description,\n  icon,\n  divided = true,\n  footer,\n  extra,\n  placement = 'right',\n  width = 380,\n  height = 300,\n  closable = true,\n  maskClosable = true,\n  keyboard = true,\n  onClose,\n  afterClose,\n  forceRender = false,\n  destroyOnClose = false,\n  preserve,\n  initialFocus,\n  returnFocus,\n  container: _container,\n  push = false,\n  resizable = false,\n  minSize = 240,\n  maxSize = 900,\n  onResize,\n  children,\n  className,\n  style,\n  ...props\n}: DrawerProps) {\n  const { messages, maskBlur } = useLeafConfig();\n  const id = useId();\n  const panel = useRef<HTMLDivElement>(null);\n  const backdrop = useRef<HTMLButtonElement>(null);\n  const content = useRef<HTMLDivElement>(null);\n  const present = usePresence(open, backdrop);\n  const contentRevision = useRef({ children, revision: 0 });\n  if (children !== contentRevision.current.children)\n    contentRevision.current = { children, revision: contentRevision.current.revision + 1 };\n  useContentTransition(content, `${open}:${contentRevision.current.revision}`, 0, true);\n  const owner = useContext(OverlayOwner);\n  const [resized, setResized] = useState<number>();\n  const stopDragging = useRef<(() => void) | undefined>(undefined);\n  useEffect(() => () => stopDragging.current?.(), []);\n  const horizontal = placement === 'left' || placement === 'right';\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Resizing resets when the configured dimensions change.\n  useEffect(() => {\n    setResized(undefined);\n  }, [width, height]);\n  useEffect(() => {\n    if (!open || !push || !owner) return;\n    const parent = document.getElementById(owner);\n    if (!parent) return;\n    const previous = parent.style.transform;\n    const distance = typeof push === 'number' ? push : 40;\n    parent.style.transform = `translate${horizontal ? 'X' : 'Y'}(${placement === 'right' || placement === 'bottom' ? -distance : distance}px)`;\n    return () => {\n      parent.style.transform = previous;\n    };\n  }, [open, push, owner, placement, horizontal]);\n  const previous = useRef(false);\n  useEffect(() => {\n    if (previous.current && !present) afterClose?.();\n    previous.current = present;\n  }, [present, afterClose]);\n  useDialog(open, panel, id, () => onClose?.(), keyboard, { initialFocus, returnFocus });\n  const visited = useRef(false);\n  if (open) visited.current = true;\n  if (\n    !present &&\n    !forceRender &&\n    ((preserve === undefined ? destroyOnClose : !preserve) || !visited.current)\n  )\n    return null;\n  return (\n    <div\n      hidden={!present}\n      className={classes('leaf-drawer-mask', `leaf-drawer-mask--${placement}`)}\n      data-blur={maskBlur ? undefined : 'off'}\n      data-state={open ? 'open' : 'closing'}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n    >\n      <button\n        ref={backdrop}\n        type=\"button\"\n        tabIndex={-1}\n        className=\"leaf-drawer-backdrop\"\n        aria-label={messages.common.close}\n        onClick={() => {\n          if (maskClosable) onClose?.();\n        }}\n      />\n      <div\n        {...props}\n        ref={panel}\n        id={props.id ?? id}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title != null ? `${id}-title` : props['aria-labelledby']}\n        aria-describedby={\n          [props['aria-describedby'], description != null && `${id}-description`]\n            .filter(Boolean)\n            .join(' ') || undefined\n        }\n        tabIndex={-1}\n        className={classes('leaf-drawer', divided && 'leaf-drawer--divided', className)}\n        style={{\n          ...(horizontal\n            ? { width: resized ?? width, height: '100%' }\n            : { height: resized ?? height, width: '100%' }),\n          ...style,\n        }}\n      >\n        {resizable && (\n          // biome-ignore lint/a11y/useSemanticElements: This is the adjustable ARIA window-splitter handle, not a decorative separator.\n          <div\n            role=\"separator\"\n            tabIndex={0}\n            aria-label={messages.tree.expand}\n            aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n            aria-valuemin={minSize}\n            aria-valuemax={maxSize}\n            aria-valuenow={\n              resized ??\n              (typeof (horizontal ? width : height) === 'number'\n                ? Number(horizontal ? width : height)\n                : undefined)\n            }\n            className=\"leaf-drawer__resize\"\n            onPointerDown={(event) => {\n              if (!panel.current) return;\n              stopDragging.current?.();\n              event.preventDefault();\n              event.currentTarget.setPointerCapture(event.pointerId);\n              const start = horizontal ? event.clientX : event.clientY;\n              const bounds = panel.current.getBoundingClientRect();\n              const size = horizontal ? bounds.width : bounds.height;\n              const update = (event: PointerEvent) => {\n                const next = Math.min(\n                  maxSize,\n                  Math.max(\n                    minSize,\n                    size +\n                      ((horizontal ? event.clientX : event.clientY) - start) *\n                        (placement === 'right' || placement === 'bottom' ? -1 : 1),\n                  ),\n                );\n                setResized(next);\n                onResize?.(next);\n              };\n              const end = () => {\n                window.removeEventListener('pointermove', update);\n                window.removeEventListener('pointerup', end);\n                window.removeEventListener('pointercancel', end);\n              };\n              stopDragging.current = end;\n              window.addEventListener('pointermove', update);\n              window.addEventListener('pointerup', end, { once: true });\n              window.addEventListener('pointercancel', end, { once: true });\n            }}\n            onKeyDown={(event) => {\n              if (!panel.current) return;\n              if (!['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)) return;\n              event.preventDefault();\n              const bounds = panel.current.getBoundingClientRect();\n              const size = horizontal ? bounds.width : bounds.height;\n              const next = Math.min(\n                maxSize,\n                Math.max(\n                  minSize,\n                  size +\n                    (['ArrowRight', 'ArrowDown'].includes(event.key) ? 10 : -10) *\n                      (placement === 'right' || placement === 'bottom' ? -1 : 1),\n                ),\n              );\n              setResized(next);\n              onResize?.(next);\n            }}\n          />\n        )}\n        <OverlayOwner.Provider value={id}>\n          {(title != null || description != null || icon != null || closable || extra) && (\n            <div\n              className={classes(\n                'leaf-drawer__header',\n                title == null &&\n                  description == null &&\n                  icon == null &&\n                  'leaf-drawer__header--compact',\n              )}\n            >\n              {icon != null && (\n                <span className=\"leaf-drawer__icon\" aria-hidden=\"true\">\n                  {icon}\n                </span>\n              )}\n              {(title != null || description != null) && (\n                <div className=\"leaf-drawer__heading\">\n                  {title != null && <h2 id={`${id}-title`}>{title}</h2>}\n                  {description != null && (\n                    <div id={`${id}-description`} className=\"leaf-drawer__description\">\n                      {description}\n                    </div>\n                  )}\n                </div>\n              )}\n              {extra && <div className=\"leaf-drawer__extra\">{extra}</div>}\n              {closable && (\n                <button\n                  type=\"button\"\n                  className=\"leaf-modal__close\"\n                  aria-label={messages.common.close}\n                  onClick={onClose}\n                >\n                  <X size={18} aria-hidden=\"true\" />\n                </button>\n              )}\n            </div>\n          )}\n          <div className=\"leaf-drawer__body\">\n            <div ref={content} className=\"leaf-drawer__content\">\n              {children}\n            </div>\n          </div>\n          {footer != null && <div className=\"leaf-drawer__footer\">{footer}</div>}\n        </OverlayOwner.Provider>\n      </div>\n    </div>\n  );\n}\nexport function Drawer(rawProps: DrawerProps) {\n  const props = useComponentProps('Drawer', rawProps);\n  return (\n    <ScopedPortal container={props.container}>\n      <DrawerSurface {...props} />\n    </ScopedPortal>\n  );\n}\n"],"names":["DrawerSurface","open","title","description","icon","divided","footer","extra","placement","width","height","closable","maskClosable","keyboard","onClose","afterClose","forceRender","destroyOnClose","preserve","initialFocus","returnFocus","_container","push","resizable","minSize","maxSize","onResize","children","className","style","props","messages","maskBlur","useLeafConfig","id","useId","panel","useRef","backdrop","content","present","usePresence","contentRevision","useContentTransition","owner","useContext","OverlayOwner","resized","setResized","useState","stopDragging","undefined","useEffect","horizontal","parent","document","previous","distance","useDialog","visited","classes","inertProps","Boolean","Number","event","start","bounds","size","update","next","Math","end","window","X","Drawer","rawProps","useComponentProps","ScopedPortal"],"mappings":"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"}
+{"version":3,"file":"drawer/drawer.js","sources":["../../../../../src/drawer/drawer.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { ScrollbarControl } from '../scrollbar/scrollbar';\nimport { classes } from '../shared/classes';\nimport { type DialogFocusOptions, useDialog } from '../shared/dialog';\nimport { inertProps } from '../shared/inert';\nimport { OverlayOwner } from '../shared/overlay-owner';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\n\nexport interface DrawerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onResize'>,\n    DialogFocusOptions {\n  open: boolean;\n  title?: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  divided?: boolean;\n  footer?: ReactNode;\n  extra?: ReactNode;\n  placement?: 'left' | 'right' | 'top' | 'bottom';\n  width?: number | string;\n  height?: number | string;\n  closable?: boolean;\n  maskClosable?: boolean;\n  keyboard?: boolean;\n  onClose?: () => void;\n  afterClose?: () => void;\n  forceRender?: boolean;\n  destroyOnClose?: boolean;\n  preserve?: boolean;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n  push?: boolean | number;\n  resizable?: boolean;\n  minSize?: number;\n  maxSize?: number;\n  onResize?: (size: number) => void;\n}\nfunction DrawerSurface({\n  open,\n  title,\n  description,\n  icon,\n  divided = true,\n  footer,\n  extra,\n  placement = 'right',\n  width = 380,\n  height = 300,\n  closable = true,\n  maskClosable = true,\n  keyboard = true,\n  onClose,\n  afterClose,\n  forceRender = false,\n  destroyOnClose = false,\n  preserve,\n  initialFocus,\n  returnFocus,\n  container: _container,\n  push = false,\n  resizable = false,\n  minSize = 240,\n  maxSize = 900,\n  onResize,\n  children,\n  className,\n  style,\n  ...props\n}: DrawerProps) {\n  const { messages, maskBlur } = useLeafConfig();\n  const id = useId();\n  const panel = useRef<HTMLDivElement>(null);\n  const backdrop = useRef<HTMLButtonElement>(null);\n  const content = useRef<HTMLDivElement>(null);\n  const present = usePresence(open, backdrop);\n  const contentRevision = useRef({ children, revision: 0 });\n  if (children !== contentRevision.current.children)\n    contentRevision.current = { children, revision: contentRevision.current.revision + 1 };\n  useContentTransition(content, `${open}:${contentRevision.current.revision}`, 0, true);\n  const owner = useContext(OverlayOwner);\n  const [resized, setResized] = useState<number>();\n  const stopDragging = useRef<(() => void) | undefined>(undefined);\n  useEffect(() => () => stopDragging.current?.(), []);\n  const horizontal = placement === 'left' || placement === 'right';\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Resizing resets when the configured dimensions change.\n  useEffect(() => {\n    setResized(undefined);\n  }, [width, height]);\n  useEffect(() => {\n    if (!open || !push || !owner) return;\n    const parent = document.getElementById(owner);\n    if (!parent) return;\n    const previous = parent.style.transform;\n    const distance = typeof push === 'number' ? push : 40;\n    parent.style.transform = `translate${horizontal ? 'X' : 'Y'}(${placement === 'right' || placement === 'bottom' ? -distance : distance}px)`;\n    return () => {\n      parent.style.transform = previous;\n    };\n  }, [open, push, owner, placement, horizontal]);\n  const previous = useRef(false);\n  useEffect(() => {\n    if (previous.current && !present) afterClose?.();\n    previous.current = present;\n  }, [present, afterClose]);\n  useDialog(open, panel, id, () => onClose?.(), keyboard, { initialFocus, returnFocus });\n  const visited = useRef(false);\n  if (open) visited.current = true;\n  if (\n    !present &&\n    !forceRender &&\n    ((preserve === undefined ? destroyOnClose : !preserve) || !visited.current)\n  )\n    return null;\n  return (\n    <div\n      hidden={!present}\n      className={classes('leaf-drawer-mask', `leaf-drawer-mask--${placement}`)}\n      data-blur={maskBlur ? undefined : 'off'}\n      data-state={open ? 'open' : 'closing'}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n    >\n      <button\n        ref={backdrop}\n        type=\"button\"\n        tabIndex={-1}\n        className=\"leaf-drawer-backdrop\"\n        aria-label={messages.common.close}\n        onClick={() => {\n          if (maskClosable) onClose?.();\n        }}\n      />\n      <div\n        {...props}\n        ref={panel}\n        id={props.id ?? id}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title != null ? `${id}-title` : props['aria-labelledby']}\n        aria-describedby={\n          [props['aria-describedby'], description != null && `${id}-description`]\n            .filter(Boolean)\n            .join(' ') || undefined\n        }\n        tabIndex={-1}\n        className={classes('leaf-drawer', divided && 'leaf-drawer--divided', className)}\n        style={{\n          ...(horizontal\n            ? { width: resized ?? width, height: '100%' }\n            : { height: resized ?? height, width: '100%' }),\n          ...style,\n        }}\n      >\n        {resizable && (\n          // biome-ignore lint/a11y/useSemanticElements: This is the adjustable ARIA window-splitter handle, not a decorative separator.\n          <div\n            role=\"separator\"\n            tabIndex={0}\n            aria-label={messages.tree.expand}\n            aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n            aria-valuemin={minSize}\n            aria-valuemax={maxSize}\n            aria-valuenow={\n              resized ??\n              (typeof (horizontal ? width : height) === 'number'\n                ? Number(horizontal ? width : height)\n                : undefined)\n            }\n            className=\"leaf-drawer__resize\"\n            onPointerDown={(event) => {\n              if (!panel.current) return;\n              stopDragging.current?.();\n              event.preventDefault();\n              event.currentTarget.setPointerCapture(event.pointerId);\n              const start = horizontal ? event.clientX : event.clientY;\n              const bounds = panel.current.getBoundingClientRect();\n              const size = horizontal ? bounds.width : bounds.height;\n              const update = (event: PointerEvent) => {\n                const next = Math.min(\n                  maxSize,\n                  Math.max(\n                    minSize,\n                    size +\n                      ((horizontal ? event.clientX : event.clientY) - start) *\n                        (placement === 'right' || placement === 'bottom' ? -1 : 1),\n                  ),\n                );\n                setResized(next);\n                onResize?.(next);\n              };\n              const end = () => {\n                window.removeEventListener('pointermove', update);\n                window.removeEventListener('pointerup', end);\n                window.removeEventListener('pointercancel', end);\n              };\n              stopDragging.current = end;\n              window.addEventListener('pointermove', update);\n              window.addEventListener('pointerup', end, { once: true });\n              window.addEventListener('pointercancel', end, { once: true });\n            }}\n            onKeyDown={(event) => {\n              if (!panel.current) return;\n              if (!['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)) return;\n              event.preventDefault();\n              const bounds = panel.current.getBoundingClientRect();\n              const size = horizontal ? bounds.width : bounds.height;\n              const next = Math.min(\n                maxSize,\n                Math.max(\n                  minSize,\n                  size +\n                    (['ArrowRight', 'ArrowDown'].includes(event.key) ? 10 : -10) *\n                      (placement === 'right' || placement === 'bottom' ? -1 : 1),\n                ),\n              );\n              setResized(next);\n              onResize?.(next);\n            }}\n          />\n        )}\n        <OverlayOwner.Provider value={id}>\n          {(title != null || description != null || icon != null || closable || extra) && (\n            <div\n              className={classes(\n                'leaf-drawer__header',\n                title == null &&\n                  description == null &&\n                  icon == null &&\n                  'leaf-drawer__header--compact',\n              )}\n            >\n              {icon != null && (\n                <span className=\"leaf-drawer__icon\" aria-hidden=\"true\">\n                  {icon}\n                </span>\n              )}\n              {(title != null || description != null) && (\n                <div className=\"leaf-drawer__heading\">\n                  {title != null && <h2 id={`${id}-title`}>{title}</h2>}\n                  {description != null && (\n                    <div id={`${id}-description`} className=\"leaf-drawer__description\">\n                      {description}\n                    </div>\n                  )}\n                </div>\n              )}\n              {extra && <div className=\"leaf-drawer__extra\">{extra}</div>}\n              {closable && (\n                <button\n                  type=\"button\"\n                  className=\"leaf-modal__close\"\n                  aria-label={messages.common.close}\n                  onClick={onClose}\n                >\n                  <X size={18} aria-hidden=\"true\" />\n                </button>\n              )}\n            </div>\n          )}\n          <ScrollbarControl\n            className=\"leaf-drawer__body\"\n            viewportClassName=\"leaf-drawer__viewport\"\n            orientation=\"vertical\"\n            role={title != null || props['aria-label'] ? 'region' : 'presentation'}\n            aria-labelledby={title != null ? `${id}-title` : undefined}\n            aria-label={title == null ? props['aria-label'] : undefined}\n          >\n            <div ref={content} className=\"leaf-drawer__content\">\n              {children}\n            </div>\n          </ScrollbarControl>\n          {footer != null && <div className=\"leaf-drawer__footer\">{footer}</div>}\n        </OverlayOwner.Provider>\n      </div>\n    </div>\n  );\n}\nexport function Drawer(rawProps: DrawerProps) {\n  const props = useComponentProps('Drawer', rawProps);\n  return (\n    <ScopedPortal container={props.container}>\n      <DrawerSurface {...props} />\n    </ScopedPortal>\n  );\n}\n"],"names":["DrawerSurface","open","title","description","icon","divided","footer","extra","placement","width","height","closable","maskClosable","keyboard","onClose","afterClose","forceRender","destroyOnClose","preserve","initialFocus","returnFocus","_container","push","resizable","minSize","maxSize","onResize","children","className","style","props","messages","maskBlur","useLeafConfig","id","useId","panel","useRef","backdrop","content","present","usePresence","contentRevision","useContentTransition","owner","useContext","OverlayOwner","resized","setResized","useState","stopDragging","undefined","useEffect","horizontal","parent","document","previous","distance","useDialog","visited","classes","inertProps","Boolean","Number","event","start","bounds","size","update","next","Math","end","window","X","ScrollbarControl","Drawer","rawProps","useComponentProps","ScopedPortal"],"mappings":"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"}

package/dist/esm/browser/modules/dropdown/dropdown.js

@@ -20,7 +20,7 @@ const flatten = (items)=>items.flatMap((item)=>'group' === item.type ? [
             item
         ]);
 const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
-function DropdownControl({ items, children, disabled, open: controlled, defaultOpen = false, onOpenChange, onSelect, placement = 'bottom-start', popupWidth, popupMaxWidth = 420, trigger: triggerType = 'click', mouseEnterDelay = 100, mouseLeaveDelay = 150, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, itemRender }) {
+function DropdownControl({ items, children, disabled, open: controlled, defaultOpen = false, onOpenChange, onSelect, placement = 'bottom-start', popupWidth, popupMaxWidth = 420, trigger: triggerType = 'click', mouseEnterDelay = 100, mouseLeaveDelay = 150, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, itemRender, navigation }) {
     const triggers = Array.isArray(triggerType) ? triggerType : [
         triggerType
     ];
@@ -173,6 +173,7 @@ function DropdownControl({ items, children, disabled, open: controlled, defaultO
                 }
             }),
             /*#__PURE__*/ jsx(MenuPanel, {
+                navigation: navigation,
                 items: items,
                 open: open,
                 trigger: trigger,
@@ -200,7 +201,7 @@ function DropdownControl({ items, children, disabled, open: controlled, defaultO
         ]
     });
 }
-function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, startAtEnd, register, unregister, checks, choose, close, onTab, position, pointerOpen, onPointerEnter, onPointerLeave, popupClassName, popupStyle, popupRender, getPopupContainer, itemRender }) {
+function MenuPanel({ navigation, items, open, trigger, id, placement, width, maxWidth, startAtEnd, register, unregister, checks, choose, close, onTab, position, pointerOpen, onPointerEnter, onPointerLeave, popupClassName, popupStyle, popupRender, getPopupContainer, itemRender }) {
     const { direction } = useLeafConfig();
     const panel = useRef(null);
     const submenuTrigger = useRef(null);
@@ -289,9 +290,12 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
     };
     const child = rows.find((item)=>item.key === submenu);
     const activeItem = rows.find((item)=>item.key === current);
+    const containsSelected = (item)=>item.key === navigation?.selectedKey || Boolean(item.children?.some(containsSelected));
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs(FloatingPanel, {
+                sideFallback: Boolean(navigation),
+                resetSurfaceGeometry: Boolean(navigation),
                 open: open,
                 triggerRef: trigger,
                 panelRef: panel,
@@ -299,7 +303,7 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
                 placement: placement,
                 width: width,
                 maxWidth: maxWidth,
-                className: classes('leaf-floating', 'leaf-dropdown', popupClassName),
+                className: classes('leaf-floating', 'leaf-dropdown', navigation && 'leaf-menu__popup', popupClassName),
                 position: position,
                 onPointerEnter: onPointerEnter,
                 onPointerLeave: onPointerLeave,
@@ -307,15 +311,20 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
                 render: popupRender,
                 container: getPopupContainer,
                 role: "menu",
+                "aria-label": 'string' == typeof navigation?.title ? navigation.title : void 0,
                 tabIndex: -1,
                 onKeyDown: keyDown,
                 children: [
+                    navigation?.title && /*#__PURE__*/ jsx("div", {
+                        className: "leaf-menu__popup-title",
+                        children: navigation.title
+                    }),
                     /*#__PURE__*/ jsx("div", {
                         className: "leaf-dropdown__highlight",
                         "aria-hidden": "true",
                         "data-ready": Boolean(highlight),
                         "data-danger": activeItem?.danger || void 0,
-                        "data-selected": (activeItem?.type === 'checkbox' || activeItem?.type === 'radio') && (activeItem.checked ?? Boolean(checks[activeItem.key])) || void 0,
+                        "data-selected": navigation && activeItem?.key === navigation.selectedKey || (activeItem?.type === 'checkbox' || activeItem?.type === 'radio') && (activeItem.checked ?? Boolean(checks[activeItem.key])) || void 0,
                         style: highlight
                     }),
                     rows.map((item)=>'divider' === item.type ? /*#__PURE__*/ jsx("hr", {
@@ -330,6 +339,8 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
                             role: 'checkbox' === item.type ? 'menuitemcheckbox' : 'radio' === item.type ? 'menuitemradio' : 'menuitem',
                             "aria-checked": 'checkbox' === item.type || 'radio' === item.type ? item.checked ?? Boolean(checks[item.key]) : void 0,
                             "aria-haspopup": item.children?.length ? 'menu' : void 0,
+                            "aria-current": navigation && item.key === navigation.selectedKey ? 'page' : void 0,
+                            "data-active-parent": navigation && item.children?.length && containsSelected(item) ? true : void 0,
                             "aria-expanded": item.children?.length ? submenu === item.key : void 0,
                             disabled: item.disabled,
                             tabIndex: current === item.key ? 0 : -1,
@@ -365,8 +376,13 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
                                         opacity: item.checked ?? checks[item.key] ? 1 : 0
                                     },
                                     "aria-hidden": "true"
+                                }) : navigation && item.icon ? /*#__PURE__*/ jsx("span", {
+                                    className: "leaf-menu__popup-icon",
+                                    "aria-hidden": "true",
+                                    children: item.icon
                                 }) : item.icon,
                                 /*#__PURE__*/ jsx("span", {
+                                    className: navigation ? 'leaf-menu__popup-label' : void 0,
                                     children: itemRender?.(item) ?? item.label
                                 }),
                                 item.children?.length ? /*#__PURE__*/ jsx(ChevronRight, {
@@ -379,6 +395,9 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
                 ]
             }),
             child?.children && /*#__PURE__*/ jsx(MenuPanel, {
+                navigation: navigation ? {
+                    selectedKey: navigation.selectedKey
+                } : void 0,
                 items: child.children,
                 open: open && Boolean(submenu),
                 trigger: submenuTrigger,
@@ -390,6 +409,7 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
                 getPopupContainer: getPopupContainer,
                 itemRender: itemRender,
                 maxWidth: maxWidth,
+                width: navigation ? width : void 0,
                 register: register,
                 unregister: unregister,
                 checks: checks,
@@ -407,6 +427,7 @@ function MenuAction({ item, children, ...props }) {
         rel: '_blank' === item.target ? 'noopener noreferrer' : void 0,
         role: props.role,
         "aria-disabled": item.disabled || void 0,
+        "aria-current": props['aria-current'],
         className: props.className,
         tabIndex: props.tabIndex,
         "data-key": item.key,

package/dist/esm/browser/modules/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown/dropdown.js","sources":["../../../../../src/dropdown/dropdown.tsx"],"sourcesContent":["import { Check, ChevronRight, Circle } from 'lucide-react';\nimport {\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  cloneElement,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  version,\n} from 'react';\nimport { tabbable } from 'tabbable';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport type { PopupOptions } from '../shared/floating';\nimport { FloatingPanel } from '../shared/floating';\nexport interface DropdownItem {\n  key: string;\n  label?: ReactNode;\n  icon?: ReactNode;\n  type?: 'item' | 'divider' | 'group' | 'checkbox' | 'radio';\n  children?: readonly DropdownItem[];\n  disabled?: boolean;\n  danger?: boolean;\n  checked?: boolean;\n  group?: string;\n  closeOnSelect?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  href?: string;\n  target?: string;\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n}\nexport interface DropdownProps extends PopupOptions {\n  items: readonly DropdownItem[];\n  children: ReactElement<\n    ButtonHTMLAttributes<HTMLButtonElement> & { ref?: Ref<HTMLButtonElement> }\n  >;\n  disabled?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onSelect?: (key: string) => void;\n  placement?: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';\n  popupWidth?: number | string;\n  popupMaxWidth?: number | string;\n  trigger?: 'click' | 'hover' | 'contextMenu' | readonly ('click' | 'hover' | 'contextMenu')[];\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  itemRender?: (item: DropdownItem) => ReactNode;\n}\nconst flatten = (items: readonly DropdownItem[]): DropdownItem[] =>\n  items.flatMap((item) =>\n    item.type === 'group'\n      ? [{ ...item, children: undefined }, ...flatten(item.children ?? [])]\n      : [item],\n  );\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nexport function DropdownControl({\n  items,\n  children,\n  disabled,\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  onSelect,\n  placement = 'bottom-start',\n  popupWidth,\n  popupMaxWidth = 420,\n  trigger: triggerType = 'click',\n  mouseEnterDelay = 100,\n  mouseLeaveDelay = 150,\n  popupPlacement,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n  itemRender,\n}: DropdownProps) {\n  const triggers = Array.isArray(triggerType) ? triggerType : [triggerType];\n  const [position, setPosition] = useState<{ x: number; y: number }>();\n  const [pointerOpen, setPointerOpen] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined);\n  useEffect(() => () => clearTimeout(timer.current), []);\n  const id = useId();\n  const trigger = useRef<HTMLButtonElement>(null);\n  const [internal, setInternal] = useState(defaultOpen);\n  const [startAtEnd, setStartAtEnd] = useState(false);\n  const [checks, setChecks] = useState<Record<string, boolean>>({});\n  const inactive = disabled || children.props.disabled;\n  const open = !inactive && (controlled ?? internal);\n  const panels = useRef(new Set<HTMLDivElement>());\n  const register = useCallback((node: HTMLDivElement | null) => {\n    if (node) panels.current.add(node);\n  }, []);\n  const unregister = useCallback((node: HTMLDivElement) => {\n    panels.current.delete(node);\n  }, []);\n  const childRef = version.startsWith('18.')\n    ? (children as typeof children & { ref?: Ref<HTMLButtonElement> }).ref\n    : children.props.ref;\n  const merged = useMergedRef(trigger, childRef);\n  const change = (next: boolean) => {\n    if (controlled === undefined) setInternal(next);\n    if (next !== open) onOpenChange?.(next);\n  };\n  const close = (focus = false) => {\n    change(false);\n    if (focus) trigger.current?.focus();\n  };\n  const hoverEnter = () => {\n    clearTimeout(timer.current);\n    if (triggers.includes('hover') && !inactive)\n      timer.current = setTimeout(() => {\n        setPosition(undefined);\n        setPointerOpen(true);\n        change(true);\n      }, mouseEnterDelay);\n  };\n  const hoverLeave = () => {\n    clearTimeout(timer.current);\n    if (triggers.includes('hover')) timer.current = setTimeout(() => close(), mouseLeaveDelay);\n  };\n  useEffect(() => {\n    if (inactive) setInternal(false);\n  }, [inactive]);\n  useEffect(() => {\n    if (!open) return;\n    const inside = (target: EventTarget | null) =>\n      target instanceof Node &&\n      (trigger.current?.contains(target) ||\n        [...panels.current].some((panel) => panel.contains(target)));\n    const pointer = (event: PointerEvent) => {\n      if (!inside(event.target)) close();\n    };\n    const focus = (event: FocusEvent) => {\n      if (!inside(event.target)) close();\n    };\n    document.addEventListener('pointerdown', pointer);\n    document.addEventListener('focusin', focus);\n    return () => {\n      document.removeEventListener('pointerdown', pointer);\n      document.removeEventListener('focusin', focus);\n    };\n  });\n  const choose = (item: DropdownItem, event: MouseEvent<HTMLElement>) => {\n    if (item.disabled) return;\n    if (item.type === 'checkbox' || item.type === 'radio') {\n      const checked = item.type === 'radio' || !(item.checked ?? checks[item.key]);\n      setChecks((previous) => {\n        const next = { ...previous, [item.key]: checked };\n        if (item.type === 'radio') {\n          const visit = (entries: readonly DropdownItem[]) => {\n            for (const option of entries) {\n              if (option.type === 'radio' && option.group === item.group)\n                next[option.key] = option.key === item.key;\n              if (option.children) visit(option.children);\n            }\n          };\n          visit(items);\n        }\n        return next;\n      });\n      item.onCheckedChange?.(checked);\n    }\n    item.onClick?.(event);\n    onSelect?.(item.key);\n    if (item.closeOnSelect ?? (item.type !== 'checkbox' && item.type !== 'radio')) close(true);\n  };\n  const tab = (event: KeyboardEvent) => {\n    event.preventDefault();\n    const all = tabbable(document.body).filter(\n      (element) => ![...panels.current].some((panel) => panel.contains(element)),\n    );\n    const position = trigger.current ? all.indexOf(trigger.current) : -1;\n    close();\n    (event.shiftKey ? trigger.current : (all[position + 1] ?? trigger.current))?.focus();\n  };\n  return (\n    <>\n      {cloneElement(children, {\n        ref: merged,\n        type: children.props.type ?? 'button',\n        disabled: inactive,\n        'aria-haspopup': 'menu',\n        'aria-expanded': open,\n        'aria-controls': `${id}-root`,\n        onClick: (event) => {\n          children.props.onClick?.(event);\n          if (!event.defaultPrevented && !inactive && triggers.includes('click')) {\n            setPosition(undefined);\n            setPointerOpen(false);\n            setStartAtEnd(false);\n            change(!open);\n          }\n        },\n        onPointerEnter: (event) => {\n          children.props.onPointerEnter?.(event);\n          if (!event.defaultPrevented) hoverEnter();\n        },\n        onPointerLeave: (event) => {\n          children.props.onPointerLeave?.(event);\n          if (!event.defaultPrevented) hoverLeave();\n        },\n        onContextMenu: (event) => {\n          children.props.onContextMenu?.(event);\n          if (!event.defaultPrevented && !inactive && triggers.includes('contextMenu')) {\n            event.preventDefault();\n            setPosition({ x: event.clientX, y: event.clientY });\n            setPointerOpen(false);\n            change(true);\n          }\n        },\n        onKeyDown: (event) => {\n          children.props.onKeyDown?.(event);\n          if (event.defaultPrevented || inactive) return;\n          if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            setStartAtEnd(event.key === 'ArrowUp');\n            setPosition(undefined);\n            setPointerOpen(false);\n            change(true);\n          }\n        },\n      })}\n      <MenuPanel\n        items={items}\n        open={open}\n        trigger={trigger}\n        id={`${id}-root`}\n        placement={(popupPlacement ?? placement) as PanelProps['placement']}\n        position={position}\n        pointerOpen={pointerOpen}\n        onPointerEnter={() => clearTimeout(timer.current)}\n        onPointerLeave={hoverLeave}\n        popupClassName={popupClassName}\n        popupStyle={popupStyle}\n        popupRender={popupRender}\n        getPopupContainer={getPopupContainer}\n        itemRender={itemRender}\n        width={popupWidth}\n        maxWidth={popupMaxWidth}\n        startAtEnd={startAtEnd}\n        register={register}\n        unregister={unregister}\n        checks={checks}\n        choose={choose}\n        close={() => close(true)}\n        onTab={tab}\n      />\n    </>\n  );\n}\ninterface PanelProps extends PopupOptions {\n  items: readonly DropdownItem[];\n  open: boolean;\n  trigger: RefObject<HTMLElement | null>;\n  id: string;\n  placement: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'left-start';\n  width?: number | string;\n  maxWidth: number | string;\n  startAtEnd?: boolean;\n  register: (node: HTMLDivElement | null) => void;\n  unregister: (node: HTMLDivElement) => void;\n  checks: Record<string, boolean>;\n  choose: (item: DropdownItem, event: MouseEvent<HTMLElement>) => void;\n  close: () => void;\n  onTab: (event: KeyboardEvent) => void;\n  position?: { x: number; y: number };\n  pointerOpen?: boolean;\n  onPointerEnter?: () => void;\n  onPointerLeave?: () => void;\n  itemRender?: (item: DropdownItem) => ReactNode;\n}\nfunction MenuPanel({\n  items,\n  open,\n  trigger,\n  id,\n  placement,\n  width,\n  maxWidth,\n  startAtEnd,\n  register,\n  unregister,\n  checks,\n  choose,\n  close,\n  onTab,\n  position,\n  pointerOpen,\n  onPointerEnter,\n  onPointerLeave,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n  itemRender,\n}: PanelProps) {\n  const { direction } = useLeafConfig();\n  const panel = useRef<HTMLDivElement>(null);\n  const submenuTrigger = useRef<HTMLElement | null>(null);\n  const rows = flatten(items);\n  const enabled = rows.filter(\n    (item) => !item.disabled && item.type !== 'group' && item.type !== 'divider',\n  );\n  const [active, setActive] = useState<string>();\n  const [submenu, setSubmenu] = useState<string>();\n  const [highlight, setHighlight] = useState<CSSProperties>();\n  const current = enabled.some((item) => item.key === active)\n    ? active\n    : startAtEnd\n      ? enabled.at(-1)?.key\n      : enabled[0]?.key;\n  useBrowserLayoutEffect(() => {\n    const node = panel.current;\n    if (!open || !node) return;\n    const update = () => {\n      const row = Array.from(node.querySelectorAll<HTMLElement>('[data-key]')).find(\n        (item) => item.dataset.key === current,\n      );\n      setHighlight(\n        row\n          ? ({\n              '--leaf-menu-highlight-y': `${row.offsetTop}px`,\n              '--leaf-menu-highlight-height': `${row.offsetHeight}px`,\n            } as CSSProperties)\n          : undefined,\n      );\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(update);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [open, current]);\n  useEffect(() => {\n    if (!open) {\n      setSubmenu(undefined);\n      return;\n    }\n    const node = panel.current;\n    register(node);\n    const choices = node?.querySelectorAll<HTMLElement>(\n      '[data-key]:not(:disabled):not([aria-disabled=\"true\"])',\n    );\n    const choice = startAtEnd ? choices?.[choices.length - 1] : choices?.[0];\n    setActive(choice?.dataset.key);\n    if (!pointerOpen) choice?.focus();\n    return () => {\n      if (node) unregister(node);\n    };\n  }, [open, startAtEnd, register, unregister, pointerOpen]);\n  const focus = (key?: string) => {\n    setActive(key);\n    if (key)\n      Array.from(panel.current?.querySelectorAll<HTMLElement>('[data-key]') ?? [])\n        .find((node) => node.dataset.key === key)\n        ?.focus();\n  };\n  const keyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.defaultPrevented) return;\n    const index = enabled.findIndex((item) => item.key === current);\n    let next: string | undefined;\n    if (event.key === 'ArrowDown') next = enabled[(index + 1) % enabled.length]?.key;\n    else if (event.key === 'ArrowUp')\n      next = enabled[(index - 1 + enabled.length) % enabled.length]?.key;\n    else if (event.key === 'Home') next = enabled[0]?.key;\n    else if (event.key === 'End') next = enabled.at(-1)?.key;\n    else if (\n      event.key === 'Escape' ||\n      (event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft') &&\n        (placement === 'right-start' || placement === 'left-start'))\n    ) {\n      event.preventDefault();\n      event.stopPropagation();\n      close();\n      trigger.current?.focus();\n      return;\n    } else if (event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight')) {\n      const item = enabled[index];\n      if (item?.children?.length) {\n        submenuTrigger.current = event.target as HTMLElement;\n        setSubmenu(item.key);\n      } else return;\n    } else if (event.key === 'Tab') {\n      onTab(event);\n      return;\n    } else if (event.key.length === 1 && /\\S/.test(event.key))\n      next = [...enabled.slice(index + 1), ...enabled.slice(0, index + 1)].find(\n        (item) =>\n          typeof item.label === 'string' &&\n          item.label.toLocaleLowerCase().startsWith(event.key.toLocaleLowerCase()),\n      )?.key;\n    else return;\n    if (next) {\n      setSubmenu(undefined);\n      focus(next);\n    }\n    event.preventDefault();\n    event.stopPropagation();\n  };\n  const child = rows.find((item) => item.key === submenu);\n  const activeItem = rows.find((item) => item.key === current);\n  return (\n    <>\n      <FloatingPanel\n        open={open}\n        triggerRef={trigger}\n        panelRef={panel}\n        id={id}\n        placement={placement}\n        width={width}\n        maxWidth={maxWidth}\n        className={classes('leaf-floating', 'leaf-dropdown', popupClassName)}\n        position={position}\n        onPointerEnter={onPointerEnter}\n        onPointerLeave={onPointerLeave}\n        style={popupStyle}\n        render={popupRender}\n        container={getPopupContainer}\n        role=\"menu\"\n        tabIndex={-1}\n        onKeyDown={keyDown}\n      >\n        <div\n          className=\"leaf-dropdown__highlight\"\n          aria-hidden=\"true\"\n          data-ready={Boolean(highlight)}\n          data-danger={activeItem?.danger || undefined}\n          data-selected={\n            ((activeItem?.type === 'checkbox' || activeItem?.type === 'radio') &&\n              (activeItem.checked ?? Boolean(checks[activeItem.key]))) ||\n            undefined\n          }\n          style={highlight}\n        />\n        {rows.map((item) =>\n          item.type === 'divider' ? (\n            <hr key={item.key} className=\"leaf-dropdown__divider\" />\n          ) : item.type === 'group' ? (\n            <div key={item.key} className=\"leaf-dropdown__group\" role=\"presentation\">\n              {item.label}\n            </div>\n          ) : (\n            <MenuAction\n              item={item}\n              key={item.key}\n              data-key={item.key}\n              role={\n                item.type === 'checkbox'\n                  ? 'menuitemcheckbox'\n                  : item.type === 'radio'\n                    ? 'menuitemradio'\n                    : 'menuitem'\n              }\n              aria-checked={\n                item.type === 'checkbox' || item.type === 'radio'\n                  ? (item.checked ?? Boolean(checks[item.key]))\n                  : undefined\n              }\n              aria-haspopup={item.children?.length ? 'menu' : undefined}\n              aria-expanded={item.children?.length ? submenu === item.key : undefined}\n              disabled={item.disabled}\n              tabIndex={current === item.key ? 0 : -1}\n              className={classes('leaf-floating__option', item.danger && 'leaf-dropdown__danger')}\n              onFocus={() => setActive(item.key)}\n              onPointerEnter={(event) => {\n                if (item.disabled) return;\n                setActive(item.key);\n                if (item.children?.length) {\n                  submenuTrigger.current = event.currentTarget;\n                  setSubmenu(item.key);\n                } else setSubmenu(undefined);\n              }}\n              onClick={(event) => {\n                if (item.children?.length) {\n                  submenuTrigger.current = event.currentTarget;\n                  setSubmenu((previous) => (previous === item.key ? undefined : item.key));\n                } else choose(item, event);\n              }}\n            >\n              {item.type === 'checkbox' ? (\n                <Check\n                  size={15}\n                  className=\"leaf-dropdown__check\"\n                  style={{ opacity: (item.checked ?? checks[item.key]) ? 1 : 0 }}\n                  aria-hidden=\"true\"\n                />\n              ) : item.type === 'radio' ? (\n                <Circle\n                  size={8}\n                  className=\"leaf-dropdown__check\"\n                  fill=\"currentColor\"\n                  style={{ opacity: (item.checked ?? checks[item.key]) ? 1 : 0 }}\n                  aria-hidden=\"true\"\n                />\n              ) : (\n                item.icon\n              )}\n              <span>{itemRender?.(item) ?? item.label}</span>\n              {item.children?.length ? (\n                <ChevronRight size={14} className=\"leaf-dropdown__arrow\" aria-hidden=\"true\" />\n              ) : null}\n            </MenuAction>\n          ),\n        )}\n      </FloatingPanel>\n      {child?.children && (\n        <MenuPanel\n          items={child.children}\n          open={open && Boolean(submenu)}\n          trigger={submenuTrigger}\n          id={`${id}-sub`}\n          placement={direction === 'rtl' ? 'left-start' : 'right-start'}\n          pointerOpen={pointerOpen}\n          onPointerEnter={onPointerEnter}\n          onPointerLeave={onPointerLeave}\n          getPopupContainer={getPopupContainer}\n          itemRender={itemRender}\n          maxWidth={maxWidth}\n          register={register}\n          unregister={unregister}\n          checks={checks}\n          choose={choose}\n          close={() => setSubmenu(undefined)}\n          onTab={onTab}\n        />\n      )}\n    </>\n  );\n}\n\nfunction MenuAction({\n  item,\n  children,\n  ...props\n}: { item: DropdownItem } & ButtonHTMLAttributes<HTMLButtonElement>) {\n  if (item.href && !item.children?.length)\n    return (\n      <a\n        href={item.disabled ? undefined : item.href}\n        target={item.target}\n        rel={item.target === '_blank' ? 'noopener noreferrer' : undefined}\n        role={props.role}\n        aria-disabled={item.disabled || undefined}\n        className={props.className}\n        tabIndex={props.tabIndex}\n        data-key={item.key}\n        onFocus={props.onFocus as never}\n        onPointerEnter={props.onPointerEnter as never}\n        onClick={(event) => {\n          if (item.disabled) event.preventDefault();\n          else props.onClick?.(event as never);\n        }}\n      >\n        {children}\n      </a>\n    );\n  return (\n    <button {...props} type=\"button\">\n      {children}\n    </button>\n  );\n}\n\nexport function Dropdown(rawProps: DropdownProps) {\n  const props = useComponentProps('Dropdown', rawProps);\n  return <DropdownControl {...props} />;\n}\n"],"names":["flatten","items","item","undefined","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","DropdownControl","children","disabled","controlled","defaultOpen","onOpenChange","onSelect","placement","popupWidth","popupMaxWidth","triggerType","mouseEnterDelay","mouseLeaveDelay","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","itemRender","triggers","Array","position","setPosition","useState","pointerOpen","setPointerOpen","timer","useRef","clearTimeout","id","useId","trigger","internal","setInternal","startAtEnd","setStartAtEnd","checks","setChecks","inactive","open","panels","Set","register","useCallback","node","unregister","childRef","version","merged","useMergedRef","change","next","close","focus","hoverEnter","setTimeout","hoverLeave","inside","target","Node","panel","pointer","event","document","choose","checked","previous","visit","entries","option","tab","all","tabbable","element","cloneElement","MenuPanel","width","maxWidth","onTab","onPointerEnter","onPointerLeave","direction","useLeafConfig","submenuTrigger","rows","enabled","active","setActive","submenu","setSubmenu","highlight","setHighlight","current","update","row","ResizeObserver","observer","choices","choice","key","keyDown","index","child","activeItem","FloatingPanel","classes","Boolean","MenuAction","Check","Circle","ChevronRight","props","Dropdown","rawProps","useComponentProps"],"mappings":"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"}
+{"version":3,"file":"dropdown/dropdown.js","sources":["../../../../../src/dropdown/dropdown.tsx"],"sourcesContent":["import { Check, ChevronRight, Circle } from 'lucide-react';\nimport {\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  cloneElement,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  version,\n} from 'react';\nimport { tabbable } from 'tabbable';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport type { PopupOptions } from '../shared/floating';\nimport { FloatingPanel } from '../shared/floating';\nexport interface DropdownItem {\n  key: string;\n  label?: ReactNode;\n  icon?: ReactNode;\n  type?: 'item' | 'divider' | 'group' | 'checkbox' | 'radio';\n  children?: readonly DropdownItem[];\n  disabled?: boolean;\n  danger?: boolean;\n  checked?: boolean;\n  group?: string;\n  closeOnSelect?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  href?: string;\n  target?: string;\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n}\nexport interface DropdownProps extends PopupOptions {\n  items: readonly DropdownItem[];\n  children: ReactElement<\n    ButtonHTMLAttributes<HTMLButtonElement> & { ref?: Ref<HTMLButtonElement> }\n  >;\n  disabled?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onSelect?: (key: string) => void;\n  placement?: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';\n  popupWidth?: number | string;\n  popupMaxWidth?: number | string;\n  trigger?: 'click' | 'hover' | 'contextMenu' | readonly ('click' | 'hover' | 'contextMenu')[];\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  itemRender?: (item: DropdownItem) => ReactNode;\n}\nconst flatten = (items: readonly DropdownItem[]): DropdownItem[] =>\n  items.flatMap((item) =>\n    item.type === 'group'\n      ? [{ ...item, children: undefined }, ...flatten(item.children ?? [])]\n      : [item],\n  );\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\ninterface NavigationMenu {\n  selectedKey?: string;\n  title?: ReactNode;\n}\ninterface DropdownControlProps extends DropdownProps {\n  navigation?: NavigationMenu;\n}\nexport function DropdownControl({\n  items,\n  children,\n  disabled,\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  onSelect,\n  placement = 'bottom-start',\n  popupWidth,\n  popupMaxWidth = 420,\n  trigger: triggerType = 'click',\n  mouseEnterDelay = 100,\n  mouseLeaveDelay = 150,\n  popupPlacement,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n  itemRender,\n  navigation,\n}: DropdownControlProps) {\n  const triggers = Array.isArray(triggerType) ? triggerType : [triggerType];\n  const [position, setPosition] = useState<{ x: number; y: number }>();\n  const [pointerOpen, setPointerOpen] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined);\n  useEffect(() => () => clearTimeout(timer.current), []);\n  const id = useId();\n  const trigger = useRef<HTMLButtonElement>(null);\n  const [internal, setInternal] = useState(defaultOpen);\n  const [startAtEnd, setStartAtEnd] = useState(false);\n  const [checks, setChecks] = useState<Record<string, boolean>>({});\n  const inactive = disabled || children.props.disabled;\n  const open = !inactive && (controlled ?? internal);\n  const panels = useRef(new Set<HTMLDivElement>());\n  const register = useCallback((node: HTMLDivElement | null) => {\n    if (node) panels.current.add(node);\n  }, []);\n  const unregister = useCallback((node: HTMLDivElement) => {\n    panels.current.delete(node);\n  }, []);\n  const childRef = version.startsWith('18.')\n    ? (children as typeof children & { ref?: Ref<HTMLButtonElement> }).ref\n    : children.props.ref;\n  const merged = useMergedRef(trigger, childRef);\n  const change = (next: boolean) => {\n    if (controlled === undefined) setInternal(next);\n    if (next !== open) onOpenChange?.(next);\n  };\n  const close = (focus = false) => {\n    change(false);\n    if (focus) trigger.current?.focus();\n  };\n  const hoverEnter = () => {\n    clearTimeout(timer.current);\n    if (triggers.includes('hover') && !inactive)\n      timer.current = setTimeout(() => {\n        setPosition(undefined);\n        setPointerOpen(true);\n        change(true);\n      }, mouseEnterDelay);\n  };\n  const hoverLeave = () => {\n    clearTimeout(timer.current);\n    if (triggers.includes('hover')) timer.current = setTimeout(() => close(), mouseLeaveDelay);\n  };\n  useEffect(() => {\n    if (inactive) setInternal(false);\n  }, [inactive]);\n  useEffect(() => {\n    if (!open) return;\n    const inside = (target: EventTarget | null) =>\n      target instanceof Node &&\n      (trigger.current?.contains(target) ||\n        [...panels.current].some((panel) => panel.contains(target)));\n    const pointer = (event: PointerEvent) => {\n      if (!inside(event.target)) close();\n    };\n    const focus = (event: FocusEvent) => {\n      if (!inside(event.target)) close();\n    };\n    document.addEventListener('pointerdown', pointer);\n    document.addEventListener('focusin', focus);\n    return () => {\n      document.removeEventListener('pointerdown', pointer);\n      document.removeEventListener('focusin', focus);\n    };\n  });\n  const choose = (item: DropdownItem, event: MouseEvent<HTMLElement>) => {\n    if (item.disabled) return;\n    if (item.type === 'checkbox' || item.type === 'radio') {\n      const checked = item.type === 'radio' || !(item.checked ?? checks[item.key]);\n      setChecks((previous) => {\n        const next = { ...previous, [item.key]: checked };\n        if (item.type === 'radio') {\n          const visit = (entries: readonly DropdownItem[]) => {\n            for (const option of entries) {\n              if (option.type === 'radio' && option.group === item.group)\n                next[option.key] = option.key === item.key;\n              if (option.children) visit(option.children);\n            }\n          };\n          visit(items);\n        }\n        return next;\n      });\n      item.onCheckedChange?.(checked);\n    }\n    item.onClick?.(event);\n    onSelect?.(item.key);\n    if (item.closeOnSelect ?? (item.type !== 'checkbox' && item.type !== 'radio')) close(true);\n  };\n  const tab = (event: KeyboardEvent) => {\n    event.preventDefault();\n    const all = tabbable(document.body).filter(\n      (element) => ![...panels.current].some((panel) => panel.contains(element)),\n    );\n    const position = trigger.current ? all.indexOf(trigger.current) : -1;\n    close();\n    (event.shiftKey ? trigger.current : (all[position + 1] ?? trigger.current))?.focus();\n  };\n  return (\n    <>\n      {cloneElement(children, {\n        ref: merged,\n        type: children.props.type ?? 'button',\n        disabled: inactive,\n        'aria-haspopup': 'menu',\n        'aria-expanded': open,\n        'aria-controls': `${id}-root`,\n        onClick: (event) => {\n          children.props.onClick?.(event);\n          if (!event.defaultPrevented && !inactive && triggers.includes('click')) {\n            setPosition(undefined);\n            setPointerOpen(false);\n            setStartAtEnd(false);\n            change(!open);\n          }\n        },\n        onPointerEnter: (event) => {\n          children.props.onPointerEnter?.(event);\n          if (!event.defaultPrevented) hoverEnter();\n        },\n        onPointerLeave: (event) => {\n          children.props.onPointerLeave?.(event);\n          if (!event.defaultPrevented) hoverLeave();\n        },\n        onContextMenu: (event) => {\n          children.props.onContextMenu?.(event);\n          if (!event.defaultPrevented && !inactive && triggers.includes('contextMenu')) {\n            event.preventDefault();\n            setPosition({ x: event.clientX, y: event.clientY });\n            setPointerOpen(false);\n            change(true);\n          }\n        },\n        onKeyDown: (event) => {\n          children.props.onKeyDown?.(event);\n          if (event.defaultPrevented || inactive) return;\n          if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            setStartAtEnd(event.key === 'ArrowUp');\n            setPosition(undefined);\n            setPointerOpen(false);\n            change(true);\n          }\n        },\n      })}\n      <MenuPanel\n        navigation={navigation}\n        items={items}\n        open={open}\n        trigger={trigger}\n        id={`${id}-root`}\n        placement={(popupPlacement ?? placement) as PanelProps['placement']}\n        position={position}\n        pointerOpen={pointerOpen}\n        onPointerEnter={() => clearTimeout(timer.current)}\n        onPointerLeave={hoverLeave}\n        popupClassName={popupClassName}\n        popupStyle={popupStyle}\n        popupRender={popupRender}\n        getPopupContainer={getPopupContainer}\n        itemRender={itemRender}\n        width={popupWidth}\n        maxWidth={popupMaxWidth}\n        startAtEnd={startAtEnd}\n        register={register}\n        unregister={unregister}\n        checks={checks}\n        choose={choose}\n        close={() => close(true)}\n        onTab={tab}\n      />\n    </>\n  );\n}\ninterface PanelProps extends PopupOptions {\n  navigation?: NavigationMenu;\n  items: readonly DropdownItem[];\n  open: boolean;\n  trigger: RefObject<HTMLElement | null>;\n  id: string;\n  placement: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'left-start';\n  width?: number | string;\n  maxWidth: number | string;\n  startAtEnd?: boolean;\n  register: (node: HTMLDivElement | null) => void;\n  unregister: (node: HTMLDivElement) => void;\n  checks: Record<string, boolean>;\n  choose: (item: DropdownItem, event: MouseEvent<HTMLElement>) => void;\n  close: () => void;\n  onTab: (event: KeyboardEvent) => void;\n  position?: { x: number; y: number };\n  pointerOpen?: boolean;\n  onPointerEnter?: () => void;\n  onPointerLeave?: () => void;\n  itemRender?: (item: DropdownItem) => ReactNode;\n}\nfunction MenuPanel({\n  navigation,\n  items,\n  open,\n  trigger,\n  id,\n  placement,\n  width,\n  maxWidth,\n  startAtEnd,\n  register,\n  unregister,\n  checks,\n  choose,\n  close,\n  onTab,\n  position,\n  pointerOpen,\n  onPointerEnter,\n  onPointerLeave,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n  itemRender,\n}: PanelProps) {\n  const { direction } = useLeafConfig();\n  const panel = useRef<HTMLDivElement>(null);\n  const submenuTrigger = useRef<HTMLElement | null>(null);\n  const rows = flatten(items);\n  const enabled = rows.filter(\n    (item) => !item.disabled && item.type !== 'group' && item.type !== 'divider',\n  );\n  const [active, setActive] = useState<string>();\n  const [submenu, setSubmenu] = useState<string>();\n  const [highlight, setHighlight] = useState<CSSProperties>();\n  const current = enabled.some((item) => item.key === active)\n    ? active\n    : startAtEnd\n      ? enabled.at(-1)?.key\n      : enabled[0]?.key;\n  useBrowserLayoutEffect(() => {\n    const node = panel.current;\n    if (!open || !node) return;\n    const update = () => {\n      const row = Array.from(node.querySelectorAll<HTMLElement>('[data-key]')).find(\n        (item) => item.dataset.key === current,\n      );\n      setHighlight(\n        row\n          ? ({\n              '--leaf-menu-highlight-y': `${row.offsetTop}px`,\n              '--leaf-menu-highlight-height': `${row.offsetHeight}px`,\n            } as CSSProperties)\n          : undefined,\n      );\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(update);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [open, current]);\n  useEffect(() => {\n    if (!open) {\n      setSubmenu(undefined);\n      return;\n    }\n    const node = panel.current;\n    register(node);\n    const choices = node?.querySelectorAll<HTMLElement>(\n      '[data-key]:not(:disabled):not([aria-disabled=\"true\"])',\n    );\n    const choice = startAtEnd ? choices?.[choices.length - 1] : choices?.[0];\n    setActive(choice?.dataset.key);\n    if (!pointerOpen) choice?.focus();\n    return () => {\n      if (node) unregister(node);\n    };\n  }, [open, startAtEnd, register, unregister, pointerOpen]);\n  const focus = (key?: string) => {\n    setActive(key);\n    if (key)\n      Array.from(panel.current?.querySelectorAll<HTMLElement>('[data-key]') ?? [])\n        .find((node) => node.dataset.key === key)\n        ?.focus();\n  };\n  const keyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.defaultPrevented) return;\n    const index = enabled.findIndex((item) => item.key === current);\n    let next: string | undefined;\n    if (event.key === 'ArrowDown') next = enabled[(index + 1) % enabled.length]?.key;\n    else if (event.key === 'ArrowUp')\n      next = enabled[(index - 1 + enabled.length) % enabled.length]?.key;\n    else if (event.key === 'Home') next = enabled[0]?.key;\n    else if (event.key === 'End') next = enabled.at(-1)?.key;\n    else if (\n      event.key === 'Escape' ||\n      (event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft') &&\n        (placement === 'right-start' || placement === 'left-start'))\n    ) {\n      event.preventDefault();\n      event.stopPropagation();\n      close();\n      trigger.current?.focus();\n      return;\n    } else if (event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight')) {\n      const item = enabled[index];\n      if (item?.children?.length) {\n        submenuTrigger.current = event.target as HTMLElement;\n        setSubmenu(item.key);\n      } else return;\n    } else if (event.key === 'Tab') {\n      onTab(event);\n      return;\n    } else if (event.key.length === 1 && /\\S/.test(event.key))\n      next = [...enabled.slice(index + 1), ...enabled.slice(0, index + 1)].find(\n        (item) =>\n          typeof item.label === 'string' &&\n          item.label.toLocaleLowerCase().startsWith(event.key.toLocaleLowerCase()),\n      )?.key;\n    else return;\n    if (next) {\n      setSubmenu(undefined);\n      focus(next);\n    }\n    event.preventDefault();\n    event.stopPropagation();\n  };\n  const child = rows.find((item) => item.key === submenu);\n  const activeItem = rows.find((item) => item.key === current);\n  const containsSelected = (item: DropdownItem): boolean =>\n    item.key === navigation?.selectedKey || Boolean(item.children?.some(containsSelected));\n  return (\n    <>\n      <FloatingPanel\n        sideFallback={Boolean(navigation)}\n        resetSurfaceGeometry={Boolean(navigation)}\n        open={open}\n        triggerRef={trigger}\n        panelRef={panel}\n        id={id}\n        placement={placement}\n        width={width}\n        maxWidth={maxWidth}\n        className={classes(\n          'leaf-floating',\n          'leaf-dropdown',\n          navigation && 'leaf-menu__popup',\n          popupClassName,\n        )}\n        position={position}\n        onPointerEnter={onPointerEnter}\n        onPointerLeave={onPointerLeave}\n        style={popupStyle}\n        render={popupRender}\n        container={getPopupContainer}\n        role=\"menu\"\n        aria-label={typeof navigation?.title === 'string' ? navigation.title : undefined}\n        tabIndex={-1}\n        onKeyDown={keyDown}\n      >\n        {navigation?.title && <div className=\"leaf-menu__popup-title\">{navigation.title}</div>}\n        <div\n          className=\"leaf-dropdown__highlight\"\n          aria-hidden=\"true\"\n          data-ready={Boolean(highlight)}\n          data-danger={activeItem?.danger || undefined}\n          data-selected={\n            (navigation && activeItem?.key === navigation.selectedKey) ||\n            ((activeItem?.type === 'checkbox' || activeItem?.type === 'radio') &&\n              (activeItem.checked ?? Boolean(checks[activeItem.key]))) ||\n            undefined\n          }\n          style={highlight}\n        />\n        {rows.map((item) =>\n          item.type === 'divider' ? (\n            <hr key={item.key} className=\"leaf-dropdown__divider\" />\n          ) : item.type === 'group' ? (\n            <div key={item.key} className=\"leaf-dropdown__group\" role=\"presentation\">\n              {item.label}\n            </div>\n          ) : (\n            <MenuAction\n              item={item}\n              key={item.key}\n              data-key={item.key}\n              role={\n                item.type === 'checkbox'\n                  ? 'menuitemcheckbox'\n                  : item.type === 'radio'\n                    ? 'menuitemradio'\n                    : 'menuitem'\n              }\n              aria-checked={\n                item.type === 'checkbox' || item.type === 'radio'\n                  ? (item.checked ?? Boolean(checks[item.key]))\n                  : undefined\n              }\n              aria-haspopup={item.children?.length ? 'menu' : undefined}\n              aria-current={navigation && item.key === navigation.selectedKey ? 'page' : undefined}\n              data-active-parent={\n                navigation && item.children?.length && containsSelected(item) ? true : undefined\n              }\n              aria-expanded={item.children?.length ? submenu === item.key : undefined}\n              disabled={item.disabled}\n              tabIndex={current === item.key ? 0 : -1}\n              className={classes('leaf-floating__option', item.danger && 'leaf-dropdown__danger')}\n              onFocus={() => setActive(item.key)}\n              onPointerEnter={(event) => {\n                if (item.disabled) return;\n                setActive(item.key);\n                if (item.children?.length) {\n                  submenuTrigger.current = event.currentTarget;\n                  setSubmenu(item.key);\n                } else setSubmenu(undefined);\n              }}\n              onClick={(event) => {\n                if (item.children?.length) {\n                  submenuTrigger.current = event.currentTarget;\n                  setSubmenu((previous) => (previous === item.key ? undefined : item.key));\n                } else choose(item, event);\n              }}\n            >\n              {item.type === 'checkbox' ? (\n                <Check\n                  size={15}\n                  className=\"leaf-dropdown__check\"\n                  style={{ opacity: (item.checked ?? checks[item.key]) ? 1 : 0 }}\n                  aria-hidden=\"true\"\n                />\n              ) : item.type === 'radio' ? (\n                <Circle\n                  size={8}\n                  className=\"leaf-dropdown__check\"\n                  fill=\"currentColor\"\n                  style={{ opacity: (item.checked ?? checks[item.key]) ? 1 : 0 }}\n                  aria-hidden=\"true\"\n                />\n              ) : navigation && item.icon ? (\n                <span className=\"leaf-menu__popup-icon\" aria-hidden=\"true\">\n                  {item.icon}\n                </span>\n              ) : (\n                item.icon\n              )}\n              <span className={navigation ? 'leaf-menu__popup-label' : undefined}>\n                {itemRender?.(item) ?? item.label}\n              </span>\n              {item.children?.length ? (\n                <ChevronRight size={14} className=\"leaf-dropdown__arrow\" aria-hidden=\"true\" />\n              ) : null}\n            </MenuAction>\n          ),\n        )}\n      </FloatingPanel>\n      {child?.children && (\n        <MenuPanel\n          navigation={navigation ? { selectedKey: navigation.selectedKey } : undefined}\n          items={child.children}\n          open={open && Boolean(submenu)}\n          trigger={submenuTrigger}\n          id={`${id}-sub`}\n          placement={direction === 'rtl' ? 'left-start' : 'right-start'}\n          pointerOpen={pointerOpen}\n          onPointerEnter={onPointerEnter}\n          onPointerLeave={onPointerLeave}\n          getPopupContainer={getPopupContainer}\n          itemRender={itemRender}\n          maxWidth={maxWidth}\n          width={navigation ? width : undefined}\n          register={register}\n          unregister={unregister}\n          checks={checks}\n          choose={choose}\n          close={() => setSubmenu(undefined)}\n          onTab={onTab}\n        />\n      )}\n    </>\n  );\n}\n\nfunction MenuAction({\n  item,\n  children,\n  ...props\n}: { item: DropdownItem } & ButtonHTMLAttributes<HTMLButtonElement>) {\n  if (item.href && !item.children?.length)\n    return (\n      <a\n        href={item.disabled ? undefined : item.href}\n        target={item.target}\n        rel={item.target === '_blank' ? 'noopener noreferrer' : undefined}\n        role={props.role}\n        aria-disabled={item.disabled || undefined}\n        aria-current={props['aria-current']}\n        className={props.className}\n        tabIndex={props.tabIndex}\n        data-key={item.key}\n        onFocus={props.onFocus as never}\n        onPointerEnter={props.onPointerEnter as never}\n        onClick={(event) => {\n          if (item.disabled) event.preventDefault();\n          else props.onClick?.(event as never);\n        }}\n      >\n        {children}\n      </a>\n    );\n  return (\n    <button {...props} type=\"button\">\n      {children}\n    </button>\n  );\n}\n\nexport function Dropdown(rawProps: DropdownProps) {\n  const props = useComponentProps('Dropdown', rawProps);\n  return <DropdownControl {...props} />;\n}\n"],"names":["flatten","items","item","undefined","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","DropdownControl","children","disabled","controlled","defaultOpen","onOpenChange","onSelect","placement","popupWidth","popupMaxWidth","triggerType","mouseEnterDelay","mouseLeaveDelay","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","itemRender","navigation","triggers","Array","position","setPosition","useState","pointerOpen","setPointerOpen","timer","useRef","clearTimeout","id","useId","trigger","internal","setInternal","startAtEnd","setStartAtEnd","checks","setChecks","inactive","open","panels","Set","register","useCallback","node","unregister","childRef","version","merged","useMergedRef","change","next","close","focus","hoverEnter","setTimeout","hoverLeave","inside","target","Node","panel","pointer","event","document","choose","checked","previous","visit","entries","option","tab","all","tabbable","element","cloneElement","MenuPanel","width","maxWidth","onTab","onPointerEnter","onPointerLeave","direction","useLeafConfig","submenuTrigger","rows","enabled","active","setActive","submenu","setSubmenu","highlight","setHighlight","current","update","row","ResizeObserver","observer","choices","choice","key","keyDown","index","child","activeItem","containsSelected","Boolean","FloatingPanel","classes","MenuAction","Check","Circle","ChevronRight","props","Dropdown","rawProps","useComponentProps"],"mappings":"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"}

package/dist/esm/browser/modules/form/form.js

@@ -90,12 +90,14 @@ const form_Form = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
 });
 form_Form.displayName = 'Form';
 function FormField(rawProps) {
-    const { label, htmlFor, required, help, error, labelWidth, children, className, style, ...props } = useComponentProps('FormField', rawProps);
+    const { label, description, layout: suppliedLayout, htmlFor, required, help, error, labelWidth, children, className, style, ...props } = useComponentProps('FormField', rawProps);
     const form = useContext(FormContext);
+    const layout = suppliedLayout ?? form.layout;
     const { messages } = useLeafConfig();
     const generated = useId();
     const inputId = htmlFor ?? `${generated}-control`;
     const descriptionId = `${generated}-description`;
+    const summaryId = `${generated}-summary`;
     const labelRef = useRef(null);
     const [validationError, setValidationError] = useState();
     const displayedError = error ?? validationError;
@@ -113,7 +115,7 @@ function FormField(rawProps) {
         label
     ]);
     useEffect(()=>{
-        if (null == label) return;
+        if (null == label || 'horizontal' !== layout || void 0 !== labelWidth) return;
         const element = labelRef.current;
         if (!element) return;
         const measure = ()=>form.measure(generated, element.getBoundingClientRect().width);
@@ -127,7 +129,9 @@ function FormField(rawProps) {
     }, [
         form.measure,
         generated,
-        label
+        label,
+        layout,
+        labelWidth
     ]);
     const root = useRef(null);
     useEffect(()=>{
@@ -146,7 +150,10 @@ function FormField(rawProps) {
         required,
         disabled: form.disabled,
         error: displayedError,
-        descriptionId: displayedError || help ? descriptionId : void 0
+        descriptionId: [
+            null != description && summaryId,
+            (displayedError || help) && descriptionId
+        ].filter(Boolean).join(' ') || void 0
     };
     const variables = {
         ...void 0 !== labelWidth ? {
@@ -159,7 +166,7 @@ function FormField(rawProps) {
         children: /*#__PURE__*/ jsxs("div", {
             ...props,
             ref: root,
-            className: classes('leaf-form-field', `leaf-form-field--${form.layout}`, `leaf-form-field--${form.labelAlign}`, className),
+            className: classes('leaf-form-field', `leaf-form-field--${layout}`, 'settings' === form.layout && 'leaf-form-field--settings-row', `leaf-form-field--${form.labelAlign}`, className),
             style: variables,
             onInvalidCapture: (event)=>{
                 props.onInvalidCapture?.(event);
@@ -174,21 +181,31 @@ function FormField(rawProps) {
                 setValidationError(void 0);
             },
             children: [
-                null != label && /*#__PURE__*/ jsx("label", {
-                    id: `${generated}-label`,
-                    className: "leaf-form-field__label",
-                    htmlFor: inputId,
-                    children: /*#__PURE__*/ jsxs("span", {
-                        ref: labelRef,
-                        children: [
-                            required && /*#__PURE__*/ jsx("span", {
-                                className: "leaf-form-field__required",
-                                "aria-hidden": "true",
-                                children: "*"
-                            }),
-                            label
-                        ]
-                    })
+                (null != label || null != description) && /*#__PURE__*/ jsxs("div", {
+                    className: "leaf-form-field__header",
+                    children: [
+                        null != label && /*#__PURE__*/ jsx("label", {
+                            id: `${generated}-label`,
+                            className: "leaf-form-field__label",
+                            htmlFor: inputId,
+                            children: /*#__PURE__*/ jsxs("span", {
+                                ref: labelRef,
+                                children: [
+                                    required && /*#__PURE__*/ jsx("span", {
+                                        className: "leaf-form-field__required",
+                                        "aria-hidden": "true",
+                                        children: "*"
+                                    }),
+                                    label
+                                ]
+                            })
+                        }),
+                        null != description && /*#__PURE__*/ jsx("div", {
+                            id: summaryId,
+                            className: "leaf-form-field__summary-description",
+                            children: description
+                        })
+                    ]
                 }),
                 /*#__PURE__*/ jsxs("div", {
                     className: "leaf-form-field__body",
@@ -221,7 +238,7 @@ function FormGroup(rawProps) {
         children: /*#__PURE__*/ jsxs("fieldset", {
             ...props,
             disabled: context.disabled,
-            className: classes('leaf-form-group', className),
+            className: classes('leaf-form-group', 'settings' === inherited.layout && 'leaf-form-group--settings', className),
             children: [
                 legend && /*#__PURE__*/ jsx("legend", {
                     children: legend

package/dist/esm/browser/modules/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form/form.js","sources":["../../../../../src/form/form.tsx"],"sourcesContent":["import {\n  createContext,\n  type FieldsetHTMLAttributes,\n  type FormHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\n\nexport interface FormProps extends FormHTMLAttributes<HTMLFormElement> {\n  layout?: 'horizontal' | 'vertical';\n  labelWidth?: number | 'auto';\n  labelAlign?: 'left' | 'right';\n  disabled?: boolean;\n}\nexport interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {\n  label?: ReactNode;\n  htmlFor?: string;\n  required?: boolean;\n  help?: ReactNode;\n  error?: ReactNode;\n  labelWidth?: number;\n}\nexport interface FormError {\n  fieldId: string;\n  message: ReactNode;\n  label?: ReactNode;\n}\nconst FormContext = createContext({\n  layout: 'horizontal' as 'horizontal' | 'vertical',\n  labelAlign: 'right' as 'left' | 'right',\n  disabled: false,\n  measure: (_id: string, _width: number | null) => {},\n  errors: [] as readonly FormError[],\n  registerError: (_id: string, _error: FormError | null) => {},\n});\ninterface FieldContextValue {\n  id?: string;\n  labelId?: string;\n  descriptionId?: string;\n  error?: ReactNode;\n  required?: boolean;\n  disabled?: boolean;\n}\nconst FieldContext = createContext<FieldContextValue | undefined>(undefined);\nexport function useFormField() {\n  const field = useContext(FieldContext);\n  const form = useContext(FormContext);\n  return form.disabled ? { ...field, disabled: true } : field;\n}\n\n/** Internal controls belong to the composite value, not to the outer field. */\nexport function FieldScope({ children }: { children: ReactNode }) {\n  return <FieldContext.Provider value={undefined}>{children}</FieldContext.Provider>;\n}\n\nexport const Form = forwardRef<HTMLFormElement, FormProps>(function Form(rawProps: FormProps, ref) {\n  const {\n    layout = 'horizontal',\n    labelWidth = 'auto',\n    labelAlign = 'right',\n    disabled = false,\n    className,\n    style,\n    children,\n    ...props\n  } = useComponentProps('Form', rawProps);\n  const widths = useRef(new Map<string, number>());\n  const invalidFocusTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  useEffect(() => () => clearTimeout(invalidFocusTimer.current), []);\n  const [maximum, setMaximum] = useState(0);\n  const [errors, setErrors] = useState<readonly FormError[]>([]);\n  const registerError = useCallback((id: string, error: FormError | null) => {\n    setErrors((previous) =>\n      error\n        ? [...previous.filter((entry) => entry.fieldId !== id), error]\n        : previous.some((entry) => entry.fieldId === id)\n          ? previous.filter((entry) => entry.fieldId !== id)\n          : previous,\n    );\n  }, []);\n  const measure = useCallback((id: string, width: number | null) => {\n    if (width === null) widths.current.delete(id);\n    else widths.current.set(id, Math.ceil(width));\n    setMaximum(Math.max(0, ...widths.current.values()));\n  }, []);\n  const context = useMemo(\n    () => ({ layout, labelAlign, disabled, measure, errors, registerError }),\n    [layout, labelAlign, disabled, measure, errors, registerError],\n  );\n  const variables: LeafThemeStyle = {\n    '--leaf-form-label-width': `${labelWidth === 'auto' ? maximum : Math.max(0, labelWidth)}px`,\n    ...style,\n  };\n  return (\n    <FormContext.Provider value={context}>\n      <form\n        {...props}\n        ref={ref}\n        className={classes('leaf-form', `leaf-form--${layout}`, className)}\n        style={variables}\n        onInvalidCapture={(event) => {\n          props.onInvalidCapture?.(event);\n          if (event.defaultPrevented || invalidFocusTimer.current !== undefined) return;\n          const target = event.target as HTMLElement;\n          // Native validation can run microtasks between invalid events; wait for the full batch.\n          invalidFocusTimer.current = setTimeout(() => {\n            invalidFocusTimer.current = undefined;\n            if (!target.isConnected) return;\n            const control = target\n              .closest('.leaf-form-field')\n              ?.querySelector<HTMLElement>(\n                'input:not([aria-hidden=\"true\"]), textarea, [role=\"combobox\"], button',\n              );\n            (control ?? target).focus();\n          });\n        }}\n      >\n        {children}\n      </form>\n    </FormContext.Provider>\n  );\n});\nForm.displayName = 'Form';\n\nexport function FormField(rawProps: FormFieldProps) {\n  const {\n    label,\n    htmlFor,\n    required,\n    help,\n    error,\n    labelWidth,\n    children,\n    className,\n    style,\n    ...props\n  } = useComponentProps('FormField', rawProps);\n  const form = useContext(FormContext);\n  const { messages } = useLeafConfig();\n  const generated = useId();\n  const inputId = htmlFor ?? `${generated}-control`;\n  const descriptionId = `${generated}-description`;\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [validationError, setValidationError] = useState<string>();\n  const displayedError = error ?? validationError;\n  useEffect(() => {\n    form.registerError(\n      inputId,\n      displayedError ? { fieldId: inputId, message: displayedError, label } : null,\n    );\n    return () => form.registerError(inputId, null);\n  }, [form.registerError, inputId, displayedError, label]);\n  useEffect(() => {\n    if (label == null) return;\n    const element = labelRef.current;\n    if (!element) return;\n    const measure = () => form.measure(generated, element.getBoundingClientRect().width);\n    measure();\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure);\n    observer?.observe(element);\n    return () => {\n      observer?.disconnect();\n      form.measure(generated, null);\n    };\n  }, [form.measure, generated, label]);\n  const root = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const owner = root.current?.closest('form');\n    const reset = (event: Event) => {\n      queueMicrotask(() => {\n        if (!event.defaultPrevented) setValidationError(undefined);\n      });\n    };\n    owner?.addEventListener('reset', reset);\n    return () => owner?.removeEventListener('reset', reset);\n  }, []);\n  const context: FieldContextValue = {\n    id: inputId,\n    labelId: label != null ? `${generated}-label` : undefined,\n    required,\n    disabled: form.disabled,\n    error: displayedError,\n    descriptionId: displayedError || help ? descriptionId : undefined,\n  };\n  const variables: LeafThemeStyle = {\n    ...(labelWidth !== undefined\n      ? { '--leaf-form-label-width': `${Math.max(0, labelWidth)}px` }\n      : {}),\n    ...style,\n  };\n  return (\n    <FieldContext.Provider value={context}>\n      <div\n        {...props}\n        ref={root}\n        className={classes(\n          'leaf-form-field',\n          `leaf-form-field--${form.layout}`,\n          `leaf-form-field--${form.labelAlign}`,\n          className,\n        )}\n        style={variables}\n        onInvalidCapture={(event) => {\n          props.onInvalidCapture?.(event);\n          if (event.defaultPrevented) return;\n          event.preventDefault();\n          const target = event.target as HTMLInputElement;\n          setValidationError(\n            target.validity?.valueMissing ? messages.form.required : messages.form.invalid,\n          );\n          document.getElementById(inputId)?.focus();\n        }}\n        onInput={(event) => {\n          props.onInput?.(event);\n          // Capture-phase updates can restore a controlled input before its onChange runs.\n          setValidationError(undefined);\n        }}\n      >\n        {label != null && (\n          <label id={`${generated}-label`} className=\"leaf-form-field__label\" htmlFor={inputId}>\n            <span ref={labelRef}>\n              {required && (\n                <span className=\"leaf-form-field__required\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n              {label}\n            </span>\n          </label>\n        )}\n        <div className=\"leaf-form-field__body\">\n          {children}\n          {(displayedError || help) && (\n            <div\n              id={descriptionId}\n              className={classes(\n                'leaf-form-field__description',\n                Boolean(displayedError) && 'leaf-form-field__error',\n              )}\n              role={displayedError ? 'alert' : undefined}\n            >\n              {displayedError || help}\n            </div>\n          )}\n        </div>\n      </div>\n    </FieldContext.Provider>\n  );\n}\n\nexport interface FormGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  legend?: ReactNode;\n  description?: ReactNode;\n}\nexport function FormGroup(rawProps: FormGroupProps) {\n  const { legend, description, disabled, children, className, ...props } = useComponentProps(\n    'FormGroup',\n    rawProps,\n  );\n  const inherited = useContext(FormContext);\n  const context = useMemo(\n    () => ({ ...inherited, disabled: inherited.disabled || Boolean(disabled) }),\n    [inherited, disabled],\n  );\n  return (\n    <FormContext.Provider value={context}>\n      <fieldset\n        {...props}\n        disabled={context.disabled}\n        className={classes('leaf-form-group', className)}\n      >\n        {legend && <legend>{legend}</legend>}\n        {description && <p className=\"leaf-form-group__description\">{description}</p>}\n        {children}\n      </fieldset>\n    </FormContext.Provider>\n  );\n}\nexport interface FormErrorSummaryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  errors?: readonly FormError[];\n  title?: ReactNode;\n}\nexport function FormErrorSummary(rawProps: FormErrorSummaryProps) {\n  const {\n    errors: suppliedErrors,\n    title,\n    className,\n    ...props\n  } = useComponentProps('FormErrorSummary', rawProps);\n  const context = useContext(FormContext);\n  const { messages } = useLeafConfig();\n  const errors = suppliedErrors ?? context.errors;\n  if (!errors.length) return null;\n  return (\n    <div {...props} role=\"alert\" className={classes('leaf-form-error-summary', className)}>\n      <strong>{title ?? messages.form.errorSummary}</strong>\n      <ul>\n        {errors.map((error) => (\n          <li key={error.fieldId}>\n            <button\n              type=\"button\"\n              onClick={() => {\n                const control = document.getElementById(error.fieldId);\n                control?.scrollIntoView?.({ block: 'center', behavior: 'auto' });\n                control?.focus();\n              }}\n            >\n              {error.label ? <>{error.label}: </> : null}\n              {error.message}\n            </button>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"names":["FormContext","createContext","_id","_width","_error","FieldContext","undefined","useFormField","field","useContext","form","FieldScope","children","Form","forwardRef","rawProps","ref","layout","labelWidth","labelAlign","disabled","className","style","props","useComponentProps","widths","useRef","Map","invalidFocusTimer","useEffect","clearTimeout","maximum","setMaximum","useState","errors","setErrors","registerError","useCallback","id","error","previous","entry","measure","width","Math","context","useMemo","variables","classes","event","target","setTimeout","control","FormField","label","htmlFor","required","help","messages","useLeafConfig","generated","useId","inputId","descriptionId","labelRef","validationError","setValidationError","displayedError","element","observer","ResizeObserver","root","owner","reset","queueMicrotask","document","Boolean","FormGroup","legend","description","inherited","FormErrorSummary","suppliedErrors","title"],"mappings":"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"}
+{"version":3,"file":"form/form.js","sources":["../../../../../src/form/form.tsx"],"sourcesContent":["import {\n  createContext,\n  type FieldsetHTMLAttributes,\n  type FormHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\n\nexport interface FormProps extends FormHTMLAttributes<HTMLFormElement> {\n  layout?: 'horizontal' | 'vertical' | 'settings';\n  labelWidth?: number | 'auto';\n  labelAlign?: 'left' | 'right';\n  disabled?: boolean;\n}\nexport interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {\n  label?: ReactNode;\n  description?: ReactNode;\n  layout?: FormProps['layout'];\n  htmlFor?: string;\n  required?: boolean;\n  help?: ReactNode;\n  error?: ReactNode;\n  labelWidth?: number;\n}\nexport interface FormError {\n  fieldId: string;\n  message: ReactNode;\n  label?: ReactNode;\n}\nconst FormContext = createContext({\n  layout: 'horizontal' as NonNullable<FormProps['layout']>,\n  labelAlign: 'right' as 'left' | 'right',\n  disabled: false,\n  measure: (_id: string, _width: number | null) => {},\n  errors: [] as readonly FormError[],\n  registerError: (_id: string, _error: FormError | null) => {},\n});\ninterface FieldContextValue {\n  id?: string;\n  labelId?: string;\n  descriptionId?: string;\n  error?: ReactNode;\n  required?: boolean;\n  disabled?: boolean;\n}\nconst FieldContext = createContext<FieldContextValue | undefined>(undefined);\nexport function useFormField() {\n  const field = useContext(FieldContext);\n  const form = useContext(FormContext);\n  return form.disabled ? { ...field, disabled: true } : field;\n}\n\n/** Internal controls belong to the composite value, not to the outer field. */\nexport function FieldScope({ children }: { children: ReactNode }) {\n  return <FieldContext.Provider value={undefined}>{children}</FieldContext.Provider>;\n}\n\nexport const Form = forwardRef<HTMLFormElement, FormProps>(function Form(rawProps: FormProps, ref) {\n  const {\n    layout = 'horizontal',\n    labelWidth = 'auto',\n    labelAlign = 'right',\n    disabled = false,\n    className,\n    style,\n    children,\n    ...props\n  } = useComponentProps('Form', rawProps);\n  const widths = useRef(new Map<string, number>());\n  const invalidFocusTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  useEffect(() => () => clearTimeout(invalidFocusTimer.current), []);\n  const [maximum, setMaximum] = useState(0);\n  const [errors, setErrors] = useState<readonly FormError[]>([]);\n  const registerError = useCallback((id: string, error: FormError | null) => {\n    setErrors((previous) =>\n      error\n        ? [...previous.filter((entry) => entry.fieldId !== id), error]\n        : previous.some((entry) => entry.fieldId === id)\n          ? previous.filter((entry) => entry.fieldId !== id)\n          : previous,\n    );\n  }, []);\n  const measure = useCallback((id: string, width: number | null) => {\n    if (width === null) widths.current.delete(id);\n    else widths.current.set(id, Math.ceil(width));\n    setMaximum(Math.max(0, ...widths.current.values()));\n  }, []);\n  const context = useMemo(\n    () => ({ layout, labelAlign, disabled, measure, errors, registerError }),\n    [layout, labelAlign, disabled, measure, errors, registerError],\n  );\n  const variables: LeafThemeStyle = {\n    '--leaf-form-label-width': `${labelWidth === 'auto' ? maximum : Math.max(0, labelWidth)}px`,\n    ...style,\n  };\n  return (\n    <FormContext.Provider value={context}>\n      <form\n        {...props}\n        ref={ref}\n        className={classes('leaf-form', `leaf-form--${layout}`, className)}\n        style={variables}\n        onInvalidCapture={(event) => {\n          props.onInvalidCapture?.(event);\n          if (event.defaultPrevented || invalidFocusTimer.current !== undefined) return;\n          const target = event.target as HTMLElement;\n          // Native validation can run microtasks between invalid events; wait for the full batch.\n          invalidFocusTimer.current = setTimeout(() => {\n            invalidFocusTimer.current = undefined;\n            if (!target.isConnected) return;\n            const control = target\n              .closest('.leaf-form-field')\n              ?.querySelector<HTMLElement>(\n                'input:not([aria-hidden=\"true\"]), textarea, [role=\"combobox\"], button',\n              );\n            (control ?? target).focus();\n          });\n        }}\n      >\n        {children}\n      </form>\n    </FormContext.Provider>\n  );\n});\nForm.displayName = 'Form';\n\nexport function FormField(rawProps: FormFieldProps) {\n  const {\n    label,\n    description,\n    layout: suppliedLayout,\n    htmlFor,\n    required,\n    help,\n    error,\n    labelWidth,\n    children,\n    className,\n    style,\n    ...props\n  } = useComponentProps('FormField', rawProps);\n  const form = useContext(FormContext);\n  const layout = suppliedLayout ?? form.layout;\n  const { messages } = useLeafConfig();\n  const generated = useId();\n  const inputId = htmlFor ?? `${generated}-control`;\n  const descriptionId = `${generated}-description`;\n  const summaryId = `${generated}-summary`;\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [validationError, setValidationError] = useState<string>();\n  const displayedError = error ?? validationError;\n  useEffect(() => {\n    form.registerError(\n      inputId,\n      displayedError ? { fieldId: inputId, message: displayedError, label } : null,\n    );\n    return () => form.registerError(inputId, null);\n  }, [form.registerError, inputId, displayedError, label]);\n  useEffect(() => {\n    if (label == null || layout !== 'horizontal' || labelWidth !== undefined) return;\n    const element = labelRef.current;\n    if (!element) return;\n    const measure = () => form.measure(generated, element.getBoundingClientRect().width);\n    measure();\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure);\n    observer?.observe(element);\n    return () => {\n      observer?.disconnect();\n      form.measure(generated, null);\n    };\n  }, [form.measure, generated, label, layout, labelWidth]);\n  const root = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const owner = root.current?.closest('form');\n    const reset = (event: Event) => {\n      queueMicrotask(() => {\n        if (!event.defaultPrevented) setValidationError(undefined);\n      });\n    };\n    owner?.addEventListener('reset', reset);\n    return () => owner?.removeEventListener('reset', reset);\n  }, []);\n  const context: FieldContextValue = {\n    id: inputId,\n    labelId: label != null ? `${generated}-label` : undefined,\n    required,\n    disabled: form.disabled,\n    error: displayedError,\n    descriptionId:\n      [description != null && summaryId, (displayedError || help) && descriptionId]\n        .filter(Boolean)\n        .join(' ') || undefined,\n  };\n  const variables: LeafThemeStyle = {\n    ...(labelWidth !== undefined\n      ? { '--leaf-form-label-width': `${Math.max(0, labelWidth)}px` }\n      : {}),\n    ...style,\n  };\n  return (\n    <FieldContext.Provider value={context}>\n      <div\n        {...props}\n        ref={root}\n        className={classes(\n          'leaf-form-field',\n          `leaf-form-field--${layout}`,\n          form.layout === 'settings' && 'leaf-form-field--settings-row',\n          `leaf-form-field--${form.labelAlign}`,\n          className,\n        )}\n        style={variables}\n        onInvalidCapture={(event) => {\n          props.onInvalidCapture?.(event);\n          if (event.defaultPrevented) return;\n          event.preventDefault();\n          const target = event.target as HTMLInputElement;\n          setValidationError(\n            target.validity?.valueMissing ? messages.form.required : messages.form.invalid,\n          );\n          document.getElementById(inputId)?.focus();\n        }}\n        onInput={(event) => {\n          props.onInput?.(event);\n          // Capture-phase updates can restore a controlled input before its onChange runs.\n          setValidationError(undefined);\n        }}\n      >\n        {(label != null || description != null) && (\n          <div className=\"leaf-form-field__header\">\n            {label != null && (\n              <label id={`${generated}-label`} className=\"leaf-form-field__label\" htmlFor={inputId}>\n                <span ref={labelRef}>\n                  {required && (\n                    <span className=\"leaf-form-field__required\" aria-hidden=\"true\">\n                      *\n                    </span>\n                  )}\n                  {label}\n                </span>\n              </label>\n            )}\n            {description != null && (\n              <div id={summaryId} className=\"leaf-form-field__summary-description\">\n                {description}\n              </div>\n            )}\n          </div>\n        )}\n        <div className=\"leaf-form-field__body\">\n          {children}\n          {(displayedError || help) && (\n            <div\n              id={descriptionId}\n              className={classes(\n                'leaf-form-field__description',\n                Boolean(displayedError) && 'leaf-form-field__error',\n              )}\n              role={displayedError ? 'alert' : undefined}\n            >\n              {displayedError || help}\n            </div>\n          )}\n        </div>\n      </div>\n    </FieldContext.Provider>\n  );\n}\n\nexport interface FormGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  legend?: ReactNode;\n  description?: ReactNode;\n}\nexport function FormGroup(rawProps: FormGroupProps) {\n  const { legend, description, disabled, children, className, ...props } = useComponentProps(\n    'FormGroup',\n    rawProps,\n  );\n  const inherited = useContext(FormContext);\n  const context = useMemo(\n    () => ({ ...inherited, disabled: inherited.disabled || Boolean(disabled) }),\n    [inherited, disabled],\n  );\n  return (\n    <FormContext.Provider value={context}>\n      <fieldset\n        {...props}\n        disabled={context.disabled}\n        className={classes(\n          'leaf-form-group',\n          inherited.layout === 'settings' && 'leaf-form-group--settings',\n          className,\n        )}\n      >\n        {legend && <legend>{legend}</legend>}\n        {description && <p className=\"leaf-form-group__description\">{description}</p>}\n        {children}\n      </fieldset>\n    </FormContext.Provider>\n  );\n}\nexport interface FormErrorSummaryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  errors?: readonly FormError[];\n  title?: ReactNode;\n}\nexport function FormErrorSummary(rawProps: FormErrorSummaryProps) {\n  const {\n    errors: suppliedErrors,\n    title,\n    className,\n    ...props\n  } = useComponentProps('FormErrorSummary', rawProps);\n  const context = useContext(FormContext);\n  const { messages } = useLeafConfig();\n  const errors = suppliedErrors ?? context.errors;\n  if (!errors.length) return null;\n  return (\n    <div {...props} role=\"alert\" className={classes('leaf-form-error-summary', className)}>\n      <strong>{title ?? messages.form.errorSummary}</strong>\n      <ul>\n        {errors.map((error) => (\n          <li key={error.fieldId}>\n            <button\n              type=\"button\"\n              onClick={() => {\n                const control = document.getElementById(error.fieldId);\n                control?.scrollIntoView?.({ block: 'center', behavior: 'auto' });\n                control?.focus();\n              }}\n            >\n              {error.label ? <>{error.label}: </> : null}\n              {error.message}\n            </button>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"names":["FormContext","createContext","_id","_width","_error","FieldContext","undefined","useFormField","field","useContext","form","FieldScope","children","Form","forwardRef","rawProps","ref","layout","labelWidth","labelAlign","disabled","className","style","props","useComponentProps","widths","useRef","Map","invalidFocusTimer","useEffect","clearTimeout","maximum","setMaximum","useState","errors","setErrors","registerError","useCallback","id","error","previous","entry","measure","width","Math","context","useMemo","variables","classes","event","target","setTimeout","control","FormField","label","description","suppliedLayout","htmlFor","required","help","messages","useLeafConfig","generated","useId","inputId","descriptionId","summaryId","labelRef","validationError","setValidationError","displayedError","element","observer","ResizeObserver","root","owner","reset","queueMicrotask","Boolean","document","FormGroup","legend","inherited","FormErrorSummary","suppliedErrors","title"],"mappings":"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"}