@a11y-core/react 0.1.0-alpha.0

package/dist/chunk-AZFZWGI6.cjs

@@ -0,0 +1,383 @@
+'use strict';
+
+var chunkGS3H4T2O_cjs = require('./chunk-GS3H4T2O.cjs');
+var chunkN6L4GLFC_cjs = require('./chunk-N6L4GLFC.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var ActionMenuContext = react.createContext(null);
+function useActionMenuContext() {
+  const context = react.useContext(ActionMenuContext);
+  if (!context) {
+    throw new Error(
+      "ActionMenu compound components must be used within an ActionMenu component"
+    );
+  }
+  return context;
+}
+var ActionMenuProvider = ActionMenuContext.Provider;
+function ActionMenu({
+  defaultOpen = false,
+  open: controlledOpen,
+  onOpenChange,
+  children,
+  unstyled = false
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
+  const isOpen = controlledOpen ?? uncontrolledOpen;
+  const [highlightedIndex, setHighlightedIndex] = react.useState(-1);
+  const itemsRef = react.useRef([]);
+  const onSelectRef = react.useRef(null);
+  const menuId = chunkN6L4GLFC_cjs.useId("action-menu");
+  const triggerId = chunkN6L4GLFC_cjs.useId("action-menu-trigger");
+  const setOpen = react.useCallback(
+    (value) => {
+      if (controlledOpen === void 0) {
+        setUncontrolledOpen(value);
+      }
+      onOpenChange?.(value);
+      if (!value) {
+        setHighlightedIndex(-1);
+      }
+    },
+    [controlledOpen, onOpenChange]
+  );
+  const open = react.useCallback(() => setOpen(true), [setOpen]);
+  const close = react.useCallback(() => setOpen(false), [setOpen]);
+  const toggle = react.useCallback(() => setOpen(!isOpen), [setOpen, isOpen]);
+  const registerItem = react.useCallback((id) => {
+    const index = itemsRef.current.length;
+    itemsRef.current.push(id);
+    return index;
+  }, []);
+  const unregisterItem = react.useCallback((id) => {
+    const index = itemsRef.current.indexOf(id);
+    if (index > -1) {
+      itemsRef.current.splice(index, 1);
+    }
+  }, []);
+  const getItemCount = react.useCallback(() => itemsRef.current.length, []);
+  const selectItem = react.useCallback(
+    (index) => {
+      onSelectRef.current?.(index);
+      close();
+    },
+    [close]
+  );
+  const contextValue = {
+    isOpen,
+    open,
+    close,
+    toggle,
+    highlightedIndex,
+    setHighlightedIndex,
+    menuId,
+    triggerId,
+    registerItem,
+    unregisterItem,
+    getItemCount,
+    selectItem,
+    unstyled
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ActionMenuProvider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: { position: "relative", display: "inline-block" },
+      "data-a11y-core-action-menu": true,
+      children
+    }
+  ) });
+}
+var ActionMenuTrigger = react.forwardRef(function ActionMenuTrigger2({ children, onClick, onKeyDown, ...props }, ref) {
+  const {
+    isOpen,
+    toggle,
+    open,
+    close,
+    triggerId,
+    menuId,
+    setHighlightedIndex,
+    getItemCount
+  } = useActionMenuContext();
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (!event.defaultPrevented) {
+      toggle();
+    }
+  };
+  const keyboardProps = chunkGS3H4T2O_cjs.useKeyboard(
+    {
+      ArrowDown: () => {
+        if (!isOpen) {
+          open();
+        }
+        setHighlightedIndex(0);
+      },
+      ArrowUp: () => {
+        if (!isOpen) {
+          open();
+        }
+        setHighlightedIndex(getItemCount() - 1);
+      },
+      Enter: () => toggle(),
+      Space: () => toggle(),
+      Escape: () => close()
+    },
+    { preventDefault: true }
+  );
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (!event.defaultPrevented) {
+      keyboardProps.onKeyDown(event);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      id: triggerId,
+      type: "button",
+      tabIndex: 0,
+      "aria-haspopup": "menu",
+      "aria-expanded": isOpen,
+      "aria-controls": isOpen ? menuId : void 0,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      "data-a11y-core-action-menu-trigger": true,
+      ...props,
+      children
+    }
+  );
+});
+var ActionMenuContent = react.forwardRef(function ActionMenuContent2({ children, onKeyDown, style, ...props }, ref) {
+  const {
+    isOpen,
+    close,
+    menuId,
+    triggerId,
+    highlightedIndex,
+    setHighlightedIndex,
+    getItemCount,
+    unstyled
+  } = useActionMenuContext();
+  const menuRef = react.useRef(null);
+  const clickHighlightedItem = () => {
+    if (highlightedIndex >= 0 && menuRef.current) {
+      const items = menuRef.current.querySelectorAll('[role="menuitem"]');
+      const item = items[highlightedIndex];
+      if (item && item.getAttribute("aria-disabled") !== "true") {
+        item.click();
+      }
+    }
+  };
+  const keyboardProps = chunkGS3H4T2O_cjs.useKeyboard(
+    {
+      ArrowDown: () => {
+        const count = getItemCount();
+        setHighlightedIndex((highlightedIndex + 1) % count);
+      },
+      ArrowUp: () => {
+        const count = getItemCount();
+        setHighlightedIndex((highlightedIndex - 1 + count) % count);
+      },
+      Home: () => setHighlightedIndex(0),
+      End: () => setHighlightedIndex(getItemCount() - 1),
+      Enter: () => clickHighlightedItem(),
+      Space: () => clickHighlightedItem(),
+      Escape: () => close(),
+      Tab: () => {
+        close();
+        return false;
+      }
+    },
+    { preventDefault: true }
+  );
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (!event.defaultPrevented) {
+      keyboardProps.onKeyDown(event);
+    }
+  };
+  react.useEffect(() => {
+    if (isOpen && menuRef.current) {
+      menuRef.current.focus();
+    }
+  }, [isOpen]);
+  react.useEffect(() => {
+    if (!isOpen) return;
+    const handleClick = (event) => {
+      const target = event.target;
+      const menu = menuRef.current;
+      const trigger = document.getElementById(triggerId);
+      if (menu && !menu.contains(target) && trigger && !trigger.contains(target)) {
+        close();
+      }
+    };
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [isOpen, close, triggerId]);
+  if (!isOpen) {
+    return null;
+  }
+  const contentStructuralStyles = {
+    position: "absolute",
+    top: "100%",
+    left: 0,
+    marginTop: "4px",
+    zIndex: 1e3
+  };
+  const contentVisualStyles = unstyled ? {} : {
+    minWidth: "160px",
+    backgroundColor: "white",
+    border: "1px solid #e0e0e0",
+    borderRadius: "4px",
+    boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
+    padding: "4px 0"
+  };
+  const contentStyles = {
+    ...contentStructuralStyles,
+    ...contentVisualStyles
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: (node) => {
+        menuRef.current = node;
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+      },
+      id: menuId,
+      role: "menu",
+      "aria-labelledby": triggerId,
+      tabIndex: -1,
+      onKeyDown: handleKeyDown,
+      style: { ...contentStyles, ...style },
+      "data-a11y-core-action-menu-content": true,
+      ...props,
+      children
+    }
+  );
+});
+var ActionMenuItem = react.forwardRef(
+  function ActionMenuItem2({
+    children,
+    disabled = false,
+    onSelect,
+    onClick,
+    onMouseEnter,
+    style,
+    ...props
+  }, ref) {
+    const {
+      registerItem,
+      unregisterItem,
+      highlightedIndex,
+      setHighlightedIndex,
+      close,
+      unstyled
+    } = useActionMenuContext();
+    const itemId = chunkN6L4GLFC_cjs.useId("action-menu-item");
+    const indexRef = react.useRef(-1);
+    react.useEffect(() => {
+      if (!disabled) {
+        indexRef.current = registerItem(itemId);
+      }
+      return () => {
+        if (!disabled) {
+          unregisterItem(itemId);
+        }
+      };
+    }, [itemId, disabled, registerItem, unregisterItem]);
+    const isHighlighted = indexRef.current === highlightedIndex;
+    const handleClick = (event) => {
+      onClick?.(event);
+      if (!event.defaultPrevented && !disabled) {
+        onSelect?.();
+        close();
+      }
+    };
+    const handleMouseEnter = (event) => {
+      onMouseEnter?.(event);
+      if (!disabled) {
+        setHighlightedIndex(indexRef.current);
+      }
+    };
+    const itemBehaviorStyles = {
+      cursor: disabled ? "not-allowed" : "pointer",
+      opacity: disabled ? 0.5 : 1
+    };
+    const itemVisualStyles = unstyled ? {} : {
+      padding: "8px 16px",
+      backgroundColor: isHighlighted ? "#f0f0f0" : "transparent"
+    };
+    const itemStyles = {
+      ...itemBehaviorStyles,
+      ...itemVisualStyles
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        id: itemId,
+        role: "menuitem",
+        tabIndex: -1,
+        "aria-disabled": disabled,
+        "data-highlighted": isHighlighted,
+        "data-disabled": disabled,
+        onClick: handleClick,
+        onMouseEnter: handleMouseEnter,
+        style: { ...itemStyles, ...style },
+        "data-a11y-core-action-menu-item": true,
+        ...props,
+        children
+      }
+    );
+  }
+);
+var ActionMenuSeparator = react.forwardRef(function ActionMenuSeparator2(props, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      role: "separator",
+      "data-a11y-core-action-menu-separator": true,
+      ...props
+    }
+  );
+});
+var ActionMenuLabel = react.forwardRef(
+  function ActionMenuLabel2({ children, ...props }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "presentation",
+        "data-a11y-core-action-menu-label": true,
+        ...props,
+        children
+      }
+    );
+  }
+);
+var ActionMenuCompound = Object.assign(ActionMenu, {
+  Trigger: ActionMenuTrigger,
+  Content: ActionMenuContent,
+  Item: ActionMenuItem,
+  Separator: ActionMenuSeparator,
+  Label: ActionMenuLabel
+});
+
+exports.ActionMenu = ActionMenu;
+exports.ActionMenuCompound = ActionMenuCompound;
+exports.ActionMenuContent = ActionMenuContent;
+exports.ActionMenuItem = ActionMenuItem;
+exports.ActionMenuLabel = ActionMenuLabel;
+exports.ActionMenuProvider = ActionMenuProvider;
+exports.ActionMenuSeparator = ActionMenuSeparator;
+exports.ActionMenuTrigger = ActionMenuTrigger;
+exports.useActionMenuContext = useActionMenuContext;
+//# sourceMappingURL=chunk-AZFZWGI6.cjs.map
+//# sourceMappingURL=chunk-AZFZWGI6.cjs.map

package/dist/chunk-AZFZWGI6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/menu/menu-context.ts","../src/components/menu/menu.tsx"],"names":["createContext","useContext","useState","useRef","useId","useCallback","jsx","forwardRef","ActionMenuTrigger","useKeyboard","ActionMenuContent","useEffect","ActionMenuItem","ActionMenuSeparator","ActionMenuLabel"],"mappings":"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","file":"chunk-AZFZWGI6.cjs","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface ActionMenuContextValue {\n  /** Whether the menu is open */\n  isOpen: boolean;\n  /** Open the menu */\n  open: () => void;\n  /** Close the menu */\n  close: () => void;\n  /** Toggle the menu */\n  toggle: () => void;\n  /** Currently highlighted item index */\n  highlightedIndex: number;\n  /** Set highlighted item */\n  setHighlightedIndex: (index: number) => void;\n  /** ID for the menu element */\n  menuId: string;\n  /** ID for the trigger element */\n  triggerId: string;\n  /** Register a menu item */\n  registerItem: (id: string) => number;\n  /** Unregister a menu item */\n  unregisterItem: (id: string) => void;\n  /** Get item count */\n  getItemCount: () => number;\n  /** Select an item */\n  selectItem: (index: number) => void;\n  /** Whether default styles are disabled */\n  unstyled: boolean;\n}\n\nconst ActionMenuContext = createContext<ActionMenuContextValue | null>(null);\n\nexport function useActionMenuContext(): ActionMenuContextValue {\n  const context = useContext(ActionMenuContext);\n  if (!context) {\n    throw new Error(\n      'ActionMenu compound components must be used within an ActionMenu component'\n    );\n  }\n  return context;\n}\n\nexport const ActionMenuProvider = ActionMenuContext.Provider;\n","import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useId } from '../../hooks/use-id';\nimport { useKeyboard } from '../../hooks/use-keyboard';\nimport {\n  ActionMenuProvider,\n  useActionMenuContext,\n  type ActionMenuContextValue,\n} from './menu-context';\n\n// ============================================================================\n// ActionMenu Root\n// ============================================================================\n\nexport interface ActionMenuProps {\n  /** Whether the menu is initially open */\n  defaultOpen?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Called when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Menu content */\n  children: React.ReactNode;\n  /** Remove default styles to allow full customization via className */\n  unstyled?: boolean;\n}\n\nexport function ActionMenu({\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  children,\n  unstyled = false,\n}: ActionMenuProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isOpen = controlledOpen ?? uncontrolledOpen;\n\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n  const itemsRef = useRef<string[]>([]);\n  const onSelectRef = useRef<((index: number) => void) | null>(null);\n\n  const menuId = useId('action-menu');\n  const triggerId = useId('action-menu-trigger');\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (controlledOpen === undefined) {\n        setUncontrolledOpen(value);\n      }\n      onOpenChange?.(value);\n\n      if (!value) {\n        setHighlightedIndex(-1);\n      }\n    },\n    [controlledOpen, onOpenChange]\n  );\n\n  const open = useCallback(() => setOpen(true), [setOpen]);\n  const close = useCallback(() => setOpen(false), [setOpen]);\n  const toggle = useCallback(() => setOpen(!isOpen), [setOpen, isOpen]);\n\n  const registerItem = useCallback((id: string) => {\n    const index = itemsRef.current.length;\n    itemsRef.current.push(id);\n    return index;\n  }, []);\n\n  const unregisterItem = useCallback((id: string) => {\n    const index = itemsRef.current.indexOf(id);\n    if (index > -1) {\n      itemsRef.current.splice(index, 1);\n    }\n  }, []);\n\n  const getItemCount = useCallback(() => itemsRef.current.length, []);\n\n  const selectItem = useCallback(\n    (index: number) => {\n      onSelectRef.current?.(index);\n      close();\n    },\n    [close]\n  );\n\n  const contextValue: ActionMenuContextValue = {\n    isOpen,\n    open,\n    close,\n    toggle,\n    highlightedIndex,\n    setHighlightedIndex,\n    menuId,\n    triggerId,\n    registerItem,\n    unregisterItem,\n    getItemCount,\n    selectItem,\n    unstyled,\n  };\n\n  return (\n    <ActionMenuProvider value={contextValue}>\n      <div\n        style={{ position: 'relative', display: 'inline-block' }}\n        data-a11y-core-action-menu\n      >\n        {children}\n      </div>\n    </ActionMenuProvider>\n  );\n}\n\nexport interface ActionMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children: React.ReactNode;\n}\n\nexport const ActionMenuTrigger = forwardRef<\n  HTMLButtonElement,\n  ActionMenuTriggerProps\n>(function ActionMenuTrigger({ children, onClick, onKeyDown, ...props }, ref) {\n  const {\n    isOpen,\n    toggle,\n    open,\n    close,\n    triggerId,\n    menuId,\n    setHighlightedIndex,\n    getItemCount,\n  } = useActionMenuContext();\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (!event.defaultPrevented) {\n      toggle();\n    }\n  };\n\n  const keyboardProps = useKeyboard(\n    {\n      ArrowDown: () => {\n        if (!isOpen) {\n          open();\n        }\n        setHighlightedIndex(0);\n      },\n      ArrowUp: () => {\n        if (!isOpen) {\n          open();\n        }\n        setHighlightedIndex(getItemCount() - 1);\n      },\n      Enter: () => toggle(),\n      Space: () => toggle(),\n      Escape: () => close(),\n    },\n    { preventDefault: true }\n  );\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event);\n    if (!event.defaultPrevented) {\n      keyboardProps.onKeyDown(event);\n    }\n  };\n\n  return (\n    <button\n      ref={ref}\n      id={triggerId}\n      type=\"button\"\n      // Safari fix: Ensure button is in tab order (Safari skips buttons by default)\n      tabIndex={0}\n      aria-haspopup=\"menu\"\n      aria-expanded={isOpen}\n      aria-controls={isOpen ? menuId : undefined}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      data-a11y-core-action-menu-trigger\n      {...props}\n    >\n      {children}\n    </button>\n  );\n});\n\nexport interface ActionMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport const ActionMenuContent = forwardRef<\n  HTMLDivElement,\n  ActionMenuContentProps\n>(function ActionMenuContent({ children, onKeyDown, style, ...props }, ref) {\n  const {\n    isOpen,\n    close,\n    menuId,\n    triggerId,\n    highlightedIndex,\n    setHighlightedIndex,\n    getItemCount,\n    unstyled,\n  } = useActionMenuContext();\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  const clickHighlightedItem = () => {\n    if (highlightedIndex >= 0 && menuRef.current) {\n      const items = menuRef.current.querySelectorAll('[role=\"menuitem\"]');\n      const item = items[highlightedIndex] as HTMLElement;\n      if (item && item.getAttribute('aria-disabled') !== 'true') {\n        item.click();\n      }\n    }\n  };\n\n  const keyboardProps = useKeyboard(\n    {\n      ArrowDown: () => {\n        const count = getItemCount();\n        setHighlightedIndex((highlightedIndex + 1) % count);\n      },\n      ArrowUp: () => {\n        const count = getItemCount();\n        setHighlightedIndex((highlightedIndex - 1 + count) % count);\n      },\n      Home: () => setHighlightedIndex(0),\n      End: () => setHighlightedIndex(getItemCount() - 1),\n      Enter: () => clickHighlightedItem(),\n      Space: () => clickHighlightedItem(),\n      Escape: () => close(),\n      Tab: () => {\n        close();\n        return false; // Allow default tab behavior\n      },\n    },\n    { preventDefault: true }\n  );\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (!event.defaultPrevented) {\n      keyboardProps.onKeyDown(event);\n    }\n  };\n\n  useEffect(() => {\n    if (isOpen && menuRef.current) {\n      menuRef.current.focus();\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleClick = (event: MouseEvent) => {\n      const target = event.target as Node;\n      const menu = menuRef.current;\n      const trigger = document.getElementById(triggerId);\n\n      if (\n        menu &&\n        !menu.contains(target) &&\n        trigger &&\n        !trigger.contains(target)\n      ) {\n        close();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClick);\n    return () => document.removeEventListener('mousedown', handleClick);\n  }, [isOpen, close, triggerId]);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  // Structural styles - always applied, required for dropdown positioning\n  const contentStructuralStyles: React.CSSProperties = {\n    position: 'absolute',\n    top: '100%',\n    left: 0,\n    marginTop: '4px',\n    zIndex: 1000,\n  };\n\n  // Visual styles - only applied when not unstyled\n  const contentVisualStyles: React.CSSProperties = unstyled\n    ? {}\n    : {\n        minWidth: '160px',\n        backgroundColor: 'white',\n        border: '1px solid #e0e0e0',\n        borderRadius: '4px',\n        boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',\n        padding: '4px 0',\n      };\n\n  const contentStyles: React.CSSProperties = {\n    ...contentStructuralStyles,\n    ...contentVisualStyles,\n  };\n\n  return (\n    <div\n      ref={(node) => {\n        (menuRef as React.MutableRefObject<HTMLDivElement | null>).current =\n          node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      }}\n      id={menuId}\n      role=\"menu\"\n      aria-labelledby={triggerId}\n      tabIndex={-1}\n      onKeyDown={handleKeyDown}\n      style={{ ...contentStyles, ...style }}\n      data-a11y-core-action-menu-content\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport interface ActionMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Whether the item is disabled */\n  disabled?: boolean;\n  /** Called when item is selected */\n  onSelect?: () => void;\n  children: React.ReactNode;\n}\n\nexport const ActionMenuItem = forwardRef<HTMLDivElement, ActionMenuItemProps>(\n  function ActionMenuItem(\n    {\n      children,\n      disabled = false,\n      onSelect,\n      onClick,\n      onMouseEnter,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    const {\n      registerItem,\n      unregisterItem,\n      highlightedIndex,\n      setHighlightedIndex,\n      close,\n      unstyled,\n    } = useActionMenuContext();\n    const itemId = useId('action-menu-item');\n    const indexRef = useRef(-1);\n\n    useEffect(() => {\n      if (!disabled) {\n        indexRef.current = registerItem(itemId);\n      }\n      return () => {\n        if (!disabled) {\n          unregisterItem(itemId);\n        }\n      };\n    }, [itemId, disabled, registerItem, unregisterItem]);\n\n    const isHighlighted = indexRef.current === highlightedIndex;\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n      onClick?.(event);\n      if (!event.defaultPrevented && !disabled) {\n        onSelect?.();\n        close();\n      }\n    };\n\n    const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>) => {\n      onMouseEnter?.(event);\n      if (!disabled) {\n        setHighlightedIndex(indexRef.current);\n      }\n    };\n\n    // Behavioral styles - always applied for correct UX\n    const itemBehaviorStyles: React.CSSProperties = {\n      cursor: disabled ? 'not-allowed' : 'pointer',\n      opacity: disabled ? 0.5 : 1,\n    };\n\n    // Visual styles - only applied when not unstyled\n    const itemVisualStyles: React.CSSProperties = unstyled\n      ? {}\n      : {\n          padding: '8px 16px',\n          backgroundColor: isHighlighted ? '#f0f0f0' : 'transparent',\n        };\n\n    const itemStyles: React.CSSProperties = {\n      ...itemBehaviorStyles,\n      ...itemVisualStyles,\n    };\n\n    return (\n      <div\n        ref={ref}\n        id={itemId}\n        role=\"menuitem\"\n        tabIndex={-1}\n        aria-disabled={disabled}\n        data-highlighted={isHighlighted}\n        data-disabled={disabled}\n        onClick={handleClick}\n        onMouseEnter={handleMouseEnter}\n        style={{ ...itemStyles, ...style }}\n        data-a11y-core-action-menu-item\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport interface ActionMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const ActionMenuSeparator = forwardRef<\n  HTMLDivElement,\n  ActionMenuSeparatorProps\n>(function ActionMenuSeparator(props, ref) {\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      data-a11y-core-action-menu-separator\n      {...props}\n    />\n  );\n});\n\nexport interface ActionMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport const ActionMenuLabel = forwardRef<HTMLDivElement, ActionMenuLabelProps>(\n  function ActionMenuLabel({ children, ...props }, ref) {\n    return (\n      <div\n        ref={ref}\n        role=\"presentation\"\n        data-a11y-core-action-menu-label\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport const ActionMenuCompound = Object.assign(ActionMenu, {\n  Trigger: ActionMenuTrigger,\n  Content: ActionMenuContent,\n  Item: ActionMenuItem,\n  Separator: ActionMenuSeparator,\n  Label: ActionMenuLabel,\n});\n"]}

package/dist/chunk-CTW5D77X.cjs

@@ -0,0 +1,220 @@
+'use strict';
+
+var react = require('react');
+var reactDom = require('react-dom');
+var core = require('@a11y-core/core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/toast/toast.tsx
+var ToastContext = react.createContext(null);
+function useToast() {
+  const context = react.useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+}
+function ToastProvider({
+  children,
+  duration = 5e3,
+  maxToasts = 5
+}) {
+  const [toasts, setToasts] = react.useState([]);
+  const toastIdCounter = react.useRef(0);
+  const addToast = react.useCallback(
+    (toast) => {
+      const id = `toast-${++toastIdCounter.current}`;
+      const newToast = {
+        ...toast,
+        id,
+        duration: toast.duration ?? duration
+      };
+      setToasts((prev) => {
+        const updated = [...prev, newToast];
+        return updated.slice(-maxToasts);
+      });
+      const message = toast.title ? `${toast.title}. ${toast.description || ""}` : toast.description || "";
+      if (toast.type === "error") {
+        core.announceAssertive(message);
+      } else {
+        core.announce(message, { politeness: "polite" });
+      }
+      return id;
+    },
+    [duration, maxToasts]
+  );
+  const removeToast = react.useCallback((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  const updateToast = react.useCallback(
+    (id, updates) => {
+      setToasts(
+        (prev) => prev.map((t) => t.id === id ? { ...t, ...updates } : t)
+      );
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToastContext.Provider,
+    {
+      value: { toasts, addToast, removeToast, updateToast },
+      children
+    }
+  );
+}
+var positionStyles = {
+  "top-left": { top: 0, left: 0 },
+  "top-center": { top: 0, left: "50%", transform: "translateX(-50%)" },
+  "top-right": { top: 0, right: 0 },
+  "bottom-left": { bottom: 0, left: 0 },
+  "bottom-center": { bottom: 0, left: "50%", transform: "translateX(-50%)" },
+  "bottom-right": { bottom: 0, right: 0 }
+};
+var ToastViewport = react.forwardRef(
+  function ToastViewport2({
+    position = "bottom-right",
+    label = "Notifications",
+    style,
+    children,
+    ...props
+  }, ref) {
+    const { toasts, removeToast } = useToast();
+    const viewport = /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "region",
+        "aria-label": label,
+        "aria-live": "polite",
+        "aria-relevant": "additions removals",
+        tabIndex: -1,
+        style: {
+          position: "fixed",
+          zIndex: 9999,
+          padding: "1rem",
+          display: "flex",
+          flexDirection: "column",
+          gap: "0.5rem",
+          ...positionStyles[position],
+          ...style
+        },
+        "data-a11y-core-toast-viewport": true,
+        "data-position": position,
+        ...props,
+        children: [
+          toasts.map((toast) => /* @__PURE__ */ jsxRuntime.jsx(
+            ToastItem,
+            {
+              toast,
+              onClose: () => removeToast(toast.id)
+            },
+            toast.id
+          )),
+          children
+        ]
+      }
+    );
+    return reactDom.createPortal(viewport, document.body);
+  }
+);
+function ToastItem({ toast, onClose }) {
+  const [isVisible, setIsVisible] = react.useState(true);
+  const [, setIsPaused] = react.useState(false);
+  const timerRef = react.useRef(null);
+  const remainingRef = react.useRef(toast.duration || 5e3);
+  const startTimeRef = react.useRef(Date.now());
+  const startTimer = react.useCallback(() => {
+    if (toast.duration === 0) return;
+    startTimeRef.current = Date.now();
+    timerRef.current = setTimeout(() => {
+      setIsVisible(false);
+      setTimeout(onClose, 200);
+    }, remainingRef.current);
+  }, [toast.duration, onClose]);
+  const pauseTimer = react.useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      remainingRef.current -= Date.now() - startTimeRef.current;
+    }
+  }, []);
+  react.useEffect(() => {
+    startTimer();
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+    };
+  }, [startTimer]);
+  const handleMouseEnter = () => {
+    setIsPaused(true);
+    pauseTimer();
+  };
+  const handleMouseLeave = () => {
+    setIsPaused(false);
+    startTimer();
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Escape") {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "alert",
+      "aria-atomic": "true",
+      tabIndex: 0,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      onKeyDown: handleKeyDown,
+      "data-type": toast.type,
+      "data-visible": isVisible,
+      "data-a11y-core-toast": true,
+      children: [
+        toast.title && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-a11y-core-toast-title": true, children: toast.title }),
+        toast.description && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-a11y-core-toast-description": true, children: toast.description }),
+        toast.action && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            tabIndex: 0,
+            onClick: () => {
+              toast.action?.onClick();
+              onClose();
+            },
+            "data-a11y-core-toast-action": true,
+            children: toast.action.label
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            tabIndex: 0,
+            "aria-label": "Dismiss",
+            onClick: onClose,
+            "data-a11y-core-toast-close": true,
+            children: "\xD7"
+          }
+        )
+      ]
+    }
+  );
+}
+function useToastHelpers() {
+  const { addToast } = useToast();
+  return {
+    toast: addToast,
+    success: (title, description) => addToast({ type: "success", title, description }),
+    error: (title, description) => addToast({ type: "error", title, description }),
+    warning: (title, description) => addToast({ type: "warning", title, description }),
+    info: (title, description) => addToast({ type: "info", title, description })
+  };
+}
+
+exports.ToastProvider = ToastProvider;
+exports.ToastViewport = ToastViewport;
+exports.useToast = useToast;
+exports.useToastHelpers = useToastHelpers;
+//# sourceMappingURL=chunk-CTW5D77X.cjs.map
+//# sourceMappingURL=chunk-CTW5D77X.cjs.map

package/dist/chunk-CTW5D77X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toast/toast.tsx"],"names":["createContext","useContext","useState","useRef","useCallback","announceAssertive","announce","jsx","forwardRef","ToastViewport","jsxs","createPortal","useEffect"],"mappings":"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","file":"chunk-CTW5D77X.cjs","sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { announce, announceAssertive } from '@a11y-core/core';\nexport type ToastType = 'info' | 'success' | 'warning' | 'error';\n\nexport interface Toast {\n  id: string;\n  title?: string;\n  description?: string;\n  type: ToastType;\n  duration?: number;\n  action?: {\n    label: string;\n    onClick: () => void;\n  };\n}\n\ninterface ToastContextValue {\n  toasts: Toast[];\n  addToast: (toast: Omit<Toast, 'id'>) => string;\n  removeToast: (id: string) => void;\n  updateToast: (id: string, toast: Partial<Omit<Toast, 'id'>>) => void;\n}\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport function useToast() {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n  return context;\n}\n\nexport interface ToastProviderProps {\n  children: React.ReactNode;\n  /** Default duration for toasts in ms */\n  duration?: number;\n  /** Maximum number of visible toasts */\n  maxToasts?: number;\n}\n\nexport function ToastProvider({\n  children,\n  duration = 5000,\n  maxToasts = 5,\n}: ToastProviderProps) {\n  const [toasts, setToasts] = useState<Toast[]>([]);\n  const toastIdCounter = useRef(0);\n\n  const addToast = useCallback(\n    (toast: Omit<Toast, 'id'>): string => {\n      const id = `toast-${++toastIdCounter.current}`;\n      const newToast: Toast = {\n        ...toast,\n        id,\n        duration: toast.duration ?? duration,\n      };\n\n      setToasts((prev) => {\n        const updated = [...prev, newToast];\n        // Limit visible toasts\n        return updated.slice(-maxToasts);\n      });\n\n      // Announce to screen readers\n      const message = toast.title\n        ? `${toast.title}. ${toast.description || ''}`\n        : toast.description || '';\n\n      if (toast.type === 'error') {\n        announceAssertive(message);\n      } else {\n        announce(message, { politeness: 'polite' });\n      }\n\n      return id;\n    },\n    [duration, maxToasts]\n  );\n\n  const removeToast = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const updateToast = useCallback(\n    (id: string, updates: Partial<Omit<Toast, 'id'>>) => {\n      setToasts((prev) =>\n        prev.map((t) => (t.id === id ? { ...t, ...updates } : t))\n      );\n    },\n    []\n  );\n\n  return (\n    <ToastContext.Provider\n      value={{ toasts, addToast, removeToast, updateToast }}\n    >\n      {children}\n    </ToastContext.Provider>\n  );\n}\n\nexport interface ToastViewportProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Position of the toast container */\n  position?:\n    | 'top-left'\n    | 'top-center'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'bottom-right';\n  /** Label for screen readers */\n  label?: string;\n}\n\nconst positionStyles: Record<string, React.CSSProperties> = {\n  'top-left': { top: 0, left: 0 },\n  'top-center': { top: 0, left: '50%', transform: 'translateX(-50%)' },\n  'top-right': { top: 0, right: 0 },\n  'bottom-left': { bottom: 0, left: 0 },\n  'bottom-center': { bottom: 0, left: '50%', transform: 'translateX(-50%)' },\n  'bottom-right': { bottom: 0, right: 0 },\n};\n\nexport const ToastViewport = forwardRef<HTMLDivElement, ToastViewportProps>(\n  function ToastViewport(\n    {\n      position = 'bottom-right',\n      label = 'Notifications',\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const { toasts, removeToast } = useToast();\n\n    const viewport = (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={label}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n        tabIndex={-1}\n        style={{\n          position: 'fixed',\n          zIndex: 9999,\n          padding: '1rem',\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '0.5rem',\n          ...positionStyles[position],\n          ...style,\n        }}\n        data-a11y-core-toast-viewport\n        data-position={position}\n        {...props}\n      >\n        {toasts.map((toast) => (\n          <ToastItem\n            key={toast.id}\n            toast={toast}\n            onClose={() => removeToast(toast.id)}\n          />\n        ))}\n        {children}\n      </div>\n    );\n\n    return createPortal(viewport, document.body);\n  }\n);\n\ninterface ToastItemProps {\n  toast: Toast;\n  onClose: () => void;\n}\n\nfunction ToastItem({ toast, onClose }: ToastItemProps) {\n  const [isVisible, setIsVisible] = useState(true);\n  const [, setIsPaused] = useState(false);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const remainingRef = useRef(toast.duration || 5000);\n  const startTimeRef = useRef(Date.now());\n\n  const startTimer = useCallback(() => {\n    if (toast.duration === 0) return; // Infinite duration\n\n    startTimeRef.current = Date.now();\n    timerRef.current = setTimeout(() => {\n      setIsVisible(false);\n      setTimeout(onClose, 200); // Allow exit animation\n    }, remainingRef.current);\n  }, [toast.duration, onClose]);\n\n  const pauseTimer = useCallback(() => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      remainingRef.current -= Date.now() - startTimeRef.current;\n    }\n  }, []);\n\n  useEffect(() => {\n    startTimer();\n    return () => {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n      }\n    };\n  }, [startTimer]);\n\n  const handleMouseEnter = () => {\n    setIsPaused(true);\n    pauseTimer();\n  };\n\n  const handleMouseLeave = () => {\n    setIsPaused(false);\n    startTimer();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      onClose();\n    }\n  };\n\n  return (\n    <div\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onKeyDown={handleKeyDown}\n      data-type={toast.type}\n      data-visible={isVisible}\n      data-a11y-core-toast\n    >\n      {toast.title && <div data-a11y-core-toast-title>{toast.title}</div>}\n      {toast.description && (\n        <div data-a11y-core-toast-description>{toast.description}</div>\n      )}\n      {toast.action && (\n        <button\n          type=\"button\"\n          // Safari fix: Ensure button is in tab order\n          tabIndex={0}\n          onClick={() => {\n            toast.action?.onClick();\n            onClose();\n          }}\n          data-a11y-core-toast-action\n        >\n          {toast.action.label}\n        </button>\n      )}\n      <button\n        type=\"button\"\n        // Safari fix: Ensure button is in tab order\n        tabIndex={0}\n        aria-label=\"Dismiss\"\n        onClick={onClose}\n        data-a11y-core-toast-close\n      >\n        ×\n      </button>\n    </div>\n  );\n}\n\n/**\n * Hook for common toast patterns\n */\nexport function useToastHelpers() {\n  const { addToast } = useToast();\n\n  return {\n    toast: addToast,\n    success: (title: string, description?: string) =>\n      addToast({ type: 'success', title, description }),\n    error: (title: string, description?: string) =>\n      addToast({ type: 'error', title, description }),\n    warning: (title: string, description?: string) =>\n      addToast({ type: 'warning', title, description }),\n    info: (title: string, description?: string) =>\n      addToast({ type: 'info', title, description }),\n  };\n}\n"]}