asterui 0.12.14 → 0.12.16

package/dist/index39.js

@@ -1,401 +1,43 @@
-import { jsxs as B, Fragment as ie, jsx as i } from "react/jsx-runtime";
-import D, { useId as q, useState as j, useRef as N, useCallback as R, useEffect as L, createContext as ue, useContext as de } from "react";
-const _ = ue(void 0);
-function V() {
-  const l = de(_);
-  if (!l)
-    throw new Error("Dropdown compound components must be used within Dropdown");
-  return l;
-}
-function pe({
-  children: l,
-  items: d,
-  hover: b = !1,
-  trigger: h = ["click"],
-  position: s = "bottom",
-  align: u = "start",
-  open: n,
-  onOpenChange: r,
-  disabled: p = !1,
-  arrow: f = !1,
-  mouseEnterDelay: m = 0.15,
-  mouseLeaveDelay: c = 0.1,
-  getPopupContainer: y,
-  destroyOnHidden: o = !1,
-  className: k = "",
-  ...S
-}) {
-  const U = q(), v = q(), [e, I] = j(!1), [w, x] = j(-1), [T, P] = j(0), [Y, z] = j(!o), W = N(/* @__PURE__ */ new Map()), $ = N(null), C = N(null), M = b ? ["hover"] : h, F = n !== void 0, A = F ? n : e, g = R((t, E = "trigger") => {
-    p || (F || I(t), t && z(!0), r?.(t, { source: E }));
-  }, [p, F, r]), Z = R(() => {
-    g(!1, "menu"), x(-1), document.getElementById(v)?.focus();
-  }, [g, v]), H = R((t, E, a) => {
-    E ? W.current.set(t, { ref: E, disabled: a }) : W.current.delete(t);
-  }, []);
-  L(() => {
-    if (o && !A) {
-      const t = setTimeout(() => z(!1), 300);
-      return () => clearTimeout(t);
-    }
-  }, [A, o]), L(() => {
-    const t = (E) => {
-      $.current && !$.current.contains(E.target) && (g(!1, "trigger"), x(-1));
-    };
-    if (A)
-      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, [A, g]);
-  const ee = R(() => {
-    M.includes("hover") && (C.current && clearTimeout(C.current), C.current = setTimeout(() => {
-      g(!0, "trigger");
-    }, m * 1e3));
-  }, [M, m, g]), ne = R(() => {
-    M.includes("hover") && (C.current && clearTimeout(C.current), C.current = setTimeout(() => {
-      g(!1, "trigger"), x(-1);
-    }, c * 1e3));
-  }, [M, c, g]), te = R((t) => {
-    M.includes("contextMenu") && (t.preventDefault(), g(!0, "trigger"));
-  }, [M, g]);
-  L(() => () => {
-    C.current && clearTimeout(C.current);
-  }, []);
-  const re = {
-    top: "dropdown-top",
-    bottom: "dropdown-bottom",
-    left: "dropdown-left",
-    right: "dropdown-right"
-  }, oe = {
-    start: "",
-    center: "dropdown-center",
-    end: "dropdown-end"
-  }, se = typeof f == "boolean" ? f : !!f, ae = [
-    "dropdown",
-    re[s],
-    oe[u],
-    M.includes("hover") && "dropdown-hover",
-    A && "dropdown-open",
-    k
-  ].filter(Boolean).join(" "), le = () => d ? d.map((t, E) => {
-    if ("type" in t && t.type === "divider")
-      return /* @__PURE__ */ i(X, {}, t.key || `divider-${E}`);
-    const a = t;
-    return a.children && a.children.length > 0 ? /* @__PURE__ */ i(
-      Q,
-      {
-        itemKey: a.key,
-        title: a.label,
-        icon: a.icon,
-        disabled: a.disabled,
-        children: a.children.map((K) => /* @__PURE__ */ i(
-          O,
-          {
-            itemKey: K.key,
-            icon: K.icon,
-            disabled: K.disabled,
-            danger: K.danger,
-            onClick: K.onClick,
-            children: K.label
-          },
-          K.key
-        ))
-      },
-      a.key
-    ) : /* @__PURE__ */ i(
-      O,
-      {
-        itemKey: a.key,
-        icon: a.icon,
-        disabled: a.disabled,
-        danger: a.danger,
-        onClick: a.onClick,
-        children: a.label
-      },
-      a.key
-    );
-  }) : null, ce = d ? /* @__PURE__ */ B(ie, { children: [
-    D.Children.toArray(l).find(
-      (t) => D.isValidElement(t) && t.type === G
-    ),
-    (Y || !o) && /* @__PURE__ */ i(J, { children: le() })
-  ] }) : l;
-  return /* @__PURE__ */ i(
-    _.Provider,
-    {
-      value: {
-        position: s,
-        align: u,
-        menuId: U,
-        triggerId: v,
-        isOpen: A,
-        setIsOpen: g,
-        focusedIndex: w,
-        setFocusedIndex: x,
-        registerItem: H,
-        itemCount: T,
-        setItemCount: P,
-        disabled: p,
-        arrow: se,
-        closeDropdown: Z
-      },
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          ref: $,
-          className: ae,
-          "data-state": A ? "open" : "closed",
-          "aria-disabled": p || void 0,
-          onMouseEnter: ee,
-          onMouseLeave: ne,
-          onContextMenu: te,
-          ...S,
-          children: ce
-        }
-      )
-    }
-  );
-}
-function G({ children: l, className: d = "" }) {
-  const { menuId: b, triggerId: h, isOpen: s, setIsOpen: u, setFocusedIndex: n, itemCount: r, disabled: p } = V(), f = (o) => {
-    switch (o.key) {
-      case "Enter":
-      case " ":
-      case "ArrowDown":
-        o.preventDefault(), u(!0), n(0);
-        break;
-      case "ArrowUp":
-        o.preventDefault(), u(!0), n(r - 1);
-        break;
-      case "Escape":
-        o.preventDefault(), u(!1), n(-1);
-        break;
-    }
-  }, m = () => {
-    u(!s), s || n(0);
-  }, c = D.Children.only(l), y = c.props;
-  return D.cloneElement(c, {
-    id: h,
-    tabIndex: p ? -1 : 0,
-    "aria-haspopup": "menu",
-    "aria-expanded": s,
-    "aria-controls": b,
-    onClick: (o) => {
-      m(), y.onClick?.(o);
-    },
-    onKeyDown: (o) => {
-      f(o), y.onKeyDown?.(o);
-    },
-    className: `${y.className || ""} ${d}`.trim()
-  });
-}
-function J({ children: l, className: d = "" }) {
-  const { menuId: b, triggerId: h, isOpen: s, setIsOpen: u, focusedIndex: n, setFocusedIndex: r, setItemCount: p, arrow: f, position: m } = V(), c = N(null), y = D.Children.toArray(l).filter(
-    (e) => D.isValidElement(e) && e.type === O
-  );
-  L(() => {
-    p(y.length);
-  }, [y.length, p]), L(() => {
-    s && n >= 0 && c.current && c.current.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')[n]?.focus();
-  }, [s, n]);
-  const o = (e) => {
-    const w = y.filter(
-      (x) => D.isValidElement(x) && !x.props.disabled
-    ).length;
-    switch (e.key) {
-      case "ArrowDown":
-        e.preventDefault(), r((n + 1) % w);
-        break;
-      case "ArrowUp":
-        e.preventDefault(), r((n - 1 + w) % w);
-        break;
-      case "Home":
-        e.preventDefault(), r(0);
-        break;
-      case "End":
-        e.preventDefault(), r(w - 1);
-        break;
-      case "Escape":
-        e.preventDefault(), u(!1), r(-1), document.getElementById(h)?.focus();
-        break;
-      case "Tab":
-        u(!1), r(-1);
-        break;
-    }
-  }, k = [
-    "dropdown-content",
-    "menu",
-    "bg-base-100",
-    "rounded-box",
-    "z-50",
-    "shadow",
-    d
-  ].filter(Boolean).join(" "), S = D.Children.map(l, (e, I) => D.isValidElement(e) && e.type === O ? D.cloneElement(e, { _index: I }) : e), v = f ? /* @__PURE__ */ i(
-    "span",
-    {
-      className: `absolute w-0 h-0 border-8 border-solid ${{
-        top: "bottom-0 left-1/2 -translate-x-1/2 translate-y-full border-t-base-100 border-l-transparent border-r-transparent border-b-transparent",
-        bottom: "top-0 left-1/2 -translate-x-1/2 -translate-y-full border-b-base-100 border-l-transparent border-r-transparent border-t-transparent",
-        left: "right-0 top-1/2 -translate-y-1/2 translate-x-full border-l-base-100 border-t-transparent border-b-transparent border-r-transparent",
-        right: "left-0 top-1/2 -translate-y-1/2 -translate-x-full border-r-base-100 border-t-transparent border-b-transparent border-l-transparent"
-      }[m || "bottom"]}`,
-      "aria-hidden": "true"
-    }
-  ) : null;
-  return /* @__PURE__ */ B(
-    "ul",
-    {
-      ref: c,
-      id: b,
-      role: "menu",
-      "aria-labelledby": h,
-      tabIndex: -1,
-      className: `${k} ${f ? "relative" : ""}`,
-      onKeyDown: o,
-      children: [
-        v,
-        S
-      ]
-    }
-  );
-}
-function O({
-  children: l,
-  itemKey: d,
-  icon: b,
-  label: h,
-  onClick: s,
-  active: u = !1,
-  disabled: n = !1,
-  danger: r = !1,
-  className: p = ""
-}) {
-  const { closeDropdown: f } = V(), m = [u && "active", n && "disabled", p].filter(Boolean).join(" "), c = () => {
-    n || (s?.(), f());
-  };
-  return /* @__PURE__ */ i("li", { className: m, role: "none", "data-key": d, children: /* @__PURE__ */ B(
-    "a",
-    {
-      role: "menuitem",
-      tabIndex: n ? -1 : 0,
-      "aria-disabled": n || void 0,
-      className: r ? "text-error" : "",
-      onClick: c,
-      onKeyDown: (k) => {
-        (k.key === "Enter" || k.key === " ") && !n && (k.preventDefault(), c());
-      },
-      children: [
-        b && /* @__PURE__ */ i("span", { className: "mr-2 inline-flex items-center", children: b }),
-        h || l
-      ]
-    }
-  ) });
-}
-function Q({
-  children: l,
-  itemKey: d,
-  title: b,
-  icon: h,
-  disabled: s = !1,
-  className: u = ""
-}) {
-  const [n, r] = j(!1), p = N(null), f = N(null), m = N(null), c = q(), y = () => {
-    s || r(!0);
-  }, o = () => {
-    r(!1);
-  }, k = () => {
-    setTimeout(() => {
-      m.current?.querySelector('[role="menuitem"]:not([aria-disabled="true"])')?.focus();
-    }, 0);
-  }, S = (e) => {
-    if (!s)
-      switch (e.key) {
-        case "ArrowRight":
-        case "Enter":
-        case " ":
-          e.preventDefault(), e.stopPropagation(), r(!0), k();
-          break;
-        case "ArrowLeft":
-        case "Escape":
-          e.preventDefault(), e.stopPropagation(), r(!1);
-          break;
-      }
-  }, U = (e) => {
-    switch (e.key) {
-      case "ArrowLeft":
-      case "Escape":
-        e.preventDefault(), e.stopPropagation(), r(!1), f.current?.focus();
-        break;
-      case "ArrowDown":
-        e.preventDefault(), e.stopPropagation();
-        const I = m.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');
-        if (I) {
-          const T = (Array.from(I).findIndex((P) => P === document.activeElement) + 1) % I.length;
-          I[T]?.focus();
-        }
-        break;
-      case "ArrowUp":
-        e.preventDefault(), e.stopPropagation();
-        const w = m.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');
-        if (w) {
-          const T = (Array.from(w).findIndex((P) => P === document.activeElement) - 1 + w.length) % w.length;
-          w[T]?.focus();
-        }
-        break;
-    }
-  }, v = [s && "disabled", u].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i(
-    "li",
-    {
-      ref: p,
-      className: v,
-      role: "none",
-      "data-key": d,
-      onMouseEnter: y,
-      onMouseLeave: o,
-      children: /* @__PURE__ */ B("details", { open: n, children: [
-        /* @__PURE__ */ B(
-          "summary",
-          {
-            ref: f,
-            role: "menuitem",
-            tabIndex: s ? -1 : 0,
-            "aria-disabled": s || void 0,
-            "aria-haspopup": "menu",
-            "aria-expanded": n,
-            "aria-controls": c,
-            onKeyDown: S,
-            children: [
-              h && /* @__PURE__ */ i("span", { className: "mr-2 inline-flex items-center", children: h }),
-              b
-            ]
-          }
-        ),
-        /* @__PURE__ */ i(
-          "ul",
-          {
-            ref: m,
-            id: c,
-            className: "menu bg-base-100 rounded-box z-50 shadow",
-            role: "menu",
-            "aria-label": typeof b == "string" ? b : void 0,
-            onKeyDown: U,
-            children: l
-          }
-        )
-      ] })
-    }
-  );
-}
-function X({ className: l = "" }) {
-  const d = ["border-base-content/10", l].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i("li", { role: "separator", className: "my-1", children: /* @__PURE__ */ i("hr", { className: d }) });
-}
-const be = Object.assign(pe, {
-  Trigger: G,
-  Menu: J,
-  Item: O,
-  SubMenu: Q,
-  Divider: X
-});
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import b from "react";
+const j = ({
+  position: r = "top-end",
+  children: s,
+  className: c = "",
+  ...o
+}) => {
+  const n = (d) => {
+    const [l, h] = d.split("-"), t = [];
+    switch (l) {
+      case "top":
+        t.push("indicator-top");
+        break;
+      case "middle":
+        t.push("indicator-middle");
+        break;
+      case "bottom":
+        t.push("indicator-bottom");
+        break;
+    }
+    switch (h) {
+      case "start":
+        t.push("indicator-start");
+        break;
+      case "center":
+        t.push("indicator-center");
+        break;
+      case "end":
+        t.push("indicator-end");
+        break;
+    }
+    return t.join(" ");
+  }, e = b.Children.toArray(s), a = e[0], i = e[1];
+  return /* @__PURE__ */ p("div", { className: `indicator inline-block ${c}`, ...o, children: [
+    i && /* @__PURE__ */ m("div", { className: `indicator-item ${n(r)}`, children: i }),
+    a
+  ] });
+};
 export {
-  be as Dropdown
+  j as Indicator
 };
 //# sourceMappingURL=index39.js.map

package/dist/index39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index39.js","sources":["../src/components/Dropdown.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useRef, useState, useCallback, useEffect } from 'react'\n\n// Types for data-driven items prop\nexport type DropdownTriggerType = 'click' | 'hover' | 'contextMenu'\n\nexport interface DropdownMenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  danger?: boolean\n  onClick?: () => void\n  children?: DropdownMenuItem[] // For submenus\n}\n\nexport interface DropdownMenuDivider {\n  type: 'divider'\n  key?: string\n}\n\nexport type DropdownMenuItemType = DropdownMenuItem | DropdownMenuDivider\n\ninterface DropdownContextValue {\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  align?: 'start' | 'center' | 'end'\n  menuId: string\n  triggerId: string\n  isOpen: boolean\n  setIsOpen: (open: boolean) => void\n  focusedIndex: number\n  setFocusedIndex: (index: number) => void\n  registerItem: (index: number, ref: HTMLElement | null, disabled: boolean) => void\n  itemCount: number\n  setItemCount: (count: number) => void\n  disabled: boolean\n  arrow: boolean\n  closeDropdown: () => void\n}\n\nconst DropdownContext = createContext<DropdownContextValue | undefined>(undefined)\n\nfunction useDropdownContext() {\n  const context = useContext(DropdownContext)\n  if (!context) {\n    throw new Error('Dropdown compound components must be used within Dropdown')\n  }\n  return context\n}\n\nexport interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Trigger element and dropdown content (compound pattern) */\n  children?: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: DropdownMenuItemType[]\n  /** @deprecated Use trigger={['hover']} instead */\n  hover?: boolean\n  /** Trigger mode(s) for dropdown */\n  trigger?: DropdownTriggerType[]\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  align?: 'start' | 'center' | 'end'\n  /** Controlled open state */\n  open?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean, info?: { source: 'trigger' | 'menu' }) => void\n  /** Disable the dropdown */\n  disabled?: boolean\n  /** Show arrow pointing to trigger */\n  arrow?: boolean | { pointAtCenter?: boolean }\n  /** Delay before showing dropdown on hover (seconds) */\n  mouseEnterDelay?: number\n  /** Delay before hiding dropdown on mouse leave (seconds) */\n  mouseLeaveDelay?: number\n  /** Container for the dropdown menu */\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement\n  /** Destroy dropdown when hidden */\n  destroyOnHidden?: boolean\n}\n\nexport interface DropdownTriggerProps {\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface DropdownMenuProps {\n  children?: React.ReactNode\n  className?: string\n}\n\nexport interface DropdownItemProps {\n  children?: React.ReactNode\n  /** Unique key for the item */\n  itemKey?: string\n  /** Icon to display before label */\n  icon?: React.ReactNode\n  /** Item label (alternative to children) */\n  label?: React.ReactNode\n  onClick?: () => void\n  active?: boolean\n  disabled?: boolean\n  danger?: boolean\n  className?: string\n  _index?: number // Internal prop passed by DropdownMenu\n}\n\nexport interface DropdownSubMenuProps {\n  children: React.ReactNode\n  /** Unique key for the submenu */\n  itemKey?: string\n  /** Submenu title/label */\n  title: React.ReactNode\n  /** Icon to display before title */\n  icon?: React.ReactNode\n  disabled?: boolean\n  className?: string\n}\n\nexport interface DropdownDividerProps {\n  className?: string\n}\n\nfunction DropdownRoot({\n  children,\n  items,\n  hover = false,\n  trigger = ['click'],\n  position = 'bottom',\n  align = 'start',\n  open: controlledOpen,\n  onOpenChange,\n  disabled = false,\n  arrow = false,\n  mouseEnterDelay = 0.15,\n  mouseLeaveDelay = 0.1,\n  getPopupContainer,\n  destroyOnHidden = false,\n  className = '',\n  ...rest\n}: DropdownProps) {\n  const menuId = useId()\n  const triggerId = useId()\n  const [internalOpen, setInternalOpen] = useState(false)\n  const [focusedIndex, setFocusedIndex] = useState(-1)\n  const [itemCount, setItemCount] = useState(0)\n  const [shouldRender, setShouldRender] = useState(!destroyOnHidden)\n  const itemRefs = useRef<Map<number, { ref: HTMLElement | null; disabled: boolean }>>(new Map())\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  // Normalize trigger - support both hover boolean (deprecated) and trigger array\n  const triggers = hover ? ['hover'] : trigger\n\n  // Use controlled or uncontrolled open state\n  const isControlled = controlledOpen !== undefined\n  const isOpen = isControlled ? controlledOpen : internalOpen\n\n  const setIsOpen = useCallback((open: boolean, source: 'trigger' | 'menu' = 'trigger') => {\n    if (disabled) return\n    if (!isControlled) {\n      setInternalOpen(open)\n    }\n    if (open) {\n      setShouldRender(true)\n    }\n    onOpenChange?.(open, { source })\n  }, [disabled, isControlled, onOpenChange])\n\n  const closeDropdown = useCallback(() => {\n    setIsOpen(false, 'menu')\n    setFocusedIndex(-1)\n    document.getElementById(triggerId)?.focus()\n  }, [setIsOpen, triggerId])\n\n  const registerItem = useCallback((index: number, ref: HTMLElement | null, itemDisabled: boolean) => {\n    if (ref) {\n      itemRefs.current.set(index, { ref, disabled: itemDisabled })\n    } else {\n      itemRefs.current.delete(index)\n    }\n  }, [])\n\n  // Handle destroyOnHidden\n  useEffect(() => {\n    if (destroyOnHidden && !isOpen) {\n      const timeout = setTimeout(() => setShouldRender(false), 300)\n      return () => clearTimeout(timeout)\n    }\n  }, [isOpen, destroyOnHidden])\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsOpen(false, 'trigger')\n        setFocusedIndex(-1)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen, setIsOpen])\n\n  // Hover handlers with delay\n  const handleMouseEnter = useCallback(() => {\n    if (!triggers.includes('hover')) return\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current)\n    }\n    hoverTimeoutRef.current = setTimeout(() => {\n      setIsOpen(true, 'trigger')\n    }, mouseEnterDelay * 1000)\n  }, [triggers, mouseEnterDelay, setIsOpen])\n\n  const handleMouseLeave = useCallback(() => {\n    if (!triggers.includes('hover')) return\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current)\n    }\n    hoverTimeoutRef.current = setTimeout(() => {\n      setIsOpen(false, 'trigger')\n      setFocusedIndex(-1)\n    }, mouseLeaveDelay * 1000)\n  }, [triggers, mouseLeaveDelay, setIsOpen])\n\n  // Context menu handler\n  const handleContextMenu = useCallback((event: React.MouseEvent) => {\n    if (!triggers.includes('contextMenu')) return\n    event.preventDefault()\n    setIsOpen(true, 'trigger')\n  }, [triggers, setIsOpen])\n\n  // Cleanup timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (hoverTimeoutRef.current) {\n        clearTimeout(hoverTimeoutRef.current)\n      }\n    }\n  }, [])\n\n  const positionClasses: Record<string, string> = {\n    top: 'dropdown-top',\n    bottom: 'dropdown-bottom',\n    left: 'dropdown-left',\n    right: 'dropdown-right',\n  }\n\n  const alignClasses: Record<string, string> = {\n    start: '',\n    center: 'dropdown-center',\n    end: 'dropdown-end',\n  }\n\n  const showArrow = typeof arrow === 'boolean' ? arrow : !!arrow\n\n  const dropdownClasses = [\n    'dropdown',\n    positionClasses[position],\n    alignClasses[align],\n    triggers.includes('hover') && 'dropdown-hover',\n    isOpen && 'dropdown-open',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Render items from data-driven prop\n  const renderItems = () => {\n    if (!items) return null\n    return items.map((item, index) => {\n      if ('type' in item && item.type === 'divider') {\n        return <DropdownDivider key={item.key || `divider-${index}`} />\n      }\n      const menuItem = item as DropdownMenuItem\n      if (menuItem.children && menuItem.children.length > 0) {\n        return (\n          <DropdownSubMenu\n            key={menuItem.key}\n            itemKey={menuItem.key}\n            title={menuItem.label}\n            icon={menuItem.icon}\n            disabled={menuItem.disabled}\n          >\n            {menuItem.children.map((child) => (\n              <DropdownItem\n                key={child.key}\n                itemKey={child.key}\n                icon={child.icon}\n                disabled={child.disabled}\n                danger={child.danger}\n                onClick={child.onClick}\n              >\n                {child.label}\n              </DropdownItem>\n            ))}\n          </DropdownSubMenu>\n        )\n      }\n      return (\n        <DropdownItem\n          key={menuItem.key}\n          itemKey={menuItem.key}\n          icon={menuItem.icon}\n          disabled={menuItem.disabled}\n          danger={menuItem.danger}\n          onClick={menuItem.onClick}\n        >\n          {menuItem.label}\n        </DropdownItem>\n      )\n    })\n  }\n\n  // Determine content - either compound children or items-generated menu\n  const content = items ? (\n    <>\n      {React.Children.toArray(children).find(\n        (child) => React.isValidElement(child) && child.type === DropdownTrigger\n      )}\n      {(shouldRender || !destroyOnHidden) && (\n        <DropdownMenu>{renderItems()}</DropdownMenu>\n      )}\n    </>\n  ) : (\n    children\n  )\n\n  return (\n    <DropdownContext.Provider\n      value={{\n        position,\n        align,\n        menuId,\n        triggerId,\n        isOpen,\n        setIsOpen,\n        focusedIndex,\n        setFocusedIndex,\n        registerItem,\n        itemCount,\n        setItemCount,\n        disabled,\n        arrow: showArrow,\n        closeDropdown,\n      }}\n    >\n      <div\n        ref={dropdownRef}\n        className={dropdownClasses}\n        data-state={isOpen ? 'open' : 'closed'}\n        aria-disabled={disabled || undefined}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        onContextMenu={handleContextMenu}\n        {...rest}\n      >\n        {content}\n      </div>\n    </DropdownContext.Provider>\n  )\n}\n\nfunction DropdownTrigger({ children, className = '' }: DropdownTriggerProps) {\n  const { menuId, triggerId, isOpen, setIsOpen, setFocusedIndex, itemCount, disabled } = useDropdownContext()\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n      case 'ArrowDown':\n        event.preventDefault()\n        setIsOpen(true)\n        setFocusedIndex(0)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        setIsOpen(true)\n        setFocusedIndex(itemCount - 1)\n        break\n      case 'Escape':\n        event.preventDefault()\n        setIsOpen(false)\n        setFocusedIndex(-1)\n        break\n    }\n  }\n\n  const handleClick = () => {\n    setIsOpen(!isOpen)\n    if (!isOpen) {\n      setFocusedIndex(0)\n    }\n  }\n\n  // Clone the child element to add event handlers and ARIA attributes\n  const child = React.Children.only(children) as React.ReactElement<\n    React.HTMLAttributes<HTMLElement> & {\n      onClick?: (e: React.MouseEvent) => void\n      onKeyDown?: (e: React.KeyboardEvent) => void\n      className?: string\n    }\n  >\n\n  const childProps = child.props\n\n  return React.cloneElement(child, {\n    id: triggerId,\n    tabIndex: disabled ? -1 : 0,\n    'aria-haspopup': 'menu' as const,\n    'aria-expanded': isOpen,\n    'aria-controls': menuId,\n    onClick: (e: React.MouseEvent) => {\n      handleClick()\n      childProps.onClick?.(e)\n    },\n    onKeyDown: (e: React.KeyboardEvent) => {\n      handleKeyDown(e)\n      childProps.onKeyDown?.(e)\n    },\n    className: `${childProps.className || ''} ${className}`.trim(),\n  })\n}\n\nfunction DropdownMenu({ children, className = '' }: DropdownMenuProps) {\n  const { menuId, triggerId, isOpen, setIsOpen, focusedIndex, setFocusedIndex, setItemCount, arrow, position } = useDropdownContext()\n  const menuRef = useRef<HTMLUListElement>(null)\n\n  // Count children and set item count\n  const childArray = React.Children.toArray(children).filter(\n    (child) => React.isValidElement(child) && (child.type === DropdownItem)\n  )\n\n  useEffect(() => {\n    setItemCount(childArray.length)\n  }, [childArray.length, setItemCount])\n\n  // Focus management\n  useEffect(() => {\n    if (isOpen && focusedIndex >= 0 && menuRef.current) {\n      const items = menuRef.current.querySelectorAll('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\n      const item = items[focusedIndex] as HTMLElement\n      item?.focus()\n    }\n  }, [isOpen, focusedIndex])\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    const enabledItems = childArray.filter(\n      (child) => React.isValidElement(child) && !(child.props as DropdownItemProps).disabled\n    )\n    const enabledCount = enabledItems.length\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        setFocusedIndex((focusedIndex + 1) % enabledCount)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        setFocusedIndex((focusedIndex - 1 + enabledCount) % enabledCount)\n        break\n      case 'Home':\n        event.preventDefault()\n        setFocusedIndex(0)\n        break\n      case 'End':\n        event.preventDefault()\n        setFocusedIndex(enabledCount - 1)\n        break\n      case 'Escape':\n        event.preventDefault()\n        setIsOpen(false)\n        setFocusedIndex(-1)\n        // Return focus to trigger\n        document.getElementById(triggerId)?.focus()\n        break\n      case 'Tab':\n        setIsOpen(false)\n        setFocusedIndex(-1)\n        break\n    }\n  }\n\n  const menuClasses = [\n    'dropdown-content',\n    'menu',\n    'bg-base-100',\n    'rounded-box',\n    'z-50',\n    'shadow',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Clone children to pass index\n  const childrenWithIndex = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child) && child.type === DropdownItem) {\n      return React.cloneElement(child as React.ReactElement<any>, { _index: index })\n    }\n    return child\n  })\n\n  // Arrow position classes based on menu position\n  const arrowPositionClasses: Record<string, string> = {\n    top: 'bottom-0 left-1/2 -translate-x-1/2 translate-y-full border-t-base-100 border-l-transparent border-r-transparent border-b-transparent',\n    bottom: 'top-0 left-1/2 -translate-x-1/2 -translate-y-full border-b-base-100 border-l-transparent border-r-transparent border-t-transparent',\n    left: 'right-0 top-1/2 -translate-y-1/2 translate-x-full border-l-base-100 border-t-transparent border-b-transparent border-r-transparent',\n    right: 'left-0 top-1/2 -translate-y-1/2 -translate-x-full border-r-base-100 border-t-transparent border-b-transparent border-l-transparent',\n  }\n\n  const arrowElement = arrow ? (\n    <span\n      className={`absolute w-0 h-0 border-8 border-solid ${arrowPositionClasses[position || 'bottom']}`}\n      aria-hidden=\"true\"\n    />\n  ) : null\n\n  return (\n    <ul\n      ref={menuRef}\n      id={menuId}\n      role=\"menu\"\n      aria-labelledby={triggerId}\n      tabIndex={-1}\n      className={`${menuClasses} ${arrow ? 'relative' : ''}`}\n      onKeyDown={handleKeyDown}\n    >\n      {arrowElement}\n      {childrenWithIndex}\n    </ul>\n  )\n}\n\nfunction DropdownItem({\n  children,\n  itemKey,\n  icon,\n  label,\n  onClick,\n  active = false,\n  disabled = false,\n  danger = false,\n  className = '',\n}: DropdownItemProps) {\n  const { closeDropdown } = useDropdownContext()\n  const itemClasses = [active && 'active', disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  const handleClick = () => {\n    if (!disabled) {\n      onClick?.()\n      closeDropdown()\n    }\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.key === 'Enter' || event.key === ' ') && !disabled) {\n      event.preventDefault()\n      handleClick()\n    }\n  }\n\n  const content = label || children\n\n  return (\n    <li className={itemClasses} role=\"none\" data-key={itemKey}>\n      <a\n        role=\"menuitem\"\n        tabIndex={disabled ? -1 : 0}\n        aria-disabled={disabled || undefined}\n        className={danger ? 'text-error' : ''}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        {icon && <span className=\"mr-2 inline-flex items-center\">{icon}</span>}\n        {content}\n      </a>\n    </li>\n  )\n}\n\nfunction DropdownSubMenu({\n  children,\n  itemKey,\n  title,\n  icon,\n  disabled = false,\n  className = '',\n}: DropdownSubMenuProps) {\n  const [isSubOpen, setIsSubOpen] = useState(false)\n  const subMenuRef = useRef<HTMLLIElement>(null)\n  const summaryRef = useRef<HTMLElement>(null)\n  const subMenuListRef = useRef<HTMLUListElement>(null)\n  const subMenuId = useId()\n\n  const handleMouseEnter = () => {\n    if (!disabled) setIsSubOpen(true)\n  }\n\n  const handleMouseLeave = () => {\n    setIsSubOpen(false)\n  }\n\n  // Focus first item in submenu\n  const focusFirstItem = () => {\n    setTimeout(() => {\n      const firstItem = subMenuListRef.current?.querySelector('[role=\"menuitem\"]:not([aria-disabled=\"true\"])') as HTMLElement\n      firstItem?.focus()\n    }, 0)\n  }\n\n  // Keyboard handler for summary (submenu trigger)\n  const handleSummaryKeyDown = (event: React.KeyboardEvent) => {\n    if (disabled) return\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        event.stopPropagation()\n        setIsSubOpen(true)\n        focusFirstItem()\n        break\n      case 'ArrowLeft':\n      case 'Escape':\n        event.preventDefault()\n        event.stopPropagation()\n        setIsSubOpen(false)\n        break\n    }\n  }\n\n  // Keyboard handler for submenu items\n  const handleSubMenuKeyDown = (event: React.KeyboardEvent) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n      case 'Escape':\n        event.preventDefault()\n        event.stopPropagation()\n        setIsSubOpen(false)\n        summaryRef.current?.focus()\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        event.stopPropagation()\n        const items = subMenuListRef.current?.querySelectorAll('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\n        if (items) {\n          const currentIndex = Array.from(items).findIndex(item => item === document.activeElement)\n          const nextIndex = (currentIndex + 1) % items.length\n          ;(items[nextIndex] as HTMLElement)?.focus()\n        }\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        event.stopPropagation()\n        const itemsUp = subMenuListRef.current?.querySelectorAll('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\n        if (itemsUp) {\n          const currentIndexUp = Array.from(itemsUp).findIndex(item => item === document.activeElement)\n          const prevIndex = (currentIndexUp - 1 + itemsUp.length) % itemsUp.length\n          ;(itemsUp[prevIndex] as HTMLElement)?.focus()\n        }\n        break\n    }\n  }\n\n  const itemClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  return (\n    <li\n      ref={subMenuRef}\n      className={itemClasses}\n      role=\"none\"\n      data-key={itemKey}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <details open={isSubOpen}>\n        <summary\n          ref={summaryRef}\n          role=\"menuitem\"\n          tabIndex={disabled ? -1 : 0}\n          aria-disabled={disabled || undefined}\n          aria-haspopup=\"menu\"\n          aria-expanded={isSubOpen}\n          aria-controls={subMenuId}\n          onKeyDown={handleSummaryKeyDown}\n        >\n          {icon && <span className=\"mr-2 inline-flex items-center\">{icon}</span>}\n          {title}\n        </summary>\n        <ul\n          ref={subMenuListRef}\n          id={subMenuId}\n          className=\"menu bg-base-100 rounded-box z-50 shadow\"\n          role=\"menu\"\n          aria-label={typeof title === 'string' ? title : undefined}\n          onKeyDown={handleSubMenuKeyDown}\n        >\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction DropdownDivider({ className = '' }: DropdownDividerProps) {\n  const classes = ['border-base-content/10', className].filter(Boolean).join(' ')\n  return (\n    <li role=\"separator\" className=\"my-1\">\n      <hr className={classes} />\n    </li>\n  )\n}\n\nexport const Dropdown = Object.assign(DropdownRoot, {\n  Trigger: DropdownTrigger,\n  Menu: DropdownMenu,\n  Item: DropdownItem,\n  SubMenu: DropdownSubMenu,\n  Divider: DropdownDivider,\n})\n"],"names":["DropdownContext","createContext","useDropdownContext","context","useContext","DropdownRoot","children","items","hover","trigger","position","align","controlledOpen","onOpenChange","disabled","arrow","mouseEnterDelay","mouseLeaveDelay","getPopupContainer","destroyOnHidden","className","rest","menuId","useId","triggerId","internalOpen","setInternalOpen","useState","focusedIndex","setFocusedIndex","itemCount","setItemCount","shouldRender","setShouldRender","itemRefs","useRef","dropdownRef","hoverTimeoutRef","triggers","isControlled","isOpen","setIsOpen","useCallback","open","source","closeDropdown","registerItem","index","ref","itemDisabled","useEffect","timeout","handleClickOutside","event","handleMouseEnter","handleMouseLeave","handleContextMenu","positionClasses","alignClasses","showArrow","dropdownClasses","renderItems","item","DropdownDivider","menuItem","jsx","DropdownSubMenu","child","DropdownItem","content","jsxs","Fragment","React","DropdownTrigger","DropdownMenu","handleKeyDown","handleClick","childProps","e","menuRef","childArray","enabledCount","menuClasses","childrenWithIndex","arrowElement","itemKey","icon","label","onClick","active","danger","itemClasses","title","isSubOpen","setIsSubOpen","subMenuRef","summaryRef","subMenuListRef","subMenuId","focusFirstItem","handleSummaryKeyDown","handleSubMenuKeyDown","nextIndex","itemsUp","prevIndex","classes","Dropdown"],"mappings":"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"}
+{"version":3,"file":"index39.js","sources":["../src/components/Indicator.tsx"],"sourcesContent":["import React from 'react'\n\nexport type IndicatorPosition =\n  | 'top-start'\n  | 'top-center'\n  | 'top-end'\n  | 'middle-start'\n  | 'middle-center'\n  | 'middle-end'\n  | 'bottom-start'\n  | 'bottom-center'\n  | 'bottom-end'\n\nexport interface IndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  position?: IndicatorPosition\n  children: React.ReactNode\n}\n\nexport const Indicator: React.FC<IndicatorProps> = ({\n  position = 'top-end',\n  children,\n  className = '',\n  ...rest\n}) => {\n  // Get position classes for indicator\n  const getPositionClasses = (pos: IndicatorPosition) => {\n    const [vertical, horizontal] = pos.split('-')\n    const classes: string[] = []\n\n    switch (vertical) {\n      case 'top':\n        classes.push('indicator-top')\n        break\n      case 'middle':\n        classes.push('indicator-middle')\n        break\n      case 'bottom':\n        classes.push('indicator-bottom')\n        break\n    }\n\n    switch (horizontal) {\n      case 'start':\n        classes.push('indicator-start')\n        break\n      case 'center':\n        classes.push('indicator-center')\n        break\n      case 'end':\n        classes.push('indicator-end')\n        break\n    }\n\n    return classes.join(' ')\n  }\n\n  const childrenArray = React.Children.toArray(children)\n  const content = childrenArray[0]\n  const indicatorElement = childrenArray[1]\n\n  return (\n    <div className={`indicator inline-block ${className}`} {...rest}>\n      {indicatorElement && (\n        <div className={`indicator-item ${getPositionClasses(position)}`}>\n          {indicatorElement}\n        </div>\n      )}\n      {content}\n    </div>\n  )\n}\n"],"names":["Indicator","position","children","className","rest","getPositionClasses","pos","vertical","horizontal","classes","childrenArray","React","content","indicatorElement","jsx"],"mappings":";;AAkBO,MAAMA,IAAsC,CAAC;AAAA,EAClD,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AAEJ,QAAMC,IAAqB,CAACC,MAA2B;AACrD,UAAM,CAACC,GAAUC,CAAU,IAAIF,EAAI,MAAM,GAAG,GACtCG,IAAoB,CAAA;AAE1B,YAAQF,GAAA;AAAA,MACN,KAAK;AACH,QAAAE,EAAQ,KAAK,eAAe;AAC5B;AAAA,MACF,KAAK;AACH,QAAAA,EAAQ,KAAK,kBAAkB;AAC/B;AAAA,MACF,KAAK;AACH,QAAAA,EAAQ,KAAK,kBAAkB;AAC/B;AAAA,IAAA;AAGJ,YAAQD,GAAA;AAAA,MACN,KAAK;AACH,QAAAC,EAAQ,KAAK,iBAAiB;AAC9B;AAAA,MACF,KAAK;AACH,QAAAA,EAAQ,KAAK,kBAAkB;AAC/B;AAAA,MACF,KAAK;AACH,QAAAA,EAAQ,KAAK,eAAe;AAC5B;AAAA,IAAA;AAGJ,WAAOA,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAgBC,EAAM,SAAS,QAAQT,CAAQ,GAC/CU,IAAUF,EAAc,CAAC,GACzBG,IAAmBH,EAAc,CAAC;AAExC,2BACG,OAAA,EAAI,WAAW,0BAA0BP,CAAS,IAAK,GAAGC,GACxD,UAAA;AAAA,IAAAS,KACC,gBAAAC,EAAC,SAAI,WAAW,kBAAkBT,EAAmBJ,CAAQ,CAAC,IAC3D,UAAAY,EAAA,CACH;AAAA,IAEDD;AAAA,EAAA,GACH;AAEJ;"}