asterui 0.12.11 → 0.12.12

package/dist/components/Anchor.d.ts

@@ -14,8 +14,12 @@ export interface AnchorProps {
     direction?: 'horizontal' | 'vertical';
     /** Offset from top when calculating scroll position */
     offsetTop?: number;
+    /** Bounding distance of anchor area */
+    bounds?: number;
     /** Target scroll container (default: window) */
     getContainer?: () => HTMLElement | Window;
+    /** Customize the anchor highlight */
+    getCurrentAnchor?: (activeLink: string) => string;
     /** Callback when active link changes */
     onChange?: (activeLink: string) => void;
     /** Callback when link is clicked */
@@ -25,6 +29,12 @@ export interface AnchorProps {
     }) => void;
     /** Currently active link (controlled) */
     activeLink?: string;
+    /** Whether to fix the anchor when scrolling */
+    affix?: boolean;
+    /** Pixels to offset from top when affix is true */
+    affixOffsetTop?: number;
+    /** Replace history instead of push */
+    replace?: boolean;
     /** Custom class name */
     className?: string;
     /** Anchor.Link children */

package/dist/components/Breadcrumb.d.ts

@@ -1,14 +1,31 @@
 import { default as React } from 'react';
+export interface BreadcrumbItemType {
+    /** Item title/label */
+    title: React.ReactNode;
+    /** Link URL */
+    href?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Custom class name */
+    className?: string;
+}
 export interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
+    /** Breadcrumb.Item children (compound pattern) */
+    children?: React.ReactNode;
+    /** Breadcrumb items data (data-driven pattern) */
+    items?: BreadcrumbItemType[];
+    /** Custom separator between items */
+    separator?: React.ReactNode;
 }
 export interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {
     children: React.ReactNode;
     href?: string;
     onClick?: () => void;
+    /** Icon to display before the label */
+    icon?: React.ReactNode;
 }
-declare function BreadcrumbRoot({ children, className, ...rest }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbItem({ children, href, onClick, className, ...rest }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbRoot({ children, items, separator, className, ...rest }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ children, href, onClick, icon, className, ...rest }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
 export declare const Breadcrumb: typeof BreadcrumbRoot & {
     Item: typeof BreadcrumbItem;
 };

package/dist/components/ContextMenu.d.ts

@@ -11,8 +11,8 @@ export interface ContextMenuItem {
 export interface ContextMenuProps {
     /** Element that triggers the context menu on right-click */
     children: React.ReactNode;
-    /** Menu items */
-    items: ContextMenuItem[];
+    /** Menu items (data-driven pattern) */
+    items?: ContextMenuItem[];
     /** Callback when an item is selected */
     onSelect?: (key: string) => void;
     /** Whether the context menu is disabled */
@@ -20,4 +20,40 @@ export interface ContextMenuProps {
     /** Additional CSS classes for the menu */
     className?: string;
 }
-export declare const ContextMenu: React.FC<ContextMenuProps>;
+export interface ContextMenuItemProps {
+    /** Unique key for the item */
+    itemKey: string;
+    /** Item content */
+    children: React.ReactNode;
+    /** Icon to display before label */
+    icon?: React.ReactNode;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Show as danger/destructive action */
+    danger?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+export interface ContextMenuDividerProps {
+    /** Additional CSS classes */
+    className?: string;
+}
+export interface ContextMenuSubMenuProps {
+    /** Unique key for the submenu */
+    itemKey: string;
+    /** Submenu label */
+    label: React.ReactNode;
+    /** Icon to display before label */
+    icon?: React.ReactNode;
+    /** Whether the submenu is disabled */
+    disabled?: boolean;
+    /** Submenu items */
+    children: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const ContextMenu: React.FC<ContextMenuProps> & {
+    Item: React.FC<ContextMenuItemProps>;
+    Divider: React.FC<ContextMenuDividerProps>;
+    SubMenu: React.FC<ContextMenuSubMenuProps>;
+};

package/dist/components/Menu.d.ts

@@ -1,13 +1,35 @@
 import { default as React } from 'react';
 export type MenuMode = 'vertical' | 'horizontal' | 'inline';
+export type MenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface MenuItem {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    children?: MenuItem[];
+    divider?: boolean;
+    title?: boolean;
+}
 export interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {
-    children: React.ReactNode;
+    /** Menu items (compound pattern) */
+    children?: React.ReactNode;
+    /** Menu items (data-driven pattern) */
+    items?: MenuItem[];
+    /** Menu display mode */
     mode?: MenuMode;
+    /** Menu size */
+    size?: MenuSize;
+    /** Controlled selected keys */
     selectedKeys?: string[];
+    /** Default selected keys (uncontrolled) */
     defaultSelectedKeys?: string[];
+    /** Controlled open submenu keys */
     openKeys?: string[];
+    /** Default open submenu keys (uncontrolled) */
     defaultOpenKeys?: string[];
+    /** Callback when item is selected */
     onSelect?: (key: string) => void;
+    /** Callback when submenu open state changes */
     onOpenChange?: (openKeys: string[]) => void;
 }
 export interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {
@@ -22,7 +44,10 @@ export interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorEleme
 export interface MenuSubMenuProps extends React.HTMLAttributes<HTMLLIElement> {
     children: React.ReactNode;
     itemKey: string;
-    label: React.ReactNode;
+    /** Submenu label */
+    label?: React.ReactNode;
+    /** Submenu title (alias for label) */
+    title?: React.ReactNode;
     icon?: React.ReactNode;
     disabled?: boolean;
 }
@@ -31,9 +56,9 @@ export interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {
 }
 export interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {
 }
-declare function MenuRoot({ children, mode, selectedKeys: controlledSelectedKeys, defaultSelectedKeys, openKeys: controlledOpenKeys, defaultOpenKeys, onSelect, onOpenChange, className, ...rest }: MenuProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuRoot({ children, items, mode, size, selectedKeys: controlledSelectedKeys, defaultSelectedKeys, openKeys: controlledOpenKeys, defaultOpenKeys, onSelect, onOpenChange, className, ...rest }: MenuProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuItem({ children, itemKey, icon, disabled, onClick, active, className, ...rest }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuSubMenu({ children, itemKey, label, icon, disabled, className, ...rest }: MenuSubMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuSubMenu({ children, itemKey, label, title, icon, disabled, className, ...rest }: MenuSubMenuProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuTitle({ children, className, ...rest }: MenuTitleProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuDivider({ className, ...rest }: MenuDividerProps): import("react/jsx-runtime").JSX.Element;
 export declare const Menu: typeof MenuRoot & {

package/dist/index.d.ts

@@ -33,7 +33,7 @@ export type { CollapseProps, CollapseTitleProps, CollapseContentProps } from './
 export { Container } from './components/Container';
 export type { ContainerProps } from './components/Container';
 export { ContextMenu } from './components/ContextMenu';
-export type { ContextMenuProps, ContextMenuItem } from './components/ContextMenu';
+export type { ContextMenuProps, ContextMenuItem, ContextMenuItemProps, ContextMenuDividerProps, ContextMenuSubMenuProps } from './components/ContextMenu';
 export { Countdown } from './components/Countdown';
 export type { CountdownProps } from './components/Countdown';
 export { DatePicker } from './components/DatePicker';
@@ -97,7 +97,7 @@ export type { MasonryProps } from './components/Masonry';
 export { Mention } from './components/Mention';
 export type { MentionProps, MentionOption } from './components/Mention';
 export { Menu } from './components/Menu';
-export type { MenuProps, MenuItemProps, MenuSubMenuProps, MenuTitleProps, MenuDividerProps, MenuMode } from './components/Menu';
+export type { MenuProps, MenuItem, MenuItemProps, MenuSubMenuProps, MenuTitleProps, MenuDividerProps, MenuMode, MenuSize } from './components/Menu';
 export { Browser } from './components/Browser';
 export type { BrowserProps } from './components/Browser';
 export { Code } from './components/Code';

package/dist/index19.js

@@ -1,25 +1,107 @@
-import { jsxs as g, Fragment as M, jsx as r } from "react/jsx-runtime";
-import { useState as v, useRef as y, useCallback as w, useEffect as k } from "react";
-import { createPortal as S } from "react-dom";
-const C = ({ item: e, onSelect: h, onClose: c }) => {
-  const [f, m] = v(!1), s = y(null);
+import { jsxs as b, Fragment as P, jsx as n } from "react/jsx-runtime";
+import T, { useState as g, useRef as C, useCallback as M, useEffect as N, createContext as W, useContext as z } from "react";
+import { createPortal as B } from "react-dom";
+const E = W(null), I = () => {
+  const e = z(E);
+  if (!e)
+    throw new Error("ContextMenu compound components must be used within a ContextMenu");
+  return e;
+}, A = ({
+  itemKey: e,
+  children: u,
+  icon: l,
+  disabled: s = !1,
+  danger: d = !1,
+  className: o = ""
+}) => {
+  const { onSelect: h, onClose: t } = I();
+  return /* @__PURE__ */ n("li", { className: o, children: /* @__PURE__ */ b(
+    "button",
+    {
+      onClick: () => {
+        s || (h(e), t());
+      },
+      disabled: s,
+      className: `
+          flex items-center gap-2 w-full px-4 py-2 text-left text-sm
+          ${s ? "opacity-50 cursor-not-allowed" : "hover:bg-base-200"}
+          ${d ? "text-error hover:bg-error/10" : ""}
+        `,
+      children: [
+        l && /* @__PURE__ */ n("span", { className: "w-4 h-4", children: l }),
+        /* @__PURE__ */ n("span", { className: "flex-1", children: u })
+      ]
+    }
+  ) });
+}, H = ({ className: e = "" }) => /* @__PURE__ */ n("li", { className: `divider my-1 ${e}` }), K = ({
+  itemKey: e,
+  label: u,
+  icon: l,
+  disabled: s = !1,
+  children: d,
+  className: o = ""
+}) => {
+  const [h, t] = g(!1), a = C(null), c = () => {
+    s || (a.current && clearTimeout(a.current), t(!0));
+  }, m = () => {
+    a.current = setTimeout(() => t(!1), 100);
+  };
+  return /* @__PURE__ */ b(
+    "li",
+    {
+      onMouseEnter: c,
+      onMouseLeave: m,
+      className: `relative ${o}`,
+      children: [
+        /* @__PURE__ */ b(
+          "button",
+          {
+            disabled: s,
+            className: `
+          flex items-center gap-2 w-full px-4 py-2 text-left text-sm
+          ${s ? "opacity-50 cursor-not-allowed" : "hover:bg-base-200"}
+        `,
+            children: [
+              l && /* @__PURE__ */ n("span", { className: "w-4 h-4", children: l }),
+              /* @__PURE__ */ n("span", { className: "flex-1", children: u }),
+              /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+            ]
+          }
+        ),
+        h && /* @__PURE__ */ n(
+          "ul",
+          {
+            className: "menu bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50 p-1",
+            onMouseEnter: c,
+            onMouseLeave: m,
+            children: d
+          }
+        )
+      ]
+    }
+  );
+}, L = ({ item: e, onSelect: u, onClose: l }) => {
+  const [s, d] = g(!1), o = C(null);
   if (e.divider)
-    return /* @__PURE__ */ r("li", { className: "divider my-1" });
-  const b = () => {
-    e.disabled || e.children && e.children.length > 0 || (h(e.key), c());
-  }, t = e.children && e.children.length > 0;
-  return /* @__PURE__ */ g(
+    return /* @__PURE__ */ n("li", { className: "divider my-1" });
+  const h = () => {
+    e.disabled || e.children && e.children.length > 0 || (u(e.key), l());
+  }, t = e.children && e.children.length > 0, a = () => {
+    t && (o.current && clearTimeout(o.current), d(!0));
+  }, c = () => {
+    t && (o.current = setTimeout(() => d(!1), 100));
+  };
+  return /* @__PURE__ */ b(
     "li",
     {
-      ref: s,
-      onMouseEnter: () => t && m(!0),
-      onMouseLeave: () => t && m(!1),
+      onMouseEnter: a,
+      onMouseLeave: c,
       className: "relative",
       children: [
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ b(
           "button",
           {
-            onClick: b,
+            onClick: h,
             disabled: e.disabled,
             className: `
           flex items-center gap-2 w-full px-4 py-2 text-left text-sm
@@ -27,75 +109,91 @@ const C = ({ item: e, onSelect: h, onClose: c }) => {
           ${e.danger ? "text-error hover:bg-error/10" : ""}
         `,
             children: [
-              e.icon && /* @__PURE__ */ r("span", { className: "w-4 h-4", children: e.icon }),
-              /* @__PURE__ */ r("span", { className: "flex-1", children: e.label }),
-              t && /* @__PURE__ */ r("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+              e.icon && /* @__PURE__ */ n("span", { className: "w-4 h-4", children: e.icon }),
+              /* @__PURE__ */ n("span", { className: "flex-1", children: e.label }),
+              t && /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
             ]
           }
         ),
-        t && f && /* @__PURE__ */ r("ul", { className: "menu bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50", children: e.children.map((d) => /* @__PURE__ */ r(C, { item: d, onSelect: h, onClose: c }, d.key)) })
+        t && s && /* @__PURE__ */ n(
+          "ul",
+          {
+            className: "menu bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50 p-1",
+            onMouseEnter: a,
+            onMouseLeave: c,
+            children: e.children.map((m) => /* @__PURE__ */ n(L, { item: m, onSelect: u, onClose: l }, m.key))
+          }
+        )
       ]
     }
   );
-}, R = ({
+}, O = ({
   children: e,
-  items: h,
-  onSelect: c,
-  disabled: f = !1,
-  className: m = ""
+  items: u,
+  onSelect: l,
+  disabled: s = !1,
+  className: d = ""
 }) => {
-  const [s, b] = v(!1), [t, d] = v({ x: 0, y: 0 }), a = y(null), E = y(null), N = w(
-    (n) => {
-      if (f) return;
-      n.preventDefault(), n.stopPropagation();
-      let o = n.clientX, l = n.clientY;
-      d({ x: o, y: l }), b(!0);
+  const [o, h] = g(!1), [t, a] = g({ x: 0, y: 0 }), c = C(null), m = C(null), S = M(
+    (r) => {
+      if (s) return;
+      r.preventDefault(), r.stopPropagation();
+      let i = r.clientX, f = r.clientY;
+      a({ x: i, y: f }), h(!0);
     },
-    [f]
-  ), u = w(() => {
-    b(!1);
-  }, []), L = w(
-    (n) => {
-      c?.(n);
+    [s]
+  ), x = M(() => {
+    h(!1);
+  }, []), y = M(
+    (r) => {
+      l?.(r);
     },
-    [c]
+    [l]
   );
-  return k(() => {
-    if (s && a.current) {
-      const o = a.current.getBoundingClientRect(), l = window.innerWidth, i = window.innerHeight;
-      let { x: p, y: x } = t;
-      p + o.width > l && (p = l - o.width - 8), x + o.height > i && (x = i - o.height - 8), (p !== t.x || x !== t.y) && d({ x: p, y: x });
+  N(() => {
+    if (o && c.current) {
+      const i = c.current.getBoundingClientRect(), f = window.innerWidth, p = window.innerHeight;
+      let { x: v, y: w } = t;
+      v + i.width > f && (v = f - i.width - 8), w + i.height > p && (w = p - i.height - 8), (v !== t.x || w !== t.y) && a({ x: v, y: w });
     }
-  }, [s, t]), k(() => {
-    if (!s) return;
-    const n = (i) => {
-      a.current && !a.current.contains(i.target) && u();
-    }, o = (i) => {
-      i.key === "Escape" && u();
-    }, l = () => {
-      u();
+  }, [o, t]), N(() => {
+    if (!o) return;
+    const r = (p) => {
+      c.current && !c.current.contains(p.target) && x();
+    }, i = (p) => {
+      p.key === "Escape" && x();
+    }, f = () => {
+      x();
     };
-    return document.addEventListener("mousedown", n), document.addEventListener("keydown", o), document.addEventListener("scroll", l, !0), () => {
-      document.removeEventListener("mousedown", n), document.removeEventListener("keydown", o), document.removeEventListener("scroll", l, !0);
+    return document.addEventListener("mousedown", r), document.addEventListener("keydown", i), document.addEventListener("scroll", f, !0), () => {
+      document.removeEventListener("mousedown", r), document.removeEventListener("keydown", i), document.removeEventListener("scroll", f, !0);
     };
-  }, [s, u]), /* @__PURE__ */ g(M, { children: [
-    /* @__PURE__ */ r("div", { ref: E, onContextMenu: N, className: "inline-block", children: e }),
-    s && S(
-      /* @__PURE__ */ r(
+  }, [o, x]);
+  const k = T.Children.toArray(e), R = k[0], $ = k.slice(1), j = u && u.length > 0, D = {
+    onSelect: y,
+    onClose: x
+  };
+  return /* @__PURE__ */ b(P, { children: [
+    /* @__PURE__ */ n("div", { ref: m, onContextMenu: S, className: "inline-block", children: R }),
+    o && B(
+      /* @__PURE__ */ n(E.Provider, { value: D, children: /* @__PURE__ */ n(
         "ul",
         {
-          ref: a,
-          className: `menu bg-base-100 rounded-box shadow-lg border border-base-300 min-w-[160px] p-1 fixed z-[9999] ${m}`,
+          ref: c,
+          className: `menu bg-base-100 rounded-box shadow-lg border border-base-300 min-w-[160px] p-1 fixed z-[9999] ${d}`,
           style: { left: t.x, top: t.y },
-          children: h.map((n) => /* @__PURE__ */ r(C, { item: n, onSelect: L, onClose: u }, n.key))
+          children: j ? u.map((r) => /* @__PURE__ */ n(L, { item: r, onSelect: y, onClose: x }, r.key)) : $
         }
-      ),
+      ) }),
       document.body
     )
   ] });
-};
-R.displayName = "ContextMenu";
+}, Y = Object.assign(O, {
+  Item: A,
+  Divider: H,
+  SubMenu: K
+});
 export {
-  R as ContextMenu
+  Y as ContextMenu
 };
 //# sourceMappingURL=index19.js.map

package/dist/index19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index19.js","sources":["../src/components/ContextMenu.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from 'react'\nimport { createPortal } from 'react-dom'\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 */\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\ninterface MenuPosition {\n  x: number\n  y: number\n}\n\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 itemRef = useRef<HTMLLIElement>(null)\n\n  if (item.divider) {\n    return <li className=\"divider 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  return (\n    <li\n      ref={itemRef}\n      onMouseEnter={() => hasSubmenu && setShowSubmenu(true)}\n      onMouseLeave={() => hasSubmenu && setShowSubmenu(false)}\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 className=\"menu bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50\">\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\nexport const ContextMenu: 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  return (\n    <>\n      <div ref={triggerRef} onContextMenu={handleContextMenu} className=\"inline-block\">\n        {children}\n      </div>\n      {visible &&\n        createPortal(\n          <ul\n            ref={menuRef}\n            className={`menu 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            {items.map((item) => (\n              <MenuItem key={item.key} item={item} onSelect={handleSelect} onClose={handleClose} />\n            ))}\n          </ul>,\n          document.body\n        )}\n    </>\n  )\n}\n\nContextMenu.displayName = 'ContextMenu'\n"],"names":["MenuItem","item","onSelect","onClose","showSubmenu","setShowSubmenu","useState","itemRef","useRef","jsx","handleClick","hasSubmenu","jsxs","child","ContextMenu","children","items","disabled","className","visible","setVisible","position","setPosition","menuRef","triggerRef","handleContextMenu","useCallback","e","x","y","handleClose","handleSelect","key","useEffect","rect","viewportWidth","viewportHeight","handleClickOutside","handleEscape","handleScroll","Fragment","createPortal"],"mappings":"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"}
+{"version":3,"file":"index19.js","sources":["../src/components/ContextMenu.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback, createContext, useContext } from 'react'\nimport { createPortal } from 'react-dom'\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  /** Unique key for the item */\n  itemKey: string\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}\n\nexport interface ContextMenuDividerProps {\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport interface ContextMenuSubMenuProps {\n  /** Unique key for the submenu */\n  itemKey: string\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}\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  itemKey,\n  children,\n  icon,\n  disabled = false,\n  danger = false,\n  className = '',\n}) => {\n  const { onSelect, onClose } = useContextMenuContext()\n\n  const handleClick = () => {\n    if (disabled) return\n    onSelect(itemKey)\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={`divider my-1 ${className}`}></li>\n}\n\nconst ContextMenuSubMenuComponent: React.FC<ContextMenuSubMenuProps> = ({\n  itemKey: _itemKey,\n  label,\n  icon,\n  disabled = false,\n  children,\n  className = '',\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=\"menu 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=\"divider 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=\"menu 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  // 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 = 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={`menu 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":["ContextMenuContext","createContext","useContextMenuContext","context","useContext","ContextMenuItemComponent","itemKey","children","icon","disabled","danger","className","onSelect","onClose","jsx","jsxs","ContextMenuDividerComponent","ContextMenuSubMenuComponent","_itemKey","label","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","childArray","React","triggerChild","menuChildren","useDataDriven","contextValue","Fragment","createPortal","ContextMenu"],"mappings":"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"}

package/dist/index3.js

@@ -1,100 +1,116 @@
-import { jsx as m, jsxs as Y } from "react/jsx-runtime";
-import { useState as y, useCallback as v, useEffect as N, createContext as z, useContext as D } from "react";
-const $ = z(null), O = () => {
-  const o = D($);
+import { jsx as a, jsxs as W } from "react/jsx-runtime";
+import { useState as R, useRef as V, useCallback as y, useEffect as $, createContext as X, useContext as Z } from "react";
+const C = X(null), _ = () => {
+  const o = Z(C);
   if (!o)
     throw new Error("Anchor.Link must be used within an Anchor");
   return o;
-}, H = ({
+}, Y = ({
   href: o,
-  title: d,
-  children: i,
-  className: r = ""
+  title: h,
+  children: c,
+  className: f = ""
 }) => {
-  const { activeLink: s, direction: h, registerLink: u, unregisterLink: g, handleClick: k } = O();
-  N(() => (u(o), () => g(o)), [o, u, g]);
-  const x = s === o, l = h === "vertical";
-  return /* @__PURE__ */ Y("div", { className: l ? "" : "inline-block", children: [
-    /* @__PURE__ */ m(
+  const { activeLink: r, direction: k, registerLink: l, unregisterLink: w, handleClick: x } = _();
+  $(() => (l(o), () => w(o)), [o, l, w]);
+  const v = r === o, d = k === "vertical";
+  return /* @__PURE__ */ W("div", { className: d ? "" : "inline-block", children: [
+    /* @__PURE__ */ a(
       "a",
       {
         href: `#${o}`,
-        onClick: (c) => k(c, o, d),
+        onClick: (b) => x(b, o, h),
         className: `
           block text-sm transition-colors
-          ${l ? "py-1 pl-3 border-l-2" : "px-3 py-1 border-b-2"}
-          ${x ? "text-primary border-primary font-medium" : "text-base-content/70 border-transparent hover:text-base-content hover:border-base-content/30"}
-          ${r}
+          ${d ? "py-1 pl-3 border-l-2" : "px-3 py-1 border-b-2"}
+          ${v ? "text-primary border-primary font-medium" : "text-base-content/70 border-transparent hover:text-base-content hover:border-base-content/30"}
+          ${f}
         `.trim(),
-        children: d
+        children: h
       }
     ),
-    i && /* @__PURE__ */ m("div", { className: l ? "pl-3" : "inline-flex", children: i })
+    c && /* @__PURE__ */ a("div", { className: d ? "pl-3" : "inline-flex", children: c })
   ] });
-}, P = ({
+}, O = ({
   items: o,
-  direction: d = "vertical",
-  offsetTop: i = 0,
+  direction: h = "vertical",
+  offsetTop: c = 0,
+  bounds: f = 5,
   getContainer: r,
-  onChange: s,
-  onClick: h,
-  activeLink: u,
-  className: g = "",
-  children: k
+  getCurrentAnchor: k,
+  onChange: l,
+  onClick: w,
+  activeLink: x,
+  affix: v = !1,
+  affixOffsetTop: d = 0,
+  replace: b = !1,
+  className: D = "",
+  children: q
 }) => {
-  const [x, l] = y(""), [c, A] = y([]), w = u !== void 0, b = w ? u : x, I = v((n) => {
-    A((t) => t.includes(n) ? t : [...t, n]);
-  }, []), R = v((n) => {
-    A((t) => t.filter((e) => e !== n));
-  }, []), B = v((n) => {
+  const [F, H] = R(""), [i, N] = R([]), [m, G] = R(!1), p = V(null), B = V(null), g = x !== void 0, L = g ? x : F, J = k ? k(L) : L, K = y((n) => {
+    N((t) => t.includes(n) ? t : [...t, n]);
+  }, []), M = y((n) => {
+    N((t) => t.filter((e) => e !== n));
+  }, []), T = y((n) => {
     const t = document.getElementById(n);
     if (t) {
-      const e = r?.() ?? window, a = t.getBoundingClientRect().top, L = e === window ? 0 : e.getBoundingClientRect().top, f = e === window ? window.scrollY : e.scrollTop, p = a - L + f - i;
-      e === window ? window.scrollTo({ top: p, behavior: "smooth" }) : e.scrollTo({ top: p, behavior: "smooth" });
+      const e = r?.() ?? window, s = t.getBoundingClientRect().top, u = e === window ? 0 : e.getBoundingClientRect().top, E = e === window ? window.scrollY : e.scrollTop, A = s - u + E - c;
+      e === window ? window.scrollTo({ top: A, behavior: "smooth" }) : e.scrollTo({ top: A, behavior: "smooth" }), b ? window.history.replaceState(null, "", `#${n}`) : window.history.pushState(null, "", `#${n}`);
     }
-  }, [r, i]), j = v((n, t, e) => {
-    n.preventDefault(), h?.(n, { href: t, title: e }), B(t), w || l(t), s?.(t);
-  }, [h, B, w, s]);
-  N(() => {
-    if (c.length === 0) return;
+  }, [r, c, b]), Q = y((n, t, e) => {
+    n.preventDefault(), w?.(n, { href: t, title: e }), T(t), g || H(t), l?.(t);
+  }, [w, T, g, l]);
+  $(() => {
+    if (!v || !p.current) return;
+    const n = r?.() ?? window, t = () => {
+      if (!p.current || !B.current) return;
+      const e = B.current.getBoundingClientRect(), s = n === window ? 0 : n.getBoundingClientRect().top, u = e.top - s <= d;
+      u !== m && G(u);
+    };
+    return n.addEventListener("scroll", t, { passive: !0 }), t(), () => n.removeEventListener("scroll", t);
+  }, [v, d, r, m]), $(() => {
+    if (i.length === 0) return;
     const n = r?.() ?? window, t = () => {
       let e = "";
-      const a = n === window ? document.documentElement : n, L = n === window ? 0 : a.getBoundingClientRect().top, f = n === window ? window.scrollY : a.scrollTop, p = a.scrollHeight, V = n === window ? window.innerHeight : a.clientHeight;
-      if (f + V >= p - 10 && c.length > 0)
-        e = c[c.length - 1];
+      const s = n === window ? document.documentElement : n, u = n === window ? 0 : s.getBoundingClientRect().top, E = n === window ? window.scrollY : s.scrollTop, A = s.scrollHeight, U = n === window ? window.innerHeight : s.clientHeight;
+      if (E + U >= A - 10 && i.length > 0)
+        e = i[i.length - 1];
       else {
-        for (const C of c) {
-          const T = document.getElementById(C);
-          T && T.getBoundingClientRect().top - L - i <= 10 && (e = C);
+        for (const z of i) {
+          const P = document.getElementById(z);
+          P && P.getBoundingClientRect().top - u - c <= f && (e = z);
         }
-        !e && c.length > 0 && (e = c[0]);
+        !e && i.length > 0 && (e = i[0]);
       }
-      e && e !== b && (w || l(e), s?.(e));
+      e && e !== L && (g || H(e), l?.(e));
     };
     return n.addEventListener("scroll", t, { passive: !0 }), t(), () => n.removeEventListener("scroll", t);
-  }, [c, r, i, b, w, s]);
-  const S = {
-    activeLink: b,
-    direction: d,
-    offsetTop: i,
-    registerLink: I,
-    unregisterLink: R,
-    handleClick: j
-  }, E = (n) => n.map((t) => /* @__PURE__ */ m(H, { href: t.href, title: t.title, children: t.children && E(t.children) }, t.href));
-  return /* @__PURE__ */ m($.Provider, { value: S, children: /* @__PURE__ */ m(
+  }, [i, r, c, f, L, g, l]);
+  const I = {
+    activeLink: J,
+    direction: h,
+    offsetTop: c,
+    registerLink: K,
+    unregisterLink: M,
+    handleClick: Q
+  }, S = (n) => n.map((t) => /* @__PURE__ */ a(Y, { href: t.href, title: t.title, children: t.children && S(t.children) }, t.href)), j = /* @__PURE__ */ a(
     "nav",
     {
+      ref: p,
       className: `
-          ${d === "horizontal" ? "flex items-center" : "flex flex-col"}
-          ${g}
-        `.trim(),
-      children: o ? E(o) : k
+        ${h === "horizontal" ? "flex items-center" : "flex flex-col"}
+        ${m ? "fixed bg-base-100 shadow-sm z-10" : ""}
+        ${D}
+      `.trim(),
+      style: m ? { top: d } : void 0,
+      children: o ? S(o) : q
     }
-  ) });
-}, M = Object.assign(P, {
-  Link: H
+  );
+  return v ? /* @__PURE__ */ a(C.Provider, { value: I, children: /* @__PURE__ */ a("div", { ref: B, style: m && p.current ? { height: p.current.offsetHeight } : void 0, children: j }) }) : /* @__PURE__ */ a(C.Provider, { value: I, children: j });
+}, rt = Object.assign(O, {
+  Link: Y
 });
 export {
-  M as Anchor
+  rt as Anchor
 };
 //# sourceMappingURL=index3.js.map

package/dist/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":["../src/components/Anchor.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, createContext, useContext } from 'react'\n\nexport interface AnchorLinkItem {\n  /** Target element id (without #) */\n  href: string\n  /** Link title */\n  title: React.ReactNode\n  /** Nested links */\n  children?: AnchorLinkItem[]\n}\n\nexport interface AnchorProps {\n  /** Anchor links (alternative to Anchor.Link children) */\n  items?: AnchorLinkItem[]\n  /** Layout direction */\n  direction?: 'horizontal' | 'vertical'\n  /** Offset from top when calculating scroll position */\n  offsetTop?: number\n  /** Target scroll container (default: window) */\n  getContainer?: () => HTMLElement | Window\n  /** Callback when active link changes */\n  onChange?: (activeLink: string) => void\n  /** Callback when link is clicked */\n  onClick?: (e: React.MouseEvent, link: { href: string; title: React.ReactNode }) => void\n  /** Currently active link (controlled) */\n  activeLink?: string\n  /** Custom class name */\n  className?: string\n  /** Anchor.Link children */\n  children?: React.ReactNode\n}\n\nexport interface AnchorLinkProps {\n  /** Target element id (without #) */\n  href: string\n  /** Link title */\n  title: React.ReactNode\n  /** Nested links */\n  children?: React.ReactNode\n  /** Custom class name */\n  className?: string\n}\n\ninterface AnchorContextValue {\n  activeLink: string\n  direction: 'horizontal' | 'vertical'\n  offsetTop: number\n  registerLink: (href: string) => void\n  unregisterLink: (href: string) => void\n  handleClick: (e: React.MouseEvent, href: string, title: React.ReactNode) => void\n}\n\nconst AnchorContext = createContext<AnchorContextValue | null>(null)\n\nconst useAnchorContext = () => {\n  const context = useContext(AnchorContext)\n  if (!context) {\n    throw new Error('Anchor.Link must be used within an Anchor')\n  }\n  return context\n}\n\nconst AnchorLink: React.FC<AnchorLinkProps> = ({\n  href,\n  title,\n  children,\n  className = '',\n}) => {\n  const { activeLink, direction, registerLink, unregisterLink, handleClick } = useAnchorContext()\n\n  useEffect(() => {\n    registerLink(href)\n    return () => unregisterLink(href)\n  }, [href, registerLink, unregisterLink])\n\n  const isActive = activeLink === href\n  const isVertical = direction === 'vertical'\n\n  return (\n    <div className={isVertical ? '' : 'inline-block'}>\n      <a\n        href={`#${href}`}\n        onClick={(e) => handleClick(e, href, title)}\n        className={`\n          block text-sm transition-colors\n          ${isVertical ? 'py-1 pl-3 border-l-2' : 'px-3 py-1 border-b-2'}\n          ${isActive\n            ? 'text-primary border-primary font-medium'\n            : 'text-base-content/70 border-transparent hover:text-base-content hover:border-base-content/30'\n          }\n          ${className}\n        `.trim()}\n      >\n        {title}\n      </a>\n      {children && (\n        <div className={isVertical ? 'pl-3' : 'inline-flex'}>\n          {children}\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst AnchorComponent: React.FC<AnchorProps> = ({\n  items,\n  direction = 'vertical',\n  offsetTop = 0,\n  getContainer,\n  onChange,\n  onClick,\n  activeLink: controlledActiveLink,\n  className = '',\n  children,\n}) => {\n  const [internalActiveLink, setInternalActiveLink] = useState('')\n  const [links, setLinks] = useState<string[]>([])\n\n  const isControlled = controlledActiveLink !== undefined\n  const activeLink = isControlled ? controlledActiveLink : internalActiveLink\n\n  const registerLink = useCallback((href: string) => {\n    setLinks((prev) => (prev.includes(href) ? prev : [...prev, href]))\n  }, [])\n\n  const unregisterLink = useCallback((href: string) => {\n    setLinks((prev) => prev.filter((link) => link !== href))\n  }, [])\n\n  const scrollToTarget = useCallback((href: string) => {\n    const target = document.getElementById(href)\n    if (target) {\n      const container = getContainer?.() ?? window\n      const targetTop = target.getBoundingClientRect().top\n      const containerTop = container === window\n        ? 0\n        : (container as HTMLElement).getBoundingClientRect().top\n      const scrollTop = container === window\n        ? window.scrollY\n        : (container as HTMLElement).scrollTop\n\n      const top = targetTop - containerTop + scrollTop - offsetTop\n\n      if (container === window) {\n        window.scrollTo({ top, behavior: 'smooth' })\n      } else {\n        (container as HTMLElement).scrollTo({ top, behavior: 'smooth' })\n      }\n    }\n  }, [getContainer, offsetTop])\n\n  const handleClick = useCallback((\n    e: React.MouseEvent,\n    href: string,\n    title: React.ReactNode\n  ) => {\n    e.preventDefault()\n    onClick?.(e, { href, title })\n    scrollToTarget(href)\n\n    if (!isControlled) {\n      setInternalActiveLink(href)\n    }\n    onChange?.(href)\n  }, [onClick, scrollToTarget, isControlled, onChange])\n\n  // Scroll spy\n  useEffect(() => {\n    if (links.length === 0) return\n\n    const container = getContainer?.() ?? window\n\n    const handleScroll = () => {\n      let currentActive = ''\n      const containerEl = container === window ? document.documentElement : container as HTMLElement\n      const containerTop = container === window\n        ? 0\n        : containerEl.getBoundingClientRect().top\n\n      // Check if scrolled to near the bottom\n      const scrollTop = container === window ? window.scrollY : containerEl.scrollTop\n      const scrollHeight = containerEl.scrollHeight\n      const clientHeight = container === window ? window.innerHeight : containerEl.clientHeight\n      const isNearBottom = scrollTop + clientHeight >= scrollHeight - 10\n\n      // If near bottom, use the last link\n      if (isNearBottom && links.length > 0) {\n        currentActive = links[links.length - 1]\n      } else {\n        // Find the last element that has scrolled past the top (standard scroll spy behavior)\n        for (const href of links) {\n          const element = document.getElementById(href)\n          if (element) {\n            const rect = element.getBoundingClientRect()\n            const distance = rect.top - containerTop - offsetTop\n\n            // If element's top is at or above the threshold, it's the current section\n            if (distance <= 10) {\n              currentActive = href\n            }\n          }\n        }\n\n        // If nothing matched, use the first link\n        if (!currentActive && links.length > 0) {\n          currentActive = links[0]\n        }\n      }\n\n      if (currentActive && currentActive !== activeLink) {\n        if (!isControlled) {\n          setInternalActiveLink(currentActive)\n        }\n        onChange?.(currentActive)\n      }\n    }\n\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    handleScroll() // Initial check\n\n    return () => container.removeEventListener('scroll', handleScroll)\n  }, [links, getContainer, offsetTop, activeLink, isControlled, onChange])\n\n  const contextValue: AnchorContextValue = {\n    activeLink,\n    direction,\n    offsetTop,\n    registerLink,\n    unregisterLink,\n    handleClick,\n  }\n\n  const renderItems = (linkItems: AnchorLinkItem[]): React.ReactNode => {\n    return linkItems.map((item) => (\n      <AnchorLink key={item.href} href={item.href} title={item.title}>\n        {item.children && renderItems(item.children)}\n      </AnchorLink>\n    ))\n  }\n\n  return (\n    <AnchorContext.Provider value={contextValue}>\n      <nav\n        className={`\n          ${direction === 'horizontal' ? 'flex items-center' : 'flex flex-col'}\n          ${className}\n        `.trim()}\n      >\n        {items ? renderItems(items) : children}\n      </nav>\n    </AnchorContext.Provider>\n  )\n}\n\nexport const Anchor = Object.assign(AnchorComponent, {\n  Link: AnchorLink,\n})\n"],"names":["AnchorContext","createContext","useAnchorContext","context","useContext","AnchorLink","href","title","children","className","activeLink","direction","registerLink","unregisterLink","handleClick","useEffect","isActive","isVertical","jsxs","jsx","e","AnchorComponent","items","offsetTop","getContainer","onChange","onClick","controlledActiveLink","internalActiveLink","setInternalActiveLink","useState","links","setLinks","isControlled","useCallback","prev","link","scrollToTarget","target","container","targetTop","containerTop","scrollTop","top","handleScroll","currentActive","containerEl","scrollHeight","clientHeight","element","contextValue","renderItems","linkItems","item","Anchor"],"mappings":"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"}
+{"version":3,"file":"index3.js","sources":["../src/components/Anchor.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, createContext, useContext, useRef } from 'react'\n\nexport interface AnchorLinkItem {\n  /** Target element id (without #) */\n  href: string\n  /** Link title */\n  title: React.ReactNode\n  /** Nested links */\n  children?: AnchorLinkItem[]\n}\n\nexport interface AnchorProps {\n  /** Anchor links (alternative to Anchor.Link children) */\n  items?: AnchorLinkItem[]\n  /** Layout direction */\n  direction?: 'horizontal' | 'vertical'\n  /** Offset from top when calculating scroll position */\n  offsetTop?: number\n  /** Bounding distance of anchor area */\n  bounds?: number\n  /** Target scroll container (default: window) */\n  getContainer?: () => HTMLElement | Window\n  /** Customize the anchor highlight */\n  getCurrentAnchor?: (activeLink: string) => string\n  /** Callback when active link changes */\n  onChange?: (activeLink: string) => void\n  /** Callback when link is clicked */\n  onClick?: (e: React.MouseEvent, link: { href: string; title: React.ReactNode }) => void\n  /** Currently active link (controlled) */\n  activeLink?: string\n  /** Whether to fix the anchor when scrolling */\n  affix?: boolean\n  /** Pixels to offset from top when affix is true */\n  affixOffsetTop?: number\n  /** Replace history instead of push */\n  replace?: boolean\n  /** Custom class name */\n  className?: string\n  /** Anchor.Link children */\n  children?: React.ReactNode\n}\n\nexport interface AnchorLinkProps {\n  /** Target element id (without #) */\n  href: string\n  /** Link title */\n  title: React.ReactNode\n  /** Nested links */\n  children?: React.ReactNode\n  /** Custom class name */\n  className?: string\n}\n\ninterface AnchorContextValue {\n  activeLink: string\n  direction: 'horizontal' | 'vertical'\n  offsetTop: number\n  registerLink: (href: string) => void\n  unregisterLink: (href: string) => void\n  handleClick: (e: React.MouseEvent, href: string, title: React.ReactNode) => void\n}\n\nconst AnchorContext = createContext<AnchorContextValue | null>(null)\n\nconst useAnchorContext = () => {\n  const context = useContext(AnchorContext)\n  if (!context) {\n    throw new Error('Anchor.Link must be used within an Anchor')\n  }\n  return context\n}\n\nconst AnchorLink: React.FC<AnchorLinkProps> = ({\n  href,\n  title,\n  children,\n  className = '',\n}) => {\n  const { activeLink, direction, registerLink, unregisterLink, handleClick } = useAnchorContext()\n\n  useEffect(() => {\n    registerLink(href)\n    return () => unregisterLink(href)\n  }, [href, registerLink, unregisterLink])\n\n  const isActive = activeLink === href\n  const isVertical = direction === 'vertical'\n\n  return (\n    <div className={isVertical ? '' : 'inline-block'}>\n      <a\n        href={`#${href}`}\n        onClick={(e) => handleClick(e, href, title)}\n        className={`\n          block text-sm transition-colors\n          ${isVertical ? 'py-1 pl-3 border-l-2' : 'px-3 py-1 border-b-2'}\n          ${isActive\n            ? 'text-primary border-primary font-medium'\n            : 'text-base-content/70 border-transparent hover:text-base-content hover:border-base-content/30'\n          }\n          ${className}\n        `.trim()}\n      >\n        {title}\n      </a>\n      {children && (\n        <div className={isVertical ? 'pl-3' : 'inline-flex'}>\n          {children}\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst AnchorComponent: React.FC<AnchorProps> = ({\n  items,\n  direction = 'vertical',\n  offsetTop = 0,\n  bounds = 5,\n  getContainer,\n  getCurrentAnchor,\n  onChange,\n  onClick,\n  activeLink: controlledActiveLink,\n  affix = false,\n  affixOffsetTop = 0,\n  replace = false,\n  className = '',\n  children,\n}) => {\n  const [internalActiveLink, setInternalActiveLink] = useState('')\n  const [links, setLinks] = useState<string[]>([])\n  const [isAffixed, setIsAffixed] = useState(false)\n  const anchorRef = useRef<HTMLDivElement>(null)\n  const placeholderRef = useRef<HTMLDivElement>(null)\n\n  const isControlled = controlledActiveLink !== undefined\n  const rawActiveLink = isControlled ? controlledActiveLink : internalActiveLink\n  const activeLink = getCurrentAnchor ? getCurrentAnchor(rawActiveLink) : rawActiveLink\n\n  const registerLink = useCallback((href: string) => {\n    setLinks((prev) => (prev.includes(href) ? prev : [...prev, href]))\n  }, [])\n\n  const unregisterLink = useCallback((href: string) => {\n    setLinks((prev) => prev.filter((link) => link !== href))\n  }, [])\n\n  const scrollToTarget = useCallback((href: string) => {\n    const target = document.getElementById(href)\n    if (target) {\n      const container = getContainer?.() ?? window\n      const targetTop = target.getBoundingClientRect().top\n      const containerTop = container === window\n        ? 0\n        : (container as HTMLElement).getBoundingClientRect().top\n      const scrollTop = container === window\n        ? window.scrollY\n        : (container as HTMLElement).scrollTop\n\n      const top = targetTop - containerTop + scrollTop - offsetTop\n\n      if (container === window) {\n        window.scrollTo({ top, behavior: 'smooth' })\n      } else {\n        (container as HTMLElement).scrollTo({ top, behavior: 'smooth' })\n      }\n\n      // Update URL hash\n      if (replace) {\n        window.history.replaceState(null, '', `#${href}`)\n      } else {\n        window.history.pushState(null, '', `#${href}`)\n      }\n    }\n  }, [getContainer, offsetTop, replace])\n\n  const handleClick = useCallback((\n    e: React.MouseEvent,\n    href: string,\n    title: React.ReactNode\n  ) => {\n    e.preventDefault()\n    onClick?.(e, { href, title })\n    scrollToTarget(href)\n\n    if (!isControlled) {\n      setInternalActiveLink(href)\n    }\n    onChange?.(href)\n  }, [onClick, scrollToTarget, isControlled, onChange])\n\n  // Affix logic\n  useEffect(() => {\n    if (!affix || !anchorRef.current) return\n\n    const container = getContainer?.() ?? window\n\n    const handleScroll = () => {\n      if (!anchorRef.current || !placeholderRef.current) return\n\n      const placeholderRect = placeholderRef.current.getBoundingClientRect()\n      const containerTop = container === window\n        ? 0\n        : (container as HTMLElement).getBoundingClientRect().top\n\n      const shouldAffix = placeholderRect.top - containerTop <= affixOffsetTop\n\n      if (shouldAffix !== isAffixed) {\n        setIsAffixed(shouldAffix)\n      }\n    }\n\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    handleScroll()\n\n    return () => container.removeEventListener('scroll', handleScroll)\n  }, [affix, affixOffsetTop, getContainer, isAffixed])\n\n  // Scroll spy\n  useEffect(() => {\n    if (links.length === 0) return\n\n    const container = getContainer?.() ?? window\n\n    const handleScroll = () => {\n      let currentActive = ''\n      const containerEl = container === window ? document.documentElement : container as HTMLElement\n      const containerTop = container === window\n        ? 0\n        : containerEl.getBoundingClientRect().top\n\n      // Check if scrolled to near the bottom\n      const scrollTop = container === window ? window.scrollY : containerEl.scrollTop\n      const scrollHeight = containerEl.scrollHeight\n      const clientHeight = container === window ? window.innerHeight : containerEl.clientHeight\n      const isNearBottom = scrollTop + clientHeight >= scrollHeight - 10\n\n      // If near bottom, use the last link\n      if (isNearBottom && links.length > 0) {\n        currentActive = links[links.length - 1]\n      } else {\n        // Find the last element that has scrolled past the top (standard scroll spy behavior)\n        for (const href of links) {\n          const element = document.getElementById(href)\n          if (element) {\n            const rect = element.getBoundingClientRect()\n            const distance = rect.top - containerTop - offsetTop\n\n            // If element's top is within bounds of the threshold, it's the current section\n            if (distance <= bounds) {\n              currentActive = href\n            }\n          }\n        }\n\n        // If nothing matched, use the first link\n        if (!currentActive && links.length > 0) {\n          currentActive = links[0]\n        }\n      }\n\n      if (currentActive && currentActive !== rawActiveLink) {\n        if (!isControlled) {\n          setInternalActiveLink(currentActive)\n        }\n        onChange?.(currentActive)\n      }\n    }\n\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    handleScroll() // Initial check\n\n    return () => container.removeEventListener('scroll', handleScroll)\n  }, [links, getContainer, offsetTop, bounds, rawActiveLink, isControlled, onChange])\n\n  const contextValue: AnchorContextValue = {\n    activeLink,\n    direction,\n    offsetTop,\n    registerLink,\n    unregisterLink,\n    handleClick,\n  }\n\n  const renderItems = (linkItems: AnchorLinkItem[]): React.ReactNode => {\n    return linkItems.map((item) => (\n      <AnchorLink key={item.href} href={item.href} title={item.title}>\n        {item.children && renderItems(item.children)}\n      </AnchorLink>\n    ))\n  }\n\n  const anchorContent = (\n    <nav\n      ref={anchorRef}\n      className={`\n        ${direction === 'horizontal' ? 'flex items-center' : 'flex flex-col'}\n        ${isAffixed ? 'fixed bg-base-100 shadow-sm z-10' : ''}\n        ${className}\n      `.trim()}\n      style={isAffixed ? { top: affixOffsetTop } : undefined}\n    >\n      {items ? renderItems(items) : children}\n    </nav>\n  )\n\n  if (affix) {\n    return (\n      <AnchorContext.Provider value={contextValue}>\n        <div ref={placeholderRef} style={isAffixed && anchorRef.current ? { height: anchorRef.current.offsetHeight } : undefined}>\n          {anchorContent}\n        </div>\n      </AnchorContext.Provider>\n    )\n  }\n\n  return (\n    <AnchorContext.Provider value={contextValue}>\n      {anchorContent}\n    </AnchorContext.Provider>\n  )\n}\n\nexport const Anchor = Object.assign(AnchorComponent, {\n  Link: AnchorLink,\n})\n"],"names":["AnchorContext","createContext","useAnchorContext","context","useContext","AnchorLink","href","title","children","className","activeLink","direction","registerLink","unregisterLink","handleClick","useEffect","isActive","isVertical","jsxs","jsx","e","AnchorComponent","items","offsetTop","bounds","getContainer","getCurrentAnchor","onChange","onClick","controlledActiveLink","affix","affixOffsetTop","replace","internalActiveLink","setInternalActiveLink","useState","links","setLinks","isAffixed","setIsAffixed","anchorRef","useRef","placeholderRef","isControlled","rawActiveLink","useCallback","prev","link","scrollToTarget","target","container","targetTop","containerTop","scrollTop","top","handleScroll","placeholderRect","shouldAffix","currentActive","containerEl","scrollHeight","clientHeight","element","contextValue","renderItems","linkItems","item","anchorContent","Anchor"],"mappings":"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"}

package/dist/index51.js

@@ -1,150 +1,156 @@
-import { jsx as o, jsxs as C } from "react/jsx-runtime";
-import { useState as M, useCallback as b, createContext as B, useId as O, useContext as g } from "react";
-const v = B(null);
-function w() {
-  const n = g(v);
-  if (!n)
+import { jsx as l, jsxs as b } from "react/jsx-runtime";
+import { useState as C, useCallback as M, createContext as V, useId as q, useContext as N } from "react";
+const y = V(null);
+function A() {
+  const e = N(y);
+  if (!e)
     throw new Error("Menu components must be used within a Menu");
-  return n;
+  return e;
 }
-function D({
-  children: n,
-  mode: e = "vertical",
-  selectedKeys: t,
-  defaultSelectedKeys: a = [],
-  openKeys: i,
-  defaultOpenKeys: f = [],
-  onSelect: c,
-  onOpenChange: r,
-  className: s = "",
-  ...l
+function j(e, n, s, a, o) {
+  return e.divider ? /* @__PURE__ */ l(S, {}, e.key) : e.title ? /* @__PURE__ */ l(K, { children: e.label }, e.key) : e.children && e.children.length > 0 ? /* @__PURE__ */ l(I, { itemKey: e.key, label: e.label, icon: e.icon, disabled: e.disabled, children: e.children.map((i) => j(i)) }, e.key) : /* @__PURE__ */ l(k, { itemKey: e.key, icon: e.icon, disabled: e.disabled, children: e.label }, e.key);
+}
+function F({
+  children: e,
+  items: n,
+  mode: s = "vertical",
+  size: a,
+  selectedKeys: o,
+  defaultSelectedKeys: i = [],
+  openKeys: d,
+  defaultOpenKeys: m = [],
+  onSelect: r,
+  onOpenChange: t,
+  className: c = "",
+  ...p
 }) {
-  const [u, d] = M(a), [p, N] = M(f), j = t ?? u, h = i ?? p, I = b(
-    (m) => {
-      t === void 0 && d([m]), c?.(m);
+  const [x, v] = C(i), [f, T] = C(m), O = o ?? x, h = d ?? f, B = M(
+    (u) => {
+      o === void 0 && v([u]), r?.(u);
     },
-    [t, c]
-  ), S = b(
-    (m) => {
-      const x = h.includes(m) ? h.filter((y) => y !== m) : [...h, m];
-      i === void 0 && N(x), r?.(x);
+    [o, r]
+  ), w = M(
+    (u) => {
+      const g = h.includes(u) ? h.filter((R) => R !== u) : [...h, u];
+      d === void 0 && T(g), t?.(g);
     },
-    [h, i, r]
-  ), T = ["menu", {
-    vertical: "",
+    [h, d, t]
+  ), D = {
+    vertical: "menu-vertical",
     horizontal: "menu-horizontal",
-    inline: ""
-  }[e], s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(
-    v.Provider,
-    {
-      value: {
-        mode: e,
-        selectedKeys: j,
-        openKeys: h,
-        onSelect: I,
-        onToggleOpen: S
-      },
-      children: /* @__PURE__ */ o("ul", { className: T, ...l, children: n })
-    }
-  );
+    inline: "menu-vertical"
+  }, z = {
+    xs: "menu-xs",
+    sm: "menu-sm",
+    md: "menu-md",
+    lg: "menu-lg",
+    xl: "menu-xl"
+  }, E = ["menu", D[s], a && z[a], c].filter(Boolean).join(" "), L = {
+    mode: s,
+    selectedKeys: O,
+    openKeys: h,
+    onSelect: B,
+    onToggleOpen: w
+  }, P = n && n.length > 0 ? n.map((u) => j(u)) : e;
+  return /* @__PURE__ */ l(y.Provider, { value: L, children: /* @__PURE__ */ l("ul", { className: E, ...p, children: P }) });
 }
-function K({
-  children: n,
-  itemKey: e,
-  icon: t,
+function k({
+  children: e,
+  itemKey: n,
+  icon: s,
   disabled: a = !1,
-  onClick: i,
-  active: f,
-  className: c = "",
-  ...r
+  onClick: o,
+  active: i,
+  className: d = "",
+  ...m
 }) {
-  const s = g(v), l = e && s ? s.selectedKeys.includes(e) : f, u = () => {
-    a || (e && s && s.onSelect(e), i?.());
-  }, d = [
-    l && "active bg-primary text-primary-content",
+  const r = N(y), t = n && r ? r.selectedKeys.includes(n) : i, c = () => {
+    a || (n && r && r.onSelect(n), o?.());
+  }, p = [
+    t && "active bg-primary text-primary-content",
     a && "disabled",
-    c
+    d
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ C(
+  return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ b(
     "a",
     {
-      className: d,
-      onClick: u,
+      className: p,
+      onClick: c,
       "aria-disabled": a,
       role: "menuitem",
-      "data-state": l ? "active" : "inactive",
-      ...r,
+      "data-state": t ? "active" : "inactive",
+      ...m,
       children: [
-        t && /* @__PURE__ */ o("span", { className: "menu-icon", children: t }),
-        n
+        s && /* @__PURE__ */ l("span", { className: "menu-icon", children: s }),
+        e
       ]
     }
   ) });
 }
-function k({
-  children: n,
-  itemKey: e,
-  label: t,
-  icon: a,
+function I({
+  children: e,
+  itemKey: n,
+  label: s,
+  title: a,
+  icon: o,
   disabled: i = !1,
-  className: f = "",
-  ...c
+  className: d = "",
+  ...m
 }) {
-  const r = w(), s = r.openKeys.includes(e), l = O(), u = () => {
-    i || r.onToggleOpen(e);
-  }, d = [i && "disabled", f].filter(Boolean).join(" ");
-  return r.mode === "inline" ? /* @__PURE__ */ o("li", { className: d, "data-state": s ? "open" : "closed", ...c, children: /* @__PURE__ */ C("details", { open: s, children: [
-    /* @__PURE__ */ C(
+  const r = A(), t = r.openKeys.includes(n), c = q(), p = s ?? a, x = () => {
+    i || r.onToggleOpen(n);
+  }, v = [i && "disabled", d].filter(Boolean).join(" ");
+  return r.mode === "inline" ? /* @__PURE__ */ l("li", { className: v, "data-state": t ? "open" : "closed", ...m, children: /* @__PURE__ */ b("details", { open: t, children: [
+    /* @__PURE__ */ b(
       "summary",
       {
-        onClick: (p) => {
-          p.preventDefault(), u();
+        onClick: (f) => {
+          f.preventDefault(), x();
         },
-        "aria-expanded": s,
-        "aria-controls": l,
+        "aria-expanded": t,
+        "aria-controls": c,
         "aria-disabled": i,
         children: [
-          a && /* @__PURE__ */ o("span", { className: "menu-icon", children: a }),
-          t
+          o && /* @__PURE__ */ l("span", { className: "menu-icon", children: o }),
+          p
         ]
       }
     ),
-    /* @__PURE__ */ o("ul", { id: l, role: "menu", children: n })
-  ] }) }) : /* @__PURE__ */ o("li", { className: d, "data-state": s ? "open" : "closed", ...c, children: /* @__PURE__ */ C("details", { open: s, children: [
-    /* @__PURE__ */ C(
+    /* @__PURE__ */ l("ul", { id: c, role: "menu", children: e })
+  ] }) }) : /* @__PURE__ */ l("li", { className: v, "data-state": t ? "open" : "closed", ...m, children: /* @__PURE__ */ b("details", { open: t, children: [
+    /* @__PURE__ */ b(
       "summary",
       {
-        onClick: (p) => {
-          p.preventDefault(), u();
+        onClick: (f) => {
+          f.preventDefault(), x();
         },
-        "aria-expanded": s,
-        "aria-controls": l,
+        "aria-expanded": t,
+        "aria-controls": c,
         "aria-disabled": i,
         children: [
-          a && /* @__PURE__ */ o("span", { className: "menu-icon", children: a }),
-          t
+          o && /* @__PURE__ */ l("span", { className: "menu-icon", children: o }),
+          p
         ]
       }
     ),
-    /* @__PURE__ */ o("ul", { id: l, role: "menu", children: n })
+    /* @__PURE__ */ l("ul", { id: c, role: "menu", children: e })
   ] }) });
 }
-function z({ children: n, className: e = "", ...t }) {
-  const a = ["menu-title", e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("li", { className: a, ...t, children: n });
+function K({ children: e, className: n = "", ...s }) {
+  const a = ["menu-title", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("li", { className: a, ...s, children: e });
 }
-function E({ className: n = "", ...e }) {
-  const t = ["border-t border-base-300 my-1", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("li", { className: t, role: "separator", ...e });
+function S({ className: e = "", ...n }) {
+  const s = ["border-t border-base-300 my-1", e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("li", { className: s, role: "separator", ...n });
 }
-const A = Object.assign(D, {
-  Item: K,
-  SubMenu: k,
-  Title: z,
-  Divider: E
+const J = Object.assign(F, {
+  Item: k,
+  SubMenu: I,
+  Title: K,
+  Divider: S
 });
 export {
-  A as Menu
+  J as Menu
 };
 //# sourceMappingURL=index51.js.map

package/dist/index51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index51.js","sources":["../src/components/Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useId } from 'react'\n\nexport type MenuMode = 'vertical' | 'horizontal' | 'inline'\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  children: React.ReactNode\n  mode?: MenuMode\n  selectedKeys?: string[]\n  defaultSelectedKeys?: string[]\n  openKeys?: string[]\n  defaultOpenKeys?: string[]\n  onSelect?: (key: string) => void\n  onOpenChange?: (openKeys: string[]) => void\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {\n  children: React.ReactNode\n  itemKey?: string\n  icon?: React.ReactNode\n  disabled?: boolean\n  onClick?: () => void\n  /** @deprecated Use itemKey and selectedKeys instead */\n  active?: boolean\n}\n\nexport interface MenuSubMenuProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n  itemKey: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {}\n\ninterface MenuContextValue {\n  mode: MenuMode\n  selectedKeys: string[]\n  openKeys: string[]\n  onSelect: (key: string) => void\n  onToggleOpen: (key: string) => void\n}\n\nconst MenuContext = createContext<MenuContextValue | null>(null)\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext)\n  if (!context) {\n    throw new Error('Menu components must be used within a Menu')\n  }\n  return context\n}\n\nfunction MenuRoot({\n  children,\n  mode = 'vertical',\n  selectedKeys: controlledSelectedKeys,\n  defaultSelectedKeys = [],\n  openKeys: controlledOpenKeys,\n  defaultOpenKeys = [],\n  onSelect,\n  onOpenChange,\n  className = '',\n  ...rest\n}: MenuProps) {\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalOpenKeys, setInternalOpenKeys] = useState<string[]>(defaultOpenKeys)\n\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const openKeys = controlledOpenKeys ?? internalOpenKeys\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys([key])\n      }\n      onSelect?.(key)\n    },\n    [controlledSelectedKeys, onSelect]\n  )\n\n  const handleToggleOpen = useCallback(\n    (key: string) => {\n      const newOpenKeys = openKeys.includes(key)\n        ? openKeys.filter((k) => k !== key)\n        : [...openKeys, key]\n\n      if (controlledOpenKeys === undefined) {\n        setInternalOpenKeys(newOpenKeys)\n      }\n      onOpenChange?.(newOpenKeys)\n    },\n    [openKeys, controlledOpenKeys, onOpenChange]\n  )\n\n  const modeClasses: Record<MenuMode, string> = {\n    vertical: '',\n    horizontal: 'menu-horizontal',\n    inline: '',\n  }\n\n  const menuClasses = ['menu', modeClasses[mode], className].filter(Boolean).join(' ')\n\n  return (\n    <MenuContext.Provider\n      value={{\n        mode,\n        selectedKeys,\n        openKeys,\n        onSelect: handleSelect,\n        onToggleOpen: handleToggleOpen,\n      }}\n    >\n      <ul className={menuClasses} {...rest}>{children}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  itemKey,\n  icon,\n  disabled = false,\n  onClick,\n  active,\n  className = '',\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext)\n\n  // Support both old active prop and new key-based selection\n  const isSelected = itemKey && context ? context.selectedKeys.includes(itemKey) : active\n\n  const handleClick = () => {\n    if (disabled) return\n    if (itemKey && context) {\n      context.onSelect(itemKey)\n    }\n    onClick?.()\n  }\n\n  const itemClasses = [\n    isSelected && 'active bg-primary text-primary-content',\n    disabled && 'disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <li>\n      <a\n        className={itemClasses}\n        onClick={handleClick}\n        aria-disabled={disabled}\n        role=\"menuitem\"\n        data-state={isSelected ? 'active' : 'inactive'}\n        {...rest}\n      >\n        {icon && <span className=\"menu-icon\">{icon}</span>}\n        {children}\n      </a>\n    </li>\n  )\n}\n\nfunction MenuSubMenu({\n  children,\n  itemKey,\n  label,\n  icon,\n  disabled = false,\n  className = '',\n  ...rest\n}: MenuSubMenuProps) {\n  const context = useMenuContext()\n  const isOpen = context.openKeys.includes(itemKey)\n  const submenuId = useId()\n\n  const handleToggle = () => {\n    if (disabled) return\n    context.onToggleOpen(itemKey)\n  }\n\n  const submenuClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  // For inline mode, use collapsible details/summary\n  if (context.mode === 'inline') {\n    return (\n      <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <details open={isOpen}>\n          <summary\n            onClick={(e) => {\n              e.preventDefault()\n              handleToggle()\n            }}\n            aria-expanded={isOpen}\n            aria-controls={submenuId}\n            aria-disabled={disabled}\n          >\n            {icon && <span className=\"menu-icon\">{icon}</span>}\n            {label}\n          </summary>\n          <ul id={submenuId} role=\"menu\">\n            {children}\n          </ul>\n        </details>\n      </li>\n    )\n  }\n\n  // For vertical/horizontal, use nested menu (dropdown style)\n  return (\n    <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <details open={isOpen}>\n        <summary\n          onClick={(e) => {\n            e.preventDefault()\n            handleToggle()\n          }}\n          aria-expanded={isOpen}\n          aria-controls={submenuId}\n          aria-disabled={disabled}\n        >\n          {icon && <span className=\"menu-icon\">{icon}</span>}\n          {label}\n        </summary>\n        <ul id={submenuId} role=\"menu\">\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction MenuTitle({ children, className = '', ...rest }: MenuTitleProps) {\n  const titleClasses = ['menu-title', className].filter(Boolean).join(' ')\n\n  return <li className={titleClasses} {...rest}>{children}</li>\n}\n\nfunction MenuDivider({ className = '', ...rest }: MenuDividerProps) {\n  const dividerClasses = ['border-t border-base-300 my-1', className].filter(Boolean).join(' ')\n\n  return <li className={dividerClasses} role=\"separator\" {...rest} />\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  SubMenu: MenuSubMenu,\n  Title: MenuTitle,\n  Divider: MenuDivider,\n})\n"],"names":["MenuContext","createContext","useMenuContext","context","useContext","MenuRoot","children","mode","controlledSelectedKeys","defaultSelectedKeys","controlledOpenKeys","defaultOpenKeys","onSelect","onOpenChange","className","rest","internalSelectedKeys","setInternalSelectedKeys","useState","internalOpenKeys","setInternalOpenKeys","selectedKeys","openKeys","handleSelect","useCallback","key","handleToggleOpen","newOpenKeys","k","menuClasses","jsx","MenuItem","itemKey","icon","disabled","onClick","active","isSelected","handleClick","itemClasses","jsxs","MenuSubMenu","label","isOpen","submenuId","useId","handleToggle","submenuClasses","e","MenuTitle","titleClasses","MenuDivider","dividerClasses","Menu"],"mappings":";;AA+CA,MAAMA,IAAcC,EAAuC,IAAI;AAE/D,SAASC,IAAiB;AACxB,QAAMC,IAAUC,EAAWJ,CAAW;AACtC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,4CAA4C;AAE9D,SAAOA;AACT;AAEA,SAASE,EAAS;AAAA,EAChB,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAcC;AAAA,EACd,qBAAAC,IAAsB,CAAA;AAAA,EACtB,UAAUC;AAAA,EACV,iBAAAC,IAAkB,CAAA;AAAA,EAClB,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAc;AACZ,QAAM,CAACC,GAAsBC,CAAuB,IAAIC,EAAmBT,CAAmB,GACxF,CAACU,GAAkBC,CAAmB,IAAIF,EAAmBP,CAAe,GAE5EU,IAAeb,KAA0BQ,GACzCM,IAAWZ,KAAsBS,GAEjCI,IAAeC;AAAA,IACnB,CAACC,MAAgB;AACf,MAAIjB,MAA2B,UAC7BS,EAAwB,CAACQ,CAAG,CAAC,GAE/Bb,IAAWa,CAAG;AAAA,IAChB;AAAA,IACA,CAACjB,GAAwBI,CAAQ;AAAA,EAAA,GAG7Bc,IAAmBF;AAAA,IACvB,CAACC,MAAgB;AACf,YAAME,IAAcL,EAAS,SAASG,CAAG,IACrCH,EAAS,OAAO,CAACM,MAAMA,MAAMH,CAAG,IAChC,CAAC,GAAGH,GAAUG,CAAG;AAErB,MAAIf,MAAuB,UACzBU,EAAoBO,CAAW,GAEjCd,IAAec,CAAW;AAAA,IAC5B;AAAA,IACA,CAACL,GAAUZ,GAAoBG,CAAY;AAAA,EAAA,GASvCgB,IAAc,CAAC,QANyB;AAAA,IAC5C,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQ;AAAA,EAAA,EAG+BtB,CAAI,GAAGO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEnF,SACE,gBAAAgB;AAAA,IAAC9B,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,MAAAO;AAAA,QACA,cAAAc;AAAA,QACA,UAAAC;AAAA,QACA,UAAUC;AAAA,QACV,cAAcG;AAAA,MAAA;AAAA,MAGhB,4BAAC,MAAA,EAAG,WAAWG,GAAc,GAAGd,GAAO,UAAAT,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGtD;AAEA,SAASyB,EAAS;AAAA,EAChB,UAAAzB;AAAA,EACA,SAAA0B;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAtB,IAAY;AAAA,EACZ,GAAGC;AACL,GAAkB;AAChB,QAAMZ,IAAUC,EAAWJ,CAAW,GAGhCqC,IAAaL,KAAW7B,IAAUA,EAAQ,aAAa,SAAS6B,CAAO,IAAII,GAE3EE,IAAc,MAAM;AACxB,IAAIJ,MACAF,KAAW7B,KACbA,EAAQ,SAAS6B,CAAO,GAE1BG,IAAA;AAAA,EACF,GAEMI,IAAc;AAAA,IAClBF,KAAc;AAAA,IACdH,KAAY;AAAA,IACZpB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,MAAA,EACC,UAAA,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,MACX,SAASD;AAAA,MACT,iBAAeJ;AAAA,MACf,MAAK;AAAA,MACL,cAAYG,IAAa,WAAW;AAAA,MACnC,GAAGtB;AAAA,MAEH,UAAA;AAAA,QAAAkB,KAAQ,gBAAAH,EAAC,QAAA,EAAK,WAAU,aAAa,UAAAG,GAAK;AAAA,QAC1C3B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAASmC,EAAY;AAAA,EACnB,UAAAnC;AAAA,EACA,SAAA0B;AAAA,EACA,OAAAU;AAAA,EACA,MAAAT;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAApB,IAAY;AAAA,EACZ,GAAGC;AACL,GAAqB;AACnB,QAAMZ,IAAUD,EAAA,GACVyC,IAASxC,EAAQ,SAAS,SAAS6B,CAAO,GAC1CY,IAAYC,EAAA,GAEZC,IAAe,MAAM;AACzB,IAAIZ,KACJ/B,EAAQ,aAAa6B,CAAO;AAAA,EAC9B,GAEMe,IAAiB,CAACb,KAAY,YAAYpB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAGnF,SAAIX,EAAQ,SAAS,WAEjB,gBAAA2B,EAAC,MAAA,EAAG,WAAWiB,GAAgB,cAAYJ,IAAS,SAAS,UAAW,GAAG5B,GACzE,UAAA,gBAAAyB,EAAC,WAAA,EAAQ,MAAMG,GACb,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAACQ,MAAM;AACd,UAAAA,EAAE,eAAA,GACFF,EAAA;AAAA,QACF;AAAA,QACA,iBAAeH;AAAA,QACf,iBAAeC;AAAA,QACf,iBAAeV;AAAA,QAEd,UAAA;AAAA,UAAAD,KAAQ,gBAAAH,EAAC,QAAA,EAAK,WAAU,aAAa,UAAAG,GAAK;AAAA,UAC1CS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEF,MAAA,EAAG,IAAIE,GAAW,MAAK,QACrB,UAAAtC,EAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF,IAMF,gBAAAwB,EAAC,MAAA,EAAG,WAAWiB,GAAgB,cAAYJ,IAAS,SAAS,UAAW,GAAG5B,GACzE,UAAA,gBAAAyB,EAAC,WAAA,EAAQ,MAAMG,GACb,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAACQ,MAAM;AACd,UAAAA,EAAE,eAAA,GACFF,EAAA;AAAA,QACF;AAAA,QACA,iBAAeH;AAAA,QACf,iBAAeC;AAAA,QACf,iBAAeV;AAAA,QAEd,UAAA;AAAA,UAAAD,KAAQ,gBAAAH,EAAC,QAAA,EAAK,WAAU,aAAa,UAAAG,GAAK;AAAA,UAC1CS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEF,MAAA,EAAG,IAAIE,GAAW,MAAK,QACrB,UAAAtC,EAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,SAAS2C,EAAU,EAAE,UAAA3C,GAAU,WAAAQ,IAAY,IAAI,GAAGC,KAAwB;AACxE,QAAMmC,IAAe,CAAC,cAAcpC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEvE,2BAAQ,MAAA,EAAG,WAAWoC,GAAe,GAAGnC,GAAO,UAAAT,GAAS;AAC1D;AAEA,SAAS6C,EAAY,EAAE,WAAArC,IAAY,IAAI,GAAGC,KAA0B;AAClE,QAAMqC,IAAiB,CAAC,iCAAiCtC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE5F,2BAAQ,MAAA,EAAG,WAAWsC,GAAgB,MAAK,aAAa,GAAGrC,GAAM;AACnE;AAEO,MAAMsC,IAAO,OAAO,OAAOhD,GAAU;AAAA,EAC1C,MAAM0B;AAAA,EACN,SAASU;AAAA,EACT,OAAOQ;AAAA,EACP,SAASE;AACX,CAAC;"}
+{"version":3,"file":"index51.js","sources":["../src/components/Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useId } from 'react'\n\nexport type MenuMode = 'vertical' | 'horizontal' | 'inline'\nexport type MenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface MenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  children?: MenuItem[]\n  divider?: boolean\n  title?: boolean // For section titles\n}\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  /** Menu items (compound pattern) */\n  children?: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: MenuItem[]\n  /** Menu display mode */\n  mode?: MenuMode\n  /** Menu size */\n  size?: MenuSize\n  /** Controlled selected keys */\n  selectedKeys?: string[]\n  /** Default selected keys (uncontrolled) */\n  defaultSelectedKeys?: string[]\n  /** Controlled open submenu keys */\n  openKeys?: string[]\n  /** Default open submenu keys (uncontrolled) */\n  defaultOpenKeys?: string[]\n  /** Callback when item is selected */\n  onSelect?: (key: string) => void\n  /** Callback when submenu open state changes */\n  onOpenChange?: (openKeys: string[]) => void\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {\n  children: React.ReactNode\n  itemKey?: string\n  icon?: React.ReactNode\n  disabled?: boolean\n  onClick?: () => void\n  /** @deprecated Use itemKey and selectedKeys instead */\n  active?: boolean\n}\n\nexport interface MenuSubMenuProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n  itemKey: string\n  /** Submenu label */\n  label?: React.ReactNode\n  /** Submenu title (alias for label) */\n  title?: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {}\n\ninterface MenuContextValue {\n  mode: MenuMode\n  selectedKeys: string[]\n  openKeys: string[]\n  onSelect: (key: string) => void\n  onToggleOpen: (key: string) => void\n}\n\nconst MenuContext = createContext<MenuContextValue | null>(null)\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext)\n  if (!context) {\n    throw new Error('Menu components must be used within a Menu')\n  }\n  return context\n}\n\n// Internal component for rendering data-driven menu items\nfunction renderMenuItem(item: MenuItem, onSelect: (key: string) => void, selectedKeys: string[], openKeys: string[], onToggleOpen: (key: string) => void): React.ReactNode {\n  if (item.divider) {\n    return <MenuDivider key={item.key} />\n  }\n\n  if (item.title) {\n    return <MenuTitle key={item.key}>{item.label}</MenuTitle>\n  }\n\n  if (item.children && item.children.length > 0) {\n    return (\n      <MenuSubMenu key={item.key} itemKey={item.key} label={item.label} icon={item.icon} disabled={item.disabled}>\n        {item.children.map((child) => renderMenuItem(child, onSelect, selectedKeys, openKeys, onToggleOpen))}\n      </MenuSubMenu>\n    )\n  }\n\n  return (\n    <MenuItem key={item.key} itemKey={item.key} icon={item.icon} disabled={item.disabled}>\n      {item.label}\n    </MenuItem>\n  )\n}\n\nfunction MenuRoot({\n  children,\n  items,\n  mode = 'vertical',\n  size,\n  selectedKeys: controlledSelectedKeys,\n  defaultSelectedKeys = [],\n  openKeys: controlledOpenKeys,\n  defaultOpenKeys = [],\n  onSelect,\n  onOpenChange,\n  className = '',\n  ...rest\n}: MenuProps) {\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalOpenKeys, setInternalOpenKeys] = useState<string[]>(defaultOpenKeys)\n\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const openKeys = controlledOpenKeys ?? internalOpenKeys\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys([key])\n      }\n      onSelect?.(key)\n    },\n    [controlledSelectedKeys, onSelect]\n  )\n\n  const handleToggleOpen = useCallback(\n    (key: string) => {\n      const newOpenKeys = openKeys.includes(key)\n        ? openKeys.filter((k) => k !== key)\n        : [...openKeys, key]\n\n      if (controlledOpenKeys === undefined) {\n        setInternalOpenKeys(newOpenKeys)\n      }\n      onOpenChange?.(newOpenKeys)\n    },\n    [openKeys, controlledOpenKeys, onOpenChange]\n  )\n\n  const modeClasses: Record<MenuMode, string> = {\n    vertical: 'menu-vertical',\n    horizontal: 'menu-horizontal',\n    inline: 'menu-vertical',\n  }\n\n  const sizeClasses: Record<MenuSize, string> = {\n    xs: 'menu-xs',\n    sm: 'menu-sm',\n    md: 'menu-md',\n    lg: 'menu-lg',\n    xl: 'menu-xl',\n  }\n\n  const menuClasses = ['menu', modeClasses[mode], size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  const contextValue = {\n    mode,\n    selectedKeys,\n    openKeys,\n    onSelect: handleSelect,\n    onToggleOpen: handleToggleOpen,\n  }\n\n  // Render data-driven items if provided\n  const content = items && items.length > 0\n    ? items.map((item) => renderMenuItem(item, handleSelect, selectedKeys, openKeys, handleToggleOpen))\n    : children\n\n  return (\n    <MenuContext.Provider value={contextValue}>\n      <ul className={menuClasses} {...rest}>{content}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  itemKey,\n  icon,\n  disabled = false,\n  onClick,\n  active,\n  className = '',\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext)\n\n  // Support both old active prop and new key-based selection\n  const isSelected = itemKey && context ? context.selectedKeys.includes(itemKey) : active\n\n  const handleClick = () => {\n    if (disabled) return\n    if (itemKey && context) {\n      context.onSelect(itemKey)\n    }\n    onClick?.()\n  }\n\n  const itemClasses = [\n    isSelected && 'active bg-primary text-primary-content',\n    disabled && 'disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <li>\n      <a\n        className={itemClasses}\n        onClick={handleClick}\n        aria-disabled={disabled}\n        role=\"menuitem\"\n        data-state={isSelected ? 'active' : 'inactive'}\n        {...rest}\n      >\n        {icon && <span className=\"menu-icon\">{icon}</span>}\n        {children}\n      </a>\n    </li>\n  )\n}\n\nfunction MenuSubMenu({\n  children,\n  itemKey,\n  label,\n  title,\n  icon,\n  disabled = false,\n  className = '',\n  ...rest\n}: MenuSubMenuProps) {\n  const context = useMenuContext()\n  const isOpen = context.openKeys.includes(itemKey)\n  const submenuId = useId()\n\n  // Support both label and title (title as alias for backwards compatibility)\n  const displayLabel = label ?? title\n\n  const handleToggle = () => {\n    if (disabled) return\n    context.onToggleOpen(itemKey)\n  }\n\n  const submenuClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  // For inline mode, use collapsible details/summary\n  if (context.mode === 'inline') {\n    return (\n      <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <details open={isOpen}>\n          <summary\n            onClick={(e) => {\n              e.preventDefault()\n              handleToggle()\n            }}\n            aria-expanded={isOpen}\n            aria-controls={submenuId}\n            aria-disabled={disabled}\n          >\n            {icon && <span className=\"menu-icon\">{icon}</span>}\n            {displayLabel}\n          </summary>\n          <ul id={submenuId} role=\"menu\">\n            {children}\n          </ul>\n        </details>\n      </li>\n    )\n  }\n\n  // For vertical/horizontal, use nested menu (dropdown style)\n  return (\n    <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <details open={isOpen}>\n        <summary\n          onClick={(e) => {\n            e.preventDefault()\n            handleToggle()\n          }}\n          aria-expanded={isOpen}\n          aria-controls={submenuId}\n          aria-disabled={disabled}\n        >\n          {icon && <span className=\"menu-icon\">{icon}</span>}\n          {displayLabel}\n        </summary>\n        <ul id={submenuId} role=\"menu\">\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction MenuTitle({ children, className = '', ...rest }: MenuTitleProps) {\n  const titleClasses = ['menu-title', className].filter(Boolean).join(' ')\n\n  return <li className={titleClasses} {...rest}>{children}</li>\n}\n\nfunction MenuDivider({ className = '', ...rest }: MenuDividerProps) {\n  const dividerClasses = ['border-t border-base-300 my-1', className].filter(Boolean).join(' ')\n\n  return <li className={dividerClasses} role=\"separator\" {...rest} />\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  SubMenu: MenuSubMenu,\n  Title: MenuTitle,\n  Divider: MenuDivider,\n})\n"],"names":["MenuContext","createContext","useMenuContext","context","useContext","renderMenuItem","item","onSelect","selectedKeys","openKeys","onToggleOpen","jsx","MenuDivider","MenuTitle","MenuSubMenu","child","MenuItem","MenuRoot","children","items","mode","size","controlledSelectedKeys","defaultSelectedKeys","controlledOpenKeys","defaultOpenKeys","onOpenChange","className","rest","internalSelectedKeys","setInternalSelectedKeys","useState","internalOpenKeys","setInternalOpenKeys","handleSelect","useCallback","key","handleToggleOpen","newOpenKeys","k","modeClasses","sizeClasses","menuClasses","contextValue","content","itemKey","icon","disabled","onClick","active","isSelected","handleClick","itemClasses","jsxs","label","title","isOpen","submenuId","useId","displayLabel","handleToggle","submenuClasses","e","titleClasses","dividerClasses","Menu"],"mappings":"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"}

package/dist/index8.js

@@ -1,14 +1,38 @@
-import { jsx as r } from "react/jsx-runtime";
-function c({ children: t, className: e = "", ...u }) {
-  return /* @__PURE__ */ r("div", { className: `breadcrumbs text-sm ${e}`, ...u, children: /* @__PURE__ */ r("ul", { children: t }) });
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
+import u from "react";
+function x({ children: c, items: r, separator: t, className: o = "", ...i }) {
+  const s = t !== void 0, a = typeof t == "string" ? "px-2" : "px-1", m = () => !r || r.length === 0 ? null : r.map((e, l) => {
+    const d = l === r.length - 1;
+    return /* @__PURE__ */ f(u.Fragment, { children: [
+      /* @__PURE__ */ n("li", { className: e.className, children: e.href || e.onClick ? /* @__PURE__ */ n("a", { href: e.href, onClick: e.onClick, children: e.title }) : e.title }),
+      s && !d && /* @__PURE__ */ n("li", { className: `flex items-center ${a} text-base-content/50`, children: t })
+    ] }, l);
+  }), b = () => {
+    if (r && r.length > 0)
+      return m();
+    if (s && c) {
+      const e = u.Children.toArray(c), l = [];
+      return e.forEach((d, h) => {
+        l.push(d), h < e.length - 1 && l.push(
+          /* @__PURE__ */ n("li", { className: `flex items-center ${a} text-base-content/50`, children: t }, `sep-${h}`)
+        );
+      }), l;
+    }
+    return c;
+  }, p = s ? `breadcrumbs text-sm [&_li::before]:!hidden ${o}` : `breadcrumbs text-sm ${o}`;
+  return /* @__PURE__ */ n("div", { className: p, ...i, children: /* @__PURE__ */ n("ul", { children: b() }) });
 }
-function i({ children: t, href: e, onClick: u, className: m = "", ...n }) {
-  return e || u ? /* @__PURE__ */ r("li", { className: m, ...n, children: /* @__PURE__ */ r("a", { href: e, onClick: u, children: t }) }) : /* @__PURE__ */ r("li", { className: m, ...n, children: t });
+function g({ children: c, href: r, onClick: t, icon: o, className: i = "", ...s }) {
+  const a = o ? /* @__PURE__ */ f("span", { className: "inline-flex items-center gap-2", children: [
+    o,
+    c
+  ] }) : c;
+  return r || t ? /* @__PURE__ */ n("li", { className: i, ...s, children: /* @__PURE__ */ n("a", { href: r, onClick: t, children: a }) }) : /* @__PURE__ */ n("li", { className: i, ...s, children: a });
 }
-const a = Object.assign(c, {
-  Item: i
+const N = Object.assign(x, {
+  Item: g
 });
 export {
-  a as Breadcrumb
+  N as Breadcrumb
 };
 //# sourceMappingURL=index8.js.map

package/dist/index8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index8.js","sources":["../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nexport interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {\n  children: React.ReactNode\n  href?: string\n  onClick?: () => void\n}\n\nfunction BreadcrumbRoot({ children, className = '', ...rest }: BreadcrumbProps) {\n  return (\n    <div className={`breadcrumbs text-sm ${className}`} {...rest}>\n      <ul>{children}</ul>\n    </div>\n  )\n}\n\nfunction BreadcrumbItem({ children, href, onClick, className = '', ...rest }: BreadcrumbItemProps) {\n  if (href || onClick) {\n    return (\n      <li className={className} {...rest}>\n        <a href={href} onClick={onClick}>\n          {children}\n        </a>\n      </li>\n    )\n  }\n\n  return <li className={className} {...rest}>{children}</li>\n}\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n})\n"],"names":["BreadcrumbRoot","children","className","rest","jsx","BreadcrumbItem","href","onClick","Breadcrumb"],"mappings":";AAYA,SAASA,EAAe,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAyB;AAC9E,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,uBAAuBF,CAAS,IAAK,GAAGC,GACtD,UAAA,gBAAAC,EAAC,MAAA,EAAI,UAAAH,EAAA,CAAS,GAChB;AAEJ;AAEA,SAASI,EAAe,EAAE,UAAAJ,GAAU,MAAAK,GAAM,SAAAC,GAAS,WAAAL,IAAY,IAAI,GAAGC,KAA6B;AACjG,SAAIG,KAAQC,IAER,gBAAAH,EAAC,MAAA,EAAG,WAAAF,GAAuB,GAAGC,GAC5B,4BAAC,KAAA,EAAE,MAAAG,GAAY,SAAAC,GACZ,UAAAN,EAAA,CACH,EAAA,CACF,IAIG,gBAAAG,EAAC,MAAA,EAAG,WAAAF,GAAuB,GAAGC,GAAO,UAAAF,GAAS;AACvD;AAEO,MAAMO,IAAa,OAAO,OAAOR,GAAgB;AAAA,EACtD,MAAMK;AACR,CAAC;"}
+{"version":3,"file":"index8.js","sources":["../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface BreadcrumbItemType {\n  /** Item title/label */\n  title: React.ReactNode\n  /** Link URL */\n  href?: string\n  /** Click handler */\n  onClick?: () => void\n  /** Custom class name */\n  className?: string\n}\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Breadcrumb.Item children (compound pattern) */\n  children?: React.ReactNode\n  /** Breadcrumb items data (data-driven pattern) */\n  items?: BreadcrumbItemType[]\n  /** Custom separator between items */\n  separator?: React.ReactNode\n}\n\nexport interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {\n  children: React.ReactNode\n  href?: string\n  onClick?: () => void\n  /** Icon to display before the label */\n  icon?: React.ReactNode\n}\n\nfunction BreadcrumbRoot({ children, items, separator, className = '', ...rest }: BreadcrumbProps) {\n  const hasCustomSeparator = separator !== undefined\n  // Text separators need more padding than icon separators\n  const separatorPadding = typeof separator === 'string' ? 'px-2' : 'px-1'\n\n  const renderFromItems = () => {\n    if (!items || items.length === 0) return null\n\n    return items.map((item, index) => {\n      const isLast = index === items.length - 1\n      return (\n        <React.Fragment key={index}>\n          <li className={item.className}>\n            {item.href || item.onClick ? (\n              <a href={item.href} onClick={item.onClick}>\n                {item.title}\n              </a>\n            ) : (\n              item.title\n            )}\n          </li>\n          {hasCustomSeparator && !isLast && (\n            <li className={`flex items-center ${separatorPadding} text-base-content/50`}>\n              {separator}\n            </li>\n          )}\n        </React.Fragment>\n      )\n    })\n  }\n\n  const renderChildren = () => {\n    if (items && items.length > 0) {\n      return renderFromItems()\n    }\n\n    if (hasCustomSeparator && children) {\n      // Insert custom separator nodes between children\n      const childArray = React.Children.toArray(children)\n      const result: React.ReactNode[] = []\n      childArray.forEach((child, index) => {\n        result.push(child)\n        if (index < childArray.length - 1) {\n          result.push(\n            <li key={`sep-${index}`} className={`flex items-center ${separatorPadding} text-base-content/50`}>\n              {separator}\n            </li>\n          )\n        }\n      })\n      return result\n    }\n\n    return children\n  }\n\n  // When custom separator is provided, hide default DaisyUI separator\n  const cssClass = hasCustomSeparator\n    ? `breadcrumbs text-sm [&_li::before]:!hidden ${className}`\n    : `breadcrumbs text-sm ${className}`\n\n  return (\n    <div className={cssClass} {...rest}>\n      <ul>{renderChildren()}</ul>\n    </div>\n  )\n}\n\nfunction BreadcrumbItem({ children, href, onClick, icon, className = '', ...rest }: BreadcrumbItemProps) {\n  const content = icon ? (\n    <span className=\"inline-flex items-center gap-2\">\n      {icon}\n      {children}\n    </span>\n  ) : children\n\n  if (href || onClick) {\n    return (\n      <li className={className} {...rest}>\n        <a href={href} onClick={onClick}>\n          {content}\n        </a>\n      </li>\n    )\n  }\n\n  return <li className={className} {...rest}>{content}</li>\n}\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n})\n"],"names":["BreadcrumbRoot","children","items","separator","className","rest","hasCustomSeparator","separatorPadding","renderFromItems","item","index","isLast","jsxs","React","jsx","renderChildren","childArray","result","child","cssClass","BreadcrumbItem","href","onClick","icon","content","Breadcrumb"],"mappings":";;AA8BA,SAASA,EAAe,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,WAAAC,IAAY,IAAI,GAAGC,KAAyB;AAChG,QAAMC,IAAqBH,MAAc,QAEnCI,IAAmB,OAAOJ,KAAc,WAAW,SAAS,QAE5DK,IAAkB,MAClB,CAACN,KAASA,EAAM,WAAW,IAAU,OAElCA,EAAM,IAAI,CAACO,GAAMC,MAAU;AAChC,UAAMC,IAASD,MAAUR,EAAM,SAAS;AACxC,WACE,gBAAAU,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAWL,EAAK,WACjB,YAAK,QAAQA,EAAK,UACjB,gBAAAK,EAAC,KAAA,EAAE,MAAML,EAAK,MAAM,SAASA,EAAK,SAC/B,YAAK,MAAA,CACR,IAEAA,EAAK,MAAA,CAET;AAAA,MACCH,KAAsB,CAACK,KACtB,gBAAAG,EAAC,QAAG,WAAW,qBAAqBP,CAAgB,yBACjD,UAAAJ,EAAA,CACH;AAAA,IAAA,EAAA,GAbiBO,CAerB;AAAA,EAEJ,CAAC,GAGGK,IAAiB,MAAM;AAC3B,QAAIb,KAASA,EAAM,SAAS;AAC1B,aAAOM,EAAA;AAGT,QAAIF,KAAsBL,GAAU;AAElC,YAAMe,IAAaH,EAAM,SAAS,QAAQZ,CAAQ,GAC5CgB,IAA4B,CAAA;AAClC,aAAAD,EAAW,QAAQ,CAACE,GAAOR,MAAU;AACnC,QAAAO,EAAO,KAAKC,CAAK,GACbR,IAAQM,EAAW,SAAS,KAC9BC,EAAO;AAAA,UACL,gBAAAH,EAAC,QAAwB,WAAW,qBAAqBP,CAAgB,yBACtE,UAAAJ,EAAA,GADM,OAAOO,CAAK,EAErB;AAAA,QAAA;AAAA,MAGN,CAAC,GACMO;AAAA,IACT;AAEA,WAAOhB;AAAA,EACT,GAGMkB,IAAWb,IACb,8CAA8CF,CAAS,KACvD,uBAAuBA,CAAS;AAEpC,SACE,gBAAAU,EAAC,OAAA,EAAI,WAAWK,GAAW,GAAGd,GAC5B,UAAA,gBAAAS,EAAC,MAAA,EAAI,UAAAC,EAAA,EAAe,CAAE,EAAA,CACxB;AAEJ;AAEA,SAASK,EAAe,EAAE,UAAAnB,GAAU,MAAAoB,GAAM,SAAAC,GAAS,MAAAC,GAAM,WAAAnB,IAAY,IAAI,GAAGC,KAA6B;AACvG,QAAMmB,IAAUD,IACd,gBAAAX,EAAC,QAAA,EAAK,WAAU,kCACb,UAAA;AAAA,IAAAW;AAAA,IACAtB;AAAA,EAAA,EAAA,CACH,IACEA;AAEJ,SAAIoB,KAAQC,IAER,gBAAAR,EAAC,MAAA,EAAG,WAAAV,GAAuB,GAAGC,GAC5B,4BAAC,KAAA,EAAE,MAAAgB,GAAY,SAAAC,GACZ,UAAAE,EAAA,CACH,EAAA,CACF,IAIG,gBAAAV,EAAC,MAAA,EAAG,WAAAV,GAAuB,GAAGC,GAAO,UAAAmB,GAAQ;AACtD;AAEO,MAAMC,IAAa,OAAO,OAAOzB,GAAgB;AAAA,EACtD,MAAMoB;AACR,CAAC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.11",
+  "version": "0.12.12",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {