asterui 0.12.44 → 0.12.47

package/dist/components/CopyButton.js

@@ -1,48 +1,68 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useClipboard as z } from "../hooks/useClipboard.js";
-const W = () => /* @__PURE__ */ n(
-  "svg",
-  {
-    className: "w-4 h-4",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" })
-  }
-), E = () => /* @__PURE__ */ n(
-  "svg",
-  {
-    className: "w-4 h-4",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "m4.5 12.75 6 6 9-13.5" })
-  }
-), F = ({
-  text: l,
-  timeout: u = 2e3,
-  color: t,
-  variant: o,
-  size: d = "md",
-  shape: e,
-  icon: b,
-  copiedIcon: p,
-  children: h,
-  copiedChildren: m,
-  onCopy: f,
-  onError: C,
-  showTooltip: k = !1,
-  tooltipText: c = "Copy",
-  copiedTooltipText: r = "Copied!",
-  className: y = "",
-  disabled: a,
-  onClick: g,
-  ...v
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as f } from "react";
+import { useClipboard as M } from "../hooks/useClipboard.js";
+import { IconSizeContext as r } from "../contexts/IconSizeContext.js";
+const C = {
+  xs: "w-3.5 h-3.5",
+  sm: "w-3.5 h-3.5",
+  md: "w-4 h-4",
+  lg: "w-5 h-5",
+  xl: "w-6 h-6"
+}, P = () => {
+  const o = f(r) ?? "md";
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      className: C[o],
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" })
+    }
+  );
+}, V = () => {
+  const o = f(r) ?? "md";
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      className: C[o],
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "m4.5 12.75 6 6 9-13.5" })
+    }
+  );
+}, p = {
+  "top-right": "absolute top-2 right-2",
+  "top-left": "absolute top-2 left-2",
+  "bottom-right": "absolute bottom-2 right-2",
+  "bottom-left": "absolute bottom-2 left-2"
+}, A = ({
+  text: o,
+  timeout: g = 2e3,
+  color: c,
+  variant: a,
+  size: l = "md",
+  shape: i,
+  position: s,
+  icon: k,
+  copiedIcon: y,
+  children: v,
+  copiedChildren: w,
+  onCopy: x,
+  onError: I,
+  showTooltip: u = !1,
+  tooltipText: b = "Copy",
+  copiedTooltipText: d = "Copied!",
+  className: B = "",
+  disabled: m,
+  onClick: j,
+  ...z
 }) => {
-  const { copy: w, copied: s } = z(u), x = async (q) => {
-    if (g?.(q), a) return;
-    await w(l) ? f?.() : C?.(new Error("Failed to copy to clipboard"));
-  }, I = {
+  const { copy: N, copied: n } = M(g), L = async (e) => {
+    if (j?.(e), m) return;
+    await N(o) ? x?.() : I?.(new Error("Failed to copy to clipboard"));
+  }, q = {
     primary: "btn-primary",
     secondary: "btn-secondary",
     accent: "btn-accent",
@@ -51,46 +71,52 @@ const W = () => /* @__PURE__ */ n(
     warning: "btn-warning",
     error: "btn-error",
     neutral: "btn-neutral"
-  }, B = {
+  }, S = {
     solid: "",
     outline: "btn-outline",
     dash: "btn-dash",
     soft: "btn-soft",
     ghost: "btn-ghost",
     link: "btn-link"
-  }, N = {
+  }, W = {
     xs: "btn-xs",
     sm: "btn-sm",
     md: "",
     lg: "btn-lg",
     xl: "btn-xl"
-  }, j = {
+  }, E = {
     square: "btn-square",
     circle: "btn-circle"
-  }, L = [
+  }, F = [
     "btn",
-    t && I[t],
-    s && "btn-success",
-    o && B[o],
-    N[d],
-    e && j[e],
-    y
-  ].filter(Boolean).join(" "), i = /* @__PURE__ */ n(
+    c && q[c],
+    n && "btn-success",
+    a && S[a],
+    W[l],
+    i && E[i],
+    // Only add position classes if not using tooltip (tooltip wrapper gets them instead)
+    !u && s && p[s],
+    B
+  ].filter(Boolean).join(" "), H = n ? w ?? (y ?? /* @__PURE__ */ t(V, {})) : v ?? (k ?? /* @__PURE__ */ t(P, {})), h = /* @__PURE__ */ t(
     "button",
     {
       type: "button",
-      className: L,
-      onClick: x,
-      disabled: a,
-      "aria-label": s ? r : c,
-      ...v,
-      children: s ? m ?? (p ?? /* @__PURE__ */ n(E, {})) : h ?? (b ?? /* @__PURE__ */ n(W, {}))
+      className: F,
+      onClick: L,
+      disabled: m,
+      "aria-label": n ? d : b,
+      ...z,
+      children: /* @__PURE__ */ t(r.Provider, { value: l, children: H })
     }
   );
-  return k ? /* @__PURE__ */ n("div", { className: "tooltip", "data-tip": s ? r : c, children: i }) : i;
+  if (u) {
+    const e = ["tooltip", s && p[s]].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t("div", { className: e, "data-tip": n ? d : b, children: h });
+  }
+  return h;
 };
-F.displayName = "CopyButton";
+A.displayName = "CopyButton";
 export {
-  F as CopyButton
+  A as CopyButton
 };
 //# sourceMappingURL=CopyButton.js.map

package/dist/components/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sources":["../../src/components/CopyButton.tsx"],"sourcesContent":["import React from 'react'\nimport { useClipboard } from '../hooks/useClipboard'\n\nexport interface CopyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onError'> {\n  /** Text to copy to clipboard */\n  text: string\n  /** Duration in ms to show copied state */\n  timeout?: number\n  /** Button color */\n  color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n  /** Button style variant */\n  variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link'\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Button shape */\n  shape?: 'square' | 'circle'\n  /** Custom icon for default state */\n  icon?: React.ReactNode\n  /** Custom icon for copied state */\n  copiedIcon?: React.ReactNode\n  /** Custom content for default state (overrides icon) */\n  children?: React.ReactNode\n  /** Custom content for copied state */\n  copiedChildren?: React.ReactNode\n  /** Callback when copy succeeds */\n  onCopy?: () => void\n  /** Callback when copy fails */\n  onError?: (error: Error) => void\n  /** Show tooltip with copy status */\n  showTooltip?: boolean\n  /** Tooltip text for default state */\n  tooltipText?: string\n  /** Tooltip text for copied state */\n  copiedTooltipText?: string\n}\n\nconst CopyIcon: React.FC = () => (\n  <svg\n    className=\"w-4 h-4\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n  >\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\" />\n  </svg>\n)\n\nconst CheckIcon: React.FC = () => (\n  <svg\n    className=\"w-4 h-4\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n  >\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"m4.5 12.75 6 6 9-13.5\" />\n  </svg>\n)\n\nexport const CopyButton: React.FC<CopyButtonProps> = ({\n  text,\n  timeout = 2000,\n  color,\n  variant,\n  size = 'md',\n  shape,\n  icon,\n  copiedIcon,\n  children,\n  copiedChildren,\n  onCopy,\n  onError,\n  showTooltip = false,\n  tooltipText = 'Copy',\n  copiedTooltipText = 'Copied!',\n  className = '',\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { copy, copied } = useClipboard(timeout)\n\n  const handleClick = async (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e)\n    if (disabled) return\n\n    const success = await copy(text)\n    if (success) {\n      onCopy?.()\n    } else {\n      onError?.(new Error('Failed to copy to clipboard'))\n    }\n  }\n\n  const colorClasses = {\n    primary: 'btn-primary',\n    secondary: 'btn-secondary',\n    accent: 'btn-accent',\n    info: 'btn-info',\n    success: 'btn-success',\n    warning: 'btn-warning',\n    error: 'btn-error',\n    neutral: 'btn-neutral',\n  }\n\n  const variantClasses = {\n    solid: '',\n    outline: 'btn-outline',\n    dash: 'btn-dash',\n    soft: 'btn-soft',\n    ghost: 'btn-ghost',\n    link: 'btn-link',\n  }\n\n  const sizeClasses = {\n    xs: 'btn-xs',\n    sm: 'btn-sm',\n    md: '',\n    lg: 'btn-lg',\n    xl: 'btn-xl',\n  }\n\n  const shapeClasses = {\n    square: 'btn-square',\n    circle: 'btn-circle',\n  }\n\n  const classes = [\n    'btn',\n    color && colorClasses[color],\n    copied && 'btn-success',\n    variant && variantClasses[variant],\n    sizeClasses[size],\n    shape && shapeClasses[shape],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const defaultIcon = icon ?? <CopyIcon />\n  const successIcon = copiedIcon ?? <CheckIcon />\n\n  const content = copied\n    ? (copiedChildren ?? successIcon)\n    : (children ?? defaultIcon)\n\n  const button = (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={handleClick}\n      disabled={disabled}\n      aria-label={copied ? copiedTooltipText : tooltipText}\n      {...rest}\n    >\n      {content}\n    </button>\n  )\n\n  if (showTooltip) {\n    return (\n      <div className=\"tooltip\" data-tip={copied ? copiedTooltipText : tooltipText}>\n        {button}\n      </div>\n    )\n  }\n\n  return button\n}\n\nCopyButton.displayName = 'CopyButton'\n"],"names":["CopyIcon","jsx","CheckIcon","CopyButton","text","timeout","color","variant","size","shape","icon","copiedIcon","children","copiedChildren","onCopy","onError","showTooltip","tooltipText","copiedTooltipText","className","disabled","onClick","rest","copy","copied","useClipboard","handleClick","e","colorClasses","variantClasses","sizeClasses","shapeClasses","classes","button"],"mappings":";;AAoCA,MAAMA,IAAqB,MACzB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,QAAO;AAAA,IAEP,UAAA,gBAAAA,EAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAY,KAAI,GAAE,wHAAA,CAAwH;AAAA,EAAA;AAC/L,GAGIC,IAAsB,MAC1B,gBAAAD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,QAAO;AAAA,IAEP,UAAA,gBAAAA,EAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAY,KAAI,GAAE,wBAAA,CAAwB;AAAA,EAAA;AAC/F,GAGWE,IAAwC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,MAAAC,GAAM,QAAAC,MAAWC,EAAapB,CAAO,GAEvCqB,IAAc,OAAOC,MAA2C;AAEpE,QADAN,IAAUM,CAAC,GACPP,EAAU;AAGd,IADgB,MAAMG,EAAKnB,CAAI,IAE7BU,IAAA,IAEAC,IAAU,IAAI,MAAM,6BAA6B,CAAC;AAAA,EAEtD,GAEMa,IAAe;AAAA,IACnB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,EAAA,GAGLC,IAAiB;AAAA,IACrB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA,GAGFC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAe;AAAA,IACnB,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA,GAGJC,IAAU;AAAA,IACd;AAAA,IACA1B,KAASsB,EAAatB,CAAK;AAAA,IAC3BkB,KAAU;AAAA,IACVjB,KAAWsB,EAAetB,CAAO;AAAA,IACjCuB,EAAYtB,CAAI;AAAA,IAChBC,KAASsB,EAAatB,CAAK;AAAA,IAC3BU;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GASLc,IACJ,gBAAAhC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW+B;AAAA,MACX,SAASN;AAAA,MACT,UAAAN;AAAA,MACA,cAAYI,IAASN,IAAoBD;AAAA,MACxC,GAAGK;AAAA,MAEH,UAbWE,IACXX,MAHeF,KAAc,gBAAAV,EAACC,GAAA,CAAA,CAAU,KAIxCU,MALeF,KAAQ,gBAAAT,EAACD,GAAA,CAAA,CAAS;AAAA,IAgBjC;AAAA,EAAA;AAIL,SAAIgB,IAEA,gBAAAf,EAAC,SAAI,WAAU,WAAU,YAAUuB,IAASN,IAAoBD,GAC7D,UAAAgB,EAAA,CACH,IAIGA;AACT;AAEA9B,EAAW,cAAc;"}
+{"version":3,"file":"CopyButton.js","sources":["../../src/components/CopyButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { useClipboard } from '../hooks/useClipboard'\nimport { IconSizeContext } from '../contexts/IconSizeContext'\n\nconst iconSizeClasses = {\n  xs: 'w-3.5 h-3.5',\n  sm: 'w-3.5 h-3.5',\n  md: 'w-4 h-4',\n  lg: 'w-5 h-5',\n  xl: 'w-6 h-6',\n}\n\nexport type CopyButtonPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n\nexport interface CopyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onError'> {\n  /** Text to copy to clipboard */\n  text: string\n  /** Duration in ms to show copied state */\n  timeout?: number\n  /** Button color */\n  color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n  /** Button style variant */\n  variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link'\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Button shape */\n  shape?: 'square' | 'circle'\n  /** Absolute position within parent (parent must have position: relative) */\n  position?: CopyButtonPosition\n  /** Custom icon for default state */\n  icon?: React.ReactNode\n  /** Custom icon for copied state */\n  copiedIcon?: React.ReactNode\n  /** Custom content for default state (overrides icon) */\n  children?: React.ReactNode\n  /** Custom content for copied state */\n  copiedChildren?: React.ReactNode\n  /** Callback when copy succeeds */\n  onCopy?: () => void\n  /** Callback when copy fails */\n  onError?: (error: Error) => void\n  /** Show tooltip with copy status */\n  showTooltip?: boolean\n  /** Tooltip text for default state */\n  tooltipText?: string\n  /** Tooltip text for copied state */\n  copiedTooltipText?: string\n}\n\nconst CopyIcon: React.FC = () => {\n  const size = useContext(IconSizeContext) ?? 'md'\n  return (\n    <svg\n      className={iconSizeClasses[size]}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\" />\n    </svg>\n  )\n}\n\nconst CheckIcon: React.FC = () => {\n  const size = useContext(IconSizeContext) ?? 'md'\n  return (\n    <svg\n      className={iconSizeClasses[size]}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"m4.5 12.75 6 6 9-13.5\" />\n    </svg>\n  )\n}\n\nconst positionClasses: Record<CopyButtonPosition, string> = {\n  'top-right': 'absolute top-2 right-2',\n  'top-left': 'absolute top-2 left-2',\n  'bottom-right': 'absolute bottom-2 right-2',\n  'bottom-left': 'absolute bottom-2 left-2',\n}\n\nexport const CopyButton: React.FC<CopyButtonProps> = ({\n  text,\n  timeout = 2000,\n  color,\n  variant,\n  size = 'md',\n  shape,\n  position,\n  icon,\n  copiedIcon,\n  children,\n  copiedChildren,\n  onCopy,\n  onError,\n  showTooltip = false,\n  tooltipText = 'Copy',\n  copiedTooltipText = 'Copied!',\n  className = '',\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { copy, copied } = useClipboard(timeout)\n\n  const handleClick = async (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e)\n    if (disabled) return\n\n    const success = await copy(text)\n    if (success) {\n      onCopy?.()\n    } else {\n      onError?.(new Error('Failed to copy to clipboard'))\n    }\n  }\n\n  const colorClasses = {\n    primary: 'btn-primary',\n    secondary: 'btn-secondary',\n    accent: 'btn-accent',\n    info: 'btn-info',\n    success: 'btn-success',\n    warning: 'btn-warning',\n    error: 'btn-error',\n    neutral: 'btn-neutral',\n  }\n\n  const variantClasses = {\n    solid: '',\n    outline: 'btn-outline',\n    dash: 'btn-dash',\n    soft: 'btn-soft',\n    ghost: 'btn-ghost',\n    link: 'btn-link',\n  }\n\n  const sizeClasses = {\n    xs: 'btn-xs',\n    sm: 'btn-sm',\n    md: '',\n    lg: 'btn-lg',\n    xl: 'btn-xl',\n  }\n\n  const shapeClasses = {\n    square: 'btn-square',\n    circle: 'btn-circle',\n  }\n\n  const classes = [\n    'btn',\n    color && colorClasses[color],\n    copied && 'btn-success',\n    variant && variantClasses[variant],\n    sizeClasses[size],\n    shape && shapeClasses[shape],\n    // Only add position classes if not using tooltip (tooltip wrapper gets them instead)\n    !showTooltip && position && positionClasses[position],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const defaultIcon = icon ?? <CopyIcon />\n  const successIcon = copiedIcon ?? <CheckIcon />\n\n  const content = copied\n    ? (copiedChildren ?? successIcon)\n    : (children ?? defaultIcon)\n\n  const button = (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={handleClick}\n      disabled={disabled}\n      aria-label={copied ? copiedTooltipText : tooltipText}\n      {...rest}\n    >\n      <IconSizeContext.Provider value={size}>\n        {content}\n      </IconSizeContext.Provider>\n    </button>\n  )\n\n  if (showTooltip) {\n    const tooltipClasses = ['tooltip', position && positionClasses[position]].filter(Boolean).join(' ')\n    return (\n      <div className={tooltipClasses} data-tip={copied ? copiedTooltipText : tooltipText}>\n        {button}\n      </div>\n    )\n  }\n\n  return button\n}\n\nCopyButton.displayName = 'CopyButton'\n"],"names":["iconSizeClasses","CopyIcon","size","useContext","IconSizeContext","jsx","CheckIcon","positionClasses","CopyButton","text","timeout","color","variant","shape","position","icon","copiedIcon","children","copiedChildren","onCopy","onError","showTooltip","tooltipText","copiedTooltipText","className","disabled","onClick","rest","copy","copied","useClipboard","handleClick","colorClasses","variantClasses","sizeClasses","shapeClasses","classes","content","button","tooltipClasses"],"mappings":"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"}

package/dist/components/Message.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface MessageConfig {
+    duration?: number;
+    key?: string;
+    icon?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    'data-testid'?: string;
+    onClick?: () => void;
+    onClose?: () => void;
+}
+export declare class MessageManager {
+    success(content: React.ReactNode, config?: MessageConfig): string;
+    error(content: React.ReactNode, config?: MessageConfig): string;
+    info(content: React.ReactNode, config?: MessageConfig): string;
+    warning(content: React.ReactNode, config?: MessageConfig): string;
+    loading(content: React.ReactNode, config?: MessageConfig): string;
+    destroy(id?: string): void;
+}
+export declare const message: MessageManager;

package/dist/components/Message.js

@@ -0,0 +1,56 @@
+import { jsx as s } from "react/jsx-runtime";
+import { notification as a } from "./Notification.js";
+class r {
+  success(e, n) {
+    return a.open({
+      message: e,
+      type: "success",
+      variant: "compact",
+      ...n
+    });
+  }
+  error(e, n) {
+    return a.open({
+      message: e,
+      type: "error",
+      variant: "compact",
+      ...n
+    });
+  }
+  info(e, n) {
+    return a.open({
+      message: e,
+      type: "info",
+      variant: "compact",
+      ...n
+    });
+  }
+  warning(e, n) {
+    return a.open({
+      message: e,
+      type: "warning",
+      variant: "compact",
+      ...n
+    });
+  }
+  loading(e, n) {
+    const o = /* @__PURE__ */ s("span", { className: "loading loading-spinner loading-sm" });
+    return a.open({
+      message: e,
+      type: "info",
+      variant: "compact",
+      duration: 0,
+      icon: o,
+      ...n
+    });
+  }
+  destroy(e) {
+    e ? a.close(e) : a.destroy();
+  }
+}
+const p = new r();
+export {
+  r as MessageManager,
+  p as message
+};
+//# sourceMappingURL=Message.js.map

package/dist/components/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sources":["../../src/components/Message.tsx"],"sourcesContent":["import React from 'react'\nimport { notification } from './Notification'\n\nexport interface MessageConfig {\n  duration?: number\n  key?: string\n  icon?: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n  'data-testid'?: string\n  onClick?: () => void\n  onClose?: () => void\n}\n\nexport class MessageManager {\n  success(content: React.ReactNode, config?: MessageConfig) {\n    return notification.open({\n      message: content,\n      type: 'success',\n      variant: 'compact',\n      ...config,\n    })\n  }\n\n  error(content: React.ReactNode, config?: MessageConfig) {\n    return notification.open({\n      message: content,\n      type: 'error',\n      variant: 'compact',\n      ...config,\n    })\n  }\n\n  info(content: React.ReactNode, config?: MessageConfig) {\n    return notification.open({\n      message: content,\n      type: 'info',\n      variant: 'compact',\n      ...config,\n    })\n  }\n\n  warning(content: React.ReactNode, config?: MessageConfig) {\n    return notification.open({\n      message: content,\n      type: 'warning',\n      variant: 'compact',\n      ...config,\n    })\n  }\n\n  loading(content: React.ReactNode, config?: MessageConfig) {\n    const loadingIcon = (\n      <span className=\"loading loading-spinner loading-sm\" />\n    )\n    return notification.open({\n      message: content,\n      type: 'info',\n      variant: 'compact',\n      duration: 0,\n      icon: loadingIcon,\n      ...config,\n    })\n  }\n\n  destroy(id?: string) {\n    if (id) {\n      notification.close(id)\n    } else {\n      notification.destroy()\n    }\n  }\n}\n\nexport const message = new MessageManager()\n"],"names":["MessageManager","content","config","notification","loadingIcon","jsx","id","message"],"mappings":";;AAcO,MAAMA,EAAe;AAAA,EAC1B,QAAQC,GAA0BC,GAAwB;AACxD,WAAOC,EAAa,KAAK;AAAA,MACvB,SAASF;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,GAAGC;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,MAAMD,GAA0BC,GAAwB;AACtD,WAAOC,EAAa,KAAK;AAAA,MACvB,SAASF;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,GAAGC;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,KAAKD,GAA0BC,GAAwB;AACrD,WAAOC,EAAa,KAAK;AAAA,MACvB,SAASF;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,GAAGC;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,QAAQD,GAA0BC,GAAwB;AACxD,WAAOC,EAAa,KAAK;AAAA,MACvB,SAASF;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,GAAGC;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,QAAQD,GAA0BC,GAAwB;AACxD,UAAME,IACJ,gBAAAC,EAAC,QAAA,EAAK,WAAU,qCAAA,CAAqC;AAEvD,WAAOF,EAAa,KAAK;AAAA,MACvB,SAASF;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAMG;AAAA,MACN,GAAGF;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,QAAQI,GAAa;AACnB,IAAIA,IACFH,EAAa,MAAMG,CAAE,IAErBH,EAAa,QAAA;AAAA,EAEjB;AACF;AAEO,MAAMI,IAAU,IAAIP,EAAA;"}

package/dist/components/Notification.d.ts

@@ -1,13 +1,20 @@
 import { default as React } from 'react';
 export type NotificationType = 'success' | 'info' | 'warning' | 'error';
-export type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+export type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'topCenter' | 'bottomCenter';
+export type NotificationVariant = 'default' | 'compact';
 export interface NotificationConfig {
     message: React.ReactNode;
     description?: React.ReactNode;
     type?: NotificationType;
     duration?: number;
     placement?: NotificationPlacement;
+    variant?: NotificationVariant;
     closable?: boolean;
+    icon?: React.ReactNode;
+    key?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    'data-testid'?: string;
     onClick?: () => void;
     onClose?: () => void;
 }

package/dist/components/Notification.js

@@ -1,115 +1,139 @@
-import { jsx as i, Fragment as h, jsxs as l } from "react/jsx-runtime";
-import { useState as u, useEffect as p } from "react";
-import d from "react-dom/client";
+import { jsx as s, Fragment as d, jsxs as c } from "react/jsx-runtime";
+import { useState as h, useEffect as p } from "react";
+import u from "react-dom/client";
 class m {
   notifications = [];
   listeners = [];
   container = null;
   root = null;
   idCounter = 0;
-  subscribe(t) {
-    return this.listeners.push(t), () => {
-      this.listeners = this.listeners.filter((o) => o !== t);
+  subscribe(e) {
+    return this.listeners.push(e), () => {
+      this.listeners = this.listeners.filter((o) => o !== e);
     };
   }
   getNotifications() {
     return this.notifications;
   }
   emit() {
-    this.listeners.forEach((t) => t());
+    this.listeners.forEach((e) => e());
   }
   ensureContainer() {
-    this.container || (this.container = document.createElement("div"), document.body.appendChild(this.container), this.root = d.createRoot(this.container), this.root.render(/* @__PURE__ */ i(f, { manager: this })));
+    this.container || (this.container = document.createElement("div"), document.body.appendChild(this.container), this.root = u.createRoot(this.container), this.root.render(/* @__PURE__ */ s(v, { manager: this })));
   }
-  open(t) {
+  open(e) {
     this.ensureContainer();
-    const o = `notification-${++this.idCounter}`, s = {
-      ...t,
+    const o = e.key ?? `notification-${++this.idCounter}`, r = e.variant === "compact", a = {
+      ...e,
       id: o,
       createdAt: Date.now(),
-      duration: t.duration ?? 4.5,
-      placement: t.placement ?? "topRight",
-      closable: t.closable ?? !0,
-      type: t.type ?? "info"
-    };
-    return this.notifications.push(s), this.emit(), s.duration && s.duration > 0 && setTimeout(() => {
+      duration: e.duration ?? (r ? 3 : 4.5),
+      placement: e.placement ?? (r ? "topCenter" : "topRight"),
+      variant: e.variant ?? "default",
+      closable: e.closable ?? !r,
+      type: e.type ?? "info"
+    }, n = this.notifications.findIndex((i) => i.id === o);
+    return n !== -1 ? this.notifications[n] = a : this.notifications.push(a), this.emit(), a.duration && a.duration > 0 && setTimeout(() => {
       this.close(o);
-    }, s.duration * 1e3), o;
+    }, a.duration * 1e3), o;
   }
-  close(t) {
-    const o = this.notifications.find((s) => s.id === t);
-    this.notifications = this.notifications.filter((s) => s.id !== t), this.emit(), o?.onClose && o.onClose();
+  close(e) {
+    const o = this.notifications.find((r) => r.id === e);
+    this.notifications = this.notifications.filter((r) => r.id !== e), this.emit(), o?.onClose && o.onClose();
   }
-  success(t) {
-    return this.open({ ...t, type: "success" });
+  success(e) {
+    return this.open({ ...e, type: "success" });
   }
-  error(t) {
-    return this.open({ ...t, type: "error" });
+  error(e) {
+    return this.open({ ...e, type: "error" });
   }
-  info(t) {
-    return this.open({ ...t, type: "info" });
+  info(e) {
+    return this.open({ ...e, type: "info" });
   }
-  warning(t) {
-    return this.open({ ...t, type: "warning" });
+  warning(e) {
+    return this.open({ ...e, type: "warning" });
   }
   destroy() {
     this.notifications = [], this.emit();
   }
 }
-function f({ manager: e }) {
-  const [, t] = u({});
-  p(() => e.subscribe(() => {
-    t({});
-  }), [e]);
-  const o = e.getNotifications(), s = {
+function v({ manager: t }) {
+  const [, e] = h({});
+  p(() => t.subscribe(() => {
+    e({});
+  }), [t]);
+  const o = t.getNotifications(), r = {
     topLeft: [],
     topRight: [],
+    topCenter: [],
     bottomLeft: [],
-    bottomRight: []
+    bottomRight: [],
+    bottomCenter: []
   };
   o.forEach((n) => {
-    s[n.placement].push(n);
+    r[n.placement].push(n);
   });
-  const r = {
+  const a = {
     topRight: "toast toast-top toast-end",
     topLeft: "toast toast-top toast-start",
+    topCenter: "toast toast-top toast-center",
     bottomRight: "toast toast-bottom toast-end",
-    bottomLeft: "toast toast-bottom toast-start"
+    bottomLeft: "toast toast-bottom toast-start",
+    bottomCenter: "toast toast-bottom toast-center"
   };
-  return /* @__PURE__ */ i(h, { children: Object.entries(s).map(([n, c]) => c.length === 0 ? null : /* @__PURE__ */ i("div", { className: r[n], children: c.map((a) => /* @__PURE__ */ i(
-    b,
+  return /* @__PURE__ */ s(d, { children: Object.entries(r).map(([n, i]) => i.length === 0 ? null : /* @__PURE__ */ s("div", { className: a[n], children: i.map((l) => /* @__PURE__ */ s(
+    w,
     {
-      notification: a,
-      onClose: () => e.close(a.id)
+      notification: l,
+      onClose: () => t.close(l.id)
     },
-    a.id
+    l.id
   )) }, n)) });
 }
-function b({ notification: e, onClose: t }) {
-  const o = {
+function w({ notification: t, onClose: e }) {
+  const o = t.variant === "compact", r = {
     success: "alert-success",
     error: "alert-error",
     info: "alert-info",
     warning: "alert-warning"
-  }, s = () => {
-    e.onClick && e.onClick();
-  };
-  return /* @__PURE__ */ l(
+  }, a = {
+    success: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ s("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }),
+    error: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ s("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) }),
+    info: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ s("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }),
+    warning: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ s("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) })
+  }, n = () => {
+    t.onClick && t.onClick();
+  }, i = t.icon ?? a[t.type];
+  return o ? /* @__PURE__ */ s(
+    "div",
+    {
+      className: `alert ${r[t.type]} shadow-md py-2 px-4 cursor-pointer${t.className ? ` ${t.className}` : ""}`,
+      style: t.style,
+      "data-testid": t["data-testid"],
+      onClick: n,
+      children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+        i,
+        /* @__PURE__ */ s("span", { children: t.message })
+      ] })
+    }
+  ) : /* @__PURE__ */ c(
     "div",
     {
-      className: `alert ${o[e.type]} shadow-lg cursor-pointer min-w-[300px] max-w-[400px] relative`,
-      onClick: s,
+      className: `alert ${r[t.type]} shadow-lg cursor-pointer min-w-[300px] max-w-[400px] relative${t.className ? ` ${t.className}` : ""}`,
+      style: t.style,
+      "data-testid": t["data-testid"],
+      onClick: n,
       children: [
-        /* @__PURE__ */ l("div", { className: e.closable ? "pr-8" : "", children: [
-          e.message && /* @__PURE__ */ i("div", { className: "font-bold", children: e.message }),
-          e.description && /* @__PURE__ */ i("div", { className: "text-sm", children: e.description })
+        /* @__PURE__ */ c("div", { className: t.closable ? "pr-8" : "", children: [
+          t.message && /* @__PURE__ */ s("div", { className: "font-bold", children: t.message }),
+          t.description && /* @__PURE__ */ s("div", { className: "text-sm", children: t.description })
         ] }),
-        e.closable && /* @__PURE__ */ i(
+        t.closable && /* @__PURE__ */ s(
           "button",
           {
             className: "btn btn-xs btn-ghost btn-circle absolute top-2 right-2",
-            onClick: (r) => {
-              r.stopPropagation(), t();
+            onClick: (l) => {
+              l.stopPropagation(), e();
             },
             children: "✕"
           }
@@ -118,8 +142,8 @@ function b({ notification: e, onClose: t }) {
     }
   );
 }
-const y = new m();
+const C = new m();
 export {
-  y as notification
+  C as notification
 };
 //# sourceMappingURL=Notification.js.map

package/dist/components/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../src/components/Notification.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport ReactDOM from 'react-dom/client'\n\nexport type NotificationType = 'success' | 'info' | 'warning' | 'error'\nexport type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'\n\nexport interface NotificationConfig {\n  message: React.ReactNode\n  description?: React.ReactNode\n  type?: NotificationType\n  duration?: number // in seconds, 0 = no auto close\n  placement?: NotificationPlacement\n  closable?: boolean\n  onClick?: () => void\n  onClose?: () => void\n}\n\ninterface NotificationItem extends NotificationConfig {\n  id: string\n  createdAt: number\n}\n\ntype Listener = () => void\n\nclass NotificationManager {\n  private notifications: NotificationItem[] = []\n  private listeners: Listener[] = []\n  private container: HTMLDivElement | null = null\n  private root: ReactDOM.Root | null = null\n  private idCounter = 0\n\n  subscribe(listener: Listener) {\n    this.listeners.push(listener)\n    return () => {\n      this.listeners = this.listeners.filter((l) => l !== listener)\n    }\n  }\n\n  getNotifications() {\n    return this.notifications\n  }\n\n  private emit() {\n    this.listeners.forEach((listener) => listener())\n  }\n\n  private ensureContainer() {\n    if (!this.container) {\n      this.container = document.createElement('div')\n      document.body.appendChild(this.container)\n      this.root = ReactDOM.createRoot(this.container)\n      this.root.render(<NotificationContainer manager={this} />)\n    }\n  }\n\n  open(config: NotificationConfig) {\n    this.ensureContainer()\n\n    const id = `notification-${++this.idCounter}`\n    const notification: NotificationItem = {\n      ...config,\n      id,\n      createdAt: Date.now(),\n      duration: config.duration ?? 4.5,\n      placement: config.placement ?? 'topRight',\n      closable: config.closable ?? true,\n      type: config.type ?? 'info',\n    }\n\n    this.notifications.push(notification)\n    this.emit()\n\n    // Auto-dismiss\n    if (notification.duration && notification.duration > 0) {\n      setTimeout(() => {\n        this.close(id)\n      }, notification.duration * 1000)\n    }\n\n    return id\n  }\n\n  close(id: string) {\n    const notification = this.notifications.find((n) => n.id === id)\n    this.notifications = this.notifications.filter((n) => n.id !== id)\n    this.emit()\n\n    if (notification?.onClose) {\n      notification.onClose()\n    }\n  }\n\n  success(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'success' })\n  }\n\n  error(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'error' })\n  }\n\n  info(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'info' })\n  }\n\n  warning(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'warning' })\n  }\n\n  destroy() {\n    this.notifications = []\n    this.emit()\n  }\n}\n\ninterface NotificationContainerProps {\n  manager: NotificationManager\n}\n\nfunction NotificationContainer({ manager }: NotificationContainerProps) {\n  const [, forceUpdate] = useState({})\n\n  useEffect(() => {\n    const unsubscribe = manager.subscribe(() => {\n      forceUpdate({})\n    })\n    return unsubscribe\n  }, [manager])\n\n  const notifications = manager.getNotifications()\n\n  // Group by placement\n  const grouped: Record<NotificationPlacement, NotificationItem[]> = {\n    topLeft: [],\n    topRight: [],\n    bottomLeft: [],\n    bottomRight: [],\n  }\n\n  notifications.forEach((notification) => {\n    grouped[notification.placement!].push(notification)\n  })\n\n  const placementClasses: Record<NotificationPlacement, string> = {\n    topRight: 'toast toast-top toast-end',\n    topLeft: 'toast toast-top toast-start',\n    bottomRight: 'toast toast-bottom toast-end',\n    bottomLeft: 'toast toast-bottom toast-start',\n  }\n\n  return (\n    <>\n      {Object.entries(grouped).map(([placement, items]) => {\n        if (items.length === 0) return null\n\n        return (\n          <div key={placement} className={placementClasses[placement as NotificationPlacement]}>\n            {items.map((notification) => (\n              <NotificationItem\n                key={notification.id}\n                notification={notification}\n                onClose={() => manager.close(notification.id)}\n              />\n            ))}\n          </div>\n        )\n      })}\n    </>\n  )\n}\n\ninterface NotificationItemProps {\n  notification: NotificationItem\n  onClose: () => void\n}\n\nfunction NotificationItem({ notification, onClose }: NotificationItemProps) {\n  const alertTypeClasses: Record<NotificationType, string> = {\n    success: 'alert-success',\n    error: 'alert-error',\n    info: 'alert-info',\n    warning: 'alert-warning',\n  }\n\n  const handleClick = () => {\n    if (notification.onClick) {\n      notification.onClick()\n    }\n  }\n\n  return (\n    <div\n      className={`alert ${alertTypeClasses[notification.type!]} shadow-lg cursor-pointer min-w-[300px] max-w-[400px] relative`}\n      onClick={handleClick}\n    >\n      <div className={notification.closable ? 'pr-8' : ''}>\n        {notification.message && <div className=\"font-bold\">{notification.message}</div>}\n        {notification.description && <div className=\"text-sm\">{notification.description}</div>}\n      </div>\n      {notification.closable && (\n        <button\n          className=\"btn btn-xs btn-ghost btn-circle absolute top-2 right-2\"\n          onClick={(e) => {\n            e.stopPropagation()\n            onClose()\n          }}\n        >\n          ✕\n        </button>\n      )}\n    </div>\n  )\n}\n\nexport const notification = new NotificationManager()\n"],"names":["NotificationManager","listener","l","ReactDOM","jsx","NotificationContainer","config","id","notification","n","manager","forceUpdate","useState","useEffect","notifications","grouped","placementClasses","Fragment","placement","items","NotificationItem","onClose","alertTypeClasses","handleClick","jsxs","e"],"mappings":"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"}
+{"version":3,"file":"Notification.js","sources":["../../src/components/Notification.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport ReactDOM from 'react-dom/client'\n\nexport type NotificationType = 'success' | 'info' | 'warning' | 'error'\nexport type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'topCenter' | 'bottomCenter'\nexport type NotificationVariant = 'default' | 'compact'\n\nexport interface NotificationConfig {\n  message: React.ReactNode\n  description?: React.ReactNode\n  type?: NotificationType\n  duration?: number // in seconds, 0 = no auto close\n  placement?: NotificationPlacement\n  variant?: NotificationVariant\n  closable?: boolean\n  icon?: React.ReactNode\n  key?: string\n  className?: string\n  style?: React.CSSProperties\n  'data-testid'?: string\n  onClick?: () => void\n  onClose?: () => void\n}\n\ninterface NotificationItem extends NotificationConfig {\n  id: string\n  createdAt: number\n}\n\ntype Listener = () => void\n\nclass NotificationManager {\n  private notifications: NotificationItem[] = []\n  private listeners: Listener[] = []\n  private container: HTMLDivElement | null = null\n  private root: ReactDOM.Root | null = null\n  private idCounter = 0\n\n  subscribe(listener: Listener) {\n    this.listeners.push(listener)\n    return () => {\n      this.listeners = this.listeners.filter((l) => l !== listener)\n    }\n  }\n\n  getNotifications() {\n    return this.notifications\n  }\n\n  private emit() {\n    this.listeners.forEach((listener) => listener())\n  }\n\n  private ensureContainer() {\n    if (!this.container) {\n      this.container = document.createElement('div')\n      document.body.appendChild(this.container)\n      this.root = ReactDOM.createRoot(this.container)\n      this.root.render(<NotificationContainer manager={this} />)\n    }\n  }\n\n  open(config: NotificationConfig) {\n    this.ensureContainer()\n\n    const id = config.key ?? `notification-${++this.idCounter}`\n    const isCompact = config.variant === 'compact'\n    const notificationItem: NotificationItem = {\n      ...config,\n      id,\n      createdAt: Date.now(),\n      duration: config.duration ?? (isCompact ? 3 : 4.5),\n      placement: config.placement ?? (isCompact ? 'topCenter' : 'topRight'),\n      variant: config.variant ?? 'default',\n      closable: config.closable ?? !isCompact,\n      type: config.type ?? 'info',\n    }\n\n    // If key exists, update the existing notification\n    const existingIndex = this.notifications.findIndex((n) => n.id === id)\n    if (existingIndex !== -1) {\n      this.notifications[existingIndex] = notificationItem\n    } else {\n      this.notifications.push(notificationItem)\n    }\n    this.emit()\n\n    // Auto-dismiss\n    if (notificationItem.duration && notificationItem.duration > 0) {\n      setTimeout(() => {\n        this.close(id)\n      }, notificationItem.duration * 1000)\n    }\n\n    return id\n  }\n\n  close(id: string) {\n    const notification = this.notifications.find((n) => n.id === id)\n    this.notifications = this.notifications.filter((n) => n.id !== id)\n    this.emit()\n\n    if (notification?.onClose) {\n      notification.onClose()\n    }\n  }\n\n  success(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'success' })\n  }\n\n  error(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'error' })\n  }\n\n  info(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'info' })\n  }\n\n  warning(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'warning' })\n  }\n\n  destroy() {\n    this.notifications = []\n    this.emit()\n  }\n}\n\ninterface NotificationContainerProps {\n  manager: NotificationManager\n}\n\nfunction NotificationContainer({ manager }: NotificationContainerProps) {\n  const [, forceUpdate] = useState({})\n\n  useEffect(() => {\n    const unsubscribe = manager.subscribe(() => {\n      forceUpdate({})\n    })\n    return unsubscribe\n  }, [manager])\n\n  const notifications = manager.getNotifications()\n\n  // Group by placement\n  const grouped: Record<NotificationPlacement, NotificationItem[]> = {\n    topLeft: [],\n    topRight: [],\n    topCenter: [],\n    bottomLeft: [],\n    bottomRight: [],\n    bottomCenter: [],\n  }\n\n  notifications.forEach((notification) => {\n    grouped[notification.placement!].push(notification)\n  })\n\n  const placementClasses: Record<NotificationPlacement, string> = {\n    topRight: 'toast toast-top toast-end',\n    topLeft: 'toast toast-top toast-start',\n    topCenter: 'toast toast-top toast-center',\n    bottomRight: 'toast toast-bottom toast-end',\n    bottomLeft: 'toast toast-bottom toast-start',\n    bottomCenter: 'toast toast-bottom toast-center',\n  }\n\n  return (\n    <>\n      {Object.entries(grouped).map(([placement, items]) => {\n        if (items.length === 0) return null\n\n        return (\n          <div key={placement} className={placementClasses[placement as NotificationPlacement]}>\n            {items.map((notification) => (\n              <NotificationItem\n                key={notification.id}\n                notification={notification}\n                onClose={() => manager.close(notification.id)}\n              />\n            ))}\n          </div>\n        )\n      })}\n    </>\n  )\n}\n\ninterface NotificationItemProps {\n  notification: NotificationItem\n  onClose: () => void\n}\n\nfunction NotificationItem({ notification, onClose }: NotificationItemProps) {\n  const isCompact = notification.variant === 'compact'\n\n  const alertTypeClasses: Record<NotificationType, string> = {\n    success: 'alert-success',\n    error: 'alert-error',\n    info: 'alert-info',\n    warning: 'alert-warning',\n  }\n\n  const typeIcons: Record<NotificationType, React.ReactNode> = {\n    success: <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clipRule=\"evenodd\" /></svg>,\n    error: <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\" clipRule=\"evenodd\" /></svg>,\n    info: <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clipRule=\"evenodd\" /></svg>,\n    warning: <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clipRule=\"evenodd\" /></svg>,\n  }\n\n  const handleClick = () => {\n    if (notification.onClick) {\n      notification.onClick()\n    }\n  }\n\n  const icon = notification.icon ?? typeIcons[notification.type!]\n\n  if (isCompact) {\n    return (\n      <div\n        className={`alert ${alertTypeClasses[notification.type!]} shadow-md py-2 px-4 cursor-pointer${notification.className ? ` ${notification.className}` : ''}`}\n        style={notification.style}\n        data-testid={notification['data-testid']}\n        onClick={handleClick}\n      >\n        <div className=\"flex items-center gap-2\">\n          {icon}\n          <span>{notification.message}</span>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className={`alert ${alertTypeClasses[notification.type!]} shadow-lg cursor-pointer min-w-[300px] max-w-[400px] relative${notification.className ? ` ${notification.className}` : ''}`}\n      style={notification.style}\n      data-testid={notification['data-testid']}\n      onClick={handleClick}\n    >\n      <div className={notification.closable ? 'pr-8' : ''}>\n        {notification.message && <div className=\"font-bold\">{notification.message}</div>}\n        {notification.description && <div className=\"text-sm\">{notification.description}</div>}\n      </div>\n      {notification.closable && (\n        <button\n          className=\"btn btn-xs btn-ghost btn-circle absolute top-2 right-2\"\n          onClick={(e) => {\n            e.stopPropagation()\n            onClose()\n          }}\n        >\n          ✕\n        </button>\n      )}\n    </div>\n  )\n}\n\nexport const notification = new NotificationManager()\n"],"names":["NotificationManager","listener","l","ReactDOM","jsx","NotificationContainer","config","id","isCompact","notificationItem","existingIndex","n","notification","manager","forceUpdate","useState","useEffect","notifications","grouped","placementClasses","Fragment","placement","items","NotificationItem","onClose","alertTypeClasses","typeIcons","handleClick","icon","jsxs","e"],"mappings":"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"}