asterui 0.11.0 → 0.12.1

package/dist/index48.js

@@ -1,17 +1,150 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-const n = ({
-  children: s,
-  color: e,
-  className: a = "",
-  displayClassName: c = ""
-}) => {
-  const m = e ? { borderColor: e } : {};
-  return /* @__PURE__ */ p("div", { className: `mockup-phone ${a}`, style: m, children: [
-    /* @__PURE__ */ o("div", { className: "mockup-phone-camera" }),
-    /* @__PURE__ */ o("div", { className: `mockup-phone-display ${c}`, children: s })
-  ] });
-};
+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
+}) {
+  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 {
-  n as Phone
+  A as Menu
 };
 //# sourceMappingURL=index48.js.map

package/dist/index48.js.map

@@ -1 +1 @@
-{"version":3,"file":"index48.js","sources":["../src/components/Phone.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface PhoneProps {\n  children: React.ReactNode\n  color?: string\n  className?: string\n  displayClassName?: string\n}\n\nexport const Phone: React.FC<PhoneProps> = ({\n  children,\n  color,\n  className = '',\n  displayClassName = '',\n}) => {\n  const style: React.CSSProperties = color ? { borderColor: color } : {}\n\n  return (\n    <div className={`mockup-phone ${className}`} style={style}>\n      <div className=\"mockup-phone-camera\"></div>\n      <div className={`mockup-phone-display ${displayClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Phone","children","color","className","displayClassName","style","jsx"],"mappings":";AASO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AACrB,MAAM;AACJ,QAAMC,IAA6BH,IAAQ,EAAE,aAAaA,EAAA,IAAU,CAAA;AAEpE,2BACG,OAAA,EAAI,WAAW,gBAAgBC,CAAS,IAAI,OAAAE,GAC3C,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,sBAAA,CAAsB;AAAA,sBACpC,OAAA,EAAI,WAAW,wBAAwBF,CAAgB,IACrD,UAAAH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index48.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/index49.js

@@ -1,10 +1,15 @@
-import { jsx as r } from "react/jsx-runtime";
-const a = ({
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+const b = ({
   children: e,
+  url: s = "https://example.com",
   className: o = "",
-  contentClassName: d = ""
-}) => /* @__PURE__ */ r("div", { className: `mockup-window border border-base-300 ${o}`, children: /* @__PURE__ */ r("div", { className: `border-t border-base-300 ${d}`, children: e }) });
+  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 {
-  a as Window
+  b as Browser
 };
 //# sourceMappingURL=index49.js.map

package/dist/index49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index49.js","sources":["../src/components/Window.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface WindowProps {\n  children: React.ReactNode\n  className?: string\n  contentClassName?: string\n}\n\nexport const Window: React.FC<WindowProps> = ({\n  children,\n  className = '',\n  contentClassName = '',\n}) => {\n  return (\n    <div className={`mockup-window border border-base-300 ${className}`}>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Window","children","className","contentClassName","jsx"],"mappings":";AAQO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AACrB,MAEI,gBAAAC,EAAC,OAAA,EAAI,WAAW,wCAAwCF,CAAS,IAC/D,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAW,4BAA4BD,CAAgB,IACzD,UAAAF,GACH,GACF;"}
+{"version":3,"file":"index49.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;"}

package/dist/index5.js

@@ -1,64 +1,104 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import C from "react";
-function j({
-  src: s,
-  alt: a = "avatar",
-  icon: t,
-  children: r,
-  size: c = "md",
-  shape: i = "circle",
-  status: l,
-  className: o = "",
-  style: n,
-  // Legacy props
-  online: d,
-  offline: w,
-  placeholder: g,
-  ...u
-}) {
-  const N = {
-    xs: "w-8",
-    sm: "w-12",
-    md: "w-16",
-    lg: "w-20",
-    xl: "w-24"
-  }, x = {
-    circle: "rounded-full",
-    square: "rounded"
-  }, h = l || (d ? "online" : w ? "offline" : void 0), v = [
-    "avatar",
-    h === "online" && "avatar-online",
-    h === "offline" && "avatar-offline",
-    (g || !s && (t || r)) && "avatar-placeholder",
-    o
-  ].filter(Boolean).join(" "), f = [N[c], x[i]].filter(Boolean).join(" ");
-  if (s)
-    return /* @__PURE__ */ e("div", { className: v, style: n, ...u, children: /* @__PURE__ */ e("div", { className: f, children: /* @__PURE__ */ e("img", { src: s, alt: a }) }) });
-  const m = t || r;
-  return m ? /* @__PURE__ */ e("div", { className: v, style: n, ...u, children: /* @__PURE__ */ e("div", { className: f, children: /* @__PURE__ */ e("div", { className: "bg-neutral text-neutral-content flex items-center justify-center w-full h-full", children: m }) }) }) : /* @__PURE__ */ e("div", { className: v, style: n, ...u, children: /* @__PURE__ */ e("div", { className: f, children: /* @__PURE__ */ e("div", { className: "bg-neutral-focus text-neutral-content w-full h-full" }) }) });
-}
-function A({ children: s, max: a, size: t, className: r = "", style: c, ...i }) {
-  const l = C.Children.toArray(s), o = a ? l.slice(0, a) : l, n = a && l.length > a ? l.length - a : 0, d = {
-    xs: "w-8",
-    sm: "w-12",
-    md: "w-16",
-    lg: "w-20",
-    xl: "w-24"
-  };
-  return /* @__PURE__ */ p("div", { className: `avatar-group -space-x-6 rtl:space-x-reverse ${r}`, style: c, ...i, children: [
-    o,
-    n > 0 && /* @__PURE__ */ e("div", { className: "avatar placeholder", children: /* @__PURE__ */ e("div", { className: `bg-neutral text-neutral-content rounded-full ${t ? d[t] : "w-12"}`, children: /* @__PURE__ */ p("span", { children: [
-      "+",
-      n
-    ] }) }) })
+import { jsxs as z, jsx as c } from "react/jsx-runtime";
+import { useState as g, useRef as v, useEffect as y } from "react";
+const L = ({
+  value: a,
+  defaultValue: k = "",
+  onChange: m,
+  options: D,
+  placeholder: I = "Type to search...",
+  disabled: b = !1,
+  size: E = "md",
+  className: N = "",
+  allowCustomValue: w = !0,
+  filterOption: x,
+  notFoundContent: A = "No results found",
+  ...C
+}) => {
+  const u = D.map(
+    (e) => typeof e == "string" ? { value: e, label: e } : e
+  ), [i, d] = g(k), [f, l] = g(!1), [r, n] = g(-1), p = v(null), o = v(null);
+  y(() => {
+    if (a !== void 0) {
+      const e = u.find((t) => t.value === a);
+      d(e?.label || a);
+    }
+  }, [a, u]);
+  const O = (e, t) => e.label.toLowerCase().includes(t.toLowerCase()), s = u.filter(
+    (e) => x ? x(e, i) : O(e, i)
+  ), F = (e) => {
+    const t = e.target.value;
+    d(t), l(!0), n(0), w && m?.(t);
+  }, h = (e) => {
+    d(e.label), l(!1), n(-1), m?.(e.value), p.current?.focus();
+  }, R = (e) => {
+    if (!f && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+      l(!0), n(0);
+      return;
+    }
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault(), n((t) => t < s.length - 1 ? t + 1 : t);
+        break;
+      case "ArrowUp":
+        e.preventDefault(), n((t) => t > 0 ? t - 1 : 0);
+        break;
+      case "Enter":
+        e.preventDefault(), r >= 0 && s[r] ? h(s[r]) : !w && s.length > 0 && h(s[0]);
+        break;
+      case "Escape":
+        l(!1), n(-1), p.current?.blur();
+        break;
+    }
+  }, T = () => {
+    l(!0), s.length > 0 && n(0);
+  }, V = (e) => {
+    o.current && o.current.contains(e.relatedTarget) || setTimeout(() => l(!1), 200);
+  }, $ = {
+    xs: "input-xs",
+    sm: "input-sm",
+    md: "input-md",
+    lg: "input-lg"
+  }[E];
+  return y(() => {
+    r >= 0 && o.current && o.current.children[r]?.scrollIntoView({ block: "nearest" });
+  }, [r]), /* @__PURE__ */ z("div", { className: `relative ${N}`, "data-state": f ? "open" : "closed", ...C, children: [
+    /* @__PURE__ */ c(
+      "input",
+      {
+        ref: p,
+        type: "text",
+        value: i,
+        onChange: F,
+        onKeyDown: R,
+        onFocus: T,
+        onBlur: V,
+        placeholder: I,
+        disabled: b,
+        className: `input input-bordered w-full ${$}`
+      }
+    ),
+    f && !b && /* @__PURE__ */ c(
+      "div",
+      {
+        ref: o,
+        className: "absolute z-50 w-full mt-1 bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-60 overflow-auto",
+        children: s.length > 0 ? s.map((e, t) => /* @__PURE__ */ c(
+          "div",
+          {
+            onMouseDown: (j) => {
+              j.preventDefault(), h(e);
+            },
+            onMouseEnter: () => n(t),
+            className: `px-4 py-2 cursor-pointer transition-colors ${t === r ? "bg-primary text-primary-content" : "hover:bg-base-200"}`,
+            children: e.label
+          },
+          e.value
+        )) : /* @__PURE__ */ c("div", { className: "px-4 py-2 text-base-content/60 text-center", children: A })
+      }
+    )
   ] });
-}
-const P = Object.assign(j, {
-  Group: A
-});
+};
 export {
-  P as Avatar,
-  A as AvatarGroup,
-  P as default
+  L as Autocomplete
 };
 //# sourceMappingURL=index5.js.map

package/dist/index5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index5.js","sources":["../src/components/Avatar.tsx"],"sourcesContent":["import React from 'react'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type AvatarShape = 'circle' | 'square'\nexport type AvatarStatus = 'online' | 'offline'\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string\n  alt?: string\n  icon?: React.ReactNode\n  children?: React.ReactNode\n  size?: AvatarSize\n  shape?: AvatarShape\n  status?: AvatarStatus\n  // Legacy props for backwards compatibility\n  online?: boolean\n  offline?: boolean\n  placeholder?: boolean\n}\n\nexport interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  max?: number\n  size?: AvatarSize\n}\n\nfunction AvatarRoot({\n  src,\n  alt = 'avatar',\n  icon,\n  children,\n  size = 'md',\n  shape = 'circle',\n  status,\n  className = '',\n  style,\n  // Legacy props\n  online,\n  offline,\n  placeholder,\n  ...rest\n}: AvatarProps) {\n  const sizeClasses: Record<AvatarSize, string> = {\n    xs: 'w-8',\n    sm: 'w-12',\n    md: 'w-16',\n    lg: 'w-20',\n    xl: 'w-24',\n  }\n\n  const shapeClasses: Record<AvatarShape, string> = {\n    circle: 'rounded-full',\n    square: 'rounded',\n  }\n\n  // Handle legacy boolean props\n  const resolvedStatus = status || (online ? 'online' : offline ? 'offline' : undefined)\n  const isPlaceholder = placeholder || (!src && (icon || children))\n\n  const avatarClasses = [\n    'avatar',\n    resolvedStatus === 'online' && 'avatar-online',\n    resolvedStatus === 'offline' && 'avatar-offline',\n    isPlaceholder && 'avatar-placeholder',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const innerClasses = [sizeClasses[size], shapeClasses[shape]].filter(Boolean).join(' ')\n\n  // Image avatar\n  if (src) {\n    return (\n      <div className={avatarClasses} style={style} {...rest}>\n        <div className={innerClasses}>\n          <img src={src} alt={alt} />\n        </div>\n      </div>\n    )\n  }\n\n  // Icon or text avatar (placeholder)\n  const content = icon || children\n\n  if (content) {\n    return (\n      <div className={avatarClasses} style={style} {...rest}>\n        <div className={innerClasses}>\n          <div className=\"bg-neutral text-neutral-content flex items-center justify-center w-full h-full\">\n            {content}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  // Empty avatar\n  return (\n    <div className={avatarClasses} style={style} {...rest}>\n      <div className={innerClasses}>\n        <div className=\"bg-neutral-focus text-neutral-content w-full h-full\" />\n      </div>\n    </div>\n  )\n}\n\nfunction AvatarGroup({ children, max, size, className = '', style, ...rest }: AvatarGroupProps) {\n  const avatars = React.Children.toArray(children)\n  const displayAvatars = max ? avatars.slice(0, max) : avatars\n  const remainingCount = max && avatars.length > max ? avatars.length - max : 0\n\n  const sizeClasses: Record<AvatarSize, string> = {\n    xs: 'w-8',\n    sm: 'w-12',\n    md: 'w-16',\n    lg: 'w-20',\n    xl: 'w-24',\n  }\n\n  return (\n    <div className={`avatar-group -space-x-6 rtl:space-x-reverse ${className}`} style={style} {...rest}>\n      {displayAvatars}\n      {remainingCount > 0 && (\n        <div className=\"avatar placeholder\">\n          <div className={`bg-neutral text-neutral-content rounded-full ${size ? sizeClasses[size] : 'w-12'}`}>\n            <span>+{remainingCount}</span>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const Avatar = Object.assign(AvatarRoot, {\n  Group: AvatarGroup,\n})\n\nexport { AvatarGroup }\n\nexport default Avatar\n"],"names":["AvatarRoot","src","alt","icon","children","size","shape","status","className","style","online","offline","placeholder","rest","sizeClasses","shapeClasses","resolvedStatus","avatarClasses","innerClasses","jsx","content","AvatarGroup","max","avatars","React","displayAvatars","remainingCount","jsxs","Avatar"],"mappings":";;AA0BA,SAASA,EAAW;AAAA,EAClB,KAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA;AAAA,EAEA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAMC,IAA0C;AAAA,IAC9C,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAA4C;AAAA,IAChD,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA,GAIJC,IAAiBT,MAAWG,IAAS,WAAWC,IAAU,YAAY,SAGtEM,IAAgB;AAAA,IACpB;AAAA,IACAD,MAAmB,YAAY;AAAA,IAC/BA,MAAmB,aAAa;AAAA,KALZJ,KAAgB,CAACX,MAAQE,KAAQC,OAMpC;AAAA,IACjBI;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELU,IAAe,CAACJ,EAAYT,CAAI,GAAGU,EAAaT,CAAK,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAGtF,MAAIL;AACF,6BACG,OAAA,EAAI,WAAWgB,GAAe,OAAAR,GAAe,GAAGI,GAC/C,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA,gBAAAC,EAAC,OAAA,EAAI,KAAAlB,GAAU,KAAAC,EAAA,CAAU,GAC3B,GACF;AAKJ,QAAMkB,IAAUjB,KAAQC;AAExB,SAAIgB,sBAEC,OAAA,EAAI,WAAWH,GAAe,OAAAR,GAAe,GAAGI,GAC/C,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,kFACZ,UAAAC,GACH,GACF,EAAA,CACF,sBAMD,OAAA,EAAI,WAAWH,GAAe,OAAAR,GAAe,GAAGI,GAC/C,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,sDAAA,CAAsD,GACvE,GACF;AAEJ;AAEA,SAASE,EAAY,EAAE,UAAAjB,GAAU,KAAAkB,GAAK,MAAAjB,GAAM,WAAAG,IAAY,IAAI,OAAAC,GAAO,GAAGI,KAA0B;AAC9F,QAAMU,IAAUC,EAAM,SAAS,QAAQpB,CAAQ,GACzCqB,IAAiBH,IAAMC,EAAQ,MAAM,GAAGD,CAAG,IAAIC,GAC/CG,IAAiBJ,KAAOC,EAAQ,SAASD,IAAMC,EAAQ,SAASD,IAAM,GAEtER,IAA0C;AAAA,IAC9C,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAGN,SACE,gBAAAa,EAAC,SAAI,WAAW,+CAA+CnB,CAAS,IAAI,OAAAC,GAAe,GAAGI,GAC3F,UAAA;AAAA,IAAAY;AAAA,IACAC,IAAiB,KAChB,gBAAAP,EAAC,OAAA,EAAI,WAAU,sBACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAW,gDAAgDd,IAAOS,EAAYT,CAAI,IAAI,MAAM,IAC/F,4BAAC,QAAA,EAAK,UAAA;AAAA,MAAA;AAAA,MAAEqB;AAAA,IAAA,EAAA,CAAe,GACzB,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEO,MAAME,IAAS,OAAO,OAAO5B,GAAY;AAAA,EAC9C,OAAOqB;AACT,CAAC;"}
+{"version":3,"file":"index5.js","sources":["../src/components/Autocomplete.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\n\nexport interface AutocompleteOption {\n  value: string\n  label: string\n}\n\nexport interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  options: AutocompleteOption[] | string[]\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  allowCustomValue?: boolean\n  filterOption?: (option: AutocompleteOption, inputValue: string) => boolean\n  notFoundContent?: React.ReactNode\n}\n\nexport const Autocomplete: React.FC<AutocompleteProps> = ({\n  value,\n  defaultValue = '',\n  onChange,\n  options: rawOptions,\n  placeholder = 'Type to search...',\n  disabled = false,\n  size = 'md',\n  className = '',\n  allowCustomValue = true,\n  filterOption,\n  notFoundContent = 'No results found',\n  ...rest\n}) => {\n  // Normalize options to AutocompleteOption[]\n  const options: AutocompleteOption[] = rawOptions.map((opt) =>\n    typeof opt === 'string' ? { value: opt, label: opt } : opt\n  )\n\n  const [inputValue, setInputValue] = useState(defaultValue)\n  const [isOpen, setIsOpen] = useState(false)\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n\n  // Update input value when controlled value changes\n  useEffect(() => {\n    if (value !== undefined) {\n      const selectedOption = options.find((opt) => opt.value === value)\n      setInputValue(selectedOption?.label || value)\n    }\n  }, [value, options])\n\n  // Filter options based on input\n  const defaultFilter = (option: AutocompleteOption, input: string) =>\n    option.label.toLowerCase().includes(input.toLowerCase())\n\n  const filteredOptions = options.filter((option) =>\n    filterOption ? filterOption(option, inputValue) : defaultFilter(option, inputValue)\n  )\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newInputValue = e.target.value\n    setInputValue(newInputValue)\n    setIsOpen(true)\n    setHighlightedIndex(0)\n\n    if (allowCustomValue) {\n      onChange?.(newInputValue)\n    }\n  }\n\n  const handleOptionClick = (option: AutocompleteOption) => {\n    setInputValue(option.label)\n    setIsOpen(false)\n    setHighlightedIndex(-1)\n\n    onChange?.(option.value)\n    inputRef.current?.focus()\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!isOpen && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n      setIsOpen(true)\n      setHighlightedIndex(0)\n      return\n    }\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setHighlightedIndex((prev) => (prev < filteredOptions.length - 1 ? prev + 1 : prev))\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : 0))\n        break\n      case 'Enter':\n        e.preventDefault()\n        if (highlightedIndex >= 0 && filteredOptions[highlightedIndex]) {\n          handleOptionClick(filteredOptions[highlightedIndex])\n        } else if (!allowCustomValue && filteredOptions.length > 0) {\n          handleOptionClick(filteredOptions[0])\n        }\n        break\n      case 'Escape':\n        setIsOpen(false)\n        setHighlightedIndex(-1)\n        inputRef.current?.blur()\n        break\n    }\n  }\n\n  const handleFocus = () => {\n    setIsOpen(true)\n    if (filteredOptions.length > 0) {\n      setHighlightedIndex(0)\n    }\n  }\n\n  const handleBlur = (e: React.FocusEvent) => {\n    // Don't close if clicking inside dropdown\n    if (dropdownRef.current && dropdownRef.current.contains(e.relatedTarget as Node)) {\n      return\n    }\n    setTimeout(() => setIsOpen(false), 200)\n  }\n\n  const sizeClass = {\n    xs: 'input-xs',\n    sm: 'input-sm',\n    md: 'input-md',\n    lg: 'input-lg',\n  }[size]\n\n  // Scroll highlighted option into view\n  useEffect(() => {\n    if (highlightedIndex >= 0 && dropdownRef.current) {\n      const highlightedElement = dropdownRef.current.children[highlightedIndex] as HTMLElement\n      highlightedElement?.scrollIntoView({ block: 'nearest' })\n    }\n  }, [highlightedIndex])\n\n  return (\n    <div className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <input\n        ref={inputRef}\n        type=\"text\"\n        value={inputValue}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        disabled={disabled}\n        className={`input input-bordered w-full ${sizeClass}`}\n      />\n\n      {isOpen && !disabled && (\n        <div\n          ref={dropdownRef}\n          className=\"absolute z-50 w-full mt-1 bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-60 overflow-auto\"\n        >\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((option, index) => (\n              <div\n                key={option.value}\n                onMouseDown={(e) => {\n                  e.preventDefault()\n                  handleOptionClick(option)\n                }}\n                onMouseEnter={() => setHighlightedIndex(index)}\n                className={`px-4 py-2 cursor-pointer transition-colors ${\n                  index === highlightedIndex\n                    ? 'bg-primary text-primary-content'\n                    : 'hover:bg-base-200'\n                }`}\n              >\n                {option.label}\n              </div>\n            ))\n          ) : (\n            <div className=\"px-4 py-2 text-base-content/60 text-center\">{notFoundContent}</div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["Autocomplete","value","defaultValue","onChange","rawOptions","placeholder","disabled","size","className","allowCustomValue","filterOption","notFoundContent","rest","options","opt","inputValue","setInputValue","useState","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","inputRef","useRef","dropdownRef","useEffect","selectedOption","defaultFilter","option","input","filteredOptions","handleInputChange","newInputValue","handleOptionClick","handleKeyDown","prev","handleFocus","handleBlur","sizeClass","jsxs","jsx","index","e"],"mappings":"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"}