asterui 0.12.6 → 0.12.8

package/dist/index50.js

@@ -1,150 +1,179 @@
-import { jsx as o, jsxs as C } from "react/jsx-runtime";
-import { useState as M, useCallback as b, createContext as B, useId as O, useContext as g } from "react";
-const v = B(null);
-function w() {
-  const n = g(v);
-  if (!n)
-    throw new Error("Menu components must be used within a Menu");
-  return n;
-}
-function D({
-  children: n,
-  mode: e = "vertical",
-  selectedKeys: t,
-  defaultSelectedKeys: a = [],
-  openKeys: i,
-  defaultOpenKeys: f = [],
-  onSelect: c,
-  onOpenChange: r,
-  className: s = "",
-  ...l
-}) {
-  const [u, d] = M(a), [p, N] = M(f), j = t ?? u, h = i ?? p, I = b(
-    (m) => {
-      t === void 0 && d([m]), c?.(m);
-    },
-    [t, c]
-  ), S = b(
-    (m) => {
-      const x = h.includes(m) ? h.filter((y) => y !== m) : [...h, m];
-      i === void 0 && N(x), r?.(x);
-    },
-    [h, i, r]
-  ), T = ["menu", {
-    vertical: "",
-    horizontal: "menu-horizontal",
-    inline: ""
-  }[e], s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(
-    v.Provider,
+import { jsx as a, jsxs as K } from "react/jsx-runtime";
+import { useState as f, useRef as $, useCallback as A, useEffect as C } from "react";
+import { createPortal as oe } from "react-dom";
+const fe = ({
+  value: p,
+  defaultValue: q = "",
+  onChange: E,
+  onSelect: U,
+  onSearch: W,
+  options: R = [],
+  loading: X = !1,
+  prefix: k = "@",
+  split: v = " ",
+  placeholder: Y,
+  disabled: G = !1,
+  readOnly: J = !1,
+  rows: V = 3,
+  autoSize: o = !1,
+  notFoundContent: Q = "No matches found",
+  filterOption: x = !0,
+  className: Z = "",
+  dropdownClassName: _ = "",
+  ...z
+}) => {
+  const [ee, T] = f(q), h = p !== void 0 ? p : ee, [u, m] = f(!1), [I, N] = f(null), [D, M] = f(""), [d, y] = f(0), [g, H] = f(null), [j, te] = f({ top: 0, left: 0 }), l = $(null), b = $(null), B = $(null), ne = Array.isArray(k) ? k : [k], c = A(() => {
+    if (!x) return R;
+    const e = typeof x == "function" ? x : (t, n) => (n.label || n.value).toLowerCase().includes(t.toLowerCase());
+    return R.filter((t) => e(D, t));
+  }, [R, D, x])(), L = A(() => {
+    const e = l.current;
+    if (!e || !o) return;
+    e.style.height = "auto";
+    const t = e.scrollHeight;
+    if (typeof o == "object") {
+      const n = parseInt(getComputedStyle(e).lineHeight) || 20, r = o.minRows ? o.minRows * n : 0, s = o.maxRows ? o.maxRows * n : 1 / 0;
+      e.style.height = `${Math.min(Math.max(t, r), s)}px`;
+    } else
+      e.style.height = `${t}px`;
+  }, [o]);
+  C(() => {
+    L();
+  }, [h, L]);
+  const O = A(() => {
+    const e = l.current, t = B.current;
+    if (!e || !t || g === null) return;
+    const n = h.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)
+    });
+  }, [h, g]);
+  C(() => {
+    u && O();
+  }, [u, O, D]);
+  const re = (e) => {
+    const t = e.target.value, n = e.target.selectionStart;
+    p === void 0 && T(t), E?.(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 S = i > 0 ? e[i - 1] : v;
+        if (S === v || S === `
+` || 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);
+      N(n), M(s), H(r), m(!0), y(0), W?.(s, n);
+    } else
+      m(!1), N(null), M(""), H(null);
+  }, P = (e) => {
+    if (e.disabled || g === null || I === null) return;
+    const t = l.current;
+    if (!t) return;
+    const n = h.substring(0, g), r = h.substring(t.selectionStart), s = `${I}${e.value}${v}`, w = n + s + r;
+    p === void 0 && T(w), E?.(w), U?.(e, I), m(!1), N(null), M(""), H(null), setTimeout(() => {
+      const i = n.length + s.length;
+      t.focus(), t.setSelectionRange(i, i);
+    }, 0);
+  }, ae = (e) => {
+    if (u)
+      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[d] && (e.preventDefault(), P(c[d]));
+          break;
+        case "Escape":
+          e.preventDefault(), m(!1);
+          break;
+        case "Tab":
+          c[d] && (e.preventDefault(), P(c[d]));
+          break;
+      }
+  };
+  C(() => {
+    const e = (t) => {
+      b.current && !b.current.contains(t.target) && l.current && !l.current.contains(t.target) && m(!1);
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []), C(() => {
+    u && b.current && b.current.querySelector('[data-active="true"]')?.scrollIntoView({ block: "nearest" });
+  }, [d, u]);
+  const le = u && /* @__PURE__ */ a(
+    "div",
     {
-      value: {
-        mode: e,
-        selectedKeys: j,
-        openKeys: h,
-        onSelect: I,
-        onToggleOpen: S
+      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: j.top,
+        left: j.left
       },
-      children: /* @__PURE__ */ o("ul", { className: T, ...l, children: n })
+      children: X ? /* @__PURE__ */ a("div", { className: "p-3 text-center text-base-content/60", children: /* @__PURE__ */ a("span", { className: "loading loading-spinner loading-sm" }) }) : c.length === 0 ? /* @__PURE__ */ a("div", { className: "p-3 text-center text-base-content/60 text-sm", children: Q }) : /* @__PURE__ */ a("ul", { className: "menu menu-sm p-1", children: c.map((e, t) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ K(
+        "button",
+        {
+          type: "button",
+          "data-active": t === d,
+          className: `flex items-center gap-2 ${t === d ? "active" : ""} ${e.disabled ? "disabled opacity-50 cursor-not-allowed" : ""}`,
+          onClick: () => P(e),
+          onMouseEnter: () => y(t),
+          children: [
+            e.avatar && /* @__PURE__ */ a("div", { className: "avatar", 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)) })
     }
   );
-}
-function K({
-  children: n,
-  itemKey: e,
-  icon: t,
-  disabled: a = !1,
-  onClick: i,
-  active: f,
-  className: c = "",
-  ...r
-}) {
-  const s = g(v), l = e && s ? s.selectedKeys.includes(e) : f, u = () => {
-    a || (e && s && s.onSelect(e), i?.());
-  }, d = [
-    l && "active bg-primary text-primary-content",
-    a && "disabled",
-    c
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ C(
-    "a",
-    {
-      className: d,
-      onClick: u,
-      "aria-disabled": a,
-      role: "menuitem",
-      "data-state": l ? "active" : "inactive",
-      ...r,
-      children: [
-        t && /* @__PURE__ */ o("span", { className: "menu-icon", children: t }),
-        n
-      ]
-    }
-  ) });
-}
-function k({
-  children: n,
-  itemKey: e,
-  label: t,
-  icon: a,
-  disabled: i = !1,
-  className: f = "",
-  ...c
-}) {
-  const r = w(), s = r.openKeys.includes(e), l = O(), u = () => {
-    i || r.onToggleOpen(e);
-  }, d = [i && "disabled", f].filter(Boolean).join(" ");
-  return r.mode === "inline" ? /* @__PURE__ */ o("li", { className: d, "data-state": s ? "open" : "closed", ...c, children: /* @__PURE__ */ C("details", { open: s, children: [
-    /* @__PURE__ */ C(
-      "summary",
+  return /* @__PURE__ */ K("div", { className: `relative ${Z}`, "data-state": u ? "open" : "closed", ...z, children: [
+    /* @__PURE__ */ a(
+      "div",
       {
-        onClick: (p) => {
-          p.preventDefault(), u();
+        ref: B,
+        className: "invisible absolute whitespace-pre-wrap break-words",
+        style: {
+          font: l.current ? getComputedStyle(l.current).font : void 0,
+          width: l.current?.clientWidth,
+          padding: l.current ? getComputedStyle(l.current).padding : void 0
         },
-        "aria-expanded": s,
-        "aria-controls": l,
-        "aria-disabled": i,
-        children: [
-          a && /* @__PURE__ */ o("span", { className: "menu-icon", children: a }),
-          t
-        ]
+        "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ o("ul", { id: l, role: "menu", children: n })
-  ] }) }) : /* @__PURE__ */ o("li", { className: d, "data-state": s ? "open" : "closed", ...c, children: /* @__PURE__ */ C("details", { open: s, children: [
-    /* @__PURE__ */ C(
-      "summary",
+    /* @__PURE__ */ a(
+      "textarea",
       {
-        onClick: (p) => {
-          p.preventDefault(), u();
-        },
-        "aria-expanded": s,
-        "aria-controls": l,
-        "aria-disabled": i,
-        children: [
-          a && /* @__PURE__ */ o("span", { className: "menu-icon", children: a }),
-          t
-        ]
+        ref: l,
+        value: h,
+        onChange: re,
+        onKeyDown: ae,
+        placeholder: Y,
+        disabled: G,
+        readOnly: J,
+        rows: typeof o == "object" ? o.minRows || V : o ? 1 : V,
+        className: "textarea textarea-bordered w-full resize-none"
       }
     ),
-    /* @__PURE__ */ o("ul", { id: l, role: "menu", children: n })
-  ] }) });
-}
-function z({ children: n, className: e = "", ...t }) {
-  const a = ["menu-title", e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("li", { className: a, ...t, children: n });
-}
-function E({ className: n = "", ...e }) {
-  const t = ["border-t border-base-300 my-1", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("li", { className: t, role: "separator", ...e });
-}
-const A = Object.assign(D, {
-  Item: K,
-  SubMenu: k,
-  Title: z,
-  Divider: E
-});
+    oe(le, document.body)
+  ] });
+};
 export {
-  A as Menu
+  fe as Mention
 };
 //# sourceMappingURL=index50.js.map

package/dist/index50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index50.js","sources":["../src/components/Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useId } from 'react'\n\nexport type MenuMode = 'vertical' | 'horizontal' | 'inline'\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  children: React.ReactNode\n  mode?: MenuMode\n  selectedKeys?: string[]\n  defaultSelectedKeys?: string[]\n  openKeys?: string[]\n  defaultOpenKeys?: string[]\n  onSelect?: (key: string) => void\n  onOpenChange?: (openKeys: string[]) => void\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {\n  children: React.ReactNode\n  itemKey?: string\n  icon?: React.ReactNode\n  disabled?: boolean\n  onClick?: () => void\n  /** @deprecated Use itemKey and selectedKeys instead */\n  active?: boolean\n}\n\nexport interface MenuSubMenuProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n  itemKey: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {}\n\ninterface MenuContextValue {\n  mode: MenuMode\n  selectedKeys: string[]\n  openKeys: string[]\n  onSelect: (key: string) => void\n  onToggleOpen: (key: string) => void\n}\n\nconst MenuContext = createContext<MenuContextValue | null>(null)\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext)\n  if (!context) {\n    throw new Error('Menu components must be used within a Menu')\n  }\n  return context\n}\n\nfunction MenuRoot({\n  children,\n  mode = 'vertical',\n  selectedKeys: controlledSelectedKeys,\n  defaultSelectedKeys = [],\n  openKeys: controlledOpenKeys,\n  defaultOpenKeys = [],\n  onSelect,\n  onOpenChange,\n  className = '',\n  ...rest\n}: MenuProps) {\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalOpenKeys, setInternalOpenKeys] = useState<string[]>(defaultOpenKeys)\n\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const openKeys = controlledOpenKeys ?? internalOpenKeys\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys([key])\n      }\n      onSelect?.(key)\n    },\n    [controlledSelectedKeys, onSelect]\n  )\n\n  const handleToggleOpen = useCallback(\n    (key: string) => {\n      const newOpenKeys = openKeys.includes(key)\n        ? openKeys.filter((k) => k !== key)\n        : [...openKeys, key]\n\n      if (controlledOpenKeys === undefined) {\n        setInternalOpenKeys(newOpenKeys)\n      }\n      onOpenChange?.(newOpenKeys)\n    },\n    [openKeys, controlledOpenKeys, onOpenChange]\n  )\n\n  const modeClasses: Record<MenuMode, string> = {\n    vertical: '',\n    horizontal: 'menu-horizontal',\n    inline: '',\n  }\n\n  const menuClasses = ['menu', modeClasses[mode], className].filter(Boolean).join(' ')\n\n  return (\n    <MenuContext.Provider\n      value={{\n        mode,\n        selectedKeys,\n        openKeys,\n        onSelect: handleSelect,\n        onToggleOpen: handleToggleOpen,\n      }}\n    >\n      <ul className={menuClasses} {...rest}>{children}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  itemKey,\n  icon,\n  disabled = false,\n  onClick,\n  active,\n  className = '',\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext)\n\n  // Support both old active prop and new key-based selection\n  const isSelected = itemKey && context ? context.selectedKeys.includes(itemKey) : active\n\n  const handleClick = () => {\n    if (disabled) return\n    if (itemKey && context) {\n      context.onSelect(itemKey)\n    }\n    onClick?.()\n  }\n\n  const itemClasses = [\n    isSelected && 'active bg-primary text-primary-content',\n    disabled && 'disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <li>\n      <a\n        className={itemClasses}\n        onClick={handleClick}\n        aria-disabled={disabled}\n        role=\"menuitem\"\n        data-state={isSelected ? 'active' : 'inactive'}\n        {...rest}\n      >\n        {icon && <span className=\"menu-icon\">{icon}</span>}\n        {children}\n      </a>\n    </li>\n  )\n}\n\nfunction MenuSubMenu({\n  children,\n  itemKey,\n  label,\n  icon,\n  disabled = false,\n  className = '',\n  ...rest\n}: MenuSubMenuProps) {\n  const context = useMenuContext()\n  const isOpen = context.openKeys.includes(itemKey)\n  const submenuId = useId()\n\n  const handleToggle = () => {\n    if (disabled) return\n    context.onToggleOpen(itemKey)\n  }\n\n  const submenuClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  // For inline mode, use collapsible details/summary\n  if (context.mode === 'inline') {\n    return (\n      <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <details open={isOpen}>\n          <summary\n            onClick={(e) => {\n              e.preventDefault()\n              handleToggle()\n            }}\n            aria-expanded={isOpen}\n            aria-controls={submenuId}\n            aria-disabled={disabled}\n          >\n            {icon && <span className=\"menu-icon\">{icon}</span>}\n            {label}\n          </summary>\n          <ul id={submenuId} role=\"menu\">\n            {children}\n          </ul>\n        </details>\n      </li>\n    )\n  }\n\n  // For vertical/horizontal, use nested menu (dropdown style)\n  return (\n    <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <details open={isOpen}>\n        <summary\n          onClick={(e) => {\n            e.preventDefault()\n            handleToggle()\n          }}\n          aria-expanded={isOpen}\n          aria-controls={submenuId}\n          aria-disabled={disabled}\n        >\n          {icon && <span className=\"menu-icon\">{icon}</span>}\n          {label}\n        </summary>\n        <ul id={submenuId} role=\"menu\">\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction MenuTitle({ children, className = '', ...rest }: MenuTitleProps) {\n  const titleClasses = ['menu-title', className].filter(Boolean).join(' ')\n\n  return <li className={titleClasses} {...rest}>{children}</li>\n}\n\nfunction MenuDivider({ className = '', ...rest }: MenuDividerProps) {\n  const dividerClasses = ['border-t border-base-300 my-1', className].filter(Boolean).join(' ')\n\n  return <li className={dividerClasses} role=\"separator\" {...rest} />\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  SubMenu: MenuSubMenu,\n  Title: MenuTitle,\n  Divider: MenuDivider,\n})\n"],"names":["MenuContext","createContext","useMenuContext","context","useContext","MenuRoot","children","mode","controlledSelectedKeys","defaultSelectedKeys","controlledOpenKeys","defaultOpenKeys","onSelect","onOpenChange","className","rest","internalSelectedKeys","setInternalSelectedKeys","useState","internalOpenKeys","setInternalOpenKeys","selectedKeys","openKeys","handleSelect","useCallback","key","handleToggleOpen","newOpenKeys","k","menuClasses","jsx","MenuItem","itemKey","icon","disabled","onClick","active","isSelected","handleClick","itemClasses","jsxs","MenuSubMenu","label","isOpen","submenuId","useId","handleToggle","submenuClasses","e","MenuTitle","titleClasses","MenuDivider","dividerClasses","Menu"],"mappings":"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"}
+{"version":3,"file":"index50.js","sources":["../src/components/Mention.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\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=\"loading loading-spinner loading-sm\"></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=\"menu menu-sm 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=\"avatar\">\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=\"textarea textarea-bordered w-full resize-none\"\n      />\n\n      {createPortal(dropdown, document.body)}\n    </div>\n  )\n}\n"],"names":["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/index51.js

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

package/dist/index51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index51.js","sources":["../src/components/Browser.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface BrowserProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  url?: string\n  contentClassName?: string\n}\n\nexport const Browser: React.FC<BrowserProps> = ({\n  children,\n  url = 'https://example.com',\n  className = '',\n  contentClassName = '',\n  ...rest\n}) => {\n  return (\n    <div className={`mockup-browser border border-base-300 ${className}`} {...rest}>\n      <div className=\"mockup-browser-toolbar\">\n        <div className=\"input\">{url}</div>\n      </div>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Browser","children","url","className","contentClassName","rest","jsx"],"mappings":";AAQO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,wBAEK,OAAA,EAAI,WAAW,yCAAyCF,CAAS,IAAK,GAAGE,GACxE,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA,gBAAAA,EAAC,SAAI,WAAU,SAAS,aAAI,EAAA,CAC9B;AAAA,oBACC,OAAA,EAAI,WAAW,4BAA4BF,CAAgB,IACzD,UAAAH,EAAA,CACH;AAAA,GACF;"}
+{"version":3,"file":"index51.js","sources":["../src/components/Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useId } from 'react'\n\nexport type MenuMode = 'vertical' | 'horizontal' | 'inline'\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  children: React.ReactNode\n  mode?: MenuMode\n  selectedKeys?: string[]\n  defaultSelectedKeys?: string[]\n  openKeys?: string[]\n  defaultOpenKeys?: string[]\n  onSelect?: (key: string) => void\n  onOpenChange?: (openKeys: string[]) => void\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {\n  children: React.ReactNode\n  itemKey?: string\n  icon?: React.ReactNode\n  disabled?: boolean\n  onClick?: () => void\n  /** @deprecated Use itemKey and selectedKeys instead */\n  active?: boolean\n}\n\nexport interface MenuSubMenuProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n  itemKey: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {}\n\ninterface MenuContextValue {\n  mode: MenuMode\n  selectedKeys: string[]\n  openKeys: string[]\n  onSelect: (key: string) => void\n  onToggleOpen: (key: string) => void\n}\n\nconst MenuContext = createContext<MenuContextValue | null>(null)\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext)\n  if (!context) {\n    throw new Error('Menu components must be used within a Menu')\n  }\n  return context\n}\n\nfunction MenuRoot({\n  children,\n  mode = 'vertical',\n  selectedKeys: controlledSelectedKeys,\n  defaultSelectedKeys = [],\n  openKeys: controlledOpenKeys,\n  defaultOpenKeys = [],\n  onSelect,\n  onOpenChange,\n  className = '',\n  ...rest\n}: MenuProps) {\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalOpenKeys, setInternalOpenKeys] = useState<string[]>(defaultOpenKeys)\n\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const openKeys = controlledOpenKeys ?? internalOpenKeys\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys([key])\n      }\n      onSelect?.(key)\n    },\n    [controlledSelectedKeys, onSelect]\n  )\n\n  const handleToggleOpen = useCallback(\n    (key: string) => {\n      const newOpenKeys = openKeys.includes(key)\n        ? openKeys.filter((k) => k !== key)\n        : [...openKeys, key]\n\n      if (controlledOpenKeys === undefined) {\n        setInternalOpenKeys(newOpenKeys)\n      }\n      onOpenChange?.(newOpenKeys)\n    },\n    [openKeys, controlledOpenKeys, onOpenChange]\n  )\n\n  const modeClasses: Record<MenuMode, string> = {\n    vertical: '',\n    horizontal: 'menu-horizontal',\n    inline: '',\n  }\n\n  const menuClasses = ['menu', modeClasses[mode], className].filter(Boolean).join(' ')\n\n  return (\n    <MenuContext.Provider\n      value={{\n        mode,\n        selectedKeys,\n        openKeys,\n        onSelect: handleSelect,\n        onToggleOpen: handleToggleOpen,\n      }}\n    >\n      <ul className={menuClasses} {...rest}>{children}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  itemKey,\n  icon,\n  disabled = false,\n  onClick,\n  active,\n  className = '',\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext)\n\n  // Support both old active prop and new key-based selection\n  const isSelected = itemKey && context ? context.selectedKeys.includes(itemKey) : active\n\n  const handleClick = () => {\n    if (disabled) return\n    if (itemKey && context) {\n      context.onSelect(itemKey)\n    }\n    onClick?.()\n  }\n\n  const itemClasses = [\n    isSelected && 'active bg-primary text-primary-content',\n    disabled && 'disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <li>\n      <a\n        className={itemClasses}\n        onClick={handleClick}\n        aria-disabled={disabled}\n        role=\"menuitem\"\n        data-state={isSelected ? 'active' : 'inactive'}\n        {...rest}\n      >\n        {icon && <span className=\"menu-icon\">{icon}</span>}\n        {children}\n      </a>\n    </li>\n  )\n}\n\nfunction MenuSubMenu({\n  children,\n  itemKey,\n  label,\n  icon,\n  disabled = false,\n  className = '',\n  ...rest\n}: MenuSubMenuProps) {\n  const context = useMenuContext()\n  const isOpen = context.openKeys.includes(itemKey)\n  const submenuId = useId()\n\n  const handleToggle = () => {\n    if (disabled) return\n    context.onToggleOpen(itemKey)\n  }\n\n  const submenuClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  // For inline mode, use collapsible details/summary\n  if (context.mode === 'inline') {\n    return (\n      <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <details open={isOpen}>\n          <summary\n            onClick={(e) => {\n              e.preventDefault()\n              handleToggle()\n            }}\n            aria-expanded={isOpen}\n            aria-controls={submenuId}\n            aria-disabled={disabled}\n          >\n            {icon && <span className=\"menu-icon\">{icon}</span>}\n            {label}\n          </summary>\n          <ul id={submenuId} role=\"menu\">\n            {children}\n          </ul>\n        </details>\n      </li>\n    )\n  }\n\n  // For vertical/horizontal, use nested menu (dropdown style)\n  return (\n    <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <details open={isOpen}>\n        <summary\n          onClick={(e) => {\n            e.preventDefault()\n            handleToggle()\n          }}\n          aria-expanded={isOpen}\n          aria-controls={submenuId}\n          aria-disabled={disabled}\n        >\n          {icon && <span className=\"menu-icon\">{icon}</span>}\n          {label}\n        </summary>\n        <ul id={submenuId} role=\"menu\">\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction MenuTitle({ children, className = '', ...rest }: MenuTitleProps) {\n  const titleClasses = ['menu-title', className].filter(Boolean).join(' ')\n\n  return <li className={titleClasses} {...rest}>{children}</li>\n}\n\nfunction MenuDivider({ className = '', ...rest }: MenuDividerProps) {\n  const dividerClasses = ['border-t border-base-300 my-1', className].filter(Boolean).join(' ')\n\n  return <li className={dividerClasses} role=\"separator\" {...rest} />\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  SubMenu: MenuSubMenu,\n  Title: MenuTitle,\n  Divider: MenuDivider,\n})\n"],"names":["MenuContext","createContext","useMenuContext","context","useContext","MenuRoot","children","mode","controlledSelectedKeys","defaultSelectedKeys","controlledOpenKeys","defaultOpenKeys","onSelect","onOpenChange","className","rest","internalSelectedKeys","setInternalSelectedKeys","useState","internalOpenKeys","setInternalOpenKeys","selectedKeys","openKeys","handleSelect","useCallback","key","handleToggleOpen","newOpenKeys","k","menuClasses","jsx","MenuItem","itemKey","icon","disabled","onClick","active","isSelected","handleClick","itemClasses","jsxs","MenuSubMenu","label","isOpen","submenuId","useId","handleToggle","submenuClasses","e","MenuTitle","titleClasses","MenuDivider","dividerClasses","Menu"],"mappings":"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"}

package/dist/index52.js

@@ -1,25 +1,15 @@
-import { jsx as t } from "react/jsx-runtime";
-const c = ({
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+const b = ({
   children: e,
-  prefix: n = "$",
-  highlight: r = !1,
+  url: s = "https://example.com",
   className: o = "",
-  ...a
-}) => /* @__PURE__ */ t(
-  "pre",
-  {
-    "data-prefix": n,
-    className: `${r ? "bg-warning text-warning-content" : ""} ${o}`,
-    ...a,
-    children: /* @__PURE__ */ t("code", { children: e })
-  }
-), i = ({
-  children: e,
-  className: n = "",
-  ...r
-}) => /* @__PURE__ */ t("div", { className: `mockup-code ${n}`, ...r, children: e });
-i.Line = c;
+  contentClassName: a = "",
+  ...c
+}) => /* @__PURE__ */ d("div", { className: `mockup-browser border border-base-300 ${o}`, ...c, children: [
+  /* @__PURE__ */ r("div", { className: "mockup-browser-toolbar", children: /* @__PURE__ */ r("div", { className: "input", children: s }) }),
+  /* @__PURE__ */ r("div", { className: `border-t border-base-300 ${a}`, children: e })
+] });
 export {
-  i as Code
+  b as Browser
 };
 //# sourceMappingURL=index52.js.map

package/dist/index52.js.map

@@ -1 +1 @@
-{"version":3,"file":"index52.js","sources":["../src/components/Code.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface CodeLineProps extends React.HTMLAttributes<HTMLPreElement> {\n  children: React.ReactNode\n  prefix?: string\n  highlight?: boolean\n}\n\nconst Line: React.FC<CodeLineProps> = ({\n  children,\n  prefix = '$',\n  highlight = false,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <pre\n      data-prefix={prefix}\n      className={`${highlight ? 'bg-warning text-warning-content' : ''} ${className}`}\n      {...rest}\n    >\n      <code>{children}</code>\n    </pre>\n  )\n}\n\nexport interface CodeProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nexport const Code: React.FC<CodeProps> & { Line: typeof Line } = ({\n  children,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <div className={`mockup-code ${className}`} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nCode.Line = Line\n"],"names":["Line","children","prefix","highlight","className","rest","jsx","Code"],"mappings":";AAQA,MAAMA,IAAgC,CAAC;AAAA,EACrC,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAaJ;AAAA,IACb,WAAW,GAAGC,IAAY,oCAAoC,EAAE,IAAIC,CAAS;AAAA,IAC5E,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAAC,UAAM,UAAAL,EAAA,CAAS;AAAA,EAAA;AAAA,GASTM,IAAoD,CAAC;AAAA,EAChE,UAAAN;AAAA,EACA,WAAAG,IAAY;AAAA,EACZ,GAAGC;AACL,MAEI,gBAAAC,EAAC,SAAI,WAAW,eAAeF,CAAS,IAAK,GAAGC,GAC7C,UAAAJ,GACH;AAIJM,EAAK,OAAOP;"}
+{"version":3,"file":"index52.js","sources":["../src/components/Browser.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface BrowserProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  url?: string\n  contentClassName?: string\n}\n\nexport const Browser: React.FC<BrowserProps> = ({\n  children,\n  url = 'https://example.com',\n  className = '',\n  contentClassName = '',\n  ...rest\n}) => {\n  return (\n    <div className={`mockup-browser border border-base-300 ${className}`} {...rest}>\n      <div className=\"mockup-browser-toolbar\">\n        <div className=\"input\">{url}</div>\n      </div>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Browser","children","url","className","contentClassName","rest","jsx"],"mappings":";AAQO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,wBAEK,OAAA,EAAI,WAAW,yCAAyCF,CAAS,IAAK,GAAGE,GACxE,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA,gBAAAA,EAAC,SAAI,WAAU,SAAS,aAAI,EAAA,CAC9B;AAAA,oBACC,OAAA,EAAI,WAAW,4BAA4BF,CAAgB,IACzD,UAAAH,EAAA,CACH;AAAA,GACF;"}