asterui 0.12.1 → 0.12.3

package/dist/index36.js

@@ -1,194 +1,43 @@
-import { jsx as p } from "react/jsx-runtime";
-import b, { useId as O, useState as y, useRef as x, useCallback as B, useEffect as k, createContext as R, useContext as F } from "react";
-const A = R(void 0);
-function v() {
-  const t = F(A);
-  if (!t)
-    throw new Error("Dropdown compound components must be used within Dropdown");
-  return t;
-}
-function M({
-  children: t,
-  hover: i = !1,
-  position: u = "bottom",
-  align: o = "start",
+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 = "",
-  ...d
-}) {
-  const n = O(), s = O(), [a, l] = y(!1), [r, I] = y(-1), [m, C] = y(0), e = x(/* @__PURE__ */ new Map()), f = x(null), w = B((D, h, j) => {
-    h ? e.current.set(D, { ref: h, disabled: j }) : e.current.delete(D);
-  }, []);
-  k(() => {
-    const D = (h) => {
-      f.current && !f.current.contains(h.target) && (l(!1), I(-1));
-    };
-    if (a)
-      return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
-  }, [a]);
-  const g = {
-    top: "dropdown-top",
-    bottom: "dropdown-bottom",
-    left: "dropdown-left",
-    right: "dropdown-right"
-  }, K = {
-    start: "",
-    center: "dropdown-center",
-    end: "dropdown-end"
-  }, N = [
-    "dropdown",
-    g[u],
-    K[o],
-    i && "dropdown-hover",
-    a && "dropdown-open",
-    c
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p(
-    A.Provider,
-    {
-      value: {
-        position: u,
-        align: o,
-        menuId: n,
-        triggerId: s,
-        isOpen: a,
-        setIsOpen: l,
-        focusedIndex: r,
-        setFocusedIndex: I,
-        registerItem: w,
-        itemCount: m,
-        setItemCount: C
-      },
-      children: /* @__PURE__ */ p("div", { ref: f, className: N, "data-state": a ? "open" : "closed", ...d, children: t })
-    }
-  );
-}
-function T({ children: t, className: i = "" }) {
-  const { menuId: u, triggerId: o, isOpen: c, setIsOpen: d, setFocusedIndex: n, itemCount: s } = v(), a = (r) => {
-    switch (r.key) {
-      case "Enter":
-      case " ":
-      case "ArrowDown":
-        r.preventDefault(), d(!0), n(0);
+  ...o
+}) => {
+  const n = (d) => {
+    const [l, h] = d.split("-"), t = [];
+    switch (l) {
+      case "top":
+        t.push("indicator-top");
         break;
-      case "ArrowUp":
-        r.preventDefault(), d(!0), n(s - 1);
+      case "middle":
+        t.push("indicator-middle");
         break;
-      case "Escape":
-        r.preventDefault(), d(!1), n(-1);
+      case "bottom":
+        t.push("indicator-bottom");
         break;
     }
-  }, l = () => {
-    d(!c), c || n(0);
-  };
-  return /* @__PURE__ */ p(
-    "button",
-    {
-      id: o,
-      type: "button",
-      tabIndex: 0,
-      className: `btn ${i}`,
-      "aria-haspopup": "menu",
-      "aria-expanded": c,
-      "aria-controls": u,
-      onClick: l,
-      onKeyDown: a,
-      children: t
-    }
-  );
-}
-function V({ children: t, className: i = "" }) {
-  const { menuId: u, triggerId: o, isOpen: c, setIsOpen: d, focusedIndex: n, setFocusedIndex: s, setItemCount: a } = v(), l = x(null), r = b.Children.toArray(t).filter(
-    (e) => b.isValidElement(e) && e.type === E
-  );
-  k(() => {
-    a(r.length);
-  }, [r.length, a]), k(() => {
-    c && n >= 0 && l.current && l.current.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')[n]?.focus();
-  }, [c, n]);
-  const I = (e) => {
-    const w = r.filter(
-      (g) => b.isValidElement(g) && !g.props.disabled
-    ).length;
-    switch (e.key) {
-      case "ArrowDown":
-        e.preventDefault(), s((n + 1) % w);
-        break;
-      case "ArrowUp":
-        e.preventDefault(), s((n - 1 + w) % w);
-        break;
-      case "Home":
-        e.preventDefault(), s(0);
+    switch (h) {
+      case "start":
+        t.push("indicator-start");
         break;
-      case "End":
-        e.preventDefault(), s(w - 1);
+      case "center":
+        t.push("indicator-center");
         break;
-      case "Escape":
-        e.preventDefault(), d(!1), s(-1), document.getElementById(o)?.focus();
+      case "end":
+        t.push("indicator-end");
         break;
-      case "Tab":
-        d(!1), s(-1);
-        break;
-    }
-  }, m = [
-    "dropdown-content",
-    "menu",
-    "bg-base-100",
-    "rounded-box",
-    "z-[1]",
-    "shadow",
-    i
-  ].filter(Boolean).join(" "), C = b.Children.map(t, (e, f) => b.isValidElement(e) && e.type === E ? b.cloneElement(e, { _index: f }) : e);
-  return /* @__PURE__ */ p(
-    "ul",
-    {
-      ref: l,
-      id: u,
-      role: "menu",
-      "aria-labelledby": o,
-      tabIndex: -1,
-      className: m,
-      onKeyDown: I,
-      children: C
     }
-  );
-}
-function E({
-  children: t,
-  onClick: i,
-  active: u = !1,
-  disabled: o = !1,
-  danger: c = !1,
-  className: d = ""
-}) {
-  const { setIsOpen: n, setFocusedIndex: s, triggerId: a } = v(), l = [u && "active", o && "disabled", d].filter(Boolean).join(" "), r = () => {
-    o || (i?.(), n(!1), s(-1), document.getElementById(a)?.focus());
-  };
-  return /* @__PURE__ */ p("li", { className: l, role: "none", children: /* @__PURE__ */ p(
-    "a",
-    {
-      role: "menuitem",
-      tabIndex: o ? -1 : 0,
-      "aria-disabled": o || void 0,
-      className: c ? "text-error" : "",
-      onClick: r,
-      onKeyDown: (m) => {
-        (m.key === "Enter" || m.key === " ") && !o && (m.preventDefault(), r());
-      },
-      children: t
-    }
-  ) });
-}
-function L({ className: t = "" }) {
-  const i = ["border-base-content/10", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p("li", { role: "separator", className: "my-1", children: /* @__PURE__ */ p("hr", { className: i }) });
-}
-const q = Object.assign(M, {
-  Trigger: T,
-  Menu: V,
-  Item: E,
-  Divider: L
-});
+    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 {
-  q as Dropdown
+  j as Indicator
 };
 //# sourceMappingURL=index36.js.map

package/dist/index36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index36.js","sources":["../src/components/Dropdown.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useRef, useState, useCallback, useEffect } from 'react'\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}\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 React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  hover?: boolean\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  align?: 'start' | 'center' | 'end'\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  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 DropdownDividerProps {\n  className?: string\n}\n\nfunction DropdownRoot({\n  children,\n  hover = false,\n  position = 'bottom',\n  align = 'start',\n  className = '',\n  ...rest\n}: DropdownProps) {\n  const menuId = useId()\n  const triggerId = useId()\n  const [isOpen, setIsOpen] = useState(false)\n  const [focusedIndex, setFocusedIndex] = useState(-1)\n  const [itemCount, setItemCount] = useState(0)\n  const itemRefs = useRef<Map<number, { ref: HTMLElement | null; disabled: boolean }>>(new Map())\n  const dropdownRef = useRef<HTMLDivElement>(null)\n\n  const registerItem = useCallback((index: number, ref: HTMLElement | null, disabled: boolean) => {\n    if (ref) {\n      itemRefs.current.set(index, { ref, disabled })\n    } else {\n      itemRefs.current.delete(index)\n    }\n  }, [])\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)\n        setFocusedIndex(-1)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\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 dropdownClasses = [\n    'dropdown',\n    positionClasses[position],\n    alignClasses[align],\n    hover && 'dropdown-hover',\n    isOpen && 'dropdown-open',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\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      }}\n    >\n      <div ref={dropdownRef} className={dropdownClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>{children}</div>\n    </DropdownContext.Provider>\n  )\n}\n\nfunction DropdownTrigger({ children, className = '' }: DropdownTriggerProps) {\n  const { menuId, triggerId, isOpen, setIsOpen, setFocusedIndex, itemCount } = 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  return (\n    <button\n      id={triggerId}\n      type=\"button\"\n      tabIndex={0}\n      className={`btn ${className}`}\n      aria-haspopup=\"menu\"\n      aria-expanded={isOpen}\n      aria-controls={menuId}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </button>\n  )\n}\n\nfunction DropdownMenu({ children, className = '' }: DropdownMenuProps) {\n  const { menuId, triggerId, isOpen, setIsOpen, focusedIndex, setFocusedIndex, setItemCount } = 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-[1]',\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  return (\n    <ul\n      ref={menuRef}\n      id={menuId}\n      role=\"menu\"\n      aria-labelledby={triggerId}\n      tabIndex={-1}\n      className={menuClasses}\n      onKeyDown={handleKeyDown}\n    >\n      {childrenWithIndex}\n    </ul>\n  )\n}\n\nfunction DropdownItem({\n  children,\n  onClick,\n  active = false,\n  disabled = false,\n  danger = false,\n  className = '',\n}: DropdownItemProps) {\n  const { setIsOpen, setFocusedIndex, triggerId } = useDropdownContext()\n  const itemClasses = [active && 'active', disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  const handleClick = () => {\n    if (!disabled) {\n      onClick?.()\n      setIsOpen(false)\n      setFocusedIndex(-1)\n      document.getElementById(triggerId)?.focus()\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  return (\n    <li className={itemClasses} role=\"none\">\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        {children}\n      </a>\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  Divider: DropdownDivider,\n})\n"],"names":["DropdownContext","createContext","useDropdownContext","context","useContext","DropdownRoot","children","hover","position","align","className","rest","menuId","useId","triggerId","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","itemCount","setItemCount","itemRefs","useRef","dropdownRef","registerItem","useCallback","index","ref","disabled","useEffect","handleClickOutside","event","positionClasses","alignClasses","dropdownClasses","jsx","DropdownTrigger","handleKeyDown","handleClick","DropdownMenu","menuRef","childArray","React","child","DropdownItem","enabledCount","menuClasses","childrenWithIndex","onClick","active","danger","itemClasses","DropdownDivider","classes","Dropdown"],"mappings":"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"}
+{"version":3,"file":"index36.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;"}

package/dist/index37.js

@@ -1,100 +1,194 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-const r = () => /* @__PURE__ */ a(
-  "svg",
-  {
-    width: "184",
-    height: "152",
-    viewBox: "0 0 184 152",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "mx-auto",
-    children: /* @__PURE__ */ e("g", { fill: "none", fillRule: "evenodd", children: [
-      /* @__PURE__ */ e("g", { transform: "translate(24 31.67)", children: [
-        /* @__PURE__ */ a(
-          "ellipse",
-          {
-            className: "fill-base-300",
-            cx: "67.797",
-            cy: "106.89",
-            rx: "67.797",
-            ry: "12.668"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "path",
-          {
-            className: "fill-base-200",
-            d: "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "path",
-          {
-            className: "fill-base-100",
-            d: "M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z",
-            transform: "translate(13.56)"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "ellipse",
-          {
-            className: "fill-base-300",
-            cx: "67.797",
-            cy: "106.89",
-            rx: "67.797",
-            ry: "12.668"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "path",
-          {
-            className: "fill-base-200",
-            d: "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "path",
-          {
-            className: "fill-base-content opacity-10",
-            d: "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "path",
-          {
-            className: "fill-base-100",
-            d: "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(
-        "path",
-        {
-          className: "fill-base-content opacity-10",
-          d: "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
-        }
-      ),
-      /* @__PURE__ */ e("g", { className: "fill-base-100", transform: "translate(149.65 15.383)", children: [
-        /* @__PURE__ */ a("ellipse", { cx: "20.654", cy: "3.167", rx: "2.849", ry: "2.815" }),
-        /* @__PURE__ */ a("path", { d: "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z" })
-      ] })
-    ] })
-  }
-), o = ({
-  children: l,
-  className: t = "",
-  description: s = "No Data",
-  image: c,
-  imageStyle: i,
-  ...h
-}) => {
-  const n = ["flex flex-col items-center justify-center py-8 px-4", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: n, ...h, children: [
-    /* @__PURE__ */ a("div", { className: "mb-2", style: i, children: c === void 0 ? /* @__PURE__ */ a(r, {}) : c }),
-    s && /* @__PURE__ */ a("div", { className: "text-base-content/60 text-sm mb-4", children: s }),
-    l && /* @__PURE__ */ a("div", { className: "mt-2", children: l })
-  ] });
-};
+import { jsx as p } from "react/jsx-runtime";
+import b, { useId as O, useState as y, useRef as x, useCallback as B, useEffect as k, createContext as R, useContext as F } from "react";
+const A = R(void 0);
+function v() {
+  const t = F(A);
+  if (!t)
+    throw new Error("Dropdown compound components must be used within Dropdown");
+  return t;
+}
+function M({
+  children: t,
+  hover: i = !1,
+  position: u = "bottom",
+  align: o = "start",
+  className: c = "",
+  ...d
+}) {
+  const n = O(), s = O(), [a, l] = y(!1), [r, I] = y(-1), [m, C] = y(0), e = x(/* @__PURE__ */ new Map()), f = x(null), w = B((D, h, j) => {
+    h ? e.current.set(D, { ref: h, disabled: j }) : e.current.delete(D);
+  }, []);
+  k(() => {
+    const D = (h) => {
+      f.current && !f.current.contains(h.target) && (l(!1), I(-1));
+    };
+    if (a)
+      return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
+  }, [a]);
+  const g = {
+    top: "dropdown-top",
+    bottom: "dropdown-bottom",
+    left: "dropdown-left",
+    right: "dropdown-right"
+  }, K = {
+    start: "",
+    center: "dropdown-center",
+    end: "dropdown-end"
+  }, N = [
+    "dropdown",
+    g[u],
+    K[o],
+    i && "dropdown-hover",
+    a && "dropdown-open",
+    c
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ p(
+    A.Provider,
+    {
+      value: {
+        position: u,
+        align: o,
+        menuId: n,
+        triggerId: s,
+        isOpen: a,
+        setIsOpen: l,
+        focusedIndex: r,
+        setFocusedIndex: I,
+        registerItem: w,
+        itemCount: m,
+        setItemCount: C
+      },
+      children: /* @__PURE__ */ p("div", { ref: f, className: N, "data-state": a ? "open" : "closed", ...d, children: t })
+    }
+  );
+}
+function T({ children: t, className: i = "" }) {
+  const { menuId: u, triggerId: o, isOpen: c, setIsOpen: d, setFocusedIndex: n, itemCount: s } = v(), a = (r) => {
+    switch (r.key) {
+      case "Enter":
+      case " ":
+      case "ArrowDown":
+        r.preventDefault(), d(!0), n(0);
+        break;
+      case "ArrowUp":
+        r.preventDefault(), d(!0), n(s - 1);
+        break;
+      case "Escape":
+        r.preventDefault(), d(!1), n(-1);
+        break;
+    }
+  }, l = () => {
+    d(!c), c || n(0);
+  };
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      id: o,
+      type: "button",
+      tabIndex: 0,
+      className: `btn ${i}`,
+      "aria-haspopup": "menu",
+      "aria-expanded": c,
+      "aria-controls": u,
+      onClick: l,
+      onKeyDown: a,
+      children: t
+    }
+  );
+}
+function V({ children: t, className: i = "" }) {
+  const { menuId: u, triggerId: o, isOpen: c, setIsOpen: d, focusedIndex: n, setFocusedIndex: s, setItemCount: a } = v(), l = x(null), r = b.Children.toArray(t).filter(
+    (e) => b.isValidElement(e) && e.type === E
+  );
+  k(() => {
+    a(r.length);
+  }, [r.length, a]), k(() => {
+    c && n >= 0 && l.current && l.current.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')[n]?.focus();
+  }, [c, n]);
+  const I = (e) => {
+    const w = r.filter(
+      (g) => b.isValidElement(g) && !g.props.disabled
+    ).length;
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault(), s((n + 1) % w);
+        break;
+      case "ArrowUp":
+        e.preventDefault(), s((n - 1 + w) % w);
+        break;
+      case "Home":
+        e.preventDefault(), s(0);
+        break;
+      case "End":
+        e.preventDefault(), s(w - 1);
+        break;
+      case "Escape":
+        e.preventDefault(), d(!1), s(-1), document.getElementById(o)?.focus();
+        break;
+      case "Tab":
+        d(!1), s(-1);
+        break;
+    }
+  }, m = [
+    "dropdown-content",
+    "menu",
+    "bg-base-100",
+    "rounded-box",
+    "z-[1]",
+    "shadow",
+    i
+  ].filter(Boolean).join(" "), C = b.Children.map(t, (e, f) => b.isValidElement(e) && e.type === E ? b.cloneElement(e, { _index: f }) : e);
+  return /* @__PURE__ */ p(
+    "ul",
+    {
+      ref: l,
+      id: u,
+      role: "menu",
+      "aria-labelledby": o,
+      tabIndex: -1,
+      className: m,
+      onKeyDown: I,
+      children: C
+    }
+  );
+}
+function E({
+  children: t,
+  onClick: i,
+  active: u = !1,
+  disabled: o = !1,
+  danger: c = !1,
+  className: d = ""
+}) {
+  const { setIsOpen: n, setFocusedIndex: s, triggerId: a } = v(), l = [u && "active", o && "disabled", d].filter(Boolean).join(" "), r = () => {
+    o || (i?.(), n(!1), s(-1), document.getElementById(a)?.focus());
+  };
+  return /* @__PURE__ */ p("li", { className: l, role: "none", children: /* @__PURE__ */ p(
+    "a",
+    {
+      role: "menuitem",
+      tabIndex: o ? -1 : 0,
+      "aria-disabled": o || void 0,
+      className: c ? "text-error" : "",
+      onClick: r,
+      onKeyDown: (m) => {
+        (m.key === "Enter" || m.key === " ") && !o && (m.preventDefault(), r());
+      },
+      children: t
+    }
+  ) });
+}
+function L({ className: t = "" }) {
+  const i = ["border-base-content/10", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ p("li", { role: "separator", className: "my-1", children: /* @__PURE__ */ p("hr", { className: i }) });
+}
+const q = Object.assign(M, {
+  Trigger: T,
+  Menu: V,
+  Item: E,
+  Divider: L
+});
 export {
-  o as Empty
+  q as Dropdown
 };
 //# sourceMappingURL=index37.js.map

package/dist/index37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index37.js","sources":["../src/components/Empty.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface EmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n  description?: React.ReactNode\n  image?: React.ReactNode\n  imageStyle?: React.CSSProperties\n}\n\nconst DefaultEmptyImage: React.FC = () => (\n  <svg\n    width=\"184\"\n    height=\"152\"\n    viewBox=\"0 0 184 152\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"mx-auto\"\n  >\n    <g fill=\"none\" fillRule=\"evenodd\">\n      <g transform=\"translate(24 31.67)\">\n        <ellipse\n          className=\"fill-base-300\"\n          cx=\"67.797\"\n          cy=\"106.89\"\n          rx=\"67.797\"\n          ry=\"12.668\"\n        />\n        <path\n          className=\"fill-base-200\"\n          d=\"M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z\"\n        />\n        <path\n          className=\"fill-base-100\"\n          d=\"M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z\"\n          transform=\"translate(13.56)\"\n        />\n        <ellipse\n          className=\"fill-base-300\"\n          cx=\"67.797\"\n          cy=\"106.89\"\n          rx=\"67.797\"\n          ry=\"12.668\"\n        />\n        <path\n          className=\"fill-base-200\"\n          d=\"M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z\"\n        />\n        <path\n          className=\"fill-base-content opacity-10\"\n          d=\"M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z\"\n        />\n        <path\n          className=\"fill-base-100\"\n          d=\"M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z\"\n        />\n      </g>\n      <path\n        className=\"fill-base-content opacity-10\"\n        d=\"M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z\"\n      />\n      <g className=\"fill-base-100\" transform=\"translate(149.65 15.383)\">\n        <ellipse cx=\"20.654\" cy=\"3.167\" rx=\"2.849\" ry=\"2.815\" />\n        <path d=\"M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z\" />\n      </g>\n    </g>\n  </svg>\n)\n\nexport const Empty: React.FC<EmptyProps> = ({\n  children,\n  className = '',\n  description = 'No Data',\n  image,\n  imageStyle,\n  ...rest\n}) => {\n  const classes = ['flex flex-col items-center justify-center py-8 px-4', className]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} {...rest}>\n      <div className=\"mb-2\" style={imageStyle}>\n        {image === undefined ? <DefaultEmptyImage /> : image}\n      </div>\n      {description && (\n        <div className=\"text-base-content/60 text-sm mb-4\">{description}</div>\n      )}\n      {children && <div className=\"mt-2\">{children}</div>}\n    </div>\n  )\n}\n"],"names":["DefaultEmptyImage","jsx","jsxs","Empty","children","className","description","image","imageStyle","rest","classes"],"mappings":";AASA,MAAMA,IAA8B,MAClC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,WAAU;AAAA,IAEV,UAAA,gBAAAC,EAAC,KAAA,EAAE,MAAK,QAAO,UAAS,WACtB,UAAA;AAAA,MAAA,gBAAAA,EAAC,KAAA,EAAE,WAAU,uBACX,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJ,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,GAAE;AAAA,YACF,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJ,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJ,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,GACF;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,gBAAAC,EAAC,KAAA,EAAE,WAAU,iBAAgB,WAAU,4BACrC,UAAA;AAAA,QAAA,gBAAAD,EAAC,WAAA,EAAQ,IAAG,UAAS,IAAG,SAAQ,IAAG,SAAQ,IAAG,QAAA,CAAQ;AAAA,QACtD,gBAAAA,EAAC,QAAA,EAAK,GAAE,uDAAA,CAAuD;AAAA,MAAA,EAAA,CACjE;AAAA,IAAA,EAAA,CACF;AAAA,EAAA;AACF,GAGWE,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAU,CAAC,uDAAuDL,CAAS,EAC9E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAH,EAAC,OAAA,EAAI,WAAWQ,GAAU,GAAGD,GAC3B,UAAA;AAAA,IAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,QAAO,OAAOO,GAC1B,gBAAU,SAAY,gBAAAP,EAACD,GAAA,CAAA,CAAkB,IAAKO,EAAA,CACjD;AAAA,IACCD,KACC,gBAAAL,EAAC,OAAA,EAAI,WAAU,qCAAqC,UAAAK,GAAY;AAAA,IAEjEF,KAAY,gBAAAH,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAG,EAAA,CAAS;AAAA,EAAA,GAC/C;AAEJ;"}
+{"version":3,"file":"index37.js","sources":["../src/components/Dropdown.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useRef, useState, useCallback, useEffect } from 'react'\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}\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 React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  hover?: boolean\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  align?: 'start' | 'center' | 'end'\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  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 DropdownDividerProps {\n  className?: string\n}\n\nfunction DropdownRoot({\n  children,\n  hover = false,\n  position = 'bottom',\n  align = 'start',\n  className = '',\n  ...rest\n}: DropdownProps) {\n  const menuId = useId()\n  const triggerId = useId()\n  const [isOpen, setIsOpen] = useState(false)\n  const [focusedIndex, setFocusedIndex] = useState(-1)\n  const [itemCount, setItemCount] = useState(0)\n  const itemRefs = useRef<Map<number, { ref: HTMLElement | null; disabled: boolean }>>(new Map())\n  const dropdownRef = useRef<HTMLDivElement>(null)\n\n  const registerItem = useCallback((index: number, ref: HTMLElement | null, disabled: boolean) => {\n    if (ref) {\n      itemRefs.current.set(index, { ref, disabled })\n    } else {\n      itemRefs.current.delete(index)\n    }\n  }, [])\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)\n        setFocusedIndex(-1)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\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 dropdownClasses = [\n    'dropdown',\n    positionClasses[position],\n    alignClasses[align],\n    hover && 'dropdown-hover',\n    isOpen && 'dropdown-open',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\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      }}\n    >\n      <div ref={dropdownRef} className={dropdownClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>{children}</div>\n    </DropdownContext.Provider>\n  )\n}\n\nfunction DropdownTrigger({ children, className = '' }: DropdownTriggerProps) {\n  const { menuId, triggerId, isOpen, setIsOpen, setFocusedIndex, itemCount } = 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  return (\n    <button\n      id={triggerId}\n      type=\"button\"\n      tabIndex={0}\n      className={`btn ${className}`}\n      aria-haspopup=\"menu\"\n      aria-expanded={isOpen}\n      aria-controls={menuId}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </button>\n  )\n}\n\nfunction DropdownMenu({ children, className = '' }: DropdownMenuProps) {\n  const { menuId, triggerId, isOpen, setIsOpen, focusedIndex, setFocusedIndex, setItemCount } = 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-[1]',\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  return (\n    <ul\n      ref={menuRef}\n      id={menuId}\n      role=\"menu\"\n      aria-labelledby={triggerId}\n      tabIndex={-1}\n      className={menuClasses}\n      onKeyDown={handleKeyDown}\n    >\n      {childrenWithIndex}\n    </ul>\n  )\n}\n\nfunction DropdownItem({\n  children,\n  onClick,\n  active = false,\n  disabled = false,\n  danger = false,\n  className = '',\n}: DropdownItemProps) {\n  const { setIsOpen, setFocusedIndex, triggerId } = useDropdownContext()\n  const itemClasses = [active && 'active', disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  const handleClick = () => {\n    if (!disabled) {\n      onClick?.()\n      setIsOpen(false)\n      setFocusedIndex(-1)\n      document.getElementById(triggerId)?.focus()\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  return (\n    <li className={itemClasses} role=\"none\">\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        {children}\n      </a>\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  Divider: DropdownDivider,\n})\n"],"names":["DropdownContext","createContext","useDropdownContext","context","useContext","DropdownRoot","children","hover","position","align","className","rest","menuId","useId","triggerId","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","itemCount","setItemCount","itemRefs","useRef","dropdownRef","registerItem","useCallback","index","ref","disabled","useEffect","handleClickOutside","event","positionClasses","alignClasses","dropdownClasses","jsx","DropdownTrigger","handleKeyDown","handleClick","DropdownMenu","menuRef","childArray","React","child","DropdownItem","enabledCount","menuClasses","childrenWithIndex","onClick","active","danger","itemClasses","DropdownDivider","classes","Dropdown"],"mappings":"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"}