@aster-ui/prefixed 0.12.50

package/dist/components/Mask.js

@@ -0,0 +1,37 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as k } from "react";
+const c = "d-mask", l = "d-mask-squircle", i = "d-mask-heart", m = "d-mask-hexagon", g = "d-mask-hexagon-2", M = "d-mask-decagon", f = "d-mask-pentagon", h = "d-mask-diamond", x = "d-mask-square", p = "d-mask-circle", u = "d-mask-star", q = "d-mask-star-2", H = "d-mask-triangle", S = "d-mask-triangle-2", T = "d-mask-triangle-3", C = "d-mask-triangle-4", j = "d-mask-half-1", D = "d-mask-half-2", N = {
+  squircle: l,
+  heart: i,
+  hexagon: m,
+  "hexagon-2": g,
+  decagon: M,
+  pentagon: f,
+  diamond: h,
+  square: x,
+  circle: p,
+  star: u,
+  "star-2": q,
+  triangle: H,
+  "triangle-2": S,
+  "triangle-3": T,
+  "triangle-4": C
+}, v = {
+  "half-1": j,
+  "half-2": D
+}, w = k(
+  ({ shape: s, half: a, children: n, className: e = "", ...t }, d) => {
+    const o = [
+      c,
+      N[s],
+      a ? v[a] : "",
+      e
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ r("div", { ref: d, className: o, ...t, children: n });
+  }
+);
+w.displayName = "Mask";
+export {
+  w as Mask
+};
+//# sourceMappingURL=Mask.js.map

package/dist/components/Mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mask.js","sources":["../../src/components/Mask.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\n// DaisyUI classes\nconst dMask = 'd-mask'\nconst dMaskSquircle = 'd-mask-squircle'\nconst dMaskHeart = 'd-mask-heart'\nconst dMaskHexagon = 'd-mask-hexagon'\nconst dMaskHexagon2 = 'd-mask-hexagon-2'\nconst dMaskDecagon = 'd-mask-decagon'\nconst dMaskPentagon = 'd-mask-pentagon'\nconst dMaskDiamond = 'd-mask-diamond'\nconst dMaskSquare = 'd-mask-square'\nconst dMaskCircle = 'd-mask-circle'\nconst dMaskStar = 'd-mask-star'\nconst dMaskStar2 = 'd-mask-star-2'\nconst dMaskTriangle = 'd-mask-triangle'\nconst dMaskTriangle2 = 'd-mask-triangle-2'\nconst dMaskTriangle3 = 'd-mask-triangle-3'\nconst dMaskTriangle4 = 'd-mask-triangle-4'\nconst dMaskHalf1 = 'd-mask-half-1'\nconst dMaskHalf2 = 'd-mask-half-2'\n\nexport type MaskShape =\n  | 'squircle'\n  | 'heart'\n  | 'hexagon'\n  | 'hexagon-2'\n  | 'decagon'\n  | 'pentagon'\n  | 'diamond'\n  | 'square'\n  | 'circle'\n  | 'star'\n  | 'star-2'\n  | 'triangle'\n  | 'triangle-2'\n  | 'triangle-3'\n  | 'triangle-4'\n\nexport type MaskHalf = 'half-1' | 'half-2'\n\nexport interface MaskProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Shape of the mask */\n  shape: MaskShape\n  /** Show only half of the mask */\n  half?: MaskHalf\n  /** Content to mask (typically an image) */\n  children: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst shapeClasses: Record<MaskShape, string> = {\n  squircle: dMaskSquircle,\n  heart: dMaskHeart,\n  hexagon: dMaskHexagon,\n  'hexagon-2': dMaskHexagon2,\n  decagon: dMaskDecagon,\n  pentagon: dMaskPentagon,\n  diamond: dMaskDiamond,\n  square: dMaskSquare,\n  circle: dMaskCircle,\n  star: dMaskStar,\n  'star-2': dMaskStar2,\n  triangle: dMaskTriangle,\n  'triangle-2': dMaskTriangle2,\n  'triangle-3': dMaskTriangle3,\n  'triangle-4': dMaskTriangle4,\n}\n\nconst halfClasses: Record<MaskHalf, string> = {\n  'half-1': dMaskHalf1,\n  'half-2': dMaskHalf2,\n}\n\nexport const Mask = forwardRef<HTMLDivElement, MaskProps>(\n  ({ shape, half, children, className = '', ...props }, ref) => {\n    const classes = [\n      dMask,\n      shapeClasses[shape],\n      half ? halfClasses[half] : '',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <div ref={ref} className={classes} {...props}>\n        {children}\n      </div>\n    )\n  }\n)\n\nMask.displayName = 'Mask'\n"],"names":["dMask","dMaskSquircle","dMaskHeart","dMaskHexagon","dMaskHexagon2","dMaskDecagon","dMaskPentagon","dMaskDiamond","dMaskSquare","dMaskCircle","dMaskStar","dMaskStar2","dMaskTriangle","dMaskTriangle2","dMaskTriangle3","dMaskTriangle4","dMaskHalf1","dMaskHalf2","shapeClasses","halfClasses","Mask","forwardRef","shape","half","children","className","props","ref","classes"],"mappings":";;AAGA,MAAMA,IAAQ,UACRC,IAAgB,mBAChBC,IAAa,gBACbC,IAAe,kBACfC,IAAgB,oBAChBC,IAAe,kBACfC,IAAgB,mBAChBC,IAAe,kBACfC,IAAc,iBACdC,IAAc,iBACdC,IAAY,eACZC,IAAa,iBACbC,IAAgB,mBAChBC,IAAiB,qBACjBC,IAAiB,qBACjBC,IAAiB,qBACjBC,IAAa,iBACbC,IAAa,iBAgCbC,IAA0C;AAAA,EAC9C,UAAUjB;AAAA,EACV,OAAOC;AAAA,EACP,SAASC;AAAA,EACT,aAAaC;AAAA,EACb,SAASC;AAAA,EACT,UAAUC;AAAA,EACV,SAASC;AAAA,EACT,QAAQC;AAAA,EACR,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,UAAUC;AAAA,EACV,UAAUC;AAAA,EACV,cAAcC;AAAA,EACd,cAAcC;AAAA,EACd,cAAcC;AAChB,GAEMI,IAAwC;AAAA,EAC5C,UAAUH;AAAA,EACV,UAAUC;AACZ,GAEaG,IAAOC;AAAA,EAClB,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AAC5D,UAAMC,IAAU;AAAA,MACd5B;AAAA,MACAkB,EAAaI,CAAK;AAAA,MAClBC,IAAOJ,EAAYI,CAAI,IAAI;AAAA,MAC3BE;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,6BACG,OAAA,EAAI,KAAAE,GAAU,WAAWC,GAAU,GAAGF,GACpC,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAJ,EAAK,cAAc;"}

package/dist/components/Masonry.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface MasonryProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    columns?: number | {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        '2xl'?: number;
+    };
+    gap?: number;
+}
+export declare const Masonry: React.FC<MasonryProps>;
+export default Masonry;

package/dist/components/Masonry.js

@@ -0,0 +1,84 @@
+import { jsx as H } from "react/jsx-runtime";
+import I, { useRef as R, useState as b, useCallback as K, useLayoutEffect as A } from "react";
+const d = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+function L(t, e) {
+  return typeof t == "number" ? t : t ? t["2xl"] !== void 0 && e >= d["2xl"] ? t["2xl"] : t.xl !== void 0 && e >= d.xl ? t.xl : t.lg !== void 0 && e >= d.lg ? t.lg : t.md !== void 0 && e >= d.md ? t.md : t.sm !== void 0 && e >= d.sm ? t.sm : t.xs !== void 0 ? t.xs : 3 : 3;
+}
+const O = ({
+  children: t,
+  columns: e = 3,
+  gap: r = 16,
+  className: z = "",
+  style: M,
+  ...P
+}) => {
+  const u = R(null), [l, T] = b([]), [y, N] = b(0), w = R([]), c = I.Children.toArray(t), s = K(() => {
+    const i = u.current;
+    if (!i || c.length === 0) return;
+    const n = i.offsetWidth, m = typeof window < "u" ? window.innerWidth : n, a = L(e, m), j = (n - r * (a - 1)) / a, o = new Array(a).fill(0), W = [];
+    c.forEach((_, x) => {
+      const C = w.current[x];
+      if (!C) return;
+      let h = 0, E = o[0];
+      for (let f = 1; f < a; f++)
+        o[f] < E && (E = o[f], h = f);
+      const k = h * (j + r), B = o[h];
+      W[x] = { left: k, top: B };
+      const F = C.offsetHeight;
+      o[h] += F + r;
+    }), T(W), N(Math.max(...o) - r);
+  }, [t, e, r, c.length]);
+  A(() => {
+    s();
+    const i = () => {
+      s();
+    };
+    return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
+  }, [s]), A(() => {
+    const i = setTimeout(s, 0);
+    return () => clearTimeout(i);
+  }, [t, s]);
+  const v = u.current?.offsetWidth ?? 0, S = typeof window < "u" ? window.innerWidth : v, g = L(e, S), p = v > 0 ? (v - r * (g - 1)) / g : 0;
+  return /* @__PURE__ */ H(
+    "div",
+    {
+      ref: u,
+      className: z,
+      style: {
+        position: "relative",
+        height: y > 0 ? y : void 0,
+        ...M
+      },
+      ...P,
+      children: c.map((i, n) => /* @__PURE__ */ H(
+        "div",
+        {
+          ref: (m) => {
+            w.current[n] = m;
+          },
+          style: {
+            position: l.length > 0 ? "absolute" : "relative",
+            left: l[n]?.left ?? 0,
+            top: l[n]?.top ?? 0,
+            width: p > 0 ? p : "100%",
+            visibility: l.length > 0 ? "visible" : "hidden"
+          },
+          children: i
+        },
+        n
+      ))
+    }
+  );
+};
+O.displayName = "Masonry";
+export {
+  O as Masonry,
+  O as default
+};
+//# sourceMappingURL=Masonry.js.map

package/dist/components/Masonry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Masonry.js","sources":["../../src/components/Masonry.tsx"],"sourcesContent":["import React, { useRef, useState, useLayoutEffect, useCallback } from 'react'\n\nexport interface MasonryProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  columns?:\n    | number\n    | {\n        xs?: number\n        sm?: number\n        md?: number\n        lg?: number\n        xl?: number\n        '2xl'?: number\n      }\n  gap?: number\n}\n\n// Tailwind breakpoints in pixels\nconst BREAKPOINTS = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n}\n\nfunction getColumnsForWidth(\n  columns: MasonryProps['columns'],\n  width: number\n): number {\n  if (typeof columns === 'number') {\n    return columns\n  }\n\n  if (!columns) return 3\n\n  // Find the appropriate column count for current width\n  // Start from largest breakpoint and work down\n  if (columns['2xl'] !== undefined && width >= BREAKPOINTS['2xl']) {\n    return columns['2xl']\n  }\n  if (columns.xl !== undefined && width >= BREAKPOINTS.xl) {\n    return columns.xl\n  }\n  if (columns.lg !== undefined && width >= BREAKPOINTS.lg) {\n    return columns.lg\n  }\n  if (columns.md !== undefined && width >= BREAKPOINTS.md) {\n    return columns.md\n  }\n  if (columns.sm !== undefined && width >= BREAKPOINTS.sm) {\n    return columns.sm\n  }\n  if (columns.xs !== undefined) {\n    return columns.xs\n  }\n\n  // Default fallback\n  return 3\n}\n\nexport const Masonry: React.FC<MasonryProps> = ({\n  children,\n  columns = 3,\n  gap = 16,\n  className = '',\n  style,\n  ...rest\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [positions, setPositions] = useState<\n    Array<{ left: number; top: number }>\n  >([])\n  const [containerHeight, setContainerHeight] = useState(0)\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([])\n\n  const childArray = React.Children.toArray(children)\n\n  const calculateLayout = useCallback(() => {\n    const container = containerRef.current\n    if (!container || childArray.length === 0) return\n\n    const containerWidth = container.offsetWidth\n    // Use viewport width for responsive breakpoints (matches Tailwind behavior)\n    const viewportWidth = typeof window !== 'undefined' ? window.innerWidth : containerWidth\n    const numColumns = getColumnsForWidth(columns, viewportWidth)\n    const columnWidth = (containerWidth - gap * (numColumns - 1)) / numColumns\n\n    // Track height of each column\n    const columnHeights = new Array(numColumns).fill(0)\n    const newPositions: Array<{ left: number; top: number }> = []\n\n    // Place each item in the shortest column\n    childArray.forEach((_, index) => {\n      const itemEl = itemRefs.current[index]\n      if (!itemEl) return\n\n      // Find shortest column\n      let shortestColumn = 0\n      let minHeight = columnHeights[0]\n      for (let i = 1; i < numColumns; i++) {\n        if (columnHeights[i] < minHeight) {\n          minHeight = columnHeights[i]\n          shortestColumn = i\n        }\n      }\n\n      // Calculate position\n      const left = shortestColumn * (columnWidth + gap)\n      const top = columnHeights[shortestColumn]\n\n      newPositions[index] = { left, top }\n\n      // Update column height\n      const itemHeight = itemEl.offsetHeight\n      columnHeights[shortestColumn] += itemHeight + gap\n    })\n\n    setPositions(newPositions)\n    setContainerHeight(Math.max(...columnHeights) - gap)\n  }, [children, columns, gap, childArray.length])\n\n  // Calculate layout after render and on resize\n  useLayoutEffect(() => {\n    calculateLayout()\n\n    const handleResize = () => {\n      calculateLayout()\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [calculateLayout])\n\n  // Recalculate when children change\n  useLayoutEffect(() => {\n    // Small delay to ensure refs are populated\n    const timer = setTimeout(calculateLayout, 0)\n    return () => clearTimeout(timer)\n  }, [children, calculateLayout])\n\n  const containerWidth = containerRef.current?.offsetWidth ?? 0\n  const viewportWidth = typeof window !== 'undefined' ? window.innerWidth : containerWidth\n  const numColumns = getColumnsForWidth(columns, viewportWidth)\n  const columnWidth =\n    containerWidth > 0\n      ? (containerWidth - gap * (numColumns - 1)) / numColumns\n      : 0\n\n  return (\n    <div\n      ref={containerRef}\n      className={className}\n      style={{\n        position: 'relative',\n        height: containerHeight > 0 ? containerHeight : undefined,\n        ...style,\n      }}\n      {...rest}\n    >\n      {childArray.map((child, index) => (\n        <div\n          key={index}\n          ref={(el) => {\n            itemRefs.current[index] = el\n          }}\n          style={{\n            position: positions.length > 0 ? 'absolute' : 'relative',\n            left: positions[index]?.left ?? 0,\n            top: positions[index]?.top ?? 0,\n            width: columnWidth > 0 ? columnWidth : '100%',\n            visibility: positions.length > 0 ? 'visible' : 'hidden',\n          }}\n        >\n          {child}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nMasonry.displayName = 'Masonry'\n\nexport default Masonry\n"],"names":["BREAKPOINTS","getColumnsForWidth","columns","width","Masonry","children","gap","className","style","rest","containerRef","useRef","positions","setPositions","useState","containerHeight","setContainerHeight","itemRefs","childArray","React","calculateLayout","useCallback","container","containerWidth","viewportWidth","numColumns","columnWidth","columnHeights","newPositions","index","itemEl","shortestColumn","minHeight","i","left","top","itemHeight","useLayoutEffect","handleResize","timer","jsx","child","el"],"mappings":"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"}

package/dist/components/Mention.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+export interface MentionOption {
+    value: string;
+    label?: string;
+    avatar?: string;
+    disabled?: boolean;
+}
+export interface MentionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'defaultValue' | 'prefix'> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onSelect?: (option: MentionOption, prefix: string) => void;
+    onSearch?: (text: string, prefix: string) => void;
+    options?: MentionOption[];
+    loading?: boolean;
+    prefix?: string | string[];
+    split?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    rows?: number;
+    autoSize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    notFoundContent?: React.ReactNode;
+    filterOption?: boolean | ((input: string, option: MentionOption) => boolean);
+    dropdownClassName?: string;
+}
+export declare const Mention: React.FC<MentionProps>;

package/dist/components/Mention.js

@@ -0,0 +1,179 @@
+import { jsx as a, jsxs as K } from "react/jsx-runtime";
+import { useState as f, useRef as P, useCallback as A, useEffect as C } from "react";
+import { createPortal as le } from "react-dom";
+const ce = "d-textarea", ie = "d-textarea-bordered", de = "d-menu", ue = "d-menu-sm", fe = "d-loading", me = "d-loading-spinner", he = "d-loading-sm", ge = "d-avatar", xe = ({
+  value: p,
+  defaultValue: q = "",
+  onChange: L,
+  onSelect: U,
+  onSearch: W,
+  options: $ = [],
+  loading: X = !1,
+  prefix: R = "@",
+  split: v = " ",
+  placeholder: Y,
+  disabled: G = !1,
+  readOnly: J = !1,
+  rows: S = 3,
+  autoSize: l = !1,
+  notFoundContent: Q = "No matches found",
+  filterOption: x = !0,
+  className: Z = "",
+  dropdownClassName: _ = "",
+  ...z
+}) => {
+  const [ee, T] = f(q), m = p !== void 0 ? p : ee, [d, h] = f(!1), [k, I] = f(null), [M, N] = f(""), [u, y] = f(0), [g, D] = f(null), [E, te] = f({ top: 0, left: 0 }), o = P(null), b = P(null), V = P(null), ne = Array.isArray(R) ? R : [R], c = A(() => {
+    if (!x) return $;
+    const e = typeof x == "function" ? x : (t, n) => (n.label || n.value).toLowerCase().includes(t.toLowerCase());
+    return $.filter((t) => e(M, t));
+  }, [$, M, x])(), B = A(() => {
+    const e = o.current;
+    if (!e || !l) return;
+    e.style.height = "auto";
+    const t = e.scrollHeight;
+    if (typeof l == "object") {
+      const n = parseInt(getComputedStyle(e).lineHeight) || 20, r = l.minRows ? l.minRows * n : 0, s = l.maxRows ? l.maxRows * n : 1 / 0;
+      e.style.height = `${Math.min(Math.max(t, r), s)}px`;
+    } else
+      e.style.height = `${t}px`;
+  }, [l]);
+  C(() => {
+    B();
+  }, [m, B]);
+  const j = A(() => {
+    const e = o.current, t = V.current;
+    if (!e || !t || g === null) return;
+    const n = m.substring(0, g);
+    t.textContent = n;
+    const r = e.getBoundingClientRect(), s = t.getBoundingClientRect(), w = parseInt(getComputedStyle(e).lineHeight) || 20;
+    te({
+      top: r.top + window.scrollY + w + 4,
+      left: r.left + window.scrollX + Math.min(s.width % r.width, r.width - 200)
+    });
+  }, [m, g]);
+  C(() => {
+    d && j();
+  }, [d, j, M]);
+  const re = (e) => {
+    const t = e.target.value, n = e.target.selectionStart;
+    p === void 0 && T(t), L?.(t), se(t, n);
+  }, se = (e, t) => {
+    let n = null, r = null;
+    for (const s of ne) {
+      const i = e.substring(0, t).lastIndexOf(s);
+      if (i !== -1) {
+        const O = i > 0 ? e[i - 1] : v;
+        if (O === v || O === `
+` || i === 0) {
+          const F = e.substring(i + s.length, t);
+          if (!F.includes(v) && !F.includes(`
+`)) {
+            n = s, r = i;
+            break;
+          }
+        }
+      }
+    }
+    if (n !== null && r !== null) {
+      const s = e.substring(r + n.length, t);
+      I(n), N(s), D(r), h(!0), y(0), W?.(s, n);
+    } else
+      h(!1), I(null), N(""), D(null);
+  }, H = (e) => {
+    if (e.disabled || g === null || k === null) return;
+    const t = o.current;
+    if (!t) return;
+    const n = m.substring(0, g), r = m.substring(t.selectionStart), s = `${k}${e.value}${v}`, w = n + s + r;
+    p === void 0 && T(w), L?.(w), U?.(e, k), h(!1), I(null), N(""), D(null), setTimeout(() => {
+      const i = n.length + s.length;
+      t.focus(), t.setSelectionRange(i, i);
+    }, 0);
+  }, ae = (e) => {
+    if (d)
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), y((t) => (t + 1) % Math.max(c.length, 1));
+          break;
+        case "ArrowUp":
+          e.preventDefault(), y((t) => (t - 1 + c.length) % Math.max(c.length, 1));
+          break;
+        case "Enter":
+          c[u] && (e.preventDefault(), H(c[u]));
+          break;
+        case "Escape":
+          e.preventDefault(), h(!1);
+          break;
+        case "Tab":
+          c[u] && (e.preventDefault(), H(c[u]));
+          break;
+      }
+  };
+  C(() => {
+    const e = (t) => {
+      b.current && !b.current.contains(t.target) && o.current && !o.current.contains(t.target) && h(!1);
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []), C(() => {
+    d && b.current && b.current.querySelector('[data-active="true"]')?.scrollIntoView({ block: "nearest" });
+  }, [u, d]);
+  const oe = d && /* @__PURE__ */ a(
+    "div",
+    {
+      ref: b,
+      className: `fixed z-50 bg-base-100 border border-base-300 rounded-lg shadow-lg
+        min-w-48 max-h-60 overflow-auto ${_}`,
+      style: {
+        top: E.top,
+        left: E.left
+      },
+      children: X ? /* @__PURE__ */ a("div", { className: "p-3 text-center text-base-content/60", children: /* @__PURE__ */ a("span", { className: `${fe} ${me} ${he}` }) }) : c.length === 0 ? /* @__PURE__ */ a("div", { className: "p-3 text-center text-base-content/60 text-sm", children: Q }) : /* @__PURE__ */ a("ul", { className: `${de} ${ue} p-1`, children: c.map((e, t) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ K(
+        "button",
+        {
+          type: "button",
+          "data-active": t === u,
+          className: `flex items-center gap-2 ${t === u ? "active" : ""} ${e.disabled ? "disabled opacity-50 cursor-not-allowed" : ""}`,
+          onClick: () => H(e),
+          onMouseEnter: () => y(t),
+          children: [
+            e.avatar && /* @__PURE__ */ a("div", { className: ge, children: /* @__PURE__ */ a("div", { className: "w-6 h-6 rounded-full", children: /* @__PURE__ */ a("img", { src: e.avatar, alt: "" }) }) }),
+            /* @__PURE__ */ a("span", { children: e.label || e.value })
+          ]
+        }
+      ) }, e.value)) })
+    }
+  );
+  return /* @__PURE__ */ K("div", { className: `relative ${Z}`, "data-state": d ? "open" : "closed", ...z, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ref: V,
+        className: "invisible absolute whitespace-pre-wrap break-words",
+        style: {
+          font: o.current ? getComputedStyle(o.current).font : void 0,
+          width: o.current?.clientWidth,
+          padding: o.current ? getComputedStyle(o.current).padding : void 0
+        },
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ a(
+      "textarea",
+      {
+        ref: o,
+        value: m,
+        onChange: re,
+        onKeyDown: ae,
+        placeholder: Y,
+        disabled: G,
+        readOnly: J,
+        rows: typeof l == "object" ? l.minRows || S : l ? 1 : S,
+        className: `${ce} ${ie} w-full resize-none`
+      }
+    ),
+    le(oe, document.body)
+  ] });
+};
+export {
+  xe as Mention
+};
+//# sourceMappingURL=Mention.js.map

package/dist/components/Mention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mention.js","sources":["../../src/components/Mention.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\n\n// DaisyUI classes\nconst dTextarea = 'd-textarea'\nconst dTextareaBordered = 'd-textarea-bordered'\nconst dMenu = 'd-menu'\nconst dMenuSm = 'd-menu-sm'\nconst dLoading = 'd-loading'\nconst dLoadingSpinner = 'd-loading-spinner'\nconst dLoadingSm = 'd-loading-sm'\nconst dAvatar = 'd-avatar'\n\nexport interface MentionOption {\n  value: string\n  label?: string\n  avatar?: string\n  disabled?: boolean\n}\n\nexport interface MentionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'defaultValue' | 'prefix'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  onSelect?: (option: MentionOption, prefix: string) => void\n  onSearch?: (text: string, prefix: string) => void\n  options?: MentionOption[]\n  loading?: boolean\n  prefix?: string | string[]\n  split?: string\n  placeholder?: string\n  disabled?: boolean\n  readOnly?: boolean\n  rows?: number\n  autoSize?: boolean | { minRows?: number; maxRows?: number }\n  notFoundContent?: React.ReactNode\n  filterOption?: boolean | ((input: string, option: MentionOption) => boolean)\n  dropdownClassName?: string\n}\n\nexport const Mention: React.FC<MentionProps> = ({\n  value,\n  defaultValue = '',\n  onChange,\n  onSelect,\n  onSearch,\n  options = [],\n  loading = false,\n  prefix = '@',\n  split = ' ',\n  placeholder,\n  disabled = false,\n  readOnly = false,\n  rows = 3,\n  autoSize = false,\n  notFoundContent = 'No matches found',\n  filterOption = true,\n  className = '',\n  dropdownClassName = '',\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [activePrefix, setActivePrefix] = useState<string | null>(null)\n  const [searchText, setSearchText] = useState('')\n  const [activeIndex, setActiveIndex] = useState(0)\n  const [mentionStart, setMentionStart] = useState<number | null>(null)\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0 })\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const measureRef = useRef<HTMLDivElement>(null)\n\n  const prefixes = Array.isArray(prefix) ? prefix : [prefix]\n\n  // Filter options based on search text\n  const filteredOptions = useCallback(() => {\n    if (!filterOption) return options\n\n    const filterFn =\n      typeof filterOption === 'function'\n        ? filterOption\n        : (input: string, option: MentionOption) => {\n            const label = option.label || option.value\n            return label.toLowerCase().includes(input.toLowerCase())\n          }\n\n    return options.filter((opt) => filterFn(searchText, opt))\n  }, [options, searchText, filterOption])\n\n  const filtered = filteredOptions()\n\n  // Update textarea height for autoSize\n  const updateHeight = useCallback(() => {\n    const textarea = textareaRef.current\n    if (!textarea || !autoSize) return\n\n    textarea.style.height = 'auto'\n    const scrollHeight = textarea.scrollHeight\n\n    if (typeof autoSize === 'object') {\n      const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20\n      const minHeight = autoSize.minRows ? autoSize.minRows * lineHeight : 0\n      const maxHeight = autoSize.maxRows ? autoSize.maxRows * lineHeight : Infinity\n\n      textarea.style.height = `${Math.min(Math.max(scrollHeight, minHeight), maxHeight)}px`\n    } else {\n      textarea.style.height = `${scrollHeight}px`\n    }\n  }, [autoSize])\n\n  useEffect(() => {\n    updateHeight()\n  }, [currentValue, updateHeight])\n\n  // Calculate dropdown position\n  const updateDropdownPosition = useCallback(() => {\n    const textarea = textareaRef.current\n    const measure = measureRef.current\n    if (!textarea || !measure || mentionStart === null) return\n\n    // Get text before cursor to measure position\n    const textBeforeCursor = currentValue.substring(0, mentionStart)\n\n    // Create a temporary element to measure text position\n    measure.textContent = textBeforeCursor\n\n    const textareaRect = textarea.getBoundingClientRect()\n    const measureRect = measure.getBoundingClientRect()\n\n    // Calculate position relative to viewport\n    const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20\n\n    setDropdownPosition({\n      top: textareaRect.top + window.scrollY + lineHeight + 4,\n      left: textareaRect.left + window.scrollX + Math.min(measureRect.width % textareaRect.width, textareaRect.width - 200),\n    })\n  }, [currentValue, mentionStart])\n\n  useEffect(() => {\n    if (isOpen) {\n      updateDropdownPosition()\n    }\n  }, [isOpen, updateDropdownPosition, searchText])\n\n  // Handle text change\n  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const newValue = e.target.value\n    const cursorPos = e.target.selectionStart\n\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n\n    // Check if we should open the mention dropdown\n    checkForMention(newValue, cursorPos)\n  }\n\n  const checkForMention = (text: string, cursorPos: number) => {\n    // Look backwards from cursor for a prefix\n    let foundPrefix: string | null = null\n    let foundStart: number | null = null\n\n    for (const p of prefixes) {\n      // Find the last occurrence of prefix before cursor\n      const beforeCursor = text.substring(0, cursorPos)\n      const lastPrefixIndex = beforeCursor.lastIndexOf(p)\n\n      if (lastPrefixIndex !== -1) {\n        // Check if prefix is at start or preceded by whitespace/split\n        const charBefore = lastPrefixIndex > 0 ? text[lastPrefixIndex - 1] : split\n        if (charBefore === split || charBefore === '\\n' || lastPrefixIndex === 0) {\n          // Check if there's no space between prefix and cursor\n          const textAfterPrefix = text.substring(lastPrefixIndex + p.length, cursorPos)\n          if (!textAfterPrefix.includes(split) && !textAfterPrefix.includes('\\n')) {\n            foundPrefix = p\n            foundStart = lastPrefixIndex\n            break\n          }\n        }\n      }\n    }\n\n    if (foundPrefix !== null && foundStart !== null) {\n      const search = text.substring(foundStart + foundPrefix.length, cursorPos)\n      setActivePrefix(foundPrefix)\n      setSearchText(search)\n      setMentionStart(foundStart)\n      setIsOpen(true)\n      setActiveIndex(0)\n      onSearch?.(search, foundPrefix)\n    } else {\n      setIsOpen(false)\n      setActivePrefix(null)\n      setSearchText('')\n      setMentionStart(null)\n    }\n  }\n\n  // Handle option selection\n  const selectOption = (option: MentionOption) => {\n    if (option.disabled || mentionStart === null || activePrefix === null) return\n\n    const textarea = textareaRef.current\n    if (!textarea) return\n\n    const beforeMention = currentValue.substring(0, mentionStart)\n    const afterCursor = currentValue.substring(textarea.selectionStart)\n\n    const mentionText = `${activePrefix}${option.value}${split}`\n    const newValue = beforeMention + mentionText + afterCursor\n\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n    onSelect?.(option, activePrefix)\n\n    setIsOpen(false)\n    setActivePrefix(null)\n    setSearchText('')\n    setMentionStart(null)\n\n    // Set cursor position after mention\n    setTimeout(() => {\n      const newCursorPos = beforeMention.length + mentionText.length\n      textarea.focus()\n      textarea.setSelectionRange(newCursorPos, newCursorPos)\n    }, 0)\n  }\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (!isOpen) return\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setActiveIndex((prev) => (prev + 1) % Math.max(filtered.length, 1))\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setActiveIndex((prev) => (prev - 1 + filtered.length) % Math.max(filtered.length, 1))\n        break\n      case 'Enter':\n        if (filtered[activeIndex]) {\n          e.preventDefault()\n          selectOption(filtered[activeIndex])\n        }\n        break\n      case 'Escape':\n        e.preventDefault()\n        setIsOpen(false)\n        break\n      case 'Tab':\n        if (filtered[activeIndex]) {\n          e.preventDefault()\n          selectOption(filtered[activeIndex])\n        }\n        break\n    }\n  }\n\n  // Close dropdown on outside click\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(e.target as Node) &&\n        textareaRef.current &&\n        !textareaRef.current.contains(e.target as Node)\n      ) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [])\n\n  // Scroll active item into view\n  useEffect(() => {\n    if (isOpen && dropdownRef.current) {\n      const activeItem = dropdownRef.current.querySelector('[data-active=\"true\"]')\n      activeItem?.scrollIntoView({ block: 'nearest' })\n    }\n  }, [activeIndex, isOpen])\n\n  const dropdown = isOpen && (\n    <div\n      ref={dropdownRef}\n      className={`fixed z-50 bg-base-100 border border-base-300 rounded-lg shadow-lg\n        min-w-48 max-h-60 overflow-auto ${dropdownClassName}`}\n      style={{\n        top: dropdownPosition.top,\n        left: dropdownPosition.left,\n      }}\n    >\n      {loading ? (\n        <div className=\"p-3 text-center text-base-content/60\">\n          <span className={`${dLoading} ${dLoadingSpinner} ${dLoadingSm}`}></span>\n        </div>\n      ) : filtered.length === 0 ? (\n        <div className=\"p-3 text-center text-base-content/60 text-sm\">\n          {notFoundContent}\n        </div>\n      ) : (\n        <ul className={`${dMenu} ${dMenuSm} p-1`}>\n          {filtered.map((option, index) => (\n            <li key={option.value}>\n              <button\n                type=\"button\"\n                data-active={index === activeIndex}\n                className={`flex items-center gap-2 ${\n                  index === activeIndex ? 'active' : ''\n                } ${option.disabled ? 'disabled opacity-50 cursor-not-allowed' : ''}`}\n                onClick={() => selectOption(option)}\n                onMouseEnter={() => setActiveIndex(index)}\n              >\n                {option.avatar && (\n                  <div className={dAvatar}>\n                    <div className=\"w-6 h-6 rounded-full\">\n                      <img src={option.avatar} alt=\"\" />\n                    </div>\n                  </div>\n                )}\n                <span>{option.label || option.value}</span>\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  )\n\n  return (\n    <div className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      {/* Hidden measure element for cursor position */}\n      <div\n        ref={measureRef}\n        className=\"invisible absolute whitespace-pre-wrap break-words\"\n        style={{\n          font: textareaRef.current ? getComputedStyle(textareaRef.current).font : undefined,\n          width: textareaRef.current?.clientWidth,\n          padding: textareaRef.current ? getComputedStyle(textareaRef.current).padding : undefined,\n        }}\n        aria-hidden=\"true\"\n      />\n\n      <textarea\n        ref={textareaRef}\n        value={currentValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        disabled={disabled}\n        readOnly={readOnly}\n        rows={typeof autoSize === 'object' ? autoSize.minRows || rows : autoSize ? 1 : rows}\n        className={`${dTextarea} ${dTextareaBordered} w-full resize-none`}\n      />\n\n      {createPortal(dropdown, document.body)}\n    </div>\n  )\n}\n"],"names":["dTextarea","dTextareaBordered","dMenu","dMenuSm","dLoading","dLoadingSpinner","dLoadingSm","dAvatar","Mention","value","defaultValue","onChange","onSelect","onSearch","options","loading","prefix","split","placeholder","disabled","readOnly","rows","autoSize","notFoundContent","filterOption","className","dropdownClassName","rest","internalValue","setInternalValue","useState","currentValue","isOpen","setIsOpen","activePrefix","setActivePrefix","searchText","setSearchText","activeIndex","setActiveIndex","mentionStart","setMentionStart","dropdownPosition","setDropdownPosition","textareaRef","useRef","dropdownRef","measureRef","prefixes","filtered","useCallback","filterFn","input","option","opt","updateHeight","textarea","scrollHeight","lineHeight","minHeight","maxHeight","useEffect","updateDropdownPosition","measure","textBeforeCursor","textareaRect","measureRect","handleChange","newValue","cursorPos","checkForMention","text","foundPrefix","foundStart","p","lastPrefixIndex","charBefore","textAfterPrefix","search","selectOption","beforeMention","afterCursor","mentionText","newCursorPos","handleKeyDown","prev","handleClickOutside","e","dropdown","jsx","index","jsxs","createPortal"],"mappings":"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"}

package/dist/components/Menu.d.ts

@@ -0,0 +1,72 @@
+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'> {
+    /** 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'> {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    onClick?: () => void;
+    /** @deprecated Use key and selectedKeys instead */
+    active?: boolean;
+    /** @internal */
+    _key?: string;
+}
+export interface MenuSubMenuProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'title'> {
+    children: React.ReactNode;
+    /** Submenu label */
+    label?: React.ReactNode;
+    /** Submenu title (alias for label) */
+    title?: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    /** @internal */
+    _key?: string;
+}
+export interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {
+    children: React.ReactNode;
+}
+export interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {
+}
+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, icon, disabled, onClick, active, className, _key, ...rest }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuSubMenu({ children, label, title, icon, disabled, className, _key, ...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 & {
+    Item: typeof MenuItem;
+    SubMenu: typeof MenuSubMenu;
+    Title: typeof MenuTitle;
+    Divider: typeof MenuDivider;
+};
+export {};

package/dist/components/Menu.js

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