asterui 0.12.49 → 0.12.51

package/dist/components/Alert.js

@@ -1,31 +1,31 @@
 import { jsx as i } from "react/jsx-runtime";
-const m = ({
-  children: r,
-  className: s = "",
+const d = "alert", f = "alert-info", A = "alert-success", u = "alert-warning", g = "alert-error", m = "alert-outline", p = "alert-dash", h = "alert-soft", j = "alert-vertical", x = ({
+  children: t,
+  className: r = "",
   type: e,
-  outline: a = !1,
+  outline: s = !1,
   dash: l = !1,
-  soft: t = !1,
-  vertical: o = !1,
+  soft: o = !1,
+  vertical: a = !1,
   ...n
 }) => {
   const c = [
-    "alert",
+    d,
     e && {
-      info: "alert-info",
-      success: "alert-success",
-      warning: "alert-warning",
-      error: "alert-error"
+      info: f,
+      success: A,
+      warning: u,
+      error: g
     }[e],
-    a && "alert-outline",
-    l && "alert-dash",
-    t && "alert-soft",
-    o && "alert-vertical",
-    s
+    s && m,
+    l && p,
+    o && h,
+    a && j,
+    r
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i("div", { role: "alert", className: c, ...n, children: r });
+  return /* @__PURE__ */ i("div", { role: "alert", className: c, ...n, children: t });
 };
 export {
-  m as Alert
+  x as Alert
 };
 //# sourceMappingURL=Alert.js.map

package/dist/components/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  type?: 'info' | 'success' | 'warning' | 'error'\n  outline?: boolean\n  dash?: boolean\n  soft?: boolean\n  vertical?: boolean\n}\n\nexport const Alert: React.FC<AlertProps> = ({\n  children,\n  className = '',\n  type,\n  outline = false,\n  dash = false,\n  soft = false,\n  vertical = false,\n  ...rest\n}) => {\n  const typeClasses = {\n    info: 'alert-info',\n    success: 'alert-success',\n    warning: 'alert-warning',\n    error: 'alert-error',\n  }\n\n  const classes = [\n    'alert',\n    type && typeClasses[type],\n    outline && 'alert-outline',\n    dash && 'alert-dash',\n    soft && 'alert-soft',\n    vertical && 'alert-vertical',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div role=\"alert\" className={classes} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["Alert","children","className","type","outline","dash","soft","vertical","rest","classes","jsx"],"mappings":";AAWO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,MAAM;AAQJ,QAAMC,IAAU;AAAA,IACd;AAAA,IACAN,KATkB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,EAKaA,CAAI;AAAA,IACxBC,KAAW;AAAA,IACXC,KAAQ;AAAA,IACRC,KAAQ;AAAA,IACRC,KAAY;AAAA,IACZL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,SAAI,MAAK,SAAQ,WAAWD,GAAU,GAAGD,GACvC,UAAAP,GACH;AAEJ;"}
+{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dAlert = 'alert'\nconst dAlertInfo = 'alert-info'\nconst dAlertSuccess = 'alert-success'\nconst dAlertWarning = 'alert-warning'\nconst dAlertError = 'alert-error'\nconst dAlertOutline = 'alert-outline'\nconst dAlertDash = 'alert-dash'\nconst dAlertSoft = 'alert-soft'\nconst dAlertVertical = 'alert-vertical'\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  type?: 'info' | 'success' | 'warning' | 'error'\n  outline?: boolean\n  dash?: boolean\n  soft?: boolean\n  vertical?: boolean\n}\n\nexport const Alert: React.FC<AlertProps> = ({\n  children,\n  className = '',\n  type,\n  outline = false,\n  dash = false,\n  soft = false,\n  vertical = false,\n  ...rest\n}) => {\n  const typeClasses = {\n    info: dAlertInfo,\n    success: dAlertSuccess,\n    warning: dAlertWarning,\n    error: dAlertError,\n  }\n\n  const classes = [\n    dAlert,\n    type && typeClasses[type],\n    outline && dAlertOutline,\n    dash && dAlertDash,\n    soft && dAlertSoft,\n    vertical && dAlertVertical,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div role=\"alert\" className={classes} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["dAlert","dAlertInfo","dAlertSuccess","dAlertWarning","dAlertError","dAlertOutline","dAlertDash","dAlertSoft","dAlertVertical","Alert","children","className","type","outline","dash","soft","vertical","rest","classes","jsx"],"mappings":";AAGA,MAAMA,IAAS,SACTC,IAAa,cACbC,IAAgB,iBAChBC,IAAgB,iBAChBC,IAAc,eACdC,IAAgB,iBAChBC,IAAa,cACbC,IAAa,cACbC,IAAiB,kBAWVC,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,MAAM;AAQJ,QAAMC,IAAU;AAAA,IACdlB;AAAA,IACAY,KATkB;AAAA,MAClB,MAAMX;AAAA,MACN,SAASC;AAAA,MACT,SAASC;AAAA,MACT,OAAOC;AAAA,IAAA,EAKaQ,CAAI;AAAA,IACxBC,KAAWR;AAAA,IACXS,KAAQR;AAAA,IACRS,KAAQR;AAAA,IACRS,KAAYR;AAAA,IACZG;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,SAAI,MAAK,SAAQ,WAAWD,GAAU,GAAGD,GACvC,UAAAP,GACH;AAEJ;"}

package/dist/components/Autocomplete.js

@@ -1,178 +1,179 @@
-import { jsxs as M, jsx as r } from "react/jsx-runtime";
-import { useId as le, useState as C, useRef as z, useEffect as A } from "react";
-const oe = ({ onClick: o, className: g }) => /* @__PURE__ */ r(
+import { jsxs as M, jsx as o } from "react/jsx-runtime";
+import { useId as de, useState as k, useRef as O, useEffect as z } from "react";
+import { useConfig as ue } from "./ConfigProvider.js";
+const pe = "dropdown", fe = "dropdown-bottom", he = "dropdown-open", be = "dropdown-content", me = "menu", Ie = "input", ge = "input-xs", we = "input-sm", xe = "input-md", ye = "input-lg", ve = "input-xl", Ce = "input-neutral", ke = "input-primary", De = "input-secondary", Ne = "input-accent", $e = "input-info", je = "input-success", A = "input-warning", R = "input-error", Ee = ({ onClick: l, className: I }) => /* @__PURE__ */ o(
   "button",
   {
     type: "button",
-    onClick: o,
-    className: `flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${g || ""}`,
+    onClick: l,
+    className: `flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${I || ""}`,
     "aria-label": "Clear input",
     tabIndex: -1,
-    children: /* @__PURE__ */ r("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+    children: /* @__PURE__ */ o("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
   }
-), pe = ({
-  value: o,
-  defaultValue: g = "",
-  onChange: w,
-  onSelect: R,
-  onSearch: T,
-  options: V,
-  placeholder: K = "Type to search...",
+), ze = ({
+  value: l,
+  defaultValue: I = "",
+  onChange: g,
+  onSelect: T,
+  onSearch: V,
+  options: K,
+  placeholder: P = "Type to search...",
   disabled: p = !1,
-  size: S = "md",
-  color: N,
-  status: x,
-  className: U = "",
-  allowCustomValue: D = !0,
-  filterOption: j,
-  notFoundContent: F = "No results found",
+  size: U,
+  color: D,
+  status: w,
+  className: W = "",
+  allowCustomValue: N = !0,
+  filterOption: $,
+  notFoundContent: X = "No results found",
   allowClear: f,
-  onClear: H,
-  open: $,
-  defaultOpen: P = !1,
-  onOpenChange: W,
-  defaultActiveFirstOption: v = !0,
-  ...q
+  onClear: F,
+  open: j,
+  defaultOpen: H = !1,
+  onOpenChange: q,
+  defaultActiveFirstOption: x = !0,
+  ...G
 }) => {
-  const y = le(), G = `${y}-input`, E = `${y}-listbox`, I = V.map(
+  const { componentSize: J } = ue(), Q = U ?? J ?? "md", y = de(), Y = `${y}-input`, E = `${y}-listbox`, v = K.map(
     (e) => typeof e == "string" ? { value: e, label: e } : e
-  ), [h, b] = C(g), [J, Q] = C(P), [n, a] = C(-1), m = z(null), c = z(null), B = $ !== void 0, u = B ? $ : J, i = (e) => {
-    B || Q(e), W?.(e);
+  ), [h, b] = k(I), [Z, _] = k(H), [t, r] = k(-1), m = O(null), i = O(null), S = j !== void 0, d = S ? j : Z, c = (e) => {
+    S || _(e), q?.(e);
   };
-  A(() => {
-    if (o !== void 0) {
-      const e = I.find((t) => t.value === o);
-      b(e?.label || o);
+  z(() => {
+    if (l !== void 0) {
+      const e = v.find((n) => n.value === l);
+      b(e?.label || l);
     }
-  }, [o, I]);
-  const X = (e, t) => e.label.toLowerCase().includes(t.toLowerCase()), l = I.filter(
-    (e) => j ? j(e, h) : X(e, h)
-  ), d = l.filter((e) => !e.disabled), Y = (e) => {
-    const t = e.target.value;
-    b(t), i(!0), v && d.length > 0 ? a(0) : a(-1), T?.(t), D && w?.(t);
-  }, k = (e) => {
-    e.disabled || (b(e.label), i(!1), a(-1), w?.(e.value), R?.(e.value, e), m.current?.focus());
-  }, Z = (e) => {
-    if (!u && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
-      i(!0), v && d.length > 0 && a(0);
+  }, [l, v]);
+  const ee = (e, n) => e.label.toLowerCase().includes(n.toLowerCase()), a = v.filter(
+    (e) => $ ? $(e, h) : ee(e, h)
+  ), u = a.filter((e) => !e.disabled), ne = (e) => {
+    const n = e.target.value;
+    b(n), c(!0), x && u.length > 0 ? r(0) : r(-1), V?.(n), N && g?.(n);
+  }, C = (e) => {
+    e.disabled || (b(e.label), c(!1), r(-1), g?.(e.value), T?.(e.value, e), m.current?.focus());
+  }, te = (e) => {
+    if (!d && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+      c(!0), x && u.length > 0 && r(0);
       return;
     }
     switch (e.key) {
       case "ArrowDown":
-        e.preventDefault(), a((t) => {
-          for (let s = t + 1; s < l.length; s++)
-            if (!l[s].disabled) return s;
-          return t;
+        e.preventDefault(), r((n) => {
+          for (let s = n + 1; s < a.length; s++)
+            if (!a[s].disabled) return s;
+          return n;
         });
         break;
       case "ArrowUp":
-        e.preventDefault(), a((t) => {
-          for (let s = t - 1; s >= 0; s--)
-            if (!l[s].disabled) return s;
-          return t;
+        e.preventDefault(), r((n) => {
+          for (let s = n - 1; s >= 0; s--)
+            if (!a[s].disabled) return s;
+          return n;
         });
         break;
       case "Enter":
-        e.preventDefault(), n >= 0 && l[n] && !l[n].disabled ? k(l[n]) : !D && d.length > 0 && k(d[0]);
+        e.preventDefault(), t >= 0 && a[t] && !a[t].disabled ? C(a[t]) : !N && u.length > 0 && C(u[0]);
         break;
       case "Escape":
-        i(!1), a(-1), m.current?.blur();
+        c(!1), r(-1), m.current?.blur();
         break;
     }
-  }, _ = () => {
-    i(!0), v && d.length > 0 && a(0);
-  }, ee = (e) => {
-    c.current && c.current.contains(e.relatedTarget) || setTimeout(() => i(!1), 200);
-  }, te = (e) => {
-    e.stopPropagation(), b(""), w?.(""), H?.(), m.current?.focus();
-  }, ne = {
-    xs: "input-xs",
-    sm: "input-sm",
-    md: "input-md",
-    lg: "input-lg",
-    xl: "input-xl"
-  }, se = x ? {
-    error: "input-error",
-    warning: "input-warning"
-  }[x] : N ? {
-    neutral: "input-neutral",
-    primary: "input-primary",
-    secondary: "input-secondary",
-    accent: "input-accent",
-    info: "input-info",
-    success: "input-success",
-    warning: "input-warning",
-    error: "input-error"
-  }[N] : "";
-  A(() => {
-    n >= 0 && c.current && c.current.children[n]?.scrollIntoView({ block: "nearest" });
-  }, [n]);
-  const L = f && h && !p, re = typeof f == "object" && f.clearIcon ? f.clearIcon : null, O = (e) => `${y}-option-${e}`, ae = [
-    "input w-full",
-    ne[S],
-    se,
-    L && "pr-10"
+  }, se = () => {
+    c(!0), x && u.length > 0 && r(0);
+  }, oe = (e) => {
+    i.current && i.current.contains(e.relatedTarget) || setTimeout(() => c(!1), 200);
+  }, re = (e) => {
+    e.stopPropagation(), b(""), g?.(""), F?.(), m.current?.focus();
+  }, ae = {
+    xs: ge,
+    sm: we,
+    md: xe,
+    lg: ye,
+    xl: ve
+  }, le = w ? {
+    error: R,
+    warning: A
+  }[w] : D ? {
+    neutral: Ce,
+    primary: ke,
+    secondary: De,
+    accent: Ne,
+    info: $e,
+    success: je,
+    warning: A,
+    error: R
+  }[D] : "";
+  z(() => {
+    t >= 0 && i.current && i.current.children[t]?.scrollIntoView({ block: "nearest" });
+  }, [t]);
+  const B = f && h && !p, ce = typeof f == "object" && f.clearIcon ? f.clearIcon : null, L = (e) => `${y}-option-${e}`, ie = [
+    `${Ie} w-full`,
+    ae[Q],
+    le,
+    B && "pr-10"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ M(
     "div",
     {
-      className: `dropdown dropdown-bottom w-full ${u && !p ? "dropdown-open" : ""} ${U}`,
-      "data-state": u ? "open" : "closed",
-      ...q,
+      className: `${pe} ${fe} w-full ${d && !p ? he : ""} ${W}`,
+      "data-state": d ? "open" : "closed",
+      ...G,
       children: [
         /* @__PURE__ */ M("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ o(
             "input",
             {
               ref: m,
-              id: G,
+              id: Y,
               type: "text",
               role: "combobox",
-              "aria-expanded": u,
+              "aria-expanded": d,
               "aria-haspopup": "listbox",
               "aria-controls": E,
               "aria-autocomplete": "list",
-              "aria-activedescendant": n >= 0 ? O(n) : void 0,
-              "aria-invalid": x === "error" ? !0 : void 0,
+              "aria-activedescendant": t >= 0 ? L(t) : void 0,
+              "aria-invalid": w === "error" ? !0 : void 0,
               value: h,
-              onChange: Y,
-              onKeyDown: Z,
-              onFocus: _,
-              onBlur: ee,
-              placeholder: K,
+              onChange: ne,
+              onKeyDown: te,
+              onFocus: se,
+              onBlur: oe,
+              placeholder: P,
               disabled: p,
-              className: ae
+              className: ie
             }
           ),
-          L && /* @__PURE__ */ r("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 z-10", children: re || /* @__PURE__ */ r(oe, { onClick: te }) })
+          B && /* @__PURE__ */ o("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 z-10", children: ce || /* @__PURE__ */ o(Ee, { onClick: re }) })
         ] }),
-        u && !p && /* @__PURE__ */ r(
+        d && !p && /* @__PURE__ */ o(
           "ul",
           {
-            ref: c,
+            ref: i,
             id: E,
             role: "listbox",
             "aria-label": "Suggestions",
             tabIndex: -1,
-            className: "dropdown-content menu bg-base-100 rounded-box z-50 w-full shadow-lg border border-base-300 max-h-60 overflow-auto flex-nowrap",
-            children: l.length > 0 ? l.map((e, t) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+            className: `${be} ${me} bg-base-100 rounded-box z-50 w-full shadow-lg border border-base-300 max-h-60 overflow-auto flex-nowrap`,
+            children: a.length > 0 ? a.map((e, n) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
               "a",
               {
-                id: O(t),
+                id: L(n),
                 role: "option",
-                "aria-selected": n === t,
+                "aria-selected": t === n,
                 "aria-disabled": e.disabled,
                 onMouseDown: (s) => {
-                  s.preventDefault(), k(e);
+                  s.preventDefault(), C(e);
                 },
-                onMouseEnter: () => !e.disabled && a(t),
+                onMouseEnter: () => !e.disabled && r(n),
                 className: [
-                  t === n && !e.disabled && "active",
+                  n === t && !e.disabled && "active",
                   e.disabled && "disabled text-base-content/40 cursor-not-allowed"
                 ].filter(Boolean).join(" "),
                 children: e.label
               }
-            ) }, e.value)) : /* @__PURE__ */ r("li", { className: "disabled", children: /* @__PURE__ */ r("span", { className: "text-base-content/60 text-center cursor-default", children: F }) })
+            ) }, e.value)) : /* @__PURE__ */ o("li", { className: "disabled", children: /* @__PURE__ */ o("span", { className: "text-base-content/60 text-center cursor-default", children: X }) })
           }
         )
       ]
@@ -180,6 +181,6 @@ const oe = ({ onClick: o, className: g }) => /* @__PURE__ */ r(
   );
 };
 export {
-  pe as Autocomplete
+  ze as Autocomplete
 };
 //# sourceMappingURL=Autocomplete.js.map

package/dist/components/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../src/components/Autocomplete.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useId } from 'react'\n\nexport interface AutocompleteOption {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  onSelect?: (value: string, option: AutocompleteOption) => void\n  onSearch?: (value: string) => void\n  options: AutocompleteOption[] | string[]\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  allowCustomValue?: boolean\n  filterOption?: (option: AutocompleteOption, inputValue: string) => boolean\n  notFoundContent?: React.ReactNode\n  /** Show clear button when input has value */\n  allowClear?: boolean | { clearIcon?: React.ReactNode }\n  /** Callback when clear button is clicked */\n  onClear?: () => void\n  /** Controlled open state */\n  open?: boolean\n  /** Default open state */\n  defaultOpen?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Activate first option by default */\n  defaultActiveFirstOption?: boolean\n}\n\n// Clear icon component\nconst ClearIcon: React.FC<{ onClick: (e: React.MouseEvent) => void; className?: string }> = ({ onClick, className }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={`flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${className || ''}`}\n    aria-label=\"Clear input\"\n    tabIndex={-1}\n  >\n    <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  </button>\n)\n\nexport const Autocomplete: React.FC<AutocompleteProps> = ({\n  value,\n  defaultValue = '',\n  onChange,\n  onSelect,\n  onSearch,\n  options: rawOptions,\n  placeholder = 'Type to search...',\n  disabled = false,\n  size = 'md',\n  color,\n  status,\n  className = '',\n  allowCustomValue = true,\n  filterOption,\n  notFoundContent = 'No results found',\n  allowClear,\n  onClear,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  defaultActiveFirstOption = true,\n  ...rest\n}) => {\n  // Generate unique IDs for ARIA\n  const baseId = useId()\n  const inputId = `${baseId}-input`\n  const listboxId = `${baseId}-listbox`\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 [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const dropdownRef = useRef<HTMLUListElement>(null)\n\n  // Determine if open state is controlled\n  const isOpenControlled = controlledOpen !== undefined\n  const isOpen = isOpenControlled ? controlledOpen : internalOpen\n\n  const setIsOpen = (newOpen: boolean) => {\n    if (!isOpenControlled) {\n      setInternalOpen(newOpen)\n    }\n    onOpenChange?.(newOpen)\n  }\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  // Get only enabled options for keyboard navigation\n  const enabledOptions = filteredOptions.filter(opt => !opt.disabled)\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newInputValue = e.target.value\n    setInputValue(newInputValue)\n    setIsOpen(true)\n\n    if (defaultActiveFirstOption && enabledOptions.length > 0) {\n      setHighlightedIndex(0)\n    } else {\n      setHighlightedIndex(-1)\n    }\n\n    onSearch?.(newInputValue)\n\n    if (allowCustomValue) {\n      onChange?.(newInputValue)\n    }\n  }\n\n  const handleOptionClick = (option: AutocompleteOption) => {\n    if (option.disabled) return\n\n    setInputValue(option.label)\n    setIsOpen(false)\n    setHighlightedIndex(-1)\n\n    onChange?.(option.value)\n    onSelect?.(option.value, option)\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      if (defaultActiveFirstOption && enabledOptions.length > 0) {\n        setHighlightedIndex(0)\n      }\n      return\n    }\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setHighlightedIndex((prev) => {\n          // Find next enabled option\n          for (let i = prev + 1; i < filteredOptions.length; i++) {\n            if (!filteredOptions[i].disabled) return i\n          }\n          return prev\n        })\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setHighlightedIndex((prev) => {\n          // Find previous enabled option\n          for (let i = prev - 1; i >= 0; i--) {\n            if (!filteredOptions[i].disabled) return i\n          }\n          return prev\n        })\n        break\n      case 'Enter':\n        e.preventDefault()\n        if (highlightedIndex >= 0 && filteredOptions[highlightedIndex] && !filteredOptions[highlightedIndex].disabled) {\n          handleOptionClick(filteredOptions[highlightedIndex])\n        } else if (!allowCustomValue && enabledOptions.length > 0) {\n          handleOptionClick(enabledOptions[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 (defaultActiveFirstOption && enabledOptions.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 handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    setInputValue('')\n    onChange?.('')\n    onClear?.()\n    inputRef.current?.focus()\n  }\n\n  const sizeClasses = {\n    xs: 'input-xs',\n    sm: 'input-sm',\n    md: 'input-md',\n    lg: 'input-lg',\n    xl: 'input-xl',\n  }\n\n  const colorClasses = {\n    neutral: 'input-neutral',\n    primary: 'input-primary',\n    secondary: 'input-secondary',\n    accent: 'input-accent',\n    info: 'input-info',\n    success: 'input-success',\n    warning: 'input-warning',\n    error: 'input-error',\n  }\n\n  const statusClasses = {\n    error: 'input-error',\n    warning: 'input-warning',\n  }\n\n  // Status takes precedence over color for validation feedback\n  const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\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  // Determine if we should show clear button\n  const showClear = allowClear && inputValue && !disabled\n\n  // Get custom clear icon if provided\n  const clearIcon = typeof allowClear === 'object' && allowClear.clearIcon\n    ? allowClear.clearIcon\n    : null\n\n  // Get option ID for ARIA\n  const getOptionId = (index: number) => `${baseId}-option-${index}`\n\n  const inputClasses = [\n    'input w-full',\n    sizeClasses[size],\n    effectiveColorClass,\n    showClear && 'pr-10',\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div\n      className={`dropdown dropdown-bottom w-full ${isOpen && !disabled ? 'dropdown-open' : ''} ${className}`}\n      data-state={isOpen ? 'open' : 'closed'}\n      {...rest}\n    >\n      <div className=\"relative w-full\">\n        <input\n          ref={inputRef}\n          id={inputId}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          aria-controls={listboxId}\n          aria-autocomplete=\"list\"\n          aria-activedescendant={highlightedIndex >= 0 ? getOptionId(highlightedIndex) : undefined}\n          aria-invalid={status === 'error' ? true : undefined}\n          value={inputValue}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          disabled={disabled}\n          className={inputClasses}\n        />\n        {showClear && (\n          <span className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10\">\n            {clearIcon || <ClearIcon onClick={handleClear} />}\n          </span>\n        )}\n      </div>\n\n      {isOpen && !disabled && (\n        <ul\n          ref={dropdownRef}\n          id={listboxId}\n          role=\"listbox\"\n          aria-label=\"Suggestions\"\n          tabIndex={-1}\n          className=\"dropdown-content menu bg-base-100 rounded-box z-50 w-full shadow-lg border border-base-300 max-h-60 overflow-auto flex-nowrap\"\n        >\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((option, index) => (\n              <li key={option.value}>\n                <a\n                  id={getOptionId(index)}\n                  role=\"option\"\n                  aria-selected={highlightedIndex === index}\n                  aria-disabled={option.disabled}\n                  onMouseDown={(e) => {\n                    e.preventDefault()\n                    handleOptionClick(option)\n                  }}\n                  onMouseEnter={() => !option.disabled && setHighlightedIndex(index)}\n                  className={[\n                    index === highlightedIndex && !option.disabled && 'active',\n                    option.disabled && 'disabled text-base-content/40 cursor-not-allowed',\n                  ].filter(Boolean).join(' ')}\n                >\n                  {option.label}\n                </a>\n              </li>\n            ))\n          ) : (\n            <li className=\"disabled\">\n              <span className=\"text-base-content/60 text-center cursor-default\">{notFoundContent}</span>\n            </li>\n          )}\n        </ul>\n      )}\n    </div>\n  )\n}\n"],"names":["ClearIcon","onClick","className","jsx","Autocomplete","value","defaultValue","onChange","onSelect","onSearch","rawOptions","placeholder","disabled","size","color","status","allowCustomValue","filterOption","notFoundContent","allowClear","onClear","controlledOpen","defaultOpen","onOpenChange","defaultActiveFirstOption","rest","baseId","useId","inputId","listboxId","options","opt","inputValue","setInputValue","useState","internalOpen","setInternalOpen","highlightedIndex","setHighlightedIndex","inputRef","useRef","dropdownRef","isOpenControlled","isOpen","setIsOpen","newOpen","useEffect","selectedOption","defaultFilter","option","input","filteredOptions","enabledOptions","handleInputChange","newInputValue","handleOptionClick","handleKeyDown","prev","i","handleFocus","handleBlur","handleClear","sizeClasses","effectiveColorClass","showClear","clearIcon","getOptionId","index","inputClasses","jsxs","e"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../src/components/Autocomplete.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useId } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dDropdown = 'dropdown'\nconst dDropdownBottom = 'dropdown-bottom'\nconst dDropdownOpen = 'dropdown-open'\nconst dDropdownContent = 'dropdown-content'\nconst dMenu = 'menu'\nconst dInput = 'input'\nconst dInputXs = 'input-xs'\nconst dInputSm = 'input-sm'\nconst dInputMd = 'input-md'\nconst dInputLg = 'input-lg'\nconst dInputXl = 'input-xl'\nconst dInputNeutral = 'input-neutral'\nconst dInputPrimary = 'input-primary'\nconst dInputSecondary = 'input-secondary'\nconst dInputAccent = 'input-accent'\nconst dInputInfo = 'input-info'\nconst dInputSuccess = 'input-success'\nconst dInputWarning = 'input-warning'\nconst dInputError = 'input-error'\n\nexport interface AutocompleteOption {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  onSelect?: (value: string, option: AutocompleteOption) => void\n  onSearch?: (value: string) => void\n  options: AutocompleteOption[] | string[]\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  allowCustomValue?: boolean\n  filterOption?: (option: AutocompleteOption, inputValue: string) => boolean\n  notFoundContent?: React.ReactNode\n  /** Show clear button when input has value */\n  allowClear?: boolean | { clearIcon?: React.ReactNode }\n  /** Callback when clear button is clicked */\n  onClear?: () => void\n  /** Controlled open state */\n  open?: boolean\n  /** Default open state */\n  defaultOpen?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Activate first option by default */\n  defaultActiveFirstOption?: boolean\n}\n\n// Clear icon component\nconst ClearIcon: React.FC<{ onClick: (e: React.MouseEvent) => void; className?: string }> = ({ onClick, className }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={`flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${className || ''}`}\n    aria-label=\"Clear input\"\n    tabIndex={-1}\n  >\n    <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  </button>\n)\n\nexport const Autocomplete: React.FC<AutocompleteProps> = ({\n  value,\n  defaultValue = '',\n  onChange,\n  onSelect,\n  onSearch,\n  options: rawOptions,\n  placeholder = 'Type to search...',\n  disabled = false,\n  size,\n  color,\n  status,\n  className = '',\n  allowCustomValue = true,\n  filterOption,\n  notFoundContent = 'No results found',\n  allowClear,\n  onClear,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  defaultActiveFirstOption = true,\n  ...rest\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  // Generate unique IDs for ARIA\n  const baseId = useId()\n  const inputId = `${baseId}-input`\n  const listboxId = `${baseId}-listbox`\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 [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const dropdownRef = useRef<HTMLUListElement>(null)\n\n  // Determine if open state is controlled\n  const isOpenControlled = controlledOpen !== undefined\n  const isOpen = isOpenControlled ? controlledOpen : internalOpen\n\n  const setIsOpen = (newOpen: boolean) => {\n    if (!isOpenControlled) {\n      setInternalOpen(newOpen)\n    }\n    onOpenChange?.(newOpen)\n  }\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  // Get only enabled options for keyboard navigation\n  const enabledOptions = filteredOptions.filter(opt => !opt.disabled)\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newInputValue = e.target.value\n    setInputValue(newInputValue)\n    setIsOpen(true)\n\n    if (defaultActiveFirstOption && enabledOptions.length > 0) {\n      setHighlightedIndex(0)\n    } else {\n      setHighlightedIndex(-1)\n    }\n\n    onSearch?.(newInputValue)\n\n    if (allowCustomValue) {\n      onChange?.(newInputValue)\n    }\n  }\n\n  const handleOptionClick = (option: AutocompleteOption) => {\n    if (option.disabled) return\n\n    setInputValue(option.label)\n    setIsOpen(false)\n    setHighlightedIndex(-1)\n\n    onChange?.(option.value)\n    onSelect?.(option.value, option)\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      if (defaultActiveFirstOption && enabledOptions.length > 0) {\n        setHighlightedIndex(0)\n      }\n      return\n    }\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setHighlightedIndex((prev) => {\n          // Find next enabled option\n          for (let i = prev + 1; i < filteredOptions.length; i++) {\n            if (!filteredOptions[i].disabled) return i\n          }\n          return prev\n        })\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setHighlightedIndex((prev) => {\n          // Find previous enabled option\n          for (let i = prev - 1; i >= 0; i--) {\n            if (!filteredOptions[i].disabled) return i\n          }\n          return prev\n        })\n        break\n      case 'Enter':\n        e.preventDefault()\n        if (highlightedIndex >= 0 && filteredOptions[highlightedIndex] && !filteredOptions[highlightedIndex].disabled) {\n          handleOptionClick(filteredOptions[highlightedIndex])\n        } else if (!allowCustomValue && enabledOptions.length > 0) {\n          handleOptionClick(enabledOptions[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 (defaultActiveFirstOption && enabledOptions.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 handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    setInputValue('')\n    onChange?.('')\n    onClear?.()\n    inputRef.current?.focus()\n  }\n\n  const sizeClasses = {\n    xs: dInputXs,\n    sm: dInputSm,\n    md: dInputMd,\n    lg: dInputLg,\n    xl: dInputXl,\n  }\n\n  const colorClasses = {\n    neutral: dInputNeutral,\n    primary: dInputPrimary,\n    secondary: dInputSecondary,\n    accent: dInputAccent,\n    info: dInputInfo,\n    success: dInputSuccess,\n    warning: dInputWarning,\n    error: dInputError,\n  }\n\n  const statusClasses = {\n    error: dInputError,\n    warning: dInputWarning,\n  }\n\n  // Status takes precedence over color for validation feedback\n  const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\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  // Determine if we should show clear button\n  const showClear = allowClear && inputValue && !disabled\n\n  // Get custom clear icon if provided\n  const clearIcon = typeof allowClear === 'object' && allowClear.clearIcon\n    ? allowClear.clearIcon\n    : null\n\n  // Get option ID for ARIA\n  const getOptionId = (index: number) => `${baseId}-option-${index}`\n\n  const inputClasses = [\n    `${dInput} w-full`,\n    sizeClasses[effectiveSize],\n    effectiveColorClass,\n    showClear && 'pr-10',\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div\n      className={`${dDropdown} ${dDropdownBottom} w-full ${isOpen && !disabled ? dDropdownOpen : ''} ${className}`}\n      data-state={isOpen ? 'open' : 'closed'}\n      {...rest}\n    >\n      <div className=\"relative w-full\">\n        <input\n          ref={inputRef}\n          id={inputId}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          aria-controls={listboxId}\n          aria-autocomplete=\"list\"\n          aria-activedescendant={highlightedIndex >= 0 ? getOptionId(highlightedIndex) : undefined}\n          aria-invalid={status === 'error' ? true : undefined}\n          value={inputValue}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          disabled={disabled}\n          className={inputClasses}\n        />\n        {showClear && (\n          <span className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10\">\n            {clearIcon || <ClearIcon onClick={handleClear} />}\n          </span>\n        )}\n      </div>\n\n      {isOpen && !disabled && (\n        <ul\n          ref={dropdownRef}\n          id={listboxId}\n          role=\"listbox\"\n          aria-label=\"Suggestions\"\n          tabIndex={-1}\n          className={`${dDropdownContent} ${dMenu} bg-base-100 rounded-box z-50 w-full shadow-lg border border-base-300 max-h-60 overflow-auto flex-nowrap`}\n        >\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((option, index) => (\n              <li key={option.value}>\n                <a\n                  id={getOptionId(index)}\n                  role=\"option\"\n                  aria-selected={highlightedIndex === index}\n                  aria-disabled={option.disabled}\n                  onMouseDown={(e) => {\n                    e.preventDefault()\n                    handleOptionClick(option)\n                  }}\n                  onMouseEnter={() => !option.disabled && setHighlightedIndex(index)}\n                  className={[\n                    index === highlightedIndex && !option.disabled && 'active',\n                    option.disabled && 'disabled text-base-content/40 cursor-not-allowed',\n                  ].filter(Boolean).join(' ')}\n                >\n                  {option.label}\n                </a>\n              </li>\n            ))\n          ) : (\n            <li className=\"disabled\">\n              <span className=\"text-base-content/60 text-center cursor-default\">{notFoundContent}</span>\n            </li>\n          )}\n        </ul>\n      )}\n    </div>\n  )\n}\n"],"names":["dDropdown","dDropdownBottom","dDropdownOpen","dDropdownContent","dMenu","dInput","dInputXs","dInputSm","dInputMd","dInputLg","dInputXl","dInputNeutral","dInputPrimary","dInputSecondary","dInputAccent","dInputInfo","dInputSuccess","dInputWarning","dInputError","ClearIcon","onClick","className","jsx","Autocomplete","value","defaultValue","onChange","onSelect","onSearch","rawOptions","placeholder","disabled","size","color","status","allowCustomValue","filterOption","notFoundContent","allowClear","onClear","controlledOpen","defaultOpen","onOpenChange","defaultActiveFirstOption","rest","componentSize","useConfig","effectiveSize","baseId","useId","inputId","listboxId","options","opt","inputValue","setInputValue","useState","internalOpen","setInternalOpen","highlightedIndex","setHighlightedIndex","inputRef","useRef","dropdownRef","isOpenControlled","isOpen","setIsOpen","newOpen","useEffect","selectedOption","defaultFilter","option","input","filteredOptions","enabledOptions","handleInputChange","newInputValue","handleOptionClick","handleKeyDown","prev","i","handleFocus","handleBlur","handleClear","sizeClasses","effectiveColorClass","showClear","clearIcon","getOptionId","index","inputClasses","jsxs","e"],"mappings":"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"}

package/dist/components/Avatar.js

@@ -1,64 +1,65 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import C from "react";
-function j({
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import j from "react";
+const w = "avatar", $ = "avatar-online", b = "avatar-offline", g = "avatar-placeholder", G = "avatar-group";
+function O({
   src: s,
-  alt: a = "avatar",
+  alt: e = "avatar",
   icon: t,
   children: r,
   size: c = "md",
-  shape: i = "circle",
-  status: l,
-  className: o = "",
-  style: n,
+  shape: o = "circle",
+  status: n,
+  className: i = "",
+  style: l,
   // Legacy props
   online: d,
-  offline: w,
-  placeholder: g,
+  offline: N,
+  placeholder: A,
   ...u
 }) {
-  const N = {
+  const x = {
     xs: "w-8",
     sm: "w-12",
     md: "w-16",
     lg: "w-20",
     xl: "w-24"
-  }, x = {
+  }, C = {
     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(" ");
+  }, h = n || (d ? "online" : N ? "offline" : void 0), v = [
+    w,
+    h === "online" && $,
+    h === "offline" && b,
+    (A || !s && (t || r)) && g,
+    i
+  ].filter(Boolean).join(" "), f = [x[c], C[o]].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 }) }) });
+    return /* @__PURE__ */ a("div", { className: v, style: l, ...u, children: /* @__PURE__ */ a("div", { className: f, children: /* @__PURE__ */ a("img", { src: s, alt: e }) }) });
   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" }) }) });
+  return m ? /* @__PURE__ */ a("div", { className: v, style: l, ...u, children: /* @__PURE__ */ a("div", { className: f, children: /* @__PURE__ */ a("div", { className: "bg-neutral text-neutral-content flex items-center justify-center w-full h-full", children: m }) }) }) : /* @__PURE__ */ a("div", { className: v, style: l, ...u, children: /* @__PURE__ */ a("div", { className: f, children: /* @__PURE__ */ a("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 = {
+function P({ children: s, max: e, size: t, className: r = "", style: c, ...o }) {
+  const n = j.Children.toArray(s), i = e ? n.slice(0, e) : n, l = e && n.length > e ? n.length - e : 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: [
+  return /* @__PURE__ */ p("div", { className: `${G} -space-x-6 rtl:space-x-reverse ${r}`, style: c, ...o, children: [
+    i,
+    l > 0 && /* @__PURE__ */ a("div", { className: `${w} ${g}`, children: /* @__PURE__ */ a("div", { className: `bg-neutral text-neutral-content rounded-full ${t ? d[t] : "w-12"}`, children: /* @__PURE__ */ p("span", { children: [
       "+",
-      n
+      l
     ] }) }) })
   ] });
 }
-const P = Object.assign(j, {
-  Group: A
+const y = Object.assign(O, {
+  Group: P
 });
 export {
-  P as Avatar,
-  A as AvatarGroup,
-  P as default
+  y as Avatar,
+  P as AvatarGroup,
+  y as default
 };
 //# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.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":"Avatar.js","sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dAvatar = 'avatar'\nconst dAvatarOnline = 'avatar-online'\nconst dAvatarOffline = 'avatar-offline'\nconst dAvatarPlaceholder = 'avatar-placeholder'\nconst dAvatarGroup = 'avatar-group'\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    dAvatar,\n    resolvedStatus === 'online' && dAvatarOnline,\n    resolvedStatus === 'offline' && dAvatarOffline,\n    isPlaceholder && dAvatarPlaceholder,\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={`${dAvatarGroup} -space-x-6 rtl:space-x-reverse ${className}`} style={style} {...rest}>\n      {displayAvatars}\n      {remainingCount > 0 && (\n        <div className={`${dAvatar} ${dAvatarPlaceholder}`}>\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":["dAvatar","dAvatarOnline","dAvatarOffline","dAvatarPlaceholder","dAvatarGroup","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":"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"}