asterui 0.12.59 → 0.12.61

package/dist/components/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../src/components/ContextMenu.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback, createContext, useContext } from 'react'\nimport { createPortal } from 'react-dom'\n\n// DaisyUI classes\nconst dMenu = 'menu'\nconst dDivider = 'divider'\n\nexport interface ContextMenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  danger?: boolean\n  divider?: boolean\n  children?: ContextMenuItem[]\n}\n\nexport interface ContextMenuProps {\n  /** Element that triggers the context menu on right-click */\n  children: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: ContextMenuItem[]\n  /** Callback when an item is selected */\n  onSelect?: (key: string) => void\n  /** Whether the context menu is disabled */\n  disabled?: boolean\n  /** Additional CSS classes for the menu */\n  className?: string\n}\n\nexport interface ContextMenuItemProps {\n  /** Item content */\n  children: React.ReactNode\n  /** Icon to display before label */\n  icon?: React.ReactNode\n  /** Whether the item is disabled */\n  disabled?: boolean\n  /** Show as danger/destructive action */\n  danger?: boolean\n  /** Additional CSS classes */\n  className?: string\n  /** @internal */\n  _key?: string\n}\n\nexport interface ContextMenuDividerProps {\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport interface ContextMenuSubMenuProps {\n  /** Submenu label */\n  label: React.ReactNode\n  /** Icon to display before label */\n  icon?: React.ReactNode\n  /** Whether the submenu is disabled */\n  disabled?: boolean\n  /** Submenu items */\n  children: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n  /** @internal */\n  _key?: string\n}\n\ninterface ContextMenuContextValue {\n  onSelect: (key: string) => void\n  onClose: () => void\n}\n\ninterface MenuPosition {\n  x: number\n  y: number\n}\n\nconst ContextMenuContext = createContext<ContextMenuContextValue | null>(null)\n\nconst useContextMenuContext = () => {\n  const context = useContext(ContextMenuContext)\n  if (!context) {\n    throw new Error('ContextMenu compound components must be used within a ContextMenu')\n  }\n  return context\n}\n\n// Compound pattern components\nconst ContextMenuItemComponent: React.FC<ContextMenuItemProps> = ({\n  children,\n  icon,\n  disabled = false,\n  danger = false,\n  className = '',\n  _key,\n}) => {\n  const { onSelect, onClose } = useContextMenuContext()\n\n  const handleClick = () => {\n    if (disabled || !_key) return\n    onSelect(_key)\n    onClose()\n  }\n\n  return (\n    <li className={className}>\n      <button\n        onClick={handleClick}\n        disabled={disabled}\n        className={`\n          flex items-center gap-2 w-full px-4 py-2 text-left text-sm\n          ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-base-200'}\n          ${danger ? 'text-error hover:bg-error/10' : ''}\n        `}\n      >\n        {icon && <span className=\"w-4 h-4\">{icon}</span>}\n        <span className=\"flex-1\">{children}</span>\n      </button>\n    </li>\n  )\n}\n\nconst ContextMenuDividerComponent: React.FC<ContextMenuDividerProps> = ({ className = '' }) => {\n  return <li className={`${dDivider} my-1 ${className}`}></li>\n}\n\nconst ContextMenuSubMenuComponent: React.FC<ContextMenuSubMenuProps> = ({\n  label,\n  icon,\n  disabled = false,\n  children,\n  className = '',\n  _key: _unusedKey,\n}) => {\n  const [showSubmenu, setShowSubmenu] = useState(false)\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const handleMouseEnter = () => {\n    if (disabled) return\n    if (timeoutRef.current) clearTimeout(timeoutRef.current)\n    setShowSubmenu(true)\n  }\n\n  const handleMouseLeave = () => {\n    timeoutRef.current = setTimeout(() => setShowSubmenu(false), 100)\n  }\n\n  return (\n    <li\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={`relative ${className}`}\n    >\n      <button\n        disabled={disabled}\n        className={`\n          flex items-center gap-2 w-full px-4 py-2 text-left text-sm\n          ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-base-200'}\n        `}\n      >\n        {icon && <span className=\"w-4 h-4\">{icon}</span>}\n        <span className=\"flex-1\">{label}</span>\n        <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n        </svg>\n      </button>\n      {showSubmenu && (\n        <ul\n          className={`${dMenu} bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50 p-1`}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          {children}\n        </ul>\n      )}\n    </li>\n  )\n}\n\n// Data-driven pattern internal component\nconst MenuItem: React.FC<{\n  item: ContextMenuItem\n  onSelect: (key: string) => void\n  onClose: () => void\n}> = ({ item, onSelect, onClose }) => {\n  const [showSubmenu, setShowSubmenu] = useState(false)\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  if (item.divider) {\n    return <li className={`${dDivider} my-1`}></li>\n  }\n\n  const handleClick = () => {\n    if (item.disabled) return\n    if (item.children && item.children.length > 0) return\n    onSelect(item.key)\n    onClose()\n  }\n\n  const hasSubmenu = item.children && item.children.length > 0\n\n  const handleMouseEnter = () => {\n    if (!hasSubmenu) return\n    if (timeoutRef.current) clearTimeout(timeoutRef.current)\n    setShowSubmenu(true)\n  }\n\n  const handleMouseLeave = () => {\n    if (!hasSubmenu) return\n    timeoutRef.current = setTimeout(() => setShowSubmenu(false), 100)\n  }\n\n  return (\n    <li\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className=\"relative\"\n    >\n      <button\n        onClick={handleClick}\n        disabled={item.disabled}\n        className={`\n          flex items-center gap-2 w-full px-4 py-2 text-left text-sm\n          ${item.disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-base-200'}\n          ${item.danger ? 'text-error hover:bg-error/10' : ''}\n        `}\n      >\n        {item.icon && <span className=\"w-4 h-4\">{item.icon}</span>}\n        <span className=\"flex-1\">{item.label}</span>\n        {hasSubmenu && (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n          </svg>\n        )}\n      </button>\n      {hasSubmenu && showSubmenu && (\n        <ul\n          className={`${dMenu} bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50 p-1`}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          {item.children!.map((child) => (\n            <MenuItem key={child.key} item={child} onSelect={onSelect} onClose={onClose} />\n          ))}\n        </ul>\n      )}\n    </li>\n  )\n}\n\nconst ContextMenuRoot: React.FC<ContextMenuProps> = ({\n  children,\n  items,\n  onSelect,\n  disabled = false,\n  className = '',\n}) => {\n  const [visible, setVisible] = useState(false)\n  const [position, setPosition] = useState<MenuPosition>({ x: 0, y: 0 })\n  const menuRef = useRef<HTMLUListElement>(null)\n  const triggerRef = useRef<HTMLDivElement>(null)\n\n  const handleContextMenu = useCallback(\n    (e: React.MouseEvent) => {\n      if (disabled) return\n      e.preventDefault()\n      e.stopPropagation()\n\n      // Calculate position, ensuring menu stays within viewport\n      let x = e.clientX\n      let y = e.clientY\n\n      // We'll adjust after render when we know menu dimensions\n      setPosition({ x, y })\n      setVisible(true)\n    },\n    [disabled]\n  )\n\n  const handleClose = useCallback(() => {\n    setVisible(false)\n  }, [])\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      onSelect?.(key)\n    },\n    [onSelect]\n  )\n\n  // Adjust position after menu renders to keep it in viewport\n  useEffect(() => {\n    if (visible && menuRef.current) {\n      const menu = menuRef.current\n      const rect = menu.getBoundingClientRect()\n      const viewportWidth = window.innerWidth\n      const viewportHeight = window.innerHeight\n\n      let { x, y } = position\n\n      if (x + rect.width > viewportWidth) {\n        x = viewportWidth - rect.width - 8\n      }\n      if (y + rect.height > viewportHeight) {\n        y = viewportHeight - rect.height - 8\n      }\n\n      if (x !== position.x || y !== position.y) {\n        setPosition({ x, y })\n      }\n    }\n  }, [visible, position])\n\n  // Close on click outside or escape\n  useEffect(() => {\n    if (!visible) return\n\n    const handleClickOutside = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        handleClose()\n      }\n    }\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        handleClose()\n      }\n    }\n\n    const handleScroll = () => {\n      handleClose()\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscape)\n    document.addEventListener('scroll', handleScroll, true)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscape)\n      document.removeEventListener('scroll', handleScroll, true)\n    }\n  }, [visible, handleClose])\n\n  // Clone children to extract keys\n  const cloneChildrenWithKeys = (children: React.ReactNode): React.ReactNode => {\n    return React.Children.map(children, (child) => {\n      if (React.isValidElement(child)) {\n        const childKey = child.key != null ? String(child.key) : undefined\n        if (child.type === ContextMenuItemComponent || child.type === ContextMenuSubMenuComponent) {\n          return React.cloneElement(child as React.ReactElement<any>, { _key: childKey })\n        }\n      }\n      return child\n    })\n  }\n\n  // Determine if using data-driven or compound pattern\n  // Find menu content children (not the trigger element)\n  const childArray = React.Children.toArray(children)\n  const triggerChild = childArray[0]\n  const menuChildren = cloneChildrenWithKeys(childArray.slice(1))\n  const useDataDriven = items && items.length > 0\n\n  const contextValue: ContextMenuContextValue = {\n    onSelect: handleSelect,\n    onClose: handleClose,\n  }\n\n  return (\n    <>\n      <div ref={triggerRef} onContextMenu={handleContextMenu} className=\"inline-block\">\n        {triggerChild}\n      </div>\n      {visible &&\n        createPortal(\n          <ContextMenuContext.Provider value={contextValue}>\n            <ul\n              ref={menuRef}\n              className={`${dMenu} bg-base-100 rounded-box shadow-lg border border-base-300 min-w-[160px] p-1 fixed z-[9999] ${className}`}\n              style={{ left: position.x, top: position.y }}\n            >\n              {useDataDriven\n                ? items!.map((item) => (\n                    <MenuItem key={item.key} item={item} onSelect={handleSelect} onClose={handleClose} />\n                  ))\n                : menuChildren}\n            </ul>\n          </ContextMenuContext.Provider>,\n          document.body\n        )}\n    </>\n  )\n}\n\n// Assign compound components\nexport const ContextMenu = Object.assign(ContextMenuRoot, {\n  Item: ContextMenuItemComponent,\n  Divider: ContextMenuDividerComponent,\n  SubMenu: ContextMenuSubMenuComponent,\n})\n"],"names":["dMenu","dDivider","ContextMenuContext","createContext","useContextMenuContext","context","useContext","ContextMenuItemComponent","children","icon","disabled","danger","className","_key","onSelect","onClose","jsx","jsxs","ContextMenuDividerComponent","ContextMenuSubMenuComponent","label","_unusedKey","showSubmenu","setShowSubmenu","useState","timeoutRef","useRef","handleMouseEnter","handleMouseLeave","MenuItem","item","handleClick","hasSubmenu","child","ContextMenuRoot","items","visible","setVisible","position","setPosition","menuRef","triggerRef","handleContextMenu","useCallback","e","x","y","handleClose","handleSelect","key","useEffect","rect","viewportWidth","viewportHeight","handleClickOutside","handleEscape","handleScroll","cloneChildrenWithKeys","React","childKey","childArray","triggerChild","menuChildren","useDataDriven","contextValue","Fragment","createPortal","ContextMenu"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sources":["../../src/components/ContextMenu.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback, createContext, useContext } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dMenu = 'menu'\nconst dDivider = 'divider'\n\nexport interface ContextMenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  danger?: boolean\n  divider?: boolean\n  children?: ContextMenuItem[]\n}\n\nexport interface ContextMenuProps {\n  /** Element that triggers the context menu on right-click */\n  children: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: ContextMenuItem[]\n  /** Callback when an item is selected */\n  onSelect?: (key: string) => void\n  /** Whether the context menu is disabled */\n  disabled?: boolean\n  /** Additional CSS classes for the menu */\n  className?: string\n}\n\nexport interface ContextMenuItemProps {\n  /** Item content */\n  children: React.ReactNode\n  /** Icon to display before label */\n  icon?: React.ReactNode\n  /** Whether the item is disabled */\n  disabled?: boolean\n  /** Show as danger/destructive action */\n  danger?: boolean\n  /** Additional CSS classes */\n  className?: string\n  /** @internal */\n  _key?: string\n}\n\nexport interface ContextMenuDividerProps {\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport interface ContextMenuSubMenuProps {\n  /** Submenu label */\n  label: React.ReactNode\n  /** Icon to display before label */\n  icon?: React.ReactNode\n  /** Whether the submenu is disabled */\n  disabled?: boolean\n  /** Submenu items */\n  children: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n  /** @internal */\n  _key?: string\n}\n\ninterface ContextMenuContextValue {\n  onSelect: (key: string) => void\n  onClose: () => void\n}\n\ninterface MenuPosition {\n  x: number\n  y: number\n}\n\nconst ContextMenuContext = createContext<ContextMenuContextValue | null>(null)\n\nconst useContextMenuContext = () => {\n  const context = useContext(ContextMenuContext)\n  if (!context) {\n    throw new Error('ContextMenu compound components must be used within a ContextMenu')\n  }\n  return context\n}\n\n// Compound pattern components\nconst ContextMenuItemComponent: React.FC<ContextMenuItemProps> = ({\n  children,\n  icon,\n  disabled = false,\n  danger = false,\n  className = '',\n  _key,\n}) => {\n  const { onSelect, onClose } = useContextMenuContext()\n\n  const handleClick = () => {\n    if (disabled || !_key) return\n    onSelect(_key)\n    onClose()\n  }\n\n  return (\n    <li className={className}>\n      <button\n        onClick={handleClick}\n        disabled={disabled}\n        className={`\n          flex items-center gap-2 w-full px-4 py-2 text-left text-sm\n          ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-base-200'}\n          ${danger ? 'text-error hover:bg-error/10' : ''}\n        `}\n      >\n        {icon && <span className=\"w-4 h-4\">{icon}</span>}\n        <span className=\"flex-1\">{children}</span>\n      </button>\n    </li>\n  )\n}\n\nconst ContextMenuDividerComponent: React.FC<ContextMenuDividerProps> = ({ className = '' }) => {\n  return <li className={`${dDivider} my-1 ${className}`}></li>\n}\n\nconst ContextMenuSubMenuComponent: React.FC<ContextMenuSubMenuProps> = ({\n  label,\n  icon,\n  disabled = false,\n  children,\n  className = '',\n  _key: _unusedKey,\n}) => {\n  const [showSubmenu, setShowSubmenu] = useState(false)\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const handleMouseEnter = () => {\n    if (disabled) return\n    if (timeoutRef.current) clearTimeout(timeoutRef.current)\n    setShowSubmenu(true)\n  }\n\n  const handleMouseLeave = () => {\n    timeoutRef.current = setTimeout(() => setShowSubmenu(false), 100)\n  }\n\n  return (\n    <li\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={`relative ${className}`}\n    >\n      <button\n        disabled={disabled}\n        className={`\n          flex items-center gap-2 w-full px-4 py-2 text-left text-sm\n          ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-base-200'}\n        `}\n      >\n        {icon && <span className=\"w-4 h-4\">{icon}</span>}\n        <span className=\"flex-1\">{label}</span>\n        <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n        </svg>\n      </button>\n      {showSubmenu && (\n        <ul\n          className={`${dMenu} bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50 p-1`}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          {children}\n        </ul>\n      )}\n    </li>\n  )\n}\n\n// Data-driven pattern internal component\nconst MenuItem: React.FC<{\n  item: ContextMenuItem\n  onSelect: (key: string) => void\n  onClose: () => void\n}> = ({ item, onSelect, onClose }) => {\n  const [showSubmenu, setShowSubmenu] = useState(false)\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  if (item.divider) {\n    return <li className={`${dDivider} my-1`}></li>\n  }\n\n  const handleClick = () => {\n    if (item.disabled) return\n    if (item.children && item.children.length > 0) return\n    onSelect(item.key)\n    onClose()\n  }\n\n  const hasSubmenu = item.children && item.children.length > 0\n\n  const handleMouseEnter = () => {\n    if (!hasSubmenu) return\n    if (timeoutRef.current) clearTimeout(timeoutRef.current)\n    setShowSubmenu(true)\n  }\n\n  const handleMouseLeave = () => {\n    if (!hasSubmenu) return\n    timeoutRef.current = setTimeout(() => setShowSubmenu(false), 100)\n  }\n\n  return (\n    <li\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className=\"relative\"\n    >\n      <button\n        onClick={handleClick}\n        disabled={item.disabled}\n        className={`\n          flex items-center gap-2 w-full px-4 py-2 text-left text-sm\n          ${item.disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-base-200'}\n          ${item.danger ? 'text-error hover:bg-error/10' : ''}\n        `}\n      >\n        {item.icon && <span className=\"w-4 h-4\">{item.icon}</span>}\n        <span className=\"flex-1\">{item.label}</span>\n        {hasSubmenu && (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n          </svg>\n        )}\n      </button>\n      {hasSubmenu && showSubmenu && (\n        <ul\n          className={`${dMenu} bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50 p-1`}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          {item.children!.map((child) => (\n            <MenuItem key={child.key} item={child} onSelect={onSelect} onClose={onClose} />\n          ))}\n        </ul>\n      )}\n    </li>\n  )\n}\n\nconst ContextMenuRoot: React.FC<ContextMenuProps> = ({\n  children,\n  items,\n  onSelect,\n  disabled = false,\n  className = '',\n}) => {\n  const { getPopupContainer } = useConfig()\n  const [visible, setVisible] = useState(false)\n  const [position, setPosition] = useState<MenuPosition>({ x: 0, y: 0 })\n  const menuRef = useRef<HTMLUListElement>(null)\n  const triggerRef = useRef<HTMLDivElement>(null)\n\n  const handleContextMenu = useCallback(\n    (e: React.MouseEvent) => {\n      if (disabled) return\n      e.preventDefault()\n      e.stopPropagation()\n\n      // Calculate position, ensuring menu stays within viewport\n      let x = e.clientX\n      let y = e.clientY\n\n      // We'll adjust after render when we know menu dimensions\n      setPosition({ x, y })\n      setVisible(true)\n    },\n    [disabled]\n  )\n\n  const handleClose = useCallback(() => {\n    setVisible(false)\n  }, [])\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      onSelect?.(key)\n    },\n    [onSelect]\n  )\n\n  // Adjust position after menu renders to keep it in viewport\n  useEffect(() => {\n    if (visible && menuRef.current) {\n      const menu = menuRef.current\n      const rect = menu.getBoundingClientRect()\n      const viewportWidth = window.innerWidth\n      const viewportHeight = window.innerHeight\n\n      let { x, y } = position\n\n      if (x + rect.width > viewportWidth) {\n        x = viewportWidth - rect.width - 8\n      }\n      if (y + rect.height > viewportHeight) {\n        y = viewportHeight - rect.height - 8\n      }\n\n      if (x !== position.x || y !== position.y) {\n        setPosition({ x, y })\n      }\n    }\n  }, [visible, position])\n\n  // Close on click outside or escape\n  useEffect(() => {\n    if (!visible) return\n\n    const handleClickOutside = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        handleClose()\n      }\n    }\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        handleClose()\n      }\n    }\n\n    const handleScroll = () => {\n      handleClose()\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscape)\n    document.addEventListener('scroll', handleScroll, true)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscape)\n      document.removeEventListener('scroll', handleScroll, true)\n    }\n  }, [visible, handleClose])\n\n  // Clone children to extract keys\n  const cloneChildrenWithKeys = (children: React.ReactNode): React.ReactNode => {\n    return React.Children.map(children, (child) => {\n      if (React.isValidElement(child)) {\n        const childKey = child.key != null ? String(child.key) : undefined\n        if (child.type === ContextMenuItemComponent || child.type === ContextMenuSubMenuComponent) {\n          return React.cloneElement(child as React.ReactElement<any>, { _key: childKey })\n        }\n      }\n      return child\n    })\n  }\n\n  // Determine if using data-driven or compound pattern\n  // Find menu content children (not the trigger element)\n  const childArray = React.Children.toArray(children)\n  const triggerChild = childArray[0]\n  const menuChildren = cloneChildrenWithKeys(childArray.slice(1))\n  const useDataDriven = items && items.length > 0\n\n  const contextValue: ContextMenuContextValue = {\n    onSelect: handleSelect,\n    onClose: handleClose,\n  }\n\n  return (\n    <>\n      <div ref={triggerRef} onContextMenu={handleContextMenu} className=\"inline-block\">\n        {triggerChild}\n      </div>\n      {visible &&\n        createPortal(\n          <ContextMenuContext.Provider value={contextValue}>\n            <ul\n              ref={menuRef}\n              className={`${dMenu} bg-base-100 rounded-box shadow-lg border border-base-300 min-w-[160px] p-1 fixed z-[9999] ${className}`}\n              style={{ left: position.x, top: position.y }}\n            >\n              {useDataDriven\n                ? items!.map((item) => (\n                    <MenuItem key={item.key} item={item} onSelect={handleSelect} onClose={handleClose} />\n                  ))\n                : menuChildren}\n            </ul>\n          </ContextMenuContext.Provider>,\n          getPopupContainer ? getPopupContainer(document.body) : document.body\n        )}\n    </>\n  )\n}\n\n// Assign compound components\nexport const ContextMenu = Object.assign(ContextMenuRoot, {\n  Item: ContextMenuItemComponent,\n  Divider: ContextMenuDividerComponent,\n  SubMenu: ContextMenuSubMenuComponent,\n})\n"],"names":["dMenu","dDivider","ContextMenuContext","createContext","useContextMenuContext","context","useContext","ContextMenuItemComponent","children","icon","disabled","danger","className","_key","onSelect","onClose","jsx","jsxs","ContextMenuDividerComponent","ContextMenuSubMenuComponent","label","_unusedKey","showSubmenu","setShowSubmenu","useState","timeoutRef","useRef","handleMouseEnter","handleMouseLeave","MenuItem","item","handleClick","hasSubmenu","child","ContextMenuRoot","items","getPopupContainer","useConfig","visible","setVisible","position","setPosition","menuRef","triggerRef","handleContextMenu","useCallback","e","x","y","handleClose","handleSelect","key","useEffect","rect","viewportWidth","viewportHeight","handleClickOutside","handleEscape","handleScroll","cloneChildrenWithKeys","React","childKey","childArray","triggerChild","menuChildren","useDataDriven","contextValue","Fragment","createPortal","ContextMenu"],"mappings":"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"}

package/dist/components/Drawer.js

@@ -1,12 +1,13 @@
 import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import { forwardRef as ve, useRef as h, useId as P, useState as k, useImperativeHandle as we, useEffect as C, useCallback as E, createContext as xe, useContext as ge } from "react";
-import { createPortal as ke } from "react-dom";
+import { forwardRef as we, useRef as b, useId as K, useState as k, useImperativeHandle as xe, useEffect as F, useCallback as E, createContext as ge, useContext as ke } from "react";
+import { createPortal as Ee } from "react-dom";
 import { Skeleton as d } from "./Skeleton.js";
-const Ee = "btn", Ne = "btn-ghost", $e = "btn-sm", De = "btn-square", F = xe(null);
-function Se() {
-  return ge(F);
+import { useConfig as Ne } from "../providers/ConfigProvider.js";
+const $e = "btn", De = "btn-ghost", Se = "btn-sm", Te = "btn-square", G = ge(null);
+function Le() {
+  return ke(G);
 }
-const Te = ve(
+const Be = we(
   ({
     children: H,
     open: r = !1,
@@ -14,41 +15,41 @@ const Te = ve(
     afterOpenChange: N,
     title: f,
     placement: i = "right",
-    size: b = "default",
+    size: h = "default",
     width: V,
     height: z,
     closable: $ = !0,
-    mask: G = !0,
-    maskClosable: W = !0,
+    mask: W = !0,
+    maskClosable: J = !0,
     keyboard: D = !0,
     footer: S,
     extra: T,
-    className: J = "",
-    rootClassName: Q = "",
-    style: U,
-    headerStyle: Z,
-    bodyStyle: _,
-    footerStyle: O,
-    rootStyle: ee,
-    maskStyle: te,
-    zIndex: ne = 1e3,
+    className: Q = "",
+    rootClassName: U = "",
+    style: Z,
+    headerStyle: _,
+    bodyStyle: O,
+    footerStyle: ee,
+    rootStyle: te,
+    maskStyle: ne,
+    zIndex: re = 1e3,
     destroyOnClose: L = !1,
     forceRender: B = !1,
     initialFocus: R = "close",
-    loading: re = !1,
+    loading: se = !1,
     getContainer: l,
     push: c = { distance: 180 },
     "data-testid": y,
-    ...se
-  }, ae) => {
-    const m = h(null), p = h(null), v = h(null), j = h(null), q = P(), I = P(), [oe, ie] = k(!1), [le, M] = k(r || B), [, w] = k(!1), X = Se();
-    we(ae, () => ({
+    ...ae
+  }, oe) => {
+    const { getPopupContainer: C } = Ne(), m = b(null), p = b(null), v = b(null), P = b(null), j = K(), q = K(), [ie, le] = k(!1), [ce, I] = k(r || B), [, w] = k(!1), M = Le();
+    xe(oe, () => ({
       nativeElement: m.current
-    })), C(() => {
-      ie(!0);
+    })), F(() => {
+      le(!0);
     }, []);
-    const ce = () => typeof b == "number" ? b : b === "large" ? 736 : 378, ue = () => {
-      const e = i === "left" || i === "right", t = ce();
+    const ue = () => typeof h == "number" ? h : h === "large" ? 736 : 378, de = () => {
+      const e = i === "left" || i === "right", t = ue();
       if (e) {
         const s = V ?? t;
         return { width: typeof s == "number" ? `${s}px` : s };
@@ -56,24 +57,24 @@ const Te = ve(
         const s = z ?? t;
         return { height: typeof s == "number" ? `${s}px` : s };
       }
-    }, de = () => c ? typeof c == "boolean" ? c ? 180 : 0 : c.distance ?? 180 : 0, x = E((e) => {
+    }, fe = () => c ? typeof c == "boolean" ? c ? 180 : 0 : c.distance ?? 180 : 0, x = E((e) => {
       if (!m.current || e.key !== "Tab" || typeof document > "u") return;
       const t = m.current.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      ), s = t[0], K = t[t.length - 1];
-      e.shiftKey && document.activeElement === s ? (e.preventDefault(), K?.focus()) : !e.shiftKey && document.activeElement === K && (e.preventDefault(), s?.focus());
+      ), s = t[0], A = t[t.length - 1];
+      e.shiftKey && document.activeElement === s ? (e.preventDefault(), A?.focus()) : !e.shiftKey && document.activeElement === A && (e.preventDefault(), s?.focus());
     }, []), g = E(
       (e) => {
         D && e.key === "Escape" && o && (e.preventDefault(), o());
       },
       [D, o]
-    ), fe = E(() => {
-      w(!1), N?.(r), !r && L && M(!1);
+    ), me = E(() => {
+      w(!1), N?.(r), !r && L && I(!1);
     }, [r, N, L]);
-    C(() => {
+    F(() => {
       if (!(typeof document > "u"))
         if (r) {
-          M(!0), w(!0), j.current = document.activeElement, document.body.style.overflow = "hidden";
+          I(!0), w(!0), P.current = document.activeElement, document.body.style.overflow = "hidden";
           const e = setTimeout(() => {
             R === "close" && p.current ? p.current.focus() : v.current && v.current.querySelector(
               'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -84,19 +85,19 @@ const Te = ve(
           };
         } else {
           w(!0);
-          const e = j.current;
+          const e = P.current;
           e && document.body.contains(e) && e.focus();
         }
     }, [r, g, x, R]);
-    const me = (e) => {
-      W && o && o(e);
+    const be = (e) => {
+      J && o && o(e);
     }, he = {
       top: "inset-x-0 top-0",
       right: "inset-y-0 right-0",
       bottom: "inset-x-0 bottom-0",
       left: "inset-y-0 left-0"
-    }, be = (e) => {
-      const t = X && r ? X.pushDistance : 0;
+    }, ye = (e) => {
+      const t = M && r ? M.pushDistance : 0;
       if (e) {
         if (t === 0) return "translate(0, 0)";
         switch (i) {
@@ -120,22 +121,22 @@ const Te = ve(
         case "left":
           return "translateX(-100%)";
       }
-    }, ye = ue(), pe = () => l === !1 ? null : typeof l == "function" ? l() : l || (typeof document < "u" ? document.body : null), a = (e) => y ? `${y}-${e}` : void 0, Y = /* @__PURE__ */ n(F.Provider, { value: { push: c, pushDistance: de() }, children: /* @__PURE__ */ u(
+    }, pe = de(), ve = () => l === !1 ? null : typeof l == "function" ? l() : l || (C && typeof document < "u" ? C(document.body) : typeof document < "u" ? document.body : null), a = (e) => y ? `${y}-${e}` : void 0, X = /* @__PURE__ */ n(G.Provider, { value: { push: c, pushDistance: fe() }, children: /* @__PURE__ */ u(
       "div",
       {
-        className: `fixed inset-0 ${r ? "" : "pointer-events-none"} ${Q}`,
-        style: { zIndex: ne, ...ee },
+        className: `fixed inset-0 ${r ? "" : "pointer-events-none"} ${U}`,
+        style: { zIndex: re, ...te },
         role: "presentation",
         "data-state": r ? "open" : "closed",
         "data-testid": y,
-        ...se,
+        ...ae,
         children: [
-          G && /* @__PURE__ */ n(
+          W && /* @__PURE__ */ n(
             "div",
             {
               className: `absolute inset-0 bg-black transition-opacity duration-300 ${r ? "opacity-50" : "opacity-0"}`,
-              style: te,
-              onClick: me,
+              style: ne,
+              onClick: be,
               "aria-hidden": "true",
               "data-testid": a("mask")
             }
@@ -146,25 +147,25 @@ const Te = ve(
               ref: m,
               role: "dialog",
               "aria-modal": "true",
-              "aria-labelledby": f ? q : void 0,
-              "aria-describedby": I,
-              className: `fixed flex flex-col bg-base-100 shadow-xl transition-transform duration-300 ease-in-out ${he[i]} ${J}`,
+              "aria-labelledby": f ? j : void 0,
+              "aria-describedby": q,
+              className: `fixed flex flex-col bg-base-100 shadow-xl transition-transform duration-300 ease-in-out ${he[i]} ${Q}`,
               style: {
-                ...ye,
-                transform: be(r),
-                ...U
+                ...pe,
+                transform: ye(r),
+                ...Z
               },
-              onTransitionEnd: fe,
+              onTransitionEnd: me,
               "data-testid": a("panel"),
               children: [
                 (f || $ || T) && /* @__PURE__ */ u(
                   "div",
                   {
                     className: "flex items-center justify-between px-6 py-4 border-b border-base-300",
-                    style: Z,
+                    style: _,
                     "data-testid": a("header"),
                     children: [
-                      f && /* @__PURE__ */ n("h2", { id: q, className: "text-lg font-semibold", children: f }),
+                      f && /* @__PURE__ */ n("h2", { id: j, className: "text-lg font-semibold", children: f }),
                       /* @__PURE__ */ u("div", { className: "flex items-center gap-2 ml-auto", children: [
                         T,
                         $ && /* @__PURE__ */ n(
@@ -172,7 +173,7 @@ const Te = ve(
                           {
                             ref: p,
                             type: "button",
-                            className: `${Ee} ${Ne} ${$e} ${De}`,
+                            className: `${$e} ${De} ${Se} ${Te}`,
                             onClick: o,
                             "aria-label": "Close drawer",
                             "data-testid": a("close"),
@@ -206,11 +207,11 @@ const Te = ve(
                   "div",
                   {
                     ref: v,
-                    id: I,
+                    id: q,
                     className: "flex-1 overflow-auto p-6",
-                    style: _,
+                    style: O,
                     "data-testid": a("body"),
-                    children: re ? /* @__PURE__ */ u("div", { className: "space-y-4", "data-testid": a("skeleton"), children: [
+                    children: se ? /* @__PURE__ */ u("div", { className: "space-y-4", "data-testid": a("skeleton"), children: [
                       /* @__PURE__ */ n(d, { className: "h-4 w-3/4" }),
                       /* @__PURE__ */ n(d, { className: "h-4 w-full" }),
                       /* @__PURE__ */ n(d, { className: "h-4 w-5/6" }),
@@ -223,7 +224,7 @@ const Te = ve(
                   "div",
                   {
                     className: "px-6 py-4 border-t border-base-300",
-                    style: O,
+                    style: ee,
                     "data-testid": a("footer"),
                     children: S
                   }
@@ -234,13 +235,13 @@ const Te = ve(
         ]
       }
     ) });
-    if (!oe || !le && !r && !B) return null;
-    const A = pe();
-    return A === null ? Y : ke(Y, A);
+    if (!ie || !ce && !r && !B) return null;
+    const Y = ve();
+    return Y === null ? X : Ee(X, Y);
   }
 );
-Te.displayName = "Drawer";
+Be.displayName = "Drawer";
 export {
-  Te as Drawer
+  Be as Drawer
 };
 //# sourceMappingURL=Drawer.js.map

package/dist/components/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../src/components/Drawer.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useRef,\n  useId,\n  useCallback,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createContext,\n  useContext,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { Skeleton } from './Skeleton'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnSm = 'btn-sm'\nconst dBtnSquare = 'btn-square'\n\nexport type DrawerPlacement = 'top' | 'right' | 'bottom' | 'left'\nexport type DrawerSize = 'default' | 'large' | number\n\nexport interface DrawerPushConfig {\n  /** Distance to push parent drawer (default: 180) */\n  distance?: number\n}\n\nexport interface DrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Drawer content */\n  children: React.ReactNode\n  /** Whether the drawer is visible */\n  open?: boolean\n  /** Callback when drawer is closed */\n  onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void\n  /** Callback after open/close animation completes */\n  afterOpenChange?: (open: boolean) => void\n  /** Drawer title */\n  title?: React.ReactNode\n  /** Direction drawer slides from */\n  placement?: DrawerPlacement\n  /** Preset size or custom width/height in pixels */\n  size?: DrawerSize\n  /** Custom width (overrides size for left/right placement) */\n  width?: number | string\n  /** Custom height (overrides size for top/bottom placement) */\n  height?: number | string\n  /** Whether to show close button */\n  closable?: boolean\n  /** Whether to show mask/backdrop */\n  mask?: boolean\n  /** Whether clicking mask closes drawer */\n  maskClosable?: boolean\n  /** Whether ESC closes drawer */\n  keyboard?: boolean\n  /** Footer content */\n  footer?: React.ReactNode\n  /** Extra content in header (right side) */\n  extra?: React.ReactNode\n  /** CSS class for drawer panel */\n  className?: string\n  /** CSS class for drawer wrapper */\n  rootClassName?: string\n  /** Style for drawer panel */\n  style?: React.CSSProperties\n  /** Style for drawer header */\n  headerStyle?: React.CSSProperties\n  /** Style for drawer body/content area */\n  bodyStyle?: React.CSSProperties\n  /** Style for drawer footer */\n  footerStyle?: React.CSSProperties\n  /** Style for drawer wrapper (includes mask) */\n  rootStyle?: React.CSSProperties\n  /** Style for mask/backdrop */\n  maskStyle?: React.CSSProperties\n  /** z-index of drawer */\n  zIndex?: number\n  /** Destroy content when closed */\n  destroyOnClose?: boolean\n  /** Pre-render drawer content (keep in DOM even when closed) */\n  forceRender?: boolean\n  /** Where to place initial focus */\n  initialFocus?: 'close' | 'content'\n  /** Show loading skeleton */\n  loading?: boolean\n  /** Custom container for portal (false to disable portal) */\n  getContainer?: HTMLElement | (() => HTMLElement) | false\n  /** Nested drawer push behavior */\n  push?: boolean | DrawerPushConfig\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport interface DrawerRef {\n  /** The drawer panel element */\n  nativeElement: HTMLDivElement | null\n}\n\n// Context for nested drawer push behavior\ninterface DrawerContextValue {\n  push: boolean | DrawerPushConfig\n  pushDistance: number\n}\n\nconst DrawerContext = createContext<DrawerContextValue | null>(null)\n\nfunction useDrawerContext() {\n  return useContext(DrawerContext)\n}\n\n/**\n * Drawer - A panel that slides in from the edge of the screen.\n * Use for forms, details, or task panels.\n * For responsive sidebar navigation, use ResponsiveDrawer instead.\n */\nexport const Drawer = forwardRef<DrawerRef, DrawerProps>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      afterOpenChange,\n      title,\n      placement = 'right',\n      size = 'default',\n      width,\n      height,\n      closable = true,\n      mask = true,\n      maskClosable = true,\n      keyboard = true,\n      footer,\n      extra,\n      className = '',\n      rootClassName = '',\n      style,\n      headerStyle,\n      bodyStyle,\n      footerStyle,\n      rootStyle,\n      maskStyle,\n      zIndex = 1000,\n      destroyOnClose = false,\n      forceRender = false,\n      initialFocus = 'close',\n      loading = false,\n      getContainer,\n      push = { distance: 180 },\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const drawerRef = useRef<HTMLDivElement>(null)\n    const closeButtonRef = useRef<HTMLButtonElement>(null)\n    const contentRef = useRef<HTMLDivElement>(null)\n    const previousActiveElement = useRef<HTMLElement | null>(null)\n    const titleId = useId()\n    const contentId = useId()\n    const [mounted, setMounted] = useState(false)\n    const [shouldRender, setShouldRender] = useState(open || forceRender)\n    const [, setIsAnimating] = useState(false)\n\n    // Get parent drawer context for nested push behavior\n    const parentDrawer = useDrawerContext()\n\n    // Expose ref\n    useImperativeHandle(ref, () => ({\n      nativeElement: drawerRef.current,\n    }))\n\n    // Handle SSR - only render portal after mounting in browser\n    useEffect(() => {\n      setMounted(true)\n    }, [])\n\n    // Calculate dimensions\n    const getSizeValue = (): number => {\n      if (typeof size === 'number') return size\n      return size === 'large' ? 736 : 378\n    }\n\n    const getDimension = (): { width?: string; height?: string } => {\n      const isHorizontal = placement === 'left' || placement === 'right'\n      const sizeValue = getSizeValue()\n\n      if (isHorizontal) {\n        const w = width ?? sizeValue\n        return { width: typeof w === 'number' ? `${w}px` : w }\n      } else {\n        const h = height ?? sizeValue\n        return { height: typeof h === 'number' ? `${h}px` : h }\n      }\n    }\n\n    // Calculate push distance for nested drawers\n    const getPushDistance = (): number => {\n      if (!push) return 0\n      if (typeof push === 'boolean') return push ? 180 : 0\n      return push.distance ?? 180\n    }\n\n    // Focus trap\n    const trapFocus = useCallback((e: KeyboardEvent) => {\n      if (!drawerRef.current || e.key !== 'Tab' || typeof document === 'undefined') return\n\n      const focusableElements = drawerRef.current.querySelectorAll<HTMLElement>(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n      )\n      const firstElement = focusableElements[0]\n      const lastElement = focusableElements[focusableElements.length - 1]\n\n      if (e.shiftKey && document.activeElement === firstElement) {\n        e.preventDefault()\n        lastElement?.focus()\n      } else if (!e.shiftKey && document.activeElement === lastElement) {\n        e.preventDefault()\n        firstElement?.focus()\n      }\n    }, [])\n\n    // Handle ESC key\n    const handleKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        if (keyboard && e.key === 'Escape' && onClose) {\n          e.preventDefault()\n          onClose()\n        }\n      },\n      [keyboard, onClose]\n    )\n\n    // Handle animation end\n    const handleTransitionEnd = useCallback(() => {\n      setIsAnimating(false)\n      afterOpenChange?.(open)\n\n      if (!open && destroyOnClose) {\n        setShouldRender(false)\n      }\n    }, [open, afterOpenChange, destroyOnClose])\n\n    // Open/close effects\n    useEffect(() => {\n      if (typeof document === 'undefined') return\n\n      if (open) {\n        setShouldRender(true)\n        setIsAnimating(true)\n        previousActiveElement.current = document.activeElement as HTMLElement\n        document.body.style.overflow = 'hidden'\n\n        // Set initial focus\n        const focusTimeout = setTimeout(() => {\n          if (initialFocus === 'close' && closeButtonRef.current) {\n            closeButtonRef.current.focus()\n          } else if (contentRef.current) {\n            const firstFocusable = contentRef.current.querySelector<HTMLElement>(\n              'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n            )\n            firstFocusable?.focus()\n          }\n        }, 0)\n\n        // Add event listeners\n        document.addEventListener('keydown', handleKeyDown)\n        document.addEventListener('keydown', trapFocus)\n\n        return () => {\n          clearTimeout(focusTimeout)\n          document.body.style.overflow = ''\n          document.removeEventListener('keydown', handleKeyDown)\n          document.removeEventListener('keydown', trapFocus)\n        }\n      } else {\n        setIsAnimating(true)\n        // Restore focus to previously focused element if it's still in the DOM\n        const prevElement = previousActiveElement.current\n        if (prevElement && document.body.contains(prevElement)) {\n          prevElement.focus()\n        }\n      }\n    }, [open, handleKeyDown, trapFocus, initialFocus])\n\n    const handleMaskClick = (e: React.MouseEvent) => {\n      if (maskClosable && onClose) {\n        onClose(e)\n      }\n    }\n\n    // Position classes\n    const placementClasses: Record<DrawerPlacement, string> = {\n      top: 'inset-x-0 top-0',\n      right: 'inset-y-0 right-0',\n      bottom: 'inset-x-0 bottom-0',\n      left: 'inset-y-0 left-0',\n    }\n\n    // Transform for animation\n    const getTransform = (isOpen: boolean): string => {\n      // Apply push offset from child drawer\n      const pushOffset = parentDrawer && open ? parentDrawer.pushDistance : 0\n\n      if (isOpen) {\n        if (pushOffset === 0) return 'translate(0, 0)'\n        switch (placement) {\n          case 'right':\n            return `translateX(-${pushOffset}px)`\n          case 'left':\n            return `translateX(${pushOffset}px)`\n          case 'top':\n            return `translateY(${pushOffset}px)`\n          case 'bottom':\n            return `translateY(-${pushOffset}px)`\n        }\n      }\n\n      switch (placement) {\n        case 'top':\n          return 'translateY(-100%)'\n        case 'right':\n          return 'translateX(100%)'\n        case 'bottom':\n          return 'translateY(100%)'\n        case 'left':\n          return 'translateX(-100%)'\n      }\n    }\n\n    const dimension = getDimension()\n\n    // Get container element\n    const getContainerElement = (): HTMLElement | null => {\n      if (getContainer === false) return null\n      if (typeof getContainer === 'function') return getContainer()\n      if (getContainer) return getContainer\n      return typeof document !== 'undefined' ? document.body : null\n    }\n\n    // Generate test IDs\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n    const drawerContent = (\n      <DrawerContext.Provider value={{ push, pushDistance: getPushDistance() }}>\n        <div\n          className={`fixed inset-0 ${open ? '' : 'pointer-events-none'} ${rootClassName}`}\n          style={{ zIndex, ...rootStyle }}\n          role=\"presentation\"\n          data-state={open ? 'open' : 'closed'}\n          data-testid={testId}\n          {...rest}\n        >\n          {/* Backdrop/Mask */}\n          {mask && (\n            <div\n              className={`absolute inset-0 bg-black transition-opacity duration-300 ${\n                open ? 'opacity-50' : 'opacity-0'\n              }`}\n              style={maskStyle}\n              onClick={handleMaskClick}\n              aria-hidden=\"true\"\n              data-testid={getTestId('mask')}\n            />\n          )}\n\n          {/* Drawer Panel */}\n          <div\n            ref={drawerRef}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={title ? titleId : undefined}\n            aria-describedby={contentId}\n            className={`fixed flex flex-col bg-base-100 shadow-xl transition-transform duration-300 ease-in-out ${placementClasses[placement]} ${className}`}\n            style={{\n              ...dimension,\n              transform: getTransform(open),\n              ...style,\n            }}\n            onTransitionEnd={handleTransitionEnd}\n            data-testid={getTestId('panel')}\n          >\n            {/* Header */}\n            {(title || closable || extra) && (\n              <div\n                className=\"flex items-center justify-between px-6 py-4 border-b border-base-300\"\n                style={headerStyle}\n                data-testid={getTestId('header')}\n              >\n                {title && (\n                  <h2 id={titleId} className=\"text-lg font-semibold\">\n                    {title}\n                  </h2>\n                )}\n                <div className=\"flex items-center gap-2 ml-auto\">\n                  {extra}\n                  {closable && (\n                    <button\n                      ref={closeButtonRef}\n                      type=\"button\"\n                      className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n                      onClick={onClose}\n                      aria-label=\"Close drawer\"\n                      data-testid={getTestId('close')}\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        className=\"h-5 w-5\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                        aria-hidden=\"true\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M6 18L18 6M6 6l12 12\"\n                        />\n                      </svg>\n                    </button>\n                  )}\n                </div>\n              </div>\n            )}\n\n            {/* Content */}\n            <div\n              ref={contentRef}\n              id={contentId}\n              className=\"flex-1 overflow-auto p-6\"\n              style={bodyStyle}\n              data-testid={getTestId('body')}\n            >\n              {loading ? (\n                <div className=\"space-y-4\" data-testid={getTestId('skeleton')}>\n                  <Skeleton className=\"h-4 w-3/4\" />\n                  <Skeleton className=\"h-4 w-full\" />\n                  <Skeleton className=\"h-4 w-5/6\" />\n                  <Skeleton className=\"h-4 w-2/3\" />\n                  <Skeleton className=\"h-32 w-full\" />\n                </div>\n              ) : (\n                children\n              )}\n            </div>\n\n            {/* Footer */}\n            {footer && (\n              <div\n                className=\"px-6 py-4 border-t border-base-300\"\n                style={footerStyle}\n                data-testid={getTestId('footer')}\n              >\n                {footer}\n              </div>\n            )}\n          </div>\n        </div>\n      </DrawerContext.Provider>\n    )\n\n    // Don't render during SSR or when not needed\n    if (!mounted) return null\n    if (!shouldRender && !open && !forceRender) return null\n\n    // Render without portal if getContainer is false\n    const container = getContainerElement()\n    if (container === null) return drawerContent\n\n    return createPortal(drawerContent, container)\n  }\n)\n\nDrawer.displayName = 'Drawer'\n"],"names":["dBtn","dBtnGhost","dBtnSm","dBtnSquare","DrawerContext","createContext","useDrawerContext","useContext","Drawer","forwardRef","children","open","onClose","afterOpenChange","title","placement","size","width","height","closable","mask","maskClosable","keyboard","footer","extra","className","rootClassName","style","headerStyle","bodyStyle","footerStyle","rootStyle","maskStyle","zIndex","destroyOnClose","forceRender","initialFocus","loading","getContainer","push","testId","rest","ref","drawerRef","useRef","closeButtonRef","contentRef","previousActiveElement","titleId","useId","contentId","mounted","setMounted","useState","shouldRender","setShouldRender","setIsAnimating","parentDrawer","useImperativeHandle","useEffect","getSizeValue","getDimension","isHorizontal","sizeValue","w","h","getPushDistance","trapFocus","useCallback","focusableElements","firstElement","lastElement","handleKeyDown","handleTransitionEnd","focusTimeout","prevElement","handleMaskClick","placementClasses","getTransform","isOpen","pushOffset","dimension","getContainerElement","getTestId","suffix","drawerContent","jsx","jsxs","Skeleton","container","createPortal"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../src/components/Drawer.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useRef,\n  useId,\n  useCallback,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createContext,\n  useContext,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { Skeleton } from './Skeleton'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnSm = 'btn-sm'\nconst dBtnSquare = 'btn-square'\n\nexport type DrawerPlacement = 'top' | 'right' | 'bottom' | 'left'\nexport type DrawerSize = 'default' | 'large' | number\n\nexport interface DrawerPushConfig {\n  /** Distance to push parent drawer (default: 180) */\n  distance?: number\n}\n\nexport interface DrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Drawer content */\n  children: React.ReactNode\n  /** Whether the drawer is visible */\n  open?: boolean\n  /** Callback when drawer is closed */\n  onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void\n  /** Callback after open/close animation completes */\n  afterOpenChange?: (open: boolean) => void\n  /** Drawer title */\n  title?: React.ReactNode\n  /** Direction drawer slides from */\n  placement?: DrawerPlacement\n  /** Preset size or custom width/height in pixels */\n  size?: DrawerSize\n  /** Custom width (overrides size for left/right placement) */\n  width?: number | string\n  /** Custom height (overrides size for top/bottom placement) */\n  height?: number | string\n  /** Whether to show close button */\n  closable?: boolean\n  /** Whether to show mask/backdrop */\n  mask?: boolean\n  /** Whether clicking mask closes drawer */\n  maskClosable?: boolean\n  /** Whether ESC closes drawer */\n  keyboard?: boolean\n  /** Footer content */\n  footer?: React.ReactNode\n  /** Extra content in header (right side) */\n  extra?: React.ReactNode\n  /** CSS class for drawer panel */\n  className?: string\n  /** CSS class for drawer wrapper */\n  rootClassName?: string\n  /** Style for drawer panel */\n  style?: React.CSSProperties\n  /** Style for drawer header */\n  headerStyle?: React.CSSProperties\n  /** Style for drawer body/content area */\n  bodyStyle?: React.CSSProperties\n  /** Style for drawer footer */\n  footerStyle?: React.CSSProperties\n  /** Style for drawer wrapper (includes mask) */\n  rootStyle?: React.CSSProperties\n  /** Style for mask/backdrop */\n  maskStyle?: React.CSSProperties\n  /** z-index of drawer */\n  zIndex?: number\n  /** Destroy content when closed */\n  destroyOnClose?: boolean\n  /** Pre-render drawer content (keep in DOM even when closed) */\n  forceRender?: boolean\n  /** Where to place initial focus */\n  initialFocus?: 'close' | 'content'\n  /** Show loading skeleton */\n  loading?: boolean\n  /** Custom container for portal (false to disable portal) */\n  getContainer?: HTMLElement | (() => HTMLElement) | false\n  /** Nested drawer push behavior */\n  push?: boolean | DrawerPushConfig\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport interface DrawerRef {\n  /** The drawer panel element */\n  nativeElement: HTMLDivElement | null\n}\n\n// Context for nested drawer push behavior\ninterface DrawerContextValue {\n  push: boolean | DrawerPushConfig\n  pushDistance: number\n}\n\nconst DrawerContext = createContext<DrawerContextValue | null>(null)\n\nfunction useDrawerContext() {\n  return useContext(DrawerContext)\n}\n\n/**\n * Drawer - A panel that slides in from the edge of the screen.\n * Use for forms, details, or task panels.\n * For responsive sidebar navigation, use ResponsiveDrawer instead.\n */\nexport const Drawer = forwardRef<DrawerRef, DrawerProps>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      afterOpenChange,\n      title,\n      placement = 'right',\n      size = 'default',\n      width,\n      height,\n      closable = true,\n      mask = true,\n      maskClosable = true,\n      keyboard = true,\n      footer,\n      extra,\n      className = '',\n      rootClassName = '',\n      style,\n      headerStyle,\n      bodyStyle,\n      footerStyle,\n      rootStyle,\n      maskStyle,\n      zIndex = 1000,\n      destroyOnClose = false,\n      forceRender = false,\n      initialFocus = 'close',\n      loading = false,\n      getContainer,\n      push = { distance: 180 },\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const { getPopupContainer: globalGetPopupContainer } = useConfig()\n\n    const drawerRef = useRef<HTMLDivElement>(null)\n    const closeButtonRef = useRef<HTMLButtonElement>(null)\n    const contentRef = useRef<HTMLDivElement>(null)\n    const previousActiveElement = useRef<HTMLElement | null>(null)\n    const titleId = useId()\n    const contentId = useId()\n    const [mounted, setMounted] = useState(false)\n    const [shouldRender, setShouldRender] = useState(open || forceRender)\n    const [, setIsAnimating] = useState(false)\n\n    // Get parent drawer context for nested push behavior\n    const parentDrawer = useDrawerContext()\n\n    // Expose ref\n    useImperativeHandle(ref, () => ({\n      nativeElement: drawerRef.current,\n    }))\n\n    // Handle SSR - only render portal after mounting in browser\n    useEffect(() => {\n      setMounted(true)\n    }, [])\n\n    // Calculate dimensions\n    const getSizeValue = (): number => {\n      if (typeof size === 'number') return size\n      return size === 'large' ? 736 : 378\n    }\n\n    const getDimension = (): { width?: string; height?: string } => {\n      const isHorizontal = placement === 'left' || placement === 'right'\n      const sizeValue = getSizeValue()\n\n      if (isHorizontal) {\n        const w = width ?? sizeValue\n        return { width: typeof w === 'number' ? `${w}px` : w }\n      } else {\n        const h = height ?? sizeValue\n        return { height: typeof h === 'number' ? `${h}px` : h }\n      }\n    }\n\n    // Calculate push distance for nested drawers\n    const getPushDistance = (): number => {\n      if (!push) return 0\n      if (typeof push === 'boolean') return push ? 180 : 0\n      return push.distance ?? 180\n    }\n\n    // Focus trap\n    const trapFocus = useCallback((e: KeyboardEvent) => {\n      if (!drawerRef.current || e.key !== 'Tab' || typeof document === 'undefined') return\n\n      const focusableElements = drawerRef.current.querySelectorAll<HTMLElement>(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n      )\n      const firstElement = focusableElements[0]\n      const lastElement = focusableElements[focusableElements.length - 1]\n\n      if (e.shiftKey && document.activeElement === firstElement) {\n        e.preventDefault()\n        lastElement?.focus()\n      } else if (!e.shiftKey && document.activeElement === lastElement) {\n        e.preventDefault()\n        firstElement?.focus()\n      }\n    }, [])\n\n    // Handle ESC key\n    const handleKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        if (keyboard && e.key === 'Escape' && onClose) {\n          e.preventDefault()\n          onClose()\n        }\n      },\n      [keyboard, onClose]\n    )\n\n    // Handle animation end\n    const handleTransitionEnd = useCallback(() => {\n      setIsAnimating(false)\n      afterOpenChange?.(open)\n\n      if (!open && destroyOnClose) {\n        setShouldRender(false)\n      }\n    }, [open, afterOpenChange, destroyOnClose])\n\n    // Open/close effects\n    useEffect(() => {\n      if (typeof document === 'undefined') return\n\n      if (open) {\n        setShouldRender(true)\n        setIsAnimating(true)\n        previousActiveElement.current = document.activeElement as HTMLElement\n        document.body.style.overflow = 'hidden'\n\n        // Set initial focus\n        const focusTimeout = setTimeout(() => {\n          if (initialFocus === 'close' && closeButtonRef.current) {\n            closeButtonRef.current.focus()\n          } else if (contentRef.current) {\n            const firstFocusable = contentRef.current.querySelector<HTMLElement>(\n              'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n            )\n            firstFocusable?.focus()\n          }\n        }, 0)\n\n        // Add event listeners\n        document.addEventListener('keydown', handleKeyDown)\n        document.addEventListener('keydown', trapFocus)\n\n        return () => {\n          clearTimeout(focusTimeout)\n          document.body.style.overflow = ''\n          document.removeEventListener('keydown', handleKeyDown)\n          document.removeEventListener('keydown', trapFocus)\n        }\n      } else {\n        setIsAnimating(true)\n        // Restore focus to previously focused element if it's still in the DOM\n        const prevElement = previousActiveElement.current\n        if (prevElement && document.body.contains(prevElement)) {\n          prevElement.focus()\n        }\n      }\n    }, [open, handleKeyDown, trapFocus, initialFocus])\n\n    const handleMaskClick = (e: React.MouseEvent) => {\n      if (maskClosable && onClose) {\n        onClose(e)\n      }\n    }\n\n    // Position classes\n    const placementClasses: Record<DrawerPlacement, string> = {\n      top: 'inset-x-0 top-0',\n      right: 'inset-y-0 right-0',\n      bottom: 'inset-x-0 bottom-0',\n      left: 'inset-y-0 left-0',\n    }\n\n    // Transform for animation\n    const getTransform = (isOpen: boolean): string => {\n      // Apply push offset from child drawer\n      const pushOffset = parentDrawer && open ? parentDrawer.pushDistance : 0\n\n      if (isOpen) {\n        if (pushOffset === 0) return 'translate(0, 0)'\n        switch (placement) {\n          case 'right':\n            return `translateX(-${pushOffset}px)`\n          case 'left':\n            return `translateX(${pushOffset}px)`\n          case 'top':\n            return `translateY(${pushOffset}px)`\n          case 'bottom':\n            return `translateY(-${pushOffset}px)`\n        }\n      }\n\n      switch (placement) {\n        case 'top':\n          return 'translateY(-100%)'\n        case 'right':\n          return 'translateX(100%)'\n        case 'bottom':\n          return 'translateY(100%)'\n        case 'left':\n          return 'translateX(-100%)'\n      }\n    }\n\n    const dimension = getDimension()\n\n    // Get container element\n    const getContainerElement = (): HTMLElement | null => {\n      if (getContainer === false) return null\n      if (typeof getContainer === 'function') return getContainer()\n      if (getContainer) return getContainer\n      // Use global getPopupContainer from ConfigProvider as fallback\n      if (globalGetPopupContainer && typeof document !== 'undefined') {\n        return globalGetPopupContainer(document.body)\n      }\n      return typeof document !== 'undefined' ? document.body : null\n    }\n\n    // Generate test IDs\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n    const drawerContent = (\n      <DrawerContext.Provider value={{ push, pushDistance: getPushDistance() }}>\n        <div\n          className={`fixed inset-0 ${open ? '' : 'pointer-events-none'} ${rootClassName}`}\n          style={{ zIndex, ...rootStyle }}\n          role=\"presentation\"\n          data-state={open ? 'open' : 'closed'}\n          data-testid={testId}\n          {...rest}\n        >\n          {/* Backdrop/Mask */}\n          {mask && (\n            <div\n              className={`absolute inset-0 bg-black transition-opacity duration-300 ${\n                open ? 'opacity-50' : 'opacity-0'\n              }`}\n              style={maskStyle}\n              onClick={handleMaskClick}\n              aria-hidden=\"true\"\n              data-testid={getTestId('mask')}\n            />\n          )}\n\n          {/* Drawer Panel */}\n          <div\n            ref={drawerRef}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={title ? titleId : undefined}\n            aria-describedby={contentId}\n            className={`fixed flex flex-col bg-base-100 shadow-xl transition-transform duration-300 ease-in-out ${placementClasses[placement]} ${className}`}\n            style={{\n              ...dimension,\n              transform: getTransform(open),\n              ...style,\n            }}\n            onTransitionEnd={handleTransitionEnd}\n            data-testid={getTestId('panel')}\n          >\n            {/* Header */}\n            {(title || closable || extra) && (\n              <div\n                className=\"flex items-center justify-between px-6 py-4 border-b border-base-300\"\n                style={headerStyle}\n                data-testid={getTestId('header')}\n              >\n                {title && (\n                  <h2 id={titleId} className=\"text-lg font-semibold\">\n                    {title}\n                  </h2>\n                )}\n                <div className=\"flex items-center gap-2 ml-auto\">\n                  {extra}\n                  {closable && (\n                    <button\n                      ref={closeButtonRef}\n                      type=\"button\"\n                      className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n                      onClick={onClose}\n                      aria-label=\"Close drawer\"\n                      data-testid={getTestId('close')}\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        className=\"h-5 w-5\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                        aria-hidden=\"true\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M6 18L18 6M6 6l12 12\"\n                        />\n                      </svg>\n                    </button>\n                  )}\n                </div>\n              </div>\n            )}\n\n            {/* Content */}\n            <div\n              ref={contentRef}\n              id={contentId}\n              className=\"flex-1 overflow-auto p-6\"\n              style={bodyStyle}\n              data-testid={getTestId('body')}\n            >\n              {loading ? (\n                <div className=\"space-y-4\" data-testid={getTestId('skeleton')}>\n                  <Skeleton className=\"h-4 w-3/4\" />\n                  <Skeleton className=\"h-4 w-full\" />\n                  <Skeleton className=\"h-4 w-5/6\" />\n                  <Skeleton className=\"h-4 w-2/3\" />\n                  <Skeleton className=\"h-32 w-full\" />\n                </div>\n              ) : (\n                children\n              )}\n            </div>\n\n            {/* Footer */}\n            {footer && (\n              <div\n                className=\"px-6 py-4 border-t border-base-300\"\n                style={footerStyle}\n                data-testid={getTestId('footer')}\n              >\n                {footer}\n              </div>\n            )}\n          </div>\n        </div>\n      </DrawerContext.Provider>\n    )\n\n    // Don't render during SSR or when not needed\n    if (!mounted) return null\n    if (!shouldRender && !open && !forceRender) return null\n\n    // Render without portal if getContainer is false\n    const container = getContainerElement()\n    if (container === null) return drawerContent\n\n    return createPortal(drawerContent, container)\n  }\n)\n\nDrawer.displayName = 'Drawer'\n"],"names":["dBtn","dBtnGhost","dBtnSm","dBtnSquare","DrawerContext","createContext","useDrawerContext","useContext","Drawer","forwardRef","children","open","onClose","afterOpenChange","title","placement","size","width","height","closable","mask","maskClosable","keyboard","footer","extra","className","rootClassName","style","headerStyle","bodyStyle","footerStyle","rootStyle","maskStyle","zIndex","destroyOnClose","forceRender","initialFocus","loading","getContainer","push","testId","rest","ref","globalGetPopupContainer","useConfig","drawerRef","useRef","closeButtonRef","contentRef","previousActiveElement","titleId","useId","contentId","mounted","setMounted","useState","shouldRender","setShouldRender","setIsAnimating","parentDrawer","useImperativeHandle","useEffect","getSizeValue","getDimension","isHorizontal","sizeValue","w","h","getPushDistance","trapFocus","useCallback","focusableElements","firstElement","lastElement","handleKeyDown","handleTransitionEnd","focusTimeout","prevElement","handleMaskClick","placementClasses","getTransform","isOpen","pushOffset","dimension","getContainerElement","getTestId","suffix","drawerContent","jsx","jsxs","Skeleton","container","createPortal"],"mappings":"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"}